网格

2 years ago · 17668f5f0a
parent df9adc627b
commit 17668f5f0a
16 changed files with 514 additions and 161 deletions
--- a/css/wg.css
+++ b/css/wg.css
@ -0,0 +1,194 @@
+.wg-container {
+    position: fixed;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0, 0, 0, 0.5);
+    z-index: 99999999;
+}
+
+.wg {
+    position: relative;
+    width: 1793px;
+    height: 828px;
+    background-image: url("../img/wg/5.png");
+    margin: 150px auto;
+}
+
+
+.wg-header span {
+    position: absolute;
+    display: block;
+    left: 50%;
+    top: 30px;
+    transform: translateX(-50%);
+    font-size: 34px;
+    font-family: OPPOSans-B, OPPOSans;
+    font-weight: normal;
+    color: #00FFF0;
+    text-shadow: 0px 0px 12px rgba(86, 254, 254, 0.34);
+}
+
+.wg-header img {
+    position: absolute;
+    right: 56px;
+    top: 30px;
+    width: 42px;
+    height: 42px;
+    cursor: pointer;
+}
+
+.wg-header img:hover {
+    width: 52px;
+    height: 52px;
+    right: 51px;
+    top: 25px;
+}
+
+.wg-contain {
+    display: flex;
+    padding-top: 100px;
+}
+
+.wg-con-left {
+    width: 238px;
+    margin-top: 13px;
+    background-color: rgba(13, 50, 57, 0.8);
+    margin-left: 5px;
+    height: 680px;
+}
+
+.wg-con-left .wg-con-left-fir {
+    width: 238px;
+    text-align: center;
+}
+
+.wg-con-left .wg-con-left-fir .wg-fir-name {
+    display: block;
+    background-image: url('../img/wg/1.png');
+    line-height: 62px;
+    font-size: 28px;
+    font-weight: bold;
+    color: #ffffff;
+    height: 62px;
+    background-size: 100% 100%;
+    text-align: center;
+}
+
+.wg-con-left .wg-con-left-sec {
+    width: 242px;
+    margin-top: 2px;
+    padding: 0;
+}
+
+.wg-con-left .wg-con-left-sec .wg-sec-name {
+    display: block;
+    height: 42px;
+    background-image: url('../img/wg/4.png');
+    background-size: 100% 100%;
+    font-size: 18px;
+    line-height: 42px;
+
+}
+
+
+
+.wg-con-left .wg-con-left-thr {
+    width: 242px;
+    margin-top: 2px;
+    padding: 0;
+}
+
+.wg-con-left .wg-con-left-thr-item {
+    width: 242px;
+    height: 35px;
+    font-size: 14px;
+    line-height: 35px;
+}
+
+.wg-con-right .wg-right-control {
+    width: 100%;
+    display: flex;
+    height: 50px;
+    justify-content: space-between;
+    margin-top: 10px;
+    align-items: center;
+}
+
+.wg-right-control .wg-right-control-btn {
+    display: flex;
+    width: 100%;
+    justify-content: space-between;
+
+}
+
+.wg-right-control .wg-right-control-btn div {
+    background-image: url('../img/wg/9.png');
+    background-size: 100% 100%;
+    height: 40px;
+    padding: 0 20px;
+    box-sizing: border-box;
+    line-height: 40px;
+    cursor: pointer;
+    margin-left: 20px;
+}
+.wg-right-control .wg-right-control-btn .wg-control-tab2{
+margin-right: 50px;
+}
+.wg-right-control .wg-right-control-btn .wg-active {
+    background-image: url('../img/wg/8.png');
+}
+
+.wg-control-content {
+    display: flex;
+}
+.wg-con-right{
+    width: 100%;
+}
+
+
+.wg-con-right .wg-ri-card {
+    width: 100%;
+    flex-wrap: wrap;
+}
+
+.wg-con-right .wg-ri-item {
+    background-color: rgb(12, 69, 76);
+    width: 240px;
+    height: 130px;
+    box-sizing: border-box;
+    padding: 25px 0px 0px 15px;
+    border-radius: 5px;
+    margin: 20px;
+}
+
+.wg-con-right .wg-ri-item ul {
+    display: flex;
+    flex-wrap: wrap;
+    width: 100%;
+    padding: 0;
+}
+
+.wg-con-right .wg-ri-item ul li {
+    display: flex;
+    justify-content: start;
+    margin-top: 10px;
+}
+
+.wg-con-right .wg-ri-item .wg-ri-item-fir .tit {
+    font-size: 24px;
+}
+
+.wg-con-right .wg-ri-item .wg-ri-item-fir span {
+    margin-right: 20px;
+}
+.wg-ri-img{
+    width: 100%;
+    height: 100%;
+    justify-content: center;
+    align-items: center;
+}
+.wg-ri-img img{
+    height: 500px;
+}
--- a/img/wg/1.png
+++ b/img/wg/1.png
--- a/img/wg/10.png
+++ b/img/wg/10.png
--- a/img/wg/11.png
+++ b/img/wg/11.png
--- a/img/wg/2.png
+++ b/img/wg/2.png
--- a/img/wg/3.png
+++ b/img/wg/3.png
--- a/img/wg/4.png
+++ b/img/wg/4.png
--- a/img/wg/5.png
+++ b/img/wg/5.png
--- a/img/wg/6.png
+++ b/img/wg/6.png
--- a/img/wg/7.png
+++ b/img/wg/7.png
--- a/img/wg/8.png
+++ b/img/wg/8.png
--- a/img/wg/9.png
+++ b/img/wg/9.png
--- a/img/wg/白埠.jpg
+++ b/img/wg/白埠.jpg
--- a/index.html
+++ b/index.html
@ -18,17 +18,23 @@
  <meta name="apple-mobile-web-app-title" content=" MarsGIS" />
  <!-- Win8标题栏及ICON图标 -->
  <meta name="msapplication-TileColor" content="#62a8ea" />
