From 16fe3ee8757537e31340b1200f028bc03e4a168f Mon Sep 17 00:00:00 2001
From: yangzongjia <yangzongjia>
Date: Tue, 27 Jun 2023 16:47:29 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AF=B9=E6=8E=A5=E9=9D=99=E6=80=81=E7=9A=84?=
 =?UTF-8?q?=E4=BB=93=E5=BA=93=E8=B7=AF=E5=92=8C=E5=81=9C=E8=BD=A6=E5=9C=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/dashboard/components/HomeMap.vue | 1140 +++++++++++---------
 src/views/index.vue                        |   40 +-
 2 files changed, 672 insertions(+), 508 deletions(-)

diff --git a/src/views/dashboard/components/HomeMap.vue b/src/views/dashboard/components/HomeMap.vue
index 3e0ea7f..12f924c 100644
--- a/src/views/dashboard/components/HomeMap.vue
+++ b/src/views/dashboard/components/HomeMap.vue
@@ -4,522 +4,678 @@
 </template>
 
 <script>
-  import * as echarts from 'echarts'
-  require('echarts/theme/macarons') // echarts theme
-  import resize from './mixins/resize'
-  // import xt_data from '@/assets/河北省/邢台市/geojson.json'
-  import xt_data from '@/assets/全国/geojson.json'
-  export default {
-    mixins: [resize],
-    data() {
-      return {
-        chartDatas2: [],
-        chart: null,
-        startCharts: null,
-        charPie3currentIndex: 0,
-        markPointData: [
-          {
-            name: '河北省第一仓库货物数1325个',
-            coord: [114.693382, 37.483596],
-            symbol: 'image://dapingmu/dianyellow.gif'
-          },
-          {
-            name: '河北省第二仓库货物数1028个',
-            coord: [115.793379, 37.483596],
-            symbol: 'image://dapingmu/dianyellow.gif'
-          },
-          {
-            name: '河北省第三仓库货物数2053个',
-            coord: [116.693382, 38.483596],
-            symbol: 'image://dapingmu/dianyellow.gif'
-          },
-          //
-          {
-            name: '湖北省第一仓库货物数1046个',
-            coord: [111.960704, 32.253967],
-            symbol: 'image://dapingmu/dianyellow.gif'
-          },
-          {
-            name: '湖北省第二仓库货物数1052个',
-            coord: [112.271301, 30.987527],
-            symbol: 'image://dapingmu/dianyellow.gif'
-          },
-          {
-            name: '湖北省第三仓库货物数1016个',
-            coord: [110.524048, 31.309506],
-            symbol: 'image://dapingmu/dianyellow.gif'
-          },
-          //
-          {
-            name: '黑龙江省第一仓库货物数1025个',
-            coord: [126.960704, 47.253967],
-            symbol: 'image://dapingmu/dianyellow.gif'
-          },
-          {
-            name: '黑龙江省第二仓库货物数1632个',
-            coord: [127.693027, 48.040465],
-            symbol: 'image://dapingmu/dianyellow.gif'
-          },
-          {
-            name: '黑龙江省第三仓库货物数1236个',
-            coord: [125.524048, 47.309506],
-            symbol: 'image://dapingmu/dianyellow.gif'
-          },
-          //
-          {
-            name: '上海市第一仓库货物数1236个',
-            coord: [121.438737, 31.072559],
-            symbol: 'image://dapingmu/dianyellow.gif'
-          },
-          //
-          {
-            name: '北京市第一仓库货物数1632个',
-            coord: [116.41995, 40.18994],
-            symbol: 'image://dapingmu/dianyellow.gif'
-          },
-          //
-          {
-            name: '甘肃省第一仓库货物数826个',
-            coord: [103.823557, 36.058039],
-            symbol: 'image://dapingmu/dianyellow.gif'
-          },
-          //
-          {
-            name: '四川省第一仓库货物数952个',
-            coord: [102.693453, 30.674545],
-            symbol: 'image://dapingmu/dianyellow.gif'
-          },
-          //
-          {
-            name: '山西省第一仓库货物数1021个',
-            coord: [112.304436, 37.618179],
-            symbol: 'image://dapingmu/dianyellow.gif'
-          },
-          //
-          {
-            name: '辽宁省第一仓库货物数951个',
-            coord: [122.604994, 41.299712],
-            symbol: 'image://dapingmu/dianyellow.gif'
-          },
-          //
-          {
-            name: '吉林省第一仓库货物数963个',
-            coord: [126.171208, 43.703954],
-            symbol: 'image://dapingmu/dianyellow.gif'
-          },
-          //
-          {
-            name: '陕西省第一仓库货物数686个',
-            coord: [108.887114, 35.263661],
-            symbol: 'image://dapingmu/dianyellow.gif'
-          },
-          //
-          {
-            name: '山东省第一仓库货物数1016个',
-            coord: [118.187759, 36.376092],
-            symbol: 'image://dapingmu/dianyellow.gif'
-          },
-          //
-          {
-            name: '天津市第一仓库货物数821个',
-            coord: [117.347043, 39.288036],
-            symbol: 'image://dapingmu/dianyellow.gif'
-          },
-          //
-          {
-            name: '河南省第一仓库货物数1012个',
-            coord: [113.619717, 33.902648],
-            symbol: 'image://dapingmu/dianyellow.gif'
-          },
-          //
-          {
-            name: '重庆市第一仓库货物数851个',
-            coord: [107.8839, 30.067297],
-            symbol: 'image://dapingmu/dianyellow.gif'
-          },
-          //
-          {
-            name: '贵州省第一仓库货物数236个',
-            coord: [106.880455, 26.826368],
-            symbol: 'image://dapingmu/dianyellow.gif'
-          },
-          //
-          {
-            name: '福建省第一仓库货物数236个',
-            coord: [118.006468, 26.069925],
-            symbol: 'image://dapingmu/dianyellow.gif'
-          },
-          //
-          {
-            name: '湖南省第一仓库货物数236个',
-            coord: [111.711649, 27.629216],
-            symbol: 'image://dapingmu/dianyellow.gif'
-          },
-          //
-          {
-            name: '江西省第一仓库货物数236个',
-            coord: [115.732975, 27.636112],
-            symbol: 'image://dapingmu/dianyellow.gif'
-          },
-          //
-          {
-            name: '广东省第一仓库货物数236个',
-            coord: [113.429919, 23.334643],
-            symbol: 'image://dapingmu/dianyellow.gif'
-          },
-          //
-          {
-            name: '海南省第一仓库货物数236个',
-            coord: [109.754859, 19.189767],
-            symbol: 'image://dapingmu/dianyellow.gif'
-          },
-          //
-          {
-            name: '台湾省第一仓库货物数236个',
-            coord: [120.971485, 23.749452],
-            symbol: 'image://dapingmu/dianyellow.gif'
-          },
-          //
-          {
-            name: '江苏省第一仓库货物数236个',
-            coord: [119.486506, 32.983991],
-            symbol: 'image://dapingmu/dianyellow.gif'
-          },
-          //
-          {
-            name: '安徽省第一仓库货物数236个',
-            coord: [117.226884, 31.849254],
-            symbol: 'image://dapingmu/dianyellow.gif'
-          },
-          //
-          {
-            name: '浙江省第一仓库货物数236个',
-            coord: [120.109913, 29.181466],
-            symbol: 'image://dapingmu/dianyellow.gif'
-          },
-          //
-          {
-            name: '云南省第一仓库货物数236个',
-            coord: [101.485106, 25.008643],
-            symbol: 'image://dapingmu/dianyellow.gif'
-          },
-          //
-          {
-            name: '青海省第一仓库货物数236个',
-            coord: [96.043533, 35.726403],
-            symbol: 'image://dapingmu/dianyellow.gif'
-          },
-          //
-          {
-            name: '广西壮族自治区第一仓库货物数236个',
-            coord: [108.7944, 23.833381],
-            symbol: 'image://dapingmu/dianyellow.gif'
-          },
-          //
-          {
-            name: '宁夏回族自治区第一仓库货物数236个',
-            coord: [106.169866, 37.291332],
-            symbol: 'image://dapingmu/dianyellow.gif'
-          },
-          //
-          {
-            name: '西藏自治区第一仓库货物数236个',
-            coord: [88.388277, 31.56375],
-            symbol: 'image://dapingmu/dianyellow.gif'
-          },
-          //
-          {
-            name: '内蒙古自治区第一仓库货物数236个',
-            coord: [114.077429, 44.331087],
-            symbol: 'image://dapingmu/dianyellow.gif'
-          },
-          //
-          {
-            name: '新疆维吾尔自治区第一仓库货物数236个',
-            coord: [85.294711, 41.371801],
-            symbol: 'image://dapingmu/dianyellow.gif'
-          },
+import * as echarts from 'echarts'
+require('echarts/theme/macarons') // echarts theme
+import resize from './mixins/resize'
+// import xt_data from '@/assets/河北省/邢台市/geojson.json'
+import xt_data from '@/assets/全国/geojson.json'
+export default {
+  mixins: [resize],
+  data() {
+    return {
+      chartDatas2: [],
+      chart: null,
+      startCharts: null,
+      charPie3currentIndex: 0,
+      markPointData: [
+        {
+          name: '石家庄瀚川商贸有限公司停车场1个',
+          coord: [114.693382, 37.483596],
+          symbol: 'image://dapingmu/dianyellow.gif'
+        },
+        {
+          name: '石家庄富荣食品有限公司停车场1个',
+          coord: [115.793379, 37.483596],
+          symbol: 'image://dapingmu/dianyellow.gif'
+        },
+        {
+          name: '河北昌特汽车贸易有限公司停车场1个',
+          coord: [115.693382, 38.483596],
+          symbol: 'image://dapingmu/dianyellow.gif'
+        },
+        {
+          name: '河北旭东能源科技有限公司停车场0个',
+          coord: [115.693382, 38.683596],
+          symbol: 'image://dapingmu/dianyellow.gif'
+        },
+        {
+          name: '石家庄喜相随生活用品贸易有限公司停车场1个',
+          coord: [115.693382, 38.983596],
+          symbol: 'image://dapingmu/dianyellow.gif'
+        },
+        {
+          name: '河北迈哲仪器仪表科技有限公司停车场0个',
+          coord: [115.993382, 38.483596],
+          symbol: 'image://dapingmu/dianyellow.gif'
+        },
+        {
+          name: '河北宜众物流有限公司停车场0个',
+          coord: [117.693382, 40.483596],
+          symbol: 'image://dapingmu/dianyellow.gif'
+        },
+        {
+          name: '华晨融资租赁有限公司停车场65个',
+          coord: [119.393382, 40.283596],
+          symbol: 'image://dapingmu/dianyellow.gif'
+        },
+        {
+          name: '石家庄黄明运输有限公司停车场0个',
+          coord: [118.493382, 40.683596],
+          symbol: 'image://dapingmu/dianyellow.gif'
+        },
+        {
+          name: '河北欣汇星网络科技有限公司停车场1个',
+          coord: [118.293382, 40.883596],
+          symbol: 'image://dapingmu/dianyellow.gif'
+        },
+        {
+          name: '保定凯仁汽车销售有限公司停车场1个',
+          coord: [114.693382, 38.983596],
+          symbol: 'image://dapingmu/dianyellow.gif'
+        },
+        {
+          name: '河北省石家庄市行唐县S203',
+          coord: [114.693382, 38.983596],
+          symbol: 'image://dapingmu/dianred.gif'
+        },
+        {
+          name: '河北省石家庄市鹿泉区G338(海天线)',
+          coord: [114.893382, 38.783596],
+          symbol: 'image://dapingmu/dianred.gif'
+        },
+        {
+          name: '河北省石家庄市正定县G107(京港线)',
+          coord: [114.693382, 38.583596],
+          symbol: 'image://dapingmu/dianred.gif'
+        },
+        {
+          name: '河北省石家庄市行唐县G234(兴阳线)',
+          coord: [114.493382, 38.383596],
+          symbol: 'image://dapingmu/dianred.gif'
+        },
+        {
+          name: '河北省石家庄市藁城区G307(歧银线)',
+          coord: [116.293382, 41.883596],
+          symbol: 'image://dapingmu/dianred.gif'
+        },
+        {
+          name: '河北省石家庄市行唐县S203',
+          coord: [117.393382, 41.983596],
+          symbol: 'image://dapingmu/dianred.gif'
+        },
+        {
+          name: '河北省石家庄市行唐县SL90',
+          coord: [117.693382, 41.183596],
+          symbol: 'image://dapingmu/dianred.gif'
+        },
+        {
+          name: '河北省石家庄市行唐县永昌北路',
+          coord: [117.393382, 41.283596],
+          symbol: 'image://dapingmu/dianred.gif'
+        },
+        {
+          name: '河北省石家庄市鹿泉区G338(海天线)',
+          coord: [114.393382, 36.683596],
+          symbol: 'image://dapingmu/dianred.gif'
+        },
+        {
+          name: '河北省石家庄市鹿泉区S232(兴阳线)',
+          coord: [114.393382, 36.883596],
+          symbol: 'image://dapingmu/dianred.gif'
+        },
+        {
+          name: '河北省石家庄市平山县S241',
+          coord: [114.393382, 36.983596],
+          symbol: 'image://dapingmu/dianred.gif'
+        },
+        {
+          name: '河北省石家庄市平山县孟王线',
+          coord: [114.693382, 37.183596],
+          symbol: 'image://dapingmu/dianred.gif'
+        },
+        {
+          name: '河北省石家庄市辛集市G230',
+          coord: [115.393382, 40.283596],
+          symbol: 'image://dapingmu/dianred.gif'
+        },
+        {
+          name: '河北省石家庄市新乐市G107(京港线)',
+          coord: [115.593382, 40.683596],
+          symbol: 'image://dapingmu/dianred.gif'
+        },
+        {
+          name: '河北省石家庄市新乐市S203(无繁公路)',
+          coord: [115.793382, 40.883596],
+          symbol: 'image://dapingmu/dianred.gif'
+        },
+        {
+          name: '河北省石家庄市元氏县G107(元氏大街)',
+          coord: [115.993382, 40.983596],
+          symbol: 'image://dapingmu/dianred.gif'
+        },
+        {
+          name: '河北省石家庄市元氏县S232(装院路)',
+          coord: [115.693382, 39.183596],
+          symbol: 'image://dapingmu/dianred.gif'
+        },
+        {
+          name: '河北省石家庄市赵县SL32',
+          coord: [115.393382, 40.283596],
+          symbol: 'image://dapingmu/dianred.gif'
+        },
+        {
+          name: '河北省石家庄市正定县G107(车站南街)',
+          coord: [115.193382, 40.683596],
+          symbol: 'image://dapingmu/dianred.gif'
+        },
 
-        ],
-        dataLen: 0
-      }
-    },
-    watch: {
-      chartData: {
-        deep: true,
-        handler(val) {
-          this.setOptions(val)
-        }
-      }
-    },
-    mounted() {
-      this.$nextTick(() => {
-        this.initChart()
-      })
-    },
-    beforeDestroy() {
-      if (!this.chart) {
-        return
-      }
-      if (this.startCharts) {
-        clearInterval(this.startCharts)
+
+        // 四川
+        {
+          name: '四川省绵阳市涪城区永兴镇B20县道钶文废旧物资回收公司',
+          coord: [100.193382, 30.683596],
+          symbol: 'image://dapingmu/dianred.gif'
+        },
+        {
+          name: '四川省绵阳市涪城区新皂镇绵阳市源程汽车贸易有限公司',
+          coord: [100.393382, 31.883596],
+          symbol: 'image://dapingmu/dianred.gif'
+        },
+        {
+          name: '四川省成都市新都区斑竹园街道瑞祥路',
+          coord: [101.593382, 31.483596],
+          symbol: 'image://dapingmu/dianred.gif'
+        },
+        {
+          name: '四川省成都市新都区新都街道金芙蓉大道川宏产业园',
+          coord: [101.793382, 30.283596],
+          symbol: 'image://dapingmu/dianred.gif'
+        },
+        {
+          name: '四川省成都市新都区新都街道普河路1888号川宏产业园',
+          coord: [102.193382, 31.683596],
+          symbol: 'image://dapingmu/dianred.gif'
+        },
+        {
+          name: '四川省德阳市广汉市连山镇泰山南路德阳世方汽贸有限公司',
+          coord: [103.193382, 31.683596],
+          symbol: 'image://dapingmu/dianred.gif'
+        },
+        {
+          name: '四川省资阳市雁江区松涛镇大千路三和车业',
+          coord: [103.193382, 32.683596],
+          symbol: 'image://dapingmu/dianred.gif'
+        },
+        {
+          name: '四川省德阳市旌阳区天元街道顺迪汽贸城',
+          coord: [104.193382, 31.683596],
+          symbol: 'image://dapingmu/dianred.gif'
+        },
+        {
+          name: '四川省凉山彝族自治州西昌市长安街道13县道重型机械园区',
+          coord: [104.193382, 30.683596],
+          symbol: 'image://dapingmu/dianred.gif'
+        },
+        {
+          name: '四川省绵阳市涪城区新皂镇白马庙',
+          coord: [104.193382, 29.683596],
+          symbol: 'image://dapingmu/dianred.gif'
+        },
+        {
+          name: '四川省绵阳市涪城区新皂镇车博汇汽车城',
+          coord: [103.193382, 29.683596],
+          symbol: 'image://dapingmu/dianred.gif'
+        },
+        {
+          name: '四川省成都市新都区新都街道中集大道555号28栋东风商用车销售服务中心',
+          coord: [107.193382, 32.283596],
+          symbol: 'image://dapingmu/dianred.gif'
+        },
+        {
+          name: '四川省成都市新都区新都街道中集二路成都中集车辆园14栋',
+          coord: [107.193382, 31.683596],
+          symbol: 'image://dapingmu/dianred.gif'
+        },
+        {
+          name: '四川省成都市青白江区G245(货运大道)',
+          coord: [106.193382, 32.683596],
+          symbol: 'image://dapingmu/dianred.gif'
+        },
+        {
+          name: '四川省成都市新都区G108(货运大道)',
+          coord: [106.393382, 30.683596],
+          symbol: 'image://dapingmu/dianred.gif'
+        },
+        {
+          name: '四川省成都市新都区迎宾大道',
+          coord: [107.193382, 30.683596],
+          symbol: 'image://dapingmu/dianred.gif'
+        },
+        {
+          name: '四川省成都市新都区中集三路',
+          coord: [106.093382, 31.683596],
+          symbol: 'image://dapingmu/dianred.gif'
+        },
+
+        // 山西
+        {
+          name: '山西省临汾市曲沃县G108(京昆线)',
+          coord: [111.193382, 35.683596],
+          symbol: 'image://dapingmu/dianred.gif'
+        },
+        {
+          name: '山西省临汾市尧都区G520(临大线)',
+          coord: [112.393382, 36.883596],
+          symbol: 'image://dapingmu/dianred.gif'
+        },
+        {
+          name: '山西省临汾市翼城县S331',
+          coord: [113.593382, 37.483596],
+          symbol: 'image://dapingmu/dianred.gif'
+        },
+        {
+          name: '山西省临汾市翼城县东槐线',
+          coord: [112.793382, 38.283596],
+          symbol: 'image://dapingmu/dianred.gif'
+        },
+        {
+          name: '山西省临汾市翼城县南环路辅路',
+          coord: [112.193382, 39.683596],
+          symbol: 'image://dapingmu/dianred.gif'
+        },
+        {
+          name: '山西省运城市绛县',
+          coord: [111.193382, 37.283596],
+          symbol: 'image://dapingmu/dianred.gif'
+        },
+
+        // 辽宁
+        {
+          name: '辽宁省沈阳市于洪区沙岭街道四环路',
+          coord: [120.193382, 40.683596],
+          symbol: 'image://dapingmu/dianred.gif'
+        },
+        {
+          name: '辽宁省沈阳市于洪区马三家街道辽宁庆铃汽车贸易有限公司',
+          coord: [121.393382, 41.883596],
+          symbol: 'image://dapingmu/dianred.gif'
+        },
+        {
+          name: '辽宁省葫芦岛市兴城市东辛庄镇葫芦岛市长宏机器制造有限公司',
+          coord: [122.593382, 42.483596],
+          symbol: 'image://dapingmu/dianred.gif'
+        },
+        {
+          name: '辽宁省沈阳市于洪区沙岭街道沈新西路沈阳市鑫海江汽车维修中心',
+          coord: [123.793382, 42.283596],
+          symbol: 'image://dapingmu/dianred.gif'
+        },
+        {
+          name: '辽宁省沈阳市铁西区昆明湖街道沈新西路251号鼎立物流园东区',
+          coord: [124.193382, 41.683596],
+          symbol: 'image://dapingmu/dianred.gif'
+        },
+        {
+          name: '辽宁省沈阳市于洪区沙岭街道伯瑞特家居工厂展厅',
+          coord: [124.193382, 40.283596],
+          symbol: 'image://dapingmu/dianred.gif'
+        },
+        {
+          name: '辽宁省丹东市振兴区汤池镇胜利街',
+          coord: [124.193382, 41.283596],
+          symbol: 'image://dapingmu/dianred.gif'
+        },
+        {
+          name: '辽宁省营口市鲅鱼圈区芦屯镇辽南大街',
+          coord: [123.193382, 42.283596],
+          symbol: 'image://dapingmu/dianred.gif'
+        },
+        {
+          name: '辽宁省沈阳市新民市法哈牛镇沈阳新北光实业有限公司',
+          coord: [122.193382, 40.283596],
+          symbol: 'image://dapingmu/dianred.gif'
+        },
+        {
+          name: '辽宁省葫芦岛市兴城市东辛庄镇葫芦岛市长宏机器制造有限公司(东南门)葫芦岛市长宏机器制造有限公司',
+          coord: [121.193382, 41.283596],
+          symbol: 'image://dapingmu/dianred.gif'
+        },
+        {
+          name: '辽宁省葫芦岛市兴城市羊安满族乡102国道',
+          coord: [120.193382, 40.283596],
+          symbol: 'image://dapingmu/dianred.gif'
+        },
+        {
+          name: '辽宁省本溪市平山区桥北街道沈环线',
+          coord: [123.193382, 40.283596],
+          symbol: 'image://dapingmu/dianred.gif'
+        },
+
+        // 黑龙江
+        {
+          name: '辽宁省沈阳市于洪区沙岭街道四环路',
+          coord: [130.193382, 45.683596],
+          symbol: 'image://dapingmu/dianred.gif'
+        },
+        {
+          name: '辽宁省沈阳市于洪区马三家街道辽宁庆铃汽车贸易有限公司',
+          coord: [131.393382, 46.883596],
+          symbol: 'image://dapingmu/dianred.gif'
+        },
+        {
+          name: '辽宁省葫芦岛市兴城市东辛庄镇葫芦岛市长宏机器制造有限公司',
+          coord: [132.593382, 47.483596],
+          symbol: 'image://dapingmu/dianred.gif'
+        },
+        {
+          name: '辽宁省沈阳市于洪区沙岭街道沈新西路沈阳市鑫海江汽车维修中心',
+          coord: [133.793382, 47.283596],
+          symbol: 'image://dapingmu/dianred.gif'
+        },
+        {
+          name: '辽宁省沈阳市铁西区昆明湖街道沈新西路251号鼎立物流园东区',
+          coord: [127.193382, 46.683596],
+          symbol: 'image://dapingmu/dianred.gif'
+        },
+        {
+          name: '辽宁省沈阳市于洪区沙岭街道四环路',
+          coord: [129.193382, 47.683596],
+          symbol: 'image://dapingmu/dianred.gif'
+        },
+        {
+          name: '辽宁省沈阳市于洪区马三家街道辽宁庆铃汽车贸易有限公司',
+          coord: [128.393382, 46.883596],
+          symbol: 'image://dapingmu/dianred.gif'
+        },
+        {
+          name: '辽宁省葫芦岛市兴城市东辛庄镇葫芦岛市长宏机器制造有限公司',
+          coord: [128.593382, 49.483596],
+          symbol: 'image://dapingmu/dianred.gif'
+        },
+        {
+          name: '辽宁省沈阳市于洪区沙岭街道沈新西路沈阳市鑫海江汽车维修中心',
+          coord: [126.793382, 50.283596],
+          symbol: 'image://dapingmu/dianred.gif'
+        },
+        {
+          name: '辽宁省沈阳市铁西区昆明湖街道沈新西路251号鼎立物流园东区',
+          coord: [126.193382, 49.683596],
+          symbol: 'image://dapingmu/dianred.gif'
+        },
+      ],
+      dataLen: 0
+    }
+  },
+  watch: {
+    chartData: {
+      deep: true,
+      handler(val) {
+        this.setOptions(val)
       }
-      this.chart.dispose()
-      this.chart = null
-    },
-    methods: {
-      initChart() {
-        var _self = this
-        // this.$refs.myEchart.setOption({
+    }
+  },
+  mounted() {
+    this.$nextTick(() => {
+      this.initChart()
+    })
+  },
+  beforeDestroy() {
+    if (!this.chart) {
+      return
+    }
+    if (this.startCharts) {
+      clearInterval(this.startCharts)
+    }
+    this.chart.dispose()
+    this.chart = null
+  },
+  methods: {
+    initChart() {
+      var _self = this
+      // this.$refs.myEchart.setOption({
 
-        // })
-        const myChart = echarts.init(this.$refs.myEchart) // 这里是为了获得容器所在位置
-        this.chart = myChart
-        window.onresize = myChart.resize
-        myChart.showLoading()
-        var option = {}
-        console.log(JSON.stringify(this.countyData))
-        this.countyData = [
-          { 'name': '北京市', 'value': '20', 'county': { 'title': '北京市' } },
-          { 'name': '甘肃省', 'value': '40', 'county': { 'title': '甘肃省' } },
-          { 'name': '四川省', 'value': '100', 'county': { 'title': '四川省' } },
-          { 'name': '山西省', 'value': '200', 'county': { 'title': '山西省' } },
-          { 'name': '辽宁省', 'value': '48', 'county': { 'title': '辽宁省' } },
-          { 'name': '吉林省', 'value': '268', 'county': { 'title': '吉林省' } },
-          { 'name': '陕西省', 'value': '369', 'county': { 'title': '陕西省' } },
-          { 'name': '河北省', 'value': '500', 'county': { 'title': '河北省' } },
-          { 'name': '山东省', 'value': '10', 'county': { 'title': '山东省' } },
-          { 'name': '天津市', 'value': '356', 'county': { 'title': '天津市' } },
-          { 'name': '河南省', 'value': '479', 'county': { 'title': '河南省' } },
-          { 'name': '湖北省', 'value': '285', 'county': { 'title': '湖北省' } },
-          { 'name': '重庆市', 'value': '190', 'county': { 'title': '重庆市' } },
-          { 'name': '贵州省', 'value': '560', 'county': { 'title': '贵州省' } },
-          { 'name': '福建省', 'value': '80', 'county': { 'title': '福建省' } },
-          { 'name': '湖南省', 'value': '159', 'county': { 'title': '湖南省' } },
-          { 'name': '江西省', 'value': '259', 'county': { 'title': '江西省' } },
-          { 'name': '广东省', 'value': '359', 'county': { 'title': '广东省' } },
-          { 'name': '海南省', 'value': '459', 'county': { 'title': '海南省' } },
-          { 'name': '台湾省', 'value': '559', 'county': { 'title': '台湾省' } },
-          { 'name': '江苏省', 'value': '80', 'county': { 'title': '江苏省' } },
-          { 'name': '安徽省', 'value': '480', 'county': { 'title': '安徽省' } },
-          { 'name': '上海市', 'value': '90', 'county': { 'title': '上海市' } },
-          { 'name': '浙江省', 'value': '418', 'county': { 'title': '浙江省' } },
-          { 'name': '云南省', 'value': '131', 'county': { 'title': '云南省' } },
-          { 'name': '青海省', 'value': '4', 'county': { 'title': '青海省' } },
-          { 'name': '广西壮族自治区', 'value': '428', 'county': { 'title': '广西壮族自治区' } },
-          { 'name': '宁夏回族自治区', 'value': '248', 'county': { 'title': '宁夏回族自治区' } },
-          { 'name': '西藏自治区', 'value': '138', 'county': { 'title': '西藏自治区' } },
-          { 'name': '内蒙古自治区', 'value': '318', 'county': { 'title': '内蒙古自治区' } },
-          { 'name': '新疆维吾尔自治区', 'value': '381', 'county': { 'title': '新疆维吾尔自治区' } },
-          { 'name': '黑龙江省', 'value': '48', 'county': { 'title': '黑龙江省' } },
+      // })
+      const myChart = echarts.init(this.$refs.myEchart) // 这里是为了获得容器所在位置
+      this.chart = myChart
+      window.onresize = myChart.resize
+      myChart.showLoading()
+      var option = {}
+      console.log(JSON.stringify(this.countyData))
+      this.countyData = [
+        { 'name': '北京市', 'value': '0', 'county': { 'title': '北京市' } },
+        { 'name': '甘肃省', 'value': '0', 'county': { 'title': '甘肃省' } },
+        { 'name': '四川省', 'value': '0', 'county': { 'title': '四川省' } },
+        { 'name': '山西省', 'value': '0', 'county': { 'title': '山西省' } },
+        { 'name': '辽宁省', 'value': '0', 'county': { 'title': '辽宁省' } },
+        { 'name': '吉林省', 'value': '0', 'county': { 'title': '吉林省' } },
+        { 'name': '陕西省', 'value': '0', 'county': { 'title': '陕西省' } },
+        { 'name': '河北省', 'value': '11', 'county': { 'title': '河北省' } },
+        { 'name': '山东省', 'value': '0', 'county': { 'title': '山东省' } },
+        { 'name': '天津市', 'value': '0', 'county': { 'title': '天津市' } },
+        { 'name': '河南省', 'value': '0', 'county': { 'title': '河南省' } },
+        { 'name': '湖北省', 'value': '0', 'county': { 'title': '湖北省' } },
+        { 'name': '重庆市', 'value': '0', 'county': { 'title': '重庆市' } },
+        { 'name': '贵州省', 'value': '0', 'county': { 'title': '贵州省' } },
+        { 'name': '福建省', 'value': '0', 'county': { 'title': '福建省' } },
+        { 'name': '湖南省', 'value': '0', 'county': { 'title': '湖南省' } },
+        { 'name': '江西省', 'value': '0', 'county': { 'title': '江西省' } },
+        { 'name': '广东省', 'value': '0', 'county': { 'title': '广东省' } },
+        { 'name': '海南省', 'value': '0', 'county': { 'title': '海南省' } },
+        { 'name': '台湾省', 'value': '0', 'county': { 'title': '台湾省' } },
+        { 'name': '江苏省', 'value': '0', 'county': { 'title': '江苏省' } },
+        { 'name': '安徽省', 'value': '0', 'county': { 'title': '安徽省' } },
+        { 'name': '上海市', 'value': '0', 'county': { 'title': '上海市' } },
+        { 'name': '浙江省', 'value': '0', 'county': { 'title': '浙江省' } },
+        { 'name': '云南省', 'value': '0', 'county': { 'title': '云南省' } },
+        { 'name': '青海省', 'value': '0', 'county': { 'title': '青海省' } },
+        { 'name': '广西壮族自治区', 'value': '0', 'county': { 'title': '广西壮族自治区' } },
+        { 'name': '宁夏回族自治区', 'value': '0', 'county': { 'title': '宁夏回族自治区' } },
+        { 'name': '西藏自治区', 'value': '0', 'county': { 'title': '西藏自治区' } },
+        { 'name': '内蒙古自治区', 'value': '0', 'county': { 'title': '内蒙古自治区' } },
+        { 'name': '新疆维吾尔自治区', 'value': '0', 'county': { 'title': '新疆维吾尔自治区' } },
+        { 'name': '黑龙江省', 'value': '0', 'county': { 'title': '黑龙江省' } },
+      ]
+      echarts.registerMap('xingtai', xt_data, {})
+      option = {
+        title: {
+          text: '全国仓库分布图',
+          // subtext: 'Data from www.census.gov',
+          left: 'center',
+          textStyle: {
+            fontSize: 24,
+            color: '#026193'
+            // fontWeight: 'bolder' // 字体加粗
+          },
+          show: true
+        },
+        tooltip: {
+          alwaysShowContent: true,
+          textStyle: {
+            fontSize: 12,
+            color: '#ccc'
+          },
+          trigger: 'item',
+          backgroundColor: '#242429cc',
+          formatter: function (params) {
+            if (params.componentType == "series") {
+              const value = (params.value + '').split('.')
+              var valueStr = value[0].replace(
+                /(\d{1,3})(?=(?:\d{3})+(?!\d))/g,
+                '$1,'
+              )
+              return (
+                params.name +
+                '<br/>仓库数量: ' + params.value + '个'
+              )
+            } else {
+              return (
+                params.name
+              )
+            }
 
-        ]
-        echarts.registerMap('xingtai', xt_data, {})
-        option = {
-          title: {
-            text: '全国仓库分布图',
-            // subtext: 'Data from www.census.gov',
-            left: 'center',
-            textStyle: {
-              fontSize: 24,
-              color: '#026193'
-              // fontWeight: 'bolder' // 字体加粗
+          }
+        },
+        dataZoom: {
+          type: 'inside'
+        },
+        geo: {
+          show: true,
+          map: 'xingtai',
+          roam: true,
+          zoom: 1.2,
+          label: {
+            normal: {
+              show: false
             },
-            show: true
+            emphasis: {
+              show: false
+            }
           },
-          tooltip: {
-            alwaysShowContent: true,
-            textStyle: {
-              fontSize: 12,
-              color: '#ccc'
+          itemStyle: {
+            normal: {
+              areaColor: '#3c8dbc', // 没有值得时候颜色
+              borderColor: '#097bba'
             },
-            trigger: 'item',
-            backgroundColor: '#242429cc',
-            formatter: function (params) {
-              if (params.componentType == "series") {
-                const value = (params.value + '').split('.')
-                var valueStr = value[0].replace(
-                  /(\d{1,3})(?=(?:\d{3})+(?!\d))/g,
-                  '$1,'
-                )
-                return (
-                  params.name +
-                  '<br/>仓库数量:1 ' +
-                  '个'
-                  // params.name +
-                  // '<br/>仓库数量: ' +
-                  // valueStr +
-                  // '个'
-                )
-              } else {
-                return (
-                  params.name
-                )
-              }
-
+            emphasis: {
+              areaColor: '#fbd456' // 鼠标滑过选中的颜色
             }
+          }
+        },
+        visualMap: {
+          show: false,
+          left: 'right',
+          bottom: 20,
+          min: 0,
+          max: 100,
+          text: ['高', '低'],
+          calculable: true,
+          textStyle: {
+            color: '#fff'
           },
-          dataZoom: {
-            type: 'inside'
-          },
-          geo: {
-            show: true,
-            map: 'xingtai',
+          inRange: {
+            // color: ['#f37b1d', '#1e6ff0', '#6e41c7', '#34b157'],
+            color: ['#34b157', '#6e41c7', '#1e6ff0', '#f37b1d'],
+            symbolSize: [30, 100]
+          }
+        },
+        toolbox: {
+          show: false,
+          // orient: 'vertical',
+          left: 'left',
+          top: 'top',
+          feature: {
+            dataView: { readOnly: false },
+            restore: {},
+            saveAsImage: {}
+          }
+        },
+        textStyle: {
+          fontSize: 16
+        },
+        series: [
+          {
+            name: '机构数量',
+            type: 'map',
             roam: true,
+            map: 'xingtai',
             zoom: 1.2,
-            label: {
-              normal: {
-                show: false
-              },
-              emphasis: {
-                show: false
-              }
+            markPoint: {
+              symbolSize: [20, 20],
+              data: this.markPointData
             },
-            itemStyle: {
-              normal: {
-                areaColor: '#3c8dbc', // 没有值得时候颜色
-                borderColor: '#097bba'
-              },
-              emphasis: {
-                areaColor: '#fbd456' // 鼠标滑过选中的颜色
-              }
-            }
-          },
-          visualMap: {
-            show: false,
-            left: 'right',
-            bottom: 20,
-            min: 0,
-            max: 100,
-            text: ['高', '低'],
-            calculable: true,
-            textStyle: {
-              color: '#fff'
+            label: {
+              show: false
+              // formatter: '{b}:{@score}人'
             },
-            inRange: {
-
-              color: ['#f37b1d', '#1e6ff0', '#6e41c7', '#34b157'],
-              symbolSize: [30, 100]
-            }
-          },
-          toolbox: {
-            show: false,
-            // orient: 'vertical',
-            left: 'left',
-            top: 'top',
-            feature: {
-              dataView: { readOnly: false },
-              restore: {},
-              saveAsImage: {}
-            }
-          },
-          textStyle: {
-            fontSize: 16
-          },
-          series: [
-            {
-              name: '机构数量',
-              type: 'map',
-              roam: true,
-              map: 'xingtai',
-              zoom: 1.2,
-              markPoint: {
-                symbolSize: [20, 20],
-                data: this.markPointData
-              },
+            data: this.countyData,
+            emphasis: {
               label: {
-                show: false
-                // formatter: '{b}:{@score}人'
+                show: true,
+                fontSize: 20,
+                fontWeight: 'bolder'
               },
-              data: this.countyData,
-              emphasis: {
-                label: {
-                  show: true,
-                  fontSize: 20,
-                  fontWeight: 'bolder'
-                },
-                itemStyle: {
-                  // borderType: 'solid',
-                  // borderWidth: 3,
-                  // borderColor: '#e83e11',
-                  shadowBlur: 20,
-                  shadowOffsetX: 5,
-                  shadowOffsetY: 5
-                }
+              itemStyle: {
+                // borderType: 'solid',
+                // borderWidth: 3,
+                // borderColor: '#e83e11',
+                shadowBlur: 20,
+                shadowOffsetX: 5,
+                shadowOffsetY: 5
               }
             }
-          ],
-          animation: true
-        }
+          }
+        ],
+        animation: true
+      }
 
 
 
-        myChart.setOption(option)
-        myChart.hideLoading()
-        setTimeout(() => {
-          myChart.resize()
-        }, 800)
+      myChart.setOption(option)
+      myChart.hideLoading()
+      setTimeout(() => {
+        myChart.resize()
+      }, 800)
 
-        var _this = this
-        var isSet = true // 为了做判断：当鼠标移动上去的时候，自动高亮就被取消
-        _this.charPie3currentIndex = 0
-        // 2、鼠标移动上去的时候的高亮动画
-        this.chart.on('mouseover', function (param) {
-          isSet = false
-          // 取消之前高亮的图形
-          _this.chart.dispatchAction({
-            type: 'downplay',
-            seriesIndex: 0
-            // dataIndex: _this.charPie3currentIndex
-          })
-          // 高亮当前图形
-          _this.chart.dispatchAction({
-            type: 'highlight',
-            seriesIndex: 0,
-            dataIndex: param.dataIndex
-          })
-          // 显示 tooltip
-          _this.chart.dispatchAction({
-            type: 'showTip',
-            seriesIndex: 0,
-            dataIndex: param.dataIndex
-          })
+      var _this = this
+      var isSet = true // 为了做判断：当鼠标移动上去的时候，自动高亮就被取消
+      _this.charPie3currentIndex = 0
+      // 2、鼠标移动上去的时候的高亮动画
+      this.chart.on('mouseover', function (param) {
+        isSet = false
+        // 取消之前高亮的图形
+        _this.chart.dispatchAction({
+          type: 'downplay',
+          seriesIndex: 0
+          // dataIndex: _this.charPie3currentIndex
         })
-        // 3、自动高亮展示
-        var chartHover = function () {
-          _this.dataLen = option.series[0].data.length
-          // 取消之前高亮的图形
-          _this.chart.dispatchAction({
-            type: 'downplay',
-            seriesIndex: 0
-            // dataIndex: _this.charPie3currentIndex
-          })
-          _this.charPie3currentIndex =
-            (_this.charPie3currentIndex + 1) % _this.dataLen
-          // 高亮当前图形
-          _this.chart.dispatchAction({
-            type: 'highlight',
-            seriesIndex: 0,
-            dataIndex: _this.charPie3currentIndex
-          })
-          // 显示 tooltip
-          _this.chart.dispatchAction({
-            type: 'showTip',
-            seriesIndex: 0,
-            dataIndex: _this.charPie3currentIndex
-          })
-        }
-        clearInterval(_this.startCharts)
-        _this.startCharts = setInterval(chartHover, 2000)
-        // 4、鼠标移出之后，恢复自动高亮
-        this.chart.on('mouseout', function (param) {
-          if (!isSet) {
-            clearInterval(_this.startCharts)
-            _this.startCharts = setInterval(chartHover, 2000)
-            isSet = true
-          }
+        // 高亮当前图形
+        _this.chart.dispatchAction({
+          type: 'highlight',
+          seriesIndex: 0,
+          dataIndex: param.dataIndex
+        })
+        // 显示 tooltip
+        _this.chart.dispatchAction({
+          type: 'showTip',
+          seriesIndex: 0,
+          dataIndex: param.dataIndex
+        })
+      })
+      // 3、自动高亮展示
+      var chartHover = function () {
+        _this.dataLen = option.series[0].data.length
+        // 取消之前高亮的图形
+        _this.chart.dispatchAction({
+          type: 'downplay',
+          seriesIndex: 0
+          // dataIndex: _this.charPie3currentIndex
+        })
+        _this.charPie3currentIndex =
+          (_this.charPie3currentIndex + 1) % _this.dataLen
+        // 高亮当前图形
+        _this.chart.dispatchAction({
+          type: 'highlight',
+          seriesIndex: 0,
+          dataIndex: _this.charPie3currentIndex
+        })
+        // 显示 tooltip
+        _this.chart.dispatchAction({
+          type: 'showTip',
+          seriesIndex: 0,
+          dataIndex: _this.charPie3currentIndex
         })
       }
+      clearInterval(_this.startCharts)
+      _this.startCharts = setInterval(chartHover, 2000)
+      // 4、鼠标移出之后，恢复自动高亮
+      this.chart.on('mouseout', function (param) {
+        if (!isSet) {
+          clearInterval(_this.startCharts)
+          _this.startCharts = setInterval(chartHover, 2000)
+          isSet = true
+        }
+      })
     }
   }
+}
 </script>
diff --git a/src/views/index.vue b/src/views/index.vue
index d604255..b8833ed 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -6,36 +6,41 @@
           <div class="wenbox">
             <div class="tubiao"><span class="myiconfont icon-shishijiance1 tolzi"></span></div>
             <div class="tos">
-              <div class="tit nums">河北仓库<span class="num">3</span>家</div>
-              <div class="tit nums">货物数<span class="num">4575</span>个</div>
+              <div class="tit nums">河北仓库<span class="num">11</span>家</div>
+              <!-- <div class="tit nums">货物数<span class="num">4575</span>个</div> -->
+              <div class="tit nums">停车场<span class="num">19</span>个</div>
             </div>
           </div>
           <div class="wenbox">
             <div class="tubiao"><span class="myiconfont icon-louyuzidonghua tolzi"></span></div>
             <div class="tos">
-              <div class="tit nums">湖北仓库<span class="num">3</span>家</div>
-              <div class="tit nums">货物数<span class="num">2575</span>个</div>
+              <div class="tit nums">四川仓库<span class="num">0</span>家</div>
+              <!-- <div class="tit nums">货物数<span class="num">4575</span>个</div> -->
+              <div class="tit nums">停车场<span class="num">17</span>个</div>
             </div>
           </div>
           <div class="wenbox">
             <div class="tubiao"><span class="myiconfont icon-shebeitaizhang tolzi"></span></div>
             <div class="tos">
-              <div class="tit nums">黑龙江<span class="num">3</span>家</div>
-              <div class="tit nums">货物数<span class="num">4575</span>个</div>
+              <div class="tit nums">黑龙江<span class="num">0</span>家</div>
+              <!-- <div class="tit nums">货物数<span class="num">4575</span>个</div> -->
+              <div class="tit nums">停车场<span class="num">10</span>个</div>
             </div>
           </div>
           <div class="wenbox">
             <div class="tubiao"><span class="myiconfont icon-zhihuilouyu tolzi"></span></div>
             <div class="tos">
-              <div class="tit nums">上海仓库<span class="num">1</span>家</div>
-              <div class="tit nums">货物数<span class="num">123</span>个</div>
+              <div class="tit nums">辽宁仓库<span class="num">0</span>家</div>
+              <!-- <div class="tit nums">货物数<span class="num">4575</span>个</div> -->
+              <div class="tit nums">停车场<span class="num">12</span>个</div>
             </div>
           </div>
           <div class="wenbox">
             <div class="tubiao"><span class="myiconfont icon-rizhi2 tolzi"></span></div>
             <div class="tos">
-              <div class="tit nums">江苏仓库<span class="num">1</span>家</div>
-              <div class="tit nums">货物数<span class="num">126</span>个</div>
+              <div class="tit nums">山西仓库<span class="num">0</span>家</div>
+              <!-- <div class="tit nums">货物数<span class="num">4575</span>个</div> -->
+              <div class="tit nums">停车场<span class="num">17</span>个</div>
             </div>
           </div>
 
@@ -109,8 +114,10 @@
               <div class="icon myiconfont iconbox iconbox_blue">&#xe64a;</div>
             </div>
             <div class="rights">
-              <div class="note">正常：<span class="bluezi">{{ statusDataSp.online == null ? 0 : statusDataSp.online }}</span></div>
-              <div class="note">离线：<span class="huizi">{{ statusDataSp.offline == null ? 0 : statusDataSp.offline }}</span>
+              <div class="note">正常：<span class="bluezi">{{ statusDataSp.online == null ? 0 : statusDataSp.online }}</span>
+              </div>
+              <div class="note">离线：<span class="huizi">{{ statusDataSp.offline == null ? 0 : statusDataSp.offline
+              }}</span>
               </div>
               <div class="note"><span class="redzi"></span></div>
             </div>
@@ -148,8 +155,10 @@
               <div class="icon myiconfont iconbox iconbox_red">&#xe9f7;</div>
             </div>
             <div class="rights">
-              <div class="note">正常：<span class="bluezi">{{ statusDataWl.online == null ? 0 : statusDataWl.online }}</span></div>
-              <div class="note">离线：<span class="huizi">{{ statusDataWl.offline == null ? 0 : statusDataWl.offline }}</span></div>
+              <div class="note">正常：<span class="bluezi">{{ statusDataWl.online == null ? 0 : statusDataWl.online }}</span>
+              </div>
+              <div class="note">离线：<span class="huizi">{{ statusDataWl.offline == null ? 0 : statusDataWl.offline
+              }}</span></div>
               <!-- <div class="note">报警：<span class="redzi">11</span></div> -->
             </div>
             <div class="bar">
@@ -828,5 +837,4 @@ export default {
   font-weight: bold;
   display: inline-block;
   color: #fc6f04;
-}
-</style>
+}</style>