manage-client 3.1.17 → 3.1.18

package/src/components/qinhua/qinHuaMap.vue

@@ -1,16 +1,13 @@
 <template>
-
-  <div>
-    <div style="width: 100%;height: 100%">
+    <div style="width: 30%;height: 55%">
       <!--<div  style="height: 40px;"><span v-for="i in list"  @click="selmap(i)">{{i}}———></span></div>-->
       <div :id="idname" style="text-align: left"></div>
     </div>
-  </div>
 </template>
 
 <script>
 
-  import '../../stores/shanxi1.js'
+  // import '../../stores/shanxi1.js'
 
   export default {
     name: 'echart-map',
@@ -21,7 +18,7 @@
     data () {
       return {
         mapdata: [
-          {name: 'qinhua', value: require('../../../static/qh.json')}
+          {name: 'wuhai', value: require('../../../static/wuhai.json')}
           // {name:'咸阳市',value:require('../../../static/xianyangshi.json')},
           // {name:'西安市',value:require('../../../static/xianshi.json')}
         ],
@@ -40,26 +37,7 @@
         this.xc = chart
         var scale = this.$parent.$parent.$parent.scale
         var geoCoordMap = {}
-        this.$echarts.registerMap(mapjson.name, mapjson.value, {
-          千阳县: {
-            // 左上角经度
-            left: 108.5,
-            // 左上角纬度
-            top: 34.4,
-            // 经度横跨的范围
-            width: 0.2
-          },
-          平利县: {
-            left: 109.1,
-            top: 33.8,
-            width: 0.2
-          },
-          卢氏县: {
-            left: 109.4,
-            top: 34.1,
-            width: 0.2
-          }
-        })
+        this.$echarts.registerMap(mapjson.name, mapjson.value)
         chart.showLoading()
         var mapFeatures = this.$echarts.getMap(mapjson.name).geoJson.features
         chart.hideLoading()
@@ -90,42 +68,42 @@
         if (this.mode == '1') {
           colormode = '#66f2de'
         }
-        var data = [
+        let data = [
      {
-            name: '秦华',
+            name: '海勃湾区',
             value: 2852946,
             minyong: 2828604,
             feiminyong: 24342
      },
           {
-            name: '港务区',
+            name: '海南区',
             value: 29910,
             minyong: 29514,
             feiminyong: 396
           },
           {
-            name: '千阳县',
+            name: '乌达区',
             value: 11195,
             minyong: 10996,
             feiminyong: 189
-          },
-          {
-            name: '平利县',
-            value: 3306,
-            minyong: 3274,
-            feiminyong: 32
-          },
-          {
-            name: '卢氏县',
-            value: 2506,
-            minyong: 2365,
-            feiminyong: 141
           }
+     //      {
+     //        name: '平利县',
+     //        value: 3306,
+     //        minyong: 3274,
+     //        feiminyong: 32
+     //      },
+     //      {
+     //        name: '卢氏县',
+     //        value: 2506,
+     //        minyong: 2365,
+     //        feiminyong: 141
+     //      }
         ]
-        var col = ['#2a4096', '#1285de', '#27459b', '#284ba5', '#225bb2', '#2353a8', '#244ca3', '#1775cd', '#1e64bc', '#05a0fc', '#108de7', '#1b6dc3']
+        let col = ['#2a4096', '#1285de', '#27459b', '#284ba5', '#225bb2', '#2353a8', '#244ca3', '#1775cd', '#1e64bc', '#05a0fc', '#108de7', '#1b6dc3']
         let colors = []
-        for (var i = 0; i < data.length; i++) {
-          var jo = {
+        for (let i = 0; i < data.length; i++) {
+          let jo = {
             name: data[i].name,
             itemStyle: {
               areaColor: col[i],
@@ -135,7 +113,7 @@
           }
           colors.push(jo)
         }
-        var option = {
+        let option = {
           title: {
             text: '',
             subtext: '',
@@ -156,14 +134,14 @@
             enterable: true,
             position: function (point, params, dom, rect, size) {
               //其中point为当前鼠标的位置，size中有两个属性：viewSize和contentSize，分别为外层div和tooltip提示框的大小
-              var x = point[0] //
-              var y = point[1]
-              var viewWidth = size.viewSize[0]
-              var viewHeight = size.viewSize[1]
-              var boxWidth = size.contentSize[0]
-              var boxHeight = size.contentSize[1]
-              var posX = 0 //x坐标位置
-              var posY = 0 //y坐标位置
+              let x = point[0] //
+              let y = point[1]
+              let viewWidth = size.viewSize[0]
+              let viewHeight = size.viewSize[1]
+              let boxWidth = size.contentSize[0]
+              let boxHeight = size.contentSize[1]
+              let posX = 0 //x坐标位置
+              let posY = 0 //y坐标位置
 
               if (x < boxWidth) { //左边放不开
                 posX = 5
@@ -195,24 +173,24 @@
             top: 'bottom',
             text: ['高', '低'],
             calculable: true,
-            show: false,
-            inRange: {
-              color: [
-                // "#1DE9B6", "#F46E36", "#04B9FF", "#5DBD32", "#FFC809", "#FB95D5", "#BDA29A", "#6E7074", "#546570", "#C4CCD3"
-                // "#ff002d"
-                // "#ffc188",
-                // "#479fd2",
-                // "#fba853",
-                // "#48c7c0",
-                // "#fa8737",
-                // "#4bbdd6",
-                // "#ff6f5b",
-                // "#F4D5B1",
-                // "#ADE1E3",
-                // "#F4B387",
-                // "#F0F3F4"
-              ]
-            }
+            show: false
+            // inRange: {
+            //   color: [
+            //     // "#1DE9B6", "#F46E36", "#04B9FF", "#5DBD32", "#FFC809", "#FB95D5", "#BDA29A", "#6E7074", "#546570", "#C4CCD3"
+            //     // "#ff002d"
+            //     // "#ffc188",
+            //     // "#479fd2",
+            //     // "#fba853",
+            //     // "#48c7c0",
+            //     // "#fa8737",
+            //     // "#4bbdd6",
+            //     // "#ff6f5b",
+            //     // "#F4D5B1",
+            //     // "#ADE1E3",
+            //     // "#F4B387",
+            //     // "#F0F3F4"
+            //   ]
+            // }
           },
 
           series: [
@@ -220,11 +198,9 @@
               type: 'effectScatter',
               coordinateSystem: 'geo',
               data: [
-                {"name": "秦华", "value": [108.94592, 34.27197]},
-                {"name": "港务区", "value": [109.06265, 34.39048]},
-                {"name": "千阳县", "value": [108.6, 34.45]},
-                {"name": "平利县", "value": [109.2, 33.98]},
-                {"name": "卢氏县", "value": [109.5, 34.17]}
+                {"name": "海勃湾区","value": [106.817762, 39.673527]},
+                {"name": "海南区","value": [106.884789, 39.44153]},
+                {"name": "乌达区","value": [106.722711, 39.502288]}
               ],
               rippleEffect: {
                 period: 10, // 动画时间，值越小速度越快