+
+  <script type="text/javascript" src="/lib/jquery/jquery-2.1.4.min.js"></script>
  <!-- URL配置信息 -->
  <script src="js/config.js"></script>

  <link href="css/style.css" rel="stylesheet" />
+  <!-- 网格化 -->
+  <link href="css/wg.css" rel="stylesheet" />
+
  <link href="./css/index.css" rel="stylesheet" />
  <script type="text/javascript" src="lib/include-lib.js?time=20210105" libpath="lib/"
    include="jquery,jquery.range,bootstrap,bootstrap-checkbox,font-awesome,web-icons,layer,haoutil,nprogress,toastr,admui,turf,mars3d,mars3d-widget,mars3d-esri,mars3d-echarts"></script>
-  <script type="text/javascript" src="/lib/jquery/jquery-2.1.4.min.js"></script>
+
  <script type="text/javascript" src="http://9snow.org/weather/api?city=临沂&var=test1&jsoncallback=?"></script>
  <!-- 弹窗拖拽插件 -->
  <script src="/lib/drag.js"></script>
+  
  <!-- turf计算最短距离 -->
  <script src="/lib/turf/turf.min.js"></script>
  <!-- 腾讯云视频直播 -->
@ -62,7 +68,7 @@
      </div>
    </div>
    <!-- 中间样式 -->
-    <div class="conter-left"> 
+    <div class="conter-left">
      <div class="conter-btn">
        <p class="onep btnactive" id="tscl">图上量算</p>
        <p class="twop" id="tsbh">图上标绘</p>
@ -130,21 +136,39 @@
      </div>
      <div class="biaohui">
        <div class="biaohuimax">
