首页更换地图

src/views/zdsz/bigscreen/index.vue

@@ -66,18 +66,33 @@
       <!-- 左边俩 结束 -->
       <!-- 中间地图 -->
       <div class="mainMap">
-        <div id="echartsMap" ref="mainMap" class="ditu"></div>
-        <span class="map_dw_dh">{{ mapData.map_dw_dh }}</span><!--德惠市 -->
-        <span class="map_dw_ys">{{ mapData.map_dw_ys }}</span><!--榆树市-->
-        <span class="map_dw_na">{{ mapData.map_dw_na }}</span><!--农安县-->
-        <span class="map_dw_gzl">{{ mapData.map_dw_gzl }}</span><!--公主岭市-->
-        <span class="map_dw_jt">{{ mapData.map_dw_jt }}</span><!--九台区-->
+        <div id="echartsMap" ref="mainMap" class="ditu">
+          <img src="../../../assets/images/map1.png">
+        </div>
+        <span class="map_dw_na">{{ mapData.map_dw_na }}</span><!--农安县 -->
         <span class="map_dw_kc">{{ mapData.map_dw_kc }}</span><!--宽城区-->
         <span class="map_dw_ly">{{ mapData.map_dw_ly }}</span><!--绿园区-->
+        <span class="map_dw_qk">{{ mapData.map_dw_qk }}</span><!--汽开区-->
+        <span class="map_dw_xq">{{ mapData.map_dw_xq }}</span><!--新区-->
         <span class="map_dw_ed">{{ mapData.map_dw_ed }}</span><!--二道区-->
         <span class="map_dw_cy">{{ mapData.map_dw_cy }}</span><!--朝阳区-->
-        <span class="map_dw_sy">{{ mapData.map_dw_sy }}</span><!--双阳区-->
+        <span class="map_dw_gx">{{ mapData.map_dw_gx }}</span><!--高新区-->
+        <span class="map_dw_jk">{{ mapData.map_dw_jk }}</span><!--经开区-->
         <span class="map_dw_ng">{{ mapData.map_dw_ng }}</span><!--南关区-->
+        <span class="map_dw_jt">{{ mapData.map_dw_jt }}</span><!--九台区-->
+        <span class="map_dw_jy">{{ mapData.map_dw_jy }}</span><!--净月区-->
+        <span class="map_dw_sy">{{ mapData.map_dw_sy }}</span><!--双阳区-->
+        <!--<span class="map_dw_dh">{{ mapData.map_dw_dh }}</span>&lt;!&ndash;德惠市 &ndash;&gt;-->
+        <!--<span class="map_dw_ys">{{ mapData.map_dw_ys }}</span>&lt;!&ndash;榆树市&ndash;&gt;-->
+        <!--<span class="map_dw_na">{{ mapData.map_dw_na }}</span>&lt;!&ndash;农安县&ndash;&gt;-->
+        <!--<span class="map_dw_gzl">{{ mapData.map_dw_gzl }}</span>&lt;!&ndash;公主岭市&ndash;&gt;-->
+        <!--<span class="map_dw_jt">{{ mapData.map_dw_jt }}</span>&lt;!&ndash;九台区&ndash;&gt;-->
+        <!--<span class="map_dw_kc">{{ mapData.map_dw_kc }}</span>&lt;!&ndash;宽城区&ndash;&gt;-->
+        <!--<span class="map_dw_ly">{{ mapData.map_dw_ly }}</span>&lt;!&ndash;绿园区&ndash;&gt;-->
+        <!--<span class="map_dw_ed">{{ mapData.map_dw_ed }}</span>&lt;!&ndash;二道区&ndash;&gt;-->
+        <!--<span class="map_dw_cy">{{ mapData.map_dw_cy }}</span>&lt;!&ndash;朝阳区&ndash;&gt;-->
+        <!--<span class="map_dw_sy">{{ mapData.map_dw_sy }}</span>&lt;!&ndash;双阳区&ndash;&gt;-->
+        <!--<span class="map_dw_ng">{{ mapData.map_dw_ng }}</span>&lt;!&ndash;南关区&ndash;&gt;-->
         <!--<span class="25642">25642</span>&lt;!&ndash;25642&ndash;&gt;-->
       </div>
 
@@ -177,17 +192,23 @@
           done: 658, // 完工
         },
         mapData: {
-          map_dw_dh: 0, // 德惠市
-          map_dw_ys: 0, // 榆树市
           map_dw_na: 0, // 农安县
-          map_dw_gzl: 0, // 公主岭市
-          map_dw_jt: 0, // 九台区
           map_dw_kc: 0, // 宽城区
           map_dw_ly: 0, // 绿园区
+          map_dw_qk: 0, // 汽开区
+          map_dw_xq: 0, // 新区
           map_dw_ed: 0, // 二道区
           map_dw_cy: 0, // 朝阳区
-          map_dw_sy: 0, // 双阳区
+          map_dw_gx: 0, // 高新区
           map_dw_ng: 0, // 南关区
+          map_dw_jk: 0, // 经开区
+          map_dw_jt: 0, // 九台区
+          map_dw_jy: 0, // 净月区
+          map_dw_sy: 0, // 双阳区
+
+          map_dw_dh: 0, // 德惠市
+          map_dw_ys: 0, // 榆树市
+          map_dw_gzl: 0, // 公主岭市
         },
         totalRight_1: 0, // 今日施工数
         totalRight_1s: [0,0,0,0], // 今日施工数
