@{
    ViewBag.Title = "分区管理";
    Layout = "~/Views/Shared/_LayoutIndex.cshtml";
}

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=@System.Configuration.ConfigurationManager.AppSettings["BaiduMapAK"]"></script>
<script type="text/javascript" src="http://api.map.baidu.com/library/DrawingManager/1.4/src/DrawingManager_min.js"></script>
<link rel="stylesheet" href="http://api.map.baidu.com/library/DrawingManager/1.4/src/DrawingManager_min.css" />
<script src="~/Areas/PipeNetworkManage/Content/pipe-map.js"></script>
<link href="~/Areas/PipeNetworkManage/Content/pipe-map.css" rel="stylesheet" />

<script>
    $(document).ready(function () {
        InitialPage();
        initBaiduMap("@System.Configuration.ConfigurationManager.AppSettings["LngAndLat"].Split('|')[0]", "@System.Configuration.ConfigurationManager.AppSettings["LngAndLat"].Split('|')[1]",@System.Configuration.ConfigurationManager.AppSettings["MapZoon"]);
        InitialPipeArea();
        //InitialColor();
        checkBoxChange();
    });
</script>

<div class="ui-layout" id="layout" style="height: 100%; width: 100%;">
    <div class="ui-layout-west " id="west_pipeArea">
        <div class="west-Panel">
            <div class="panel-Title">
                <input type="button" class="btn btn-primary" value="新建管网" style="width:80%" onclick="addPipeArea()" />
            </div>
            <div id="itemTree">
                <div class="pipeAreaListHome">
                    <div class="row">
                        <div class="col-xs-6 areaNum" id="areaNum"></div>
                        <div class="col-xs-6 lineNum" id="lineNum"></div>
                    </div>
                </div>
                <div class="pipeAreaList" id="pipeAreaList">

                </div>
            </div>
        </div>
    </div>
    <div class="ui-layout-west" id="west_pipeLine" style="display:none">
        <div class="west-Panel">
            <div class="panel-Title">
                <input type="button" class="btn btn-primary" value="新建管线" style="width:80%" onclick="addPipeLine()" />
            </div>
            <input type="hidden" id="hid_area_id" />
            <div id="itemTree_line">
                <div class="pipeAreaListHome">
                    <div class="row">
                        <div class="col-xs-12 text-center " id="areaName">一区管线图</div>
                    </div>
                </div>
                <input type='hidden' value='' class='areaId' />
                <div class="pipeAreaList" id="pipeLineList">
                </div>
                <div class="rebackBtn">
                    <input type="button" class="btn btn-primary"  value="返回" onclick="showPipeArea()"/>
                </div>
            </div>
        </div>
    </div>

    <div class="ui-layout-center">
        <div class="center-Panel">
            <div id="tabs">
                <div id="tabs-1">
                    <div class="titlePanel">
                        <div class="title-search">
                            <table>
                                <tr>
                                    <td id="r_title" style="padding-left: 10px;font-size: 16px;font-weight: bold;color: #4C58A4">
                                        <i style="font-size: 20px;margin-right: 5px" class="fa fa-home"></i>管网地图
                                    </td>
                                </tr>
                            </table>
                        </div>
                        <div class="toolbar">
                            <div class="btn-group">
                                <a id="pReplace" class="btn btn-default" onclick="reload();"><i class="fa fa-refresh"></i>&nbsp;刷新</a>
                            </div>
                        </div>
                    </div>
                    <div class="partitionsContainer">
                        <ul>
                            <li id="mapLi" style="width: 100%">
                                <div id='allmap' style='width: 100%; height: 100%;'></div>
                                <div class="btnWrapper" id="btnWrapper" style="display:none">
                                    <div class="item keep" onclick="drow()">绘制</div>                                   
                                    <div class="item save" style="display: none;" onclick="save()">保存</div>
                                </div>
                               `
                                @*<div style="position:absolute;top: 80px;right: 20px;background-color: white;width: 130px;height: 90px;">
                                        <div class="checkbox-wrap">
                                            <input type="checkbox" checked name="choose" id="cdma">
                                                <label class="clable" for="cdma">DMA分区</label>
                                            <input type="checkbox" checked name="choose" id="cpipe">
                                            <label class="clable" for="cpipe">管网</label>
                                        </div>
                                    </div>*@
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>