-          <div class="biaohuiimg" style="background-image: url(/img/homeimg/hzd.png);background-size: 100% 100%;" onclick="drawMarker('/img/homeimg/1.png')"></div>
-          <div class="biaohuiimg"style="background-image: url(/img/homeimg/shuiyuandian.png);background-size: 100% 100%;" onclick="drawMarker('/img/homeimg/2.png')"></div>
-          <div class="biaohuiimg"style="background-image: url(/img/homeimg/xiaofangche.png);background-size: 100% 100%;"onclick="drawMarker('/img/homeimg/3.png')"></div>
-          <div class="biaohuiimg"style="background-image: url(/img/homeimg/xiaofangshebei.png);background-size: 100% 100%;"onclick="drawMarker('/img/homeimg/4.png')"></div>
-          <div class="biaohuiimg" style="background-image: url(/img/homeimg/qizhi.png);background-size: 100% 100%;"onclick="drawMarker('/img/homeimg/5.png')"></div>
-          <div class="biaohuiimg" style="background-image: url(/img/homeimg/renyuan.png);background-size: 100% 100%;"onclick="drawMarker('/img/homeimg/6.png')"></div>
-          <div class="biaohuiimg" style="background-image: url(/img/homeimg/ptbjd.png);background-size: 100% 100%;"onclick="drawMarker('/img/homeimg/7.png')"></div>
-          <div class="biaohuiimg" style="background-image: url(/img/homeimg/qidian.png);background-size: 100% 100%;"onclick="drawMarker('/img/homeimg/8.png')"></div>
-          <div class="biaohuiimg" style="background-image: url(/img/homeimg/zhongdian.png);background-size: 100% 100%;"onclick="drawMarker('/img/homeimg/9.png')"></div>
-          <div class="biaohuiimg" style="background-image: url(/img/homeimg/mian.png);background-size: 100% 100%;"onclick="drawPolygon('polygon')"></div>
-          <div class="biaohuiimg" style="background-image: url(/img/homeimg/xian.png);background-size: 100% 100%;"onclick="drawCurve()"></div>
-          <div class="biaohuiimg" style="background-image: url(/img/homeimg/yuan.png);background-size: 100% 100%;"onclick="drawPolygon('circle')"></div>
-          <div class="biaohuiimg" style="background-image: url(/img/homeimg/gongji.png);background-size: 100% 100%;"onclick="drawPolygon('attackArrow')"></div>
-          <div class="biaohuiimg" style="background-image: url(/img/homeimg/qianji.png);background-size: 100% 100%;"onclick="drawPolygon('doubleArrow')"></div>
-          <div class="biaohuiimg" style="background-image: url(/img/homeimg/bihe.png);background-size: 100% 100%;"onclick="drawPolygon('closeVurve')"></div>
+          <div class="biaohuiimg" style="background-image: url(/img/homeimg/hzd.png);background-size: 100% 100%;"
+            onclick="drawMarker('/img/homeimg/1.png')"></div>
+          <div class="biaohuiimg"
+            style="background-image: url(/img/homeimg/shuiyuandian.png);background-size: 100% 100%;"
+            onclick="drawMarker('/img/homeimg/2.png')"></div>
+          <div class="biaohuiimg"
+            style="background-image: url(/img/homeimg/xiaofangche.png);background-size: 100% 100%;"
+            onclick="drawMarker('/img/homeimg/3.png')"></div>
+          <div class="biaohuiimg"
+            style="background-image: url(/img/homeimg/xiaofangshebei.png);background-size: 100% 100%;"
+            onclick="drawMarker('/img/homeimg/4.png')"></div>
+          <div class="biaohuiimg" style="background-image: url(/img/homeimg/qizhi.png);background-size: 100% 100%;"
+            onclick="drawMarker('/img/homeimg/5.png')"></div>
+          <div class="biaohuiimg" style="background-image: url(/img/homeimg/renyuan.png);background-size: 100% 100%;"
+            onclick="drawMarker('/img/homeimg/6.png')"></div>
+          <div class="biaohuiimg" style="background-image: url(/img/homeimg/ptbjd.png);background-size: 100% 100%;"
+            onclick="drawMarker('/img/homeimg/7.png')"></div>
+          <div class="biaohuiimg" style="background-image: url(/img/homeimg/qidian.png);background-size: 100% 100%;"
+            onclick="drawMarker('/img/homeimg/8.png')"></div>
+          <div class="biaohuiimg" style="background-image: url(/img/homeimg/zhongdian.png);background-size: 100% 100%;"
+            onclick="drawMarker('/img/homeimg/9.png')"></div>
+          <div class="biaohuiimg" style="background-image: url(/img/homeimg/mian.png);background-size: 100% 100%;"
+            onclick="drawPolygon('polygon')"></div>
+          <div class="biaohuiimg" style="background-image: url(/img/homeimg/xian.png);background-size: 100% 100%;"
+            onclick="drawCurve()"></div>
+          <div class="biaohuiimg" style="background-image: url(/img/homeimg/yuan.png);background-size: 100% 100%;"
+            onclick="drawPolygon('circle')"></div>
+          <div class="biaohuiimg" style="background-image: url(/img/homeimg/gongji.png);background-size: 100% 100%;"
+            onclick="drawPolygon('attackArrow')"></div>
+          <div class="biaohuiimg" style="background-image: url(/img/homeimg/qianji.png);background-size: 100% 100%;"
+            onclick="drawPolygon('doubleArrow')"></div>
+          <div class="biaohuiimg" style="background-image: url(/img/homeimg/bihe.png);background-size: 100% 100%;"
+            onclick="drawPolygon('closeVurve')"></div>
        </div>
        <div>
          <button onclick="bhremoveAll()" type="button" class="btn"
@ -168,7 +192,7 @@
        <p class="tdtdztext"> 电子地图 </p>
      </div>
    </div>