@@ -203,7 +224,7 @@
     mounted() {
       let _this = this;
       setTimeout(function() {
-        _this.echartsMap();
+        // _this.echartsMap();
       },1)
     },
     methods: {
@@ -336,11 +357,14 @@
           this.mapData.map_dw_ly = mapData[2]; // 绿园区
           this.mapData.map_dw_ng = mapData[3]; // 南关区
           this.mapData.map_dw_kc = mapData[4]; // 宽城区
-          // this.mapData.map_dw_kc = mapData[5]; // 汽开区
-          // this.mapData.map_dw_kc = mapData[6]; // 经开区
-          // this.mapData.map_dw_kc = mapData[7]; // 净月区
-          // this.mapData.map_dw_kc = mapData[8]; // 长春新区
+          this.mapData.map_dw_qk = mapData[5]; // 汽开区
+          this.mapData.map_dw_jk = mapData[6]; // 经开区
+          this.mapData.map_dw_jy = mapData[7]; // 净月区
+          this.mapData.map_dw_xq = mapData[8]; // 长春新区
           this.mapData.map_dw_jt = mapData[9]; // 九台区
+          // this.mapData.莲花山旅游度假区 = mapData[10]; // 莲花山旅游度假区
+          // this.mapData.中韩国际合作示范区 = mapData[11]; // 中韩国际合作示范区
+          // this.mapData.北湖新区 = mapData[12]; // 北湖新区
         //   <span class="map_dw_cy">{{ mapData.map_dw_cy }}</span><!--朝阳区-->
         //   <span class="map_dw_ed">{{ mapData.map_dw_ed }}</span><!--二道区-->
         //   <span class="map_dw_ly">{{ mapData.map_dw_ly }}</span><!--绿园区-->
@@ -1589,7 +1613,7 @@
     .mainMap span{
       font-size: 12px;
       color:#fff;
-      background: url("~@/assets/images/map_pb.png") no-repeat;
+      /*background: url("~@/assets/images/map_pb.png") no-repeat;*/
       width: 60px;
       height: 76px;
       text-align: center;
@@ -1597,49 +1621,57 @@
       padding: 4px;
       position: absolute;
     }
-    .mainMap span.map_dw_dh{
-      right: 283px;
-    top: 132px;
-    }
-    .mainMap span.map_dw_ys{
-      right: 127px;
-      top: 58px
-    }
     .mainMap span.map_dw_na{
-      left: 263px;
-      top: 169px
-    }
-    .mainMap span.map_dw_gzl{
-      bottom: 174px;
-      left: 176px
-    }
-    .mainMap span.map_dw_jt{
-      right: 220px;
-      top: 206px;
+      left: 248px;
+      top: 90px;
     }
     .mainMap span.map_dw_kc{
-      left: 346px;
-     top: 230px
+      left: 343px;
+      top: 141px;
     }
     .mainMap span.map_dw_ly{
-      left: 295px;
-      bottom: 168px;
+      left: 275px;
+      top: 204px;
+    }
+    .mainMap span.map_dw_qk{
+      left: 228px;
+      top: 280px;
+    }
+    .mainMap span.map_dw_xq{
+      left: 418px;
+      top: 155px;
     }
     .mainMap span.map_dw_ed{
-      right: 297px;
-      bottom: 179px
+      left: 373px;
+      top: 207px;
     }
     .mainMap span.map_dw_cy{
-      left: 320px;
-      bottom: 144px;
+      left: 311px;
+      top: 231px;
     }
-    .mainMap span.map_dw_sy{
-      right: 325px;
-      bottom: 74px;
+    .mainMap span.map_dw_gx{
+      left: 273px;
+      top: 343px;
+    }
+    .mainMap span.map_dw_jt{
+      left: 515px;
+      top: 138px;
+    }
+    .mainMap span.map_dw_jk{
+      left: 419px;
+      top: 232px;
     }
     .mainMap span.map_dw_ng{
-      right: 368px;
-      bottom: 110px;
+      left: 325px;
+      top: 318px;
+    }
+    .mainMap span.map_dw_jy{
+      left: 419px;
+      top: 318px;
+    }
+    .mainMap span.map_dw_sy{
+      left: 431px;
+      top: 379px;
     }
   }
   .mainBottom{