-<!-- -->
+    <!-- -->
    <div id="mars3dContainer" class="mars3d-container"></div>
  </div>
  <div id="mask" class="signmask"></div>
@ -185,41 +209,41 @@

  <!-- 最短路线优化 -->
  <div class="nearest-path-container">
-      <div class="title">最优路线规划</div>
-      <div class="container">
-        <div class="start-point">起 点：<input type="text" id="startInput" />
-          <div class="btn" id="startPoint">
-            <img src="./img/point.png" alt="">
-          </div>
+    <div class="title">最优路线规划</div>
+    <div class="container">
+      <div class="start-point">起 点：<input type="text" id="startInput" />
+        <div class="btn" id="startPoint">
+          <img src="./img/point.png" alt="">
        </div>
+      </div>

-        <div class="end-point">终 点：<input type="text" id="endInput" />
-          <div class="btn" id="endPoint">
-            <img src="./img/point.png" alt="">
-          </div>
-          <div class="button" style="background:orange;" id="clearNearPathButton">重新规划</div>
-          <div class="button" id="getNearPathButton">规划路线</div>
-          <div class="button" id="flyPathButton" data-play="false">开始漫游</div>
+      <div class="end-point">终 点：<input type="text" id="endInput" />
+        <div class="btn" id="endPoint">
+          <img src="./img/point.png" alt="">
+        </div>
+        <div class="button" style="background:orange;" id="clearNearPathButton">重新规划</div>
+        <div class="button" id="getNearPathButton">规划路线</div>
+        <div class="button" id="flyPathButton" data-play="false">开始漫游</div>
      </div>
    </div>
  </div>

-    <!-- 自动寻路 -->
+  <!-- 自动寻路 -->
  <div class="auto-find-road">
-      <div class="title">自动寻路</div>
-      <div class="container">
-        <div class="start-point">起 点：<input type="text" id="auto-start-input" />
-          <div class="btn" id="auto-start-point">
-            <img src="./img/point.png" alt="">
-          </div>
+    <div class="title">自动寻路</div>
+    <div class="container">
+      <div class="start-point">起 点：<input type="text" id="auto-start-input" />
+        <div class="btn" id="auto-start-point">
+          <img src="./img/point.png" alt="">
        </div>
+      </div>

-        <div class="end-point">终 点：<input type="text" id="auto-end-input" />
-          <div class="btn" id="auto-end-point">
-            <img src="./img/point.png" alt="">
-          </div>
-          <div class="button" style="background:orange;" id="clear-auto-road-button">重新规划</div>
-          <div class="button" id="get-auto-road-button">规划路线</div>
+      <div class="end-point">终 点：<input type="text" id="auto-end-input" />
+        <div class="btn" id="auto-end-point">
+          <img src="./img/point.png" alt="">
+        </div>
+        <div class="button" style="background:orange;" id="clear-auto-road-button">重新规划</div>
+        <div class="button" id="get-auto-road-button">规划路线</div>
      </div>
    </div>
  </div>
@ -234,11 +258,12 @@
  <div class="uav-video-container">
    <div class="title">
      <span class="title-span">DJ Mavic 2 Air巡航视频</span>
-      <span style="float:right;margin-right:30px;cursor:pointer;font-size:24px;" onclick="$('.uav-video-container').hide();">&times;</span>
+      <span style="float:right;margin-right:30px;cursor:pointer;font-size:24px;"
+        onclick="$('.uav-video-container').hide();">&times;</span>
    </div>
    <div class="container">
      <video id="player-container-id" width="295px" height="140px" autoplay preload="auto" playsinline
-          webkit-playsinline>
+        webkit-playsinline>
      </video>
    </div>
  </div>
@ -251,7 +276,7 @@
    </div>
    <div class="search-result-list" id="search-result-list">
      <div class="search-result" id="wurenji">
-        
+
      </div>
    </div>
  </div>
@ -259,7 +284,8 @@
  <!-- 护林员 -->
  <div class="tree drag" id="tree">
    <div class="title handler"><span id="tree-title"></span>
-      <div class="close-btn" onclick='$("#tree").hide()'><img src="/img/dialog-close-btn.png" id="closeNearByWindowBtn" alt="">
+      <div class="close-btn" onclick='$("#tree").hide()'><img src="/img/dialog-close-btn.png" id="closeNearByWindowBtn"
+          alt="">
      </div>
    </div>
    <div class="search-result-list" id="tree-search-result-list">
@ -279,8 +305,125 @@

  <!-- 数量统计 -->
  <div class="count-sum">
-      <div class="count-sum-title">防火信息数量统计</div>
+    <div class="count-sum-title">防火信息数量统计</div>
  </div>
+  <div class="wg-container">
+    <div class="wg">
+      <div class="wg-header">
+        <span>网格化管理</span>
+        <img src="./img/wg/2.png" alt="">
+      </div>
+      <div class="wg-contain">
+        <div class="wg-con-left">
+          <div class="wg-con-left-fir">
+            <span class="wg-fir-name">探沂镇</span>
+            <ul class="wg-con-left-sec">
+              <span class="wg-sec-name">探沂街道</span>
+              <li class="wg-con-left-sec-item">
+                <ul class="wg-con-left-thr">
+                  <li class="wg-con-left-thr-item">
+                    <span>社区一</span>
+                  </li>
+                  <li class="wg-con-left-thr-item">
+                    <span>社区一</span>
+                  </li>
+                </ul>
+              </li>
+            </ul>
+          </div>
+          <div class="wg-con-left-fir">
+            <span class="wg-fir-name">探沂镇</span>
+            <ul class="wg-con-left-sec">
+              <span class="wg-sec-name">探沂街道</span>
+              <li class="wg-con-left-sec-item">
+                <ul class="wg-con-left-thr">
+                  <li class="wg-con-left-thr-item">
+                    <span>社区一</span>
+                  </li>
+                  <li class="wg-con-left-thr-item">
+                    <span>社区一</span>
+                  </li>
+                </ul>
+              </li>
+            </ul>
+            <ul class="wg-con-left-sec">
+              <span class="wg-sec-name">探沂街道</span>
+              <li class="wg-con-left-sec-item">
+                <ul class="wg-con-left-thr">
+                  <li class="wg-con-left-thr-item">
+                    <span>社区一</span>
+                  </li>
+                  <li class="wg-con-left-thr-item">
+                    <span>社区一</span>
+                  </li>
+                </ul>
+              </li>
+            </ul>
+          </div>
+        </div>
+        <div class="wg-con-right">
+          <div class="wg-right-control">
+            <div class="wg-right-control-btn">
+              <div class="wg-control-tab wg-active">网格员</div>
+              <div class="wg-control-tab wg-control-tab2" id="show-wg-img">网格区划图</div>
+            </div>
+            <!-- <div>
+
+            </div> -->
+          </div>
+          <div class="wg-ri-card wg-control-content" data-tab="wg-control-tab1">
+            <ul class="wg-ri-item">
+              <li class="wg-ri-item-fir">
+                <span class="tit">第一网格</span>
+                <span>788户188人</span>
+              </li>
+              <li class="wg-ri-item-fir">
+                <span>张山</span>
+                <span>18886661812</span>
+              </li>
+              <li class="wg-ri-item-fir">
+                <span>村委富数据</span>
+                <span>计生办主任</span>
+              </li>
+            </ul>
+            <ul class="wg-ri-item">
+              <li class="wg-ri-item-fir">
+                <span class="tit">第一网格</span>
+                <span>788户188人</span>
+              </li>
+              <li class="wg-ri-item-fir">
+                <span>张山</span>
+                <span>18886661812</span>
+              </li>
+              <li class="wg-ri-item-fir">
+                <span>村委富数据</span>
+                <span>计生办主任</span>
+              </li>
+            </ul>
+            <ul class="wg-ri-item">
+              <li class="wg-ri-item-fir">
+                <span class="tit">第一网格</span>
+                <span>788户188人</span>
+              </li>
+              <li class="wg-ri-item-fir">
+                <span>张山</span>
+                <span>18886661812</span>
+              </li>
+              <li class="wg-ri-item-fir">
+                <span>村委富数据</span>
+                <span>计生办主任</span>
+              </li>
+            </ul>
+
+          </div>
+          
+        </div>
+
+      </div>
+    </div>
+
+  </div>
+

  <script type="text/javascript">
    // 获取时间/天气
@ -306,89 +449,89 @@


      $.ajax({
-        url: netBASE_URL+"/api/TableDataStatistics/GetTableListCount",
+        url: netBASE_URL + "/api/TableDataStatistics/GetTableListCount",
        type: 'GET',
-        headers:{
-          "X-Token":"6190b80a"
+        headers: {
+          "X-Token": "6190b80a"
        },
        success: function (data) {
          loadCountSum(data.result);
        }
      });
-      
-      function loadCountSum(data){
-        console.log("data",data);
+
+      function loadCountSum(data) {
+        console.log("data", data);
        let dataJson = [
          {
-            title:"防火检查站",
-            value:32,
-            icon:"/img/center.png",
-            color:"#f79817",
-            label:"jianchazhan"
-          },{
-            title:"防火检查点",
-            value:0,
-            icon:"/img/jianchadian.png",
-            color:"#12b9fa",
-            label:"jianchadian"
-          },{
-            title:"瞭望台",
-            value:0,
-            icon:"/img/liaowangtai.png",
-            color:"#19ddb2",
-            label:"liaowangtai"
-          },{
-            title:"森林向导",
-            value:0,
-            icon:"/img/xiangdao.png",
-            color:"#7e27e0",
-            label:"xiangdao"
-          },{
-            title:"防火驿站",
-            value:0,
-            icon:"/img/fanghuoyizhan.png",
-            color:"#c12727",
-            label:"fanghuoyizhan"
-          },{
-            title:"护林点",
-            value:0,
-            icon:"/img/slbh.png",
-            color:"#04c628",
-            label:"hulindian"
-          },{
-            title:"驻防队伍",
-            value:0,
-            icon:"/img/zhuzhaduiwu.png",
-            color:"#ef207c",
-            label:"zhufangduiwu"
-          },{
-            title:"物资储备",
-            value:0,
-            icon:"/img/wuzichubei.png",
-            color:"#1cbacf",
-            label:"wuzichubeidian"
-          },{
-            title:"水库",
-            value:0,
-            icon:"/img/xushuichi.png",
-            color:"#c90bcb",
-            label:"shuiyuandishuiku"
-          },{
-            title:"塘坝",
-            value:0,
-            icon:"/img/water-already.png",
-            color:"#c064ef",
-            label:"shuiyuanditangba"
-          },{
-            title:"蓄水池",
-            value:0,
-            icon:"/img/water-creating.png",
-            color:"#e63bc5",
-            label:"shuiyuandixushuichi"
+            title: "防火检查站",
+            value: 32,
+            icon: "/img/center.png",
+            color: "#f79817",
+            label: "jianchazhan"
+          }, {
+            title: "防火检查点",
+            value: 0,
+            icon: "/img/jianchadian.png",
+            color: "#12b9fa",
+            label: "jianchadian"
+          }, {
+            title: "瞭望台",
+            value: 0,
+            icon: "/img/liaowangtai.png",
+            color: "#19ddb2",
+            label: "liaowangtai"
+          }, {
+            title: "森林向导",
+            value: 0,
+            icon: "/img/xiangdao.png",
+            color: "#7e27e0",
+            label: "xiangdao"
+          }, {
+            title: "防火驿站",
+            value: 0,
+            icon: "/img/fanghuoyizhan.png",
+            color: "#c12727",
+            label: "fanghuoyizhan"
+          }, {
+            title: "护林点",
+            value: 0,
+            icon: "/img/slbh.png",
+            color: "#04c628",
+            label: "hulindian"
+          }, {
+            title: "驻防队伍",
+            value: 0,
+            icon: "/img/zhuzhaduiwu.png",
+            color: "#ef207c",
+            label: "zhufangduiwu"
+          }, {
+            title: "物资储备",
+            value: 0,
+            icon: "/img/wuzichubei.png",
+            color: "#1cbacf",
+            label: "wuzichubeidian"
+          }, {
+            title: "水库",
+            value: 0,
+            icon: "/img/xushuichi.png",
+            color: "#c90bcb",
+            label: "shuiyuandishuiku"
+          }, {
+            title: "塘坝",
+            value: 0,
+            icon: "/img/water-already.png",
+            color: "#c064ef",
+            label: "shuiyuanditangba"
+          }, {
+            title: "蓄水池",
+            value: 0,
+            icon: "/img/water-creating.png",
+            color: "#e63bc5",
+            label: "shuiyuandixushuichi"
          }
        ]
-        
-        for(let i=0;i<dataJson.length;i++){
+
+        for (let i = 0; i < dataJson.length; i++) {
          dataJson[i].value = data[dataJson[i].label]
          $(".count-sum").append(`<div class="sum-item">
        <div class="sum-item-icon">
@ -400,7 +543,7 @@
        </div>
      </div>`);
        }
-        
+
      }
    })
    // 退出登录
@ -426,7 +569,7 @@
      $(".auto-find-road").toggle();
      pathPointGraphicLayer.clear();
    })
-    
+
    // 卫星地图
    $('#tdtwx').click(function () {
      $('.tdtwxtext').addClass('active')
@ -455,12 +598,17 @@
      $(".biaohui").show();
    })

-  </script>
+  </script> -->
  <!--业务代码-->
  <script src="./js/authcheck.js"></script>
  <script src="js/server.js"></script>
  <script src="js/index.js"></script>
+  <script src="js/wg.js"></script>

 </body>

+<script>
+
+</script>
+
 </html>
--- a/js/index.js
+++ b/js/index.js
@ -121,7 +121,7 @@ $("#chk_onlyPickModelPosition").change(function () {
 // 切换单位
 $("#measure_length_danwei").change(function (e) {
  danwei = $("#measure_length_danwei").val();
-  console.log(danwei);
+  // console.log(danwei);
  // measure.updateUnit(danwei);
 });
 //清除图层
@ -190,7 +190,7 @@ function bhremoveAll() {
 var timeTik
 function showEditor(e) {
  var graphic = e.graphic
-  console.log("graphic", graphic)
+  // console.log("graphic", graphic)
  clearTimeout(timeTik)
  if (!graphic._conventStyleJson) {
    graphic.options.style = graphic.toJSON().style //因为示例中的样式可能有复杂对象，需要转为单个json简单对象
@ -466,10 +466,10 @@ $(document).ready(function () {
      dataType:"json",
      url:BASE_URL+"/applicationMars/getApplicationInfo",
      success:function(data){
-        console.log("data111222",data);
+        // console.log("data111222",data);
        let groupArray = [];
        data.data.forEach((item,index)=>{
-          console.log("item",item)
+          // console.log("item",item)
          let group = JSON.parse(item.attr);
          // if(group!=null && group.id){
          //   configLayers.push(group);
@ -478,7 +478,7 @@ $(document).ready(function () {
            item.children.forEach((it,idx)=>{
              if(it.pattribute){
                let gropAttr = JSON.parse(it.pattribute);
-                console.log("pattribute",gropAttr);
+                // console.log("pattribute",gropAttr);

                let arr = groupArray.find((i,d)=>{
                  return gropAttr.name == i;
@ -494,10 +494,10 @@ $(document).ready(function () {
            })
          }
        })
-        console.log("configLayers",configLayers);
+        // console.log("configLayers",configLayers);
        config.map3d.layers = configLayers

-        console.log("config.map3d.layers",config.map3d.layers)
+        // console.log("config.map3d.layers",config.map3d.layers)
        //构建地图
        initMap(config.map3d);
        setTimeout(removeMask, 3000); //欢迎UI关闭处理
@ -584,16 +584,12 @@ function initMap(mapOptions) {
  getLoadReservoirData();
  //创建三维地球场景
  map = new mars3d.Map('mars3dContainer', mapOptions)
-<<<<<<< .mine
+

  // 创建长连接
  initWebSocket();

-||||||| .r36
-

-=======
->>>>>>> .r43
  //构造widget
  initWidget(map)
  // var url = 'http://123.132.248.154:9205/geoserver/gwc/service/tms/1.0.0/TEST_WORK_SPACE:roadcenterline@EPSG:900913@pbf/{z}/{x}/{y}.pbf';
@ -752,7 +748,7 @@ function initMap(mapOptions) {
      iconCls: 'fa fa-search',
      callback: function (e) {
        // _self.drawScopeLayer(3000, _self.mars3d.LngLatPoint.parse(e.cartesian)._lng, _self.mars3d.LngLatPoint.parse(e.cartesian)._lat);
-        console.log(_self.mars3d.LngLatPoint.parse(e.cartesian)._lng, _self.mars3d.LngLatPoint.parse(e.cartesian)._lat);
+        // console.log(_self.mars3d.LngLatPoint.parse(e.cartesian)._lng, _self.mars3d.LngLatPoint.parse(e.cartesian)._lat);
        _self.getNestPoint(_self.mars3d.LngLatPoint.parse(e.cartesian)._lng, _self.mars3d.LngLatPoint.parse(e.cartesian)._lat);
      }
    }
@ -818,7 +814,7 @@ function bindMourseClick(type) {
    } else {
      $("#endInput").val(point.lng + "," + point.lat);
    }
-    console.log(point)
+    // console.log(point)
    drawPoint(type, point.lng, point.lat, point.z);
  })
 }
@ -1419,29 +1415,16 @@ function getNestPoint(lng, lat) {
  })
  $("#search-result-list").empty();

-<<<<<<< .mine
  
  var options = getEchartsOption(lng,lat,nestWaterPoints)
  if(echartsLayer){
    echartsLayer.remove(true);
  }
-||||||| .r36
-  var options = getEchartsOption(lng,lat,nestWaterPoints)
-  console.log("options",options);
-=======
-  var options = getEchartsOption(lng, lat, nestWaterPoints)
-  console.log("options", options);
->>>>>>> .r43
+  // console.log("options",options);
  echartsLayer = new mars3d.layer.EchartsLayer(options)
  map.addLayer(echartsLayer)
-<<<<<<< .mine
  echartsLayer.flyTo();
  nestWaterPoints.forEach((item,index)=>{
-||||||| .r36
-  nestWaterPoints.forEach((item,index)=>{
-=======
-  nestWaterPoints.forEach((item, index) => {
->>>>>>> .r43
    $("#search-result-list").append(`<div class="search-result" data-lng="${item.lngLat[0]}" data-lat="${item.lngLat[1]}" onclick="flyToPosition([${item.lngLat[0]},${item.lngLat[1]}])">
    <p>
      <span class="search-index">${index + 1}.</span>
@ -1591,7 +1574,7 @@ function getEchartsOption(lng, lat, points) {
 }
 function getEchartsOption(lng, lat, nestWaterPoints) {
  const beijinCoord = [lng, lat]
-  console.log("nestWaterPoints", nestWaterPoints)
+  // console.log("nestWaterPoints", nestWaterPoints)
  const geoCoorddata = {
    合肥: [117.399043, 31.741401],
    深圳: [114.057865, 22.543096],
@ -1742,17 +1725,17 @@ function initWidget(map) {

  //widget相关事件监听
  mars3d.widget.on(mars3d.widget.EventType.load, function (event) {
-    console.log("引入加载了widget的js", event);
+    // console.log("引入加载了widget的js", event);
  })

  mars3d.widget.on(mars3d.widget.EventType.created, function (event) {
-    console.log("创建了widet", event);
+    // console.log("创建了widet", event);
  })
  mars3d.widget.on(mars3d.widget.EventType.activated, function (event) {
-    console.log('激活了widget', event)
+    // console.log('激活了widget', event)
  })
  mars3d.widget.on(mars3d.widget.EventType.disabled, function (event) {
-    console.log('释放了widget', event)
+    // console.log('释放了widget', event)
  })
 }
 //bim构件的处理
@ -1858,7 +1841,7 @@ function loadUserList(event){

 // 请求接口获取用户列表信息
 function loadUserListApi(url,mask){
-  console.log(url,mask);
+  // console.log(url,mask);
  $.ajax({
    type: 'get',
    header:{
@ -2138,7 +2121,7 @@ function getTreePeople(gid, name) {
    dataType: 'json',
    url: netBASE_URL+'/api/FirePrevention/LoadRangerInfo?gid=' + gid,
    success: function (data) {
-      console.log("data", data);
+      // console.log("data", data);
      if (data.code == 200) {
        let arr = data.data;
        $("#tree").show();
@ -2321,7 +2304,7 @@ function initWebSocket(){
        // 获取到信息之后更新无人机状态栏 和 无人机位置
        if(evt.data != 'close'){
          let data = JSON.parse(evt.data);
-          console.log("WebSocketMessage",data,typeof data);
+          // console.log("WebSocketMessage",data,typeof data);
          if(data != ""){
            getUavData([data]);
          }else{
--- a/js/wg.js
+++ b/js/wg.js
@ -0,0 +1,28 @@
+
+
+$(document).ready(function () {
+    // tab切换
+    // $('.wg-control-tab[data-tab="wg-control-tab1"]').addClass('wg-active');
+    // $('.wg-control-content[data-tab="wg-control-tab1"]').addClass('wg-active');
+    // $('.wg-control-tab').click(function () {
+    //     $('.wg-control-tab').removeClass('wg-active');
+    //     $('.wg-control-content').removeClass('wg-active');
+    //     var tab = $(this).data('tab');
+    //     $(this).addClass('wg-active');
+    //     $('.wg-control-content[data-tab="' + tab + '"]').addClass('wg-active');
+    // });
+
+    $('.wg-con-left-sec').hide()
+    $('.wg-con-left-sec-item').hide()
+    $('.wg-fir-name').click(function () {
+        $('.wg-con-left-sec').hide()
+        $(this).nextAll().show();
+    });
+    $('.wg-sec-name').click(function () {
+        $('.wg-con-left-sec-item').hide()
+        $(this).nextAll().show();
+    });
+
+
+
+});