合并jzl

gassafetyprogress-web/src/api/bigWindow/getDevice.js

+/*
+ * @Author: your name
+ * @Date: 2022-02-23 15:28:07
+ * @LastEditTime: 2022-02-25 18:43:58
+ * @LastEditors: Please set LastEditors
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath: /newDev/gassafety-progress/gassafetyprogress-web/src/api/bigWindow/getdevice.js
+ */
+import request from '@/utils/request'
+
+// 查询管道
+export function getPipe(query) {
+  return request({
+    url: '/pipe/pipe/selectPipeData',
+    method: 'get',
+    params: query
+  })
+}
+
+// 调压箱
+export function getTyx(query) {
+  return request({
+    url: '/pipe/pipe/selectDeviceData',
+    method: 'get',
+    params: query
+  })
+}
+
+// 是阀门
+export function getFm(query) {
+  return request({
+    url: '/pipe/pipe/selectvalveData',
+    method: 'get',
+    params: query
+  })
+}
+
+
+// 厂站
+export function getCz(query) {
+  return request({
+    url: '/pipe/pipe/selectTSiteStationInfoData',
+    method: 'get',
+    params: query
+  })
+}
+// 监控
+export function getVideo(query) {
+  return request({
+    url: '/pipe/pipe/selectTvideoManagerData',
+    method: 'get',
+    params: query
+  })
+}
+// 燃气用户接口
+export function getUser(query) {
+  return request({
+    url: '/pipe/pipe/selectTdetectorUser',
+    method: 'get',
+    params: query
+  })
+}
+// 获取公司名称以及id
+export function getCompany(query) {
+  return request({
+    url: '/pipe/pipe/selectTenterpriseInfoData',
+    method: 'get',
+    params: query
+  })
+}
\ No newline at end of file

gassafetyprogress-web/src/components/bigWindow/DeviceA.vue

 <!--
  * @Author: your name
  * @Date: 2022-01-26 20:07:52
- * @LastEditTime: 2022-02-17 10:13:02
+ * @LastEditTime: 2022-02-25 18:34:00
  * @LastEditors: Please set LastEditors
  * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 
@@ -62,22 +62,22 @@
       </div>
       <div class="tbody flex">
         <div class="first zzz">{{ "流量计与压力表" }}</div>
-        <div class="">{{ deviceData.pressureFlow.length }}</div>
+        <div class="">{{ deviceData.pressureFlows.length }}</div>
         <div class="">
-          {{ (Math.random() * deviceData.pressureFlow.length) >> 1 }}
+          {{ (Math.random() * deviceData.pressureFlows.length) >> 1 }}
         </div>
         <div class="">
-          {{ (Math.random() * deviceData.pressureFlow.length) >> 1 }}
+          {{ (Math.random() * deviceData.pressureFlows.length) >> 1 }}
         </div>
         <div class="">
-          {{ (Math.random() * deviceData.pressureFlow.length) >> 1 }}
+          {{ (Math.random() * deviceData.pressureFlows.length) >> 1 }}
         </div>
         <div class="">
-          {{ (Math.random() * deviceData.pressureFlow.length) >> 1 }}
+          {{ (Math.random() * deviceData.pressureFlows.length) >> 1 }}
         </div>
         <div class="last zzz">
           {{
-            deviceData.pressureFlow.filter((item) => {
+            deviceData.pressureFlows.filter((item) => {
               return item.deviceState == 2;
             }).length
           }}
@@ -102,12 +102,29 @@ export default {
         "公司位于长江三角洲经济快速增长、风景秀丽的太湖之畔——无锡。 公司自1984年成立至今，已经过了3次跨越式的发展。2004年至今公司投入5000多万元资金建设新的生产基地，目前已竣工并投入生产，占地面积达40000m2，厂房面积近15000m2。公司2004年的年产值达4350多万元，并且每年以平均30%的速度快速增长。",
     };
   },
+  computed: {
+    prodTest() {
+      return this.vueRoot.$store.state.user.systemSetting.prod_test;
+    },
+    company() {
+      return this.vueRoot.$store.state.bigWindowCompany.company;
+    },
+  },
+  mounted() {
+    // 如果不是测试，而是真数据，就要用帧数据的东西
+    if (this.prodTest != "test") {
+      this.companyType = {};
+      this.company.forEach((item) => {
+        this.companyType[item.conpanyId] = item.companyName;
+      });
+    }
+  },
   methods: {
     close() {
       this.mapClass.infowindowClose();
     },
     btnClick() {
-      this.vueRoot.centerDataFunc(this.deviceData.pressureFlow);
+      this.vueRoot.centerDataFunc(this.deviceData.pressureFlows);
     },
   },
 };

gassafetyprogress-web/src/components/bigWindow/Line.vue

 <!--
  * @Author: your name
  * @Date: 2022-01-27 14:25:45
- * @LastEditTime: 2022-02-17 10:11:42
+ * @LastEditTime: 2022-02-25 17:53:43
  * @LastEditors: Please set LastEditors
  * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  * @FilePath: /hello-world/src/views/components/User.vue
@@ -26,8 +26,8 @@
 
     <div class="group flex">
       <div class="left first">管道压力：</div>
-      <div :title="deviceData.address" class="right zzz">
-        {{ pipePressure[deviceData.pipePressure] }}
+      <div :title="deviceData.pipePressure" class="right zzz">
+        {{ pipePressure[deviceData.pipePressure + 1] }}
       </div>
       <div class="left">所属公司：</div>
       <div class="right last">{{ companyType[deviceData.companyType] }}</div>
@@ -44,7 +44,9 @@
       <div class="left first">管道走向：</div>
       <div class="right">{{ deviceData.pipeTrend }}</div>
       <div class="left">权属单位：</div>
-      <div :title="deviceData.powerCompany" class="right last zzz">{{ deviceData.powerCompany }}</div>
+      <div :title="deviceData.powerCompany" class="right last zzz">
+        {{ deviceData.powerCompany }}
+      </div>
     </div>
     <div class="group flex">
       <div class="first left">建设年代：</div>
@@ -53,10 +55,13 @@
       <div class="last right">{{ deviceData.buildCompany }}</div>
     </div>
 
-
     <div class="group flex">
       <div class="first once left">管道位置：</div>
-      <div :title="deviceData.pipeAddr" class=" last pipeAddr right zzz">
+      <div
+        v-unValue
+        :title="deviceData.pipeAddr"
+        class="last pipeAddr right zzz"
+      >
         {{ deviceData.pipeAddr }}
       </div>
     </div>
@@ -65,7 +70,6 @@
 
 <script>
 import { companyType, pipePressure } from "@/utils/mapClass/config.js";
-
 export default {
   data() {
     return {
@@ -73,6 +77,24 @@ export default {
       pipePressure,
     };
   },
+  computed:{
+    prodTest(){
+      return this.vueRoot.$store.state.user.systemSetting.prod_test
+    },
+    company(){
+       return this.vueRoot.$store.state.bigWindowCompany.company;
+    }
+
+  },
+  mounted(){
+    // 如果不是测试，而是真数据，就要用帧数据的东西
+    if(this.prodTest !="test"){
+      this.companyType={};
+      this.company.forEach(item=>{
+        this.companyType[item.conpanyId] = item.companyName;
+      })
+    }
+  },
   methods: {
     close() {
       this.mapClass.infowindowClose();
@@ -125,12 +147,12 @@ export default {
     .last {
       border: none;
     }
-    .once{
-      flex:1;
+    .once {
+      flex: 1;
     }
-    .pipeAddr{
-      flex:3;
-      padding:0 3em 0 1em;
+    .pipeAddr {
+      flex: 3;
+      padding: 0 3em 0 1em;
     }
   }
   .flex {

gassafetyprogress-web/src/components/bigWindow/User.vue

@@ -15,7 +15,9 @@
 
     <div class="group flex first">
       <div class="left">用户姓名：</div>
-      <div :title="deviceData.usrName" class="right zzz">{{ deviceData.usrName }}</div>
+      <div :title="deviceData.usrName" class="right zzz">
+        {{ deviceData.usrName }}
+      </div>
     </div>
 
     <div class="group flex">
@@ -39,6 +41,7 @@
 
 <script>
 import { companyType } from "@/utils/mapClass/config.js";
+import { mapGetters } from "vuex";
 
 export default {
   data() {
@@ -46,6 +49,23 @@ export default {
       companyType,
     };
   },
+  computed: {
+    prodTest() {
+      return this.vueRoot.$store.state.user.systemSetting.prod_test;
+    },
+    company() {
+      return this.vueRoot.$store.state.bigWindowCompany.company;
+    },
+  },
+  mounted() {
+    // 如果不是测试，而是真数据，就要用帧数据的东西
+    if (this.prodTest != "test") {
+      this.companyType = {};
+      this.company.forEach((item) => {
+        this.companyType[item.conpanyId] = item.companyName;
+      });
+    }
+  },
   methods: {
     close() {
       this.mapClass.infowindowClose();
@@ -73,18 +93,17 @@ export default {
   }
   .group {
     border: 1px solid #cccccc;
-    border-top:none;
+    border-top: none;
     height: 28px;
     font-size: 14px;
     line-height: 28px;
     color: #ffffff;
     &.first {
-      border-top:1px solid #cccccc;
+      border-top: 1px solid #cccccc;
       margin-top: 10px;
     }
     div {
       flex: 1;
-      
     }
     .left {
       border-right: 1px solid #cccccc;
@@ -94,7 +113,7 @@ export default {
     .right {
       box-sizing: border-box;
       text-align: left;
-      padding:0 1em;
+      padding: 0 1em;
     }
   }
   .flex {

gassafetyprogress-web/src/directive/permission/index.js

+/*
+ * @Author: your name
+ * @Date: 2022-01-07 11:29:13
+ * @LastEditTime: 2022-02-25 17:17:17
+ * @LastEditors: Please set LastEditors
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath: /newDev/gassafety-progress/gassafetyprogress-web/src/directive/permission/index.js
+ */
 import hasRole from './hasRole'
 import hasPermi from './hasPermi'
+import unValue from './unValue'
 
 const install = function(Vue) {
   Vue.directive('hasRole', hasRole)
   Vue.directive('hasPermi', hasPermi)
+  Vue.directive('unValue', unValue)
 }
 
 if (window.Vue) {

gassafetyprogress-web/src/directive/permission/unValue.js

+/*
+ * @Author: your name
+ * @Date: 2022-02-25 17:07:40
+ * @LastEditTime: 2022-02-25 17:15:54
+ * @LastEditors: Please set LastEditors
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath: /newDev/gassafety-progress/gassafetyprogress-web/src/directive/permission/hasValue.js
+ */
+/**
+ * 无内容显示-
+ * Copyright (c) 2021 gassafety
+ */
+
+ export default {
+  inserted(el, binding, vnode) {
+    console.log("el",el)
+    el.innerHTML = el.innerHTML.replace(/\s+/g, "") ? el.innerHTML : "-";
+  }
+};

gassafetyprogress-web/src/store/getters.js

+/*
+ * @Author: your name
+ * @Date: 2022-01-07 11:29:13
+ * @LastEditTime: 2022-02-25 15:36:12
+ * @LastEditors: Please set LastEditors
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath: /newDev/gassafety-progress/gassafetyprogress-web/src/store/getters.js
+ */
 const getters = {
   sidebar: state => state.app.sidebar,
   size: state => state.app.size,
@@ -10,9 +18,11 @@ const getters = {
   introduction: state => state.user.introduction,
   roles: state => state.user.roles,
   permissions: state => state.user.permissions,
+  systemSetting: state => state.user.systemSetting,
   permission_routes: state => state.permission.routes,
   topbarRouters:state => state.permission.topbarRouters,
   defaultRoutes:state => state.permission.defaultRoutes,
   sidebarRouters:state => state.permission.sidebarRouters,
+  company:state=>state.bigWindowCompany.company,
 }
 export default getters

gassafetyprogress-web/src/store/index.js

+/*
+ * @Author: your name
+ * @Date: 2022-01-07 11:29:13
+ * @LastEditTime: 2022-02-25 15:36:22
+ * @LastEditors: Please set LastEditors
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath: /newDev/gassafety-progress/gassafetyprogress-web/src/store/index.js
+ */
 import Vue from 'vue'
 import Vuex from 'vuex'
 import app from './modules/app'
 import user from './modules/user'
+import bigWindowCompany from './modules/bigWindowCompany'
+
 import tagsView from './modules/tagsView'
 import permission from './modules/permission'
 import settings from './modules/settings'
@@ -15,7 +25,8 @@ const store = new Vuex.Store({
     user,
     tagsView,
     permission,
-    settings
+    settings,
+    bigWindowCompany
   },
   getters
 })

gassafetyprogress-web/src/store/modules/bigWindowCompany.js

+/*
+ * @Author: your name
+ * @Date: 2022-02-25 13:53:11
+ * @LastEditTime: 2022-02-25 15:01:59
+ * @LastEditors: Please set LastEditors
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath: /newDev/gassafety-progress/gassafetyprogress-web/src/store/modules/bigWindowDevice.js
+ */
+import { getCompany } from "@/api/bigWindow/getDevice";
+
+const state = {
+  // 公司名称
+  company: {},
+};
+
+const mutations = {
+  SET_COMPANY: (state, company) => {
+    state.company = company.map((item) => ({
+      conpanyId: item.enterpriseId,
+      companyName: item.enterpriseName,
+    }));
+    console.log(state.company);
+  },
+};
+
+const actions = {
+  // 登录
+  GetCompany({ commit }) {
+    getCompany().then((res) => {
+      commit("SET_COMPANY", res);
+    });
+  },
+};
+
+export default {
+  namespaced: true,
+  state,
+  mutations,
+  actions,
+};

gassafetyprogress-web/src/store/modules/user.js

@@ -57,9 +57,8 @@ const user = {
         })
       })
     },
-
     // 获取用户信息
-    GetInfo({ commit, state }) {
+    GetInfo({ commit, state,dispatch}) {
       return new Promise((resolve, reject) => {
         getInfo().then(res => {
           const user = res.user
@@ -77,6 +76,12 @@ const user = {
           commit('SET_SYSTEMSETTING', res.systemSetting)
           commit('SET_POSTS',res.posts)
           commit('SET_ENTERPRISEID',user.deptId)
+
+          // 大屏公司获取 
+          // 第一个参数是其他模块的 actions 路径, 
+          // 第二个是传给 actions 的数据, 如果不需要传数据, 也必须预留, 
+          // 第三个参数是配置选项, 申明这个 acitons 不是当前模块的
+          dispatch("bigWindowCompany/GetCompany",{},{root:true})
          console.log(res.systemSetting)
           resolve(res)
         }).catch(error => {

gassafetyprogress-web/src/utils/mapClass/config.js

 /*
  * @Author: your name
  * @Date: 2022-01-26 10:47:44
- * @LastEditTime: 2022-02-17 10:20:02
+ * @LastEditTime: 2022-02-25 11:19:55
  * @LastEditors: Please set LastEditors
  * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  * @FilePath: /test/hello-world/src/utils/config.js
  */
+import store from '@/store'
 
 export const pipeColor = {
   1: "#2EE7E7",
@@ -33,13 +34,11 @@ export const deviceType = {
   4:"厂站",
   5:"监控",
   6:"用户",
-
-
 };
 
 
 export const companyType = {
-  1: "中燃详科技",
+  1: "中燃翔科",
   2: "中诚燃气",
   3: "中燃韵科",
 };
@@ -55,7 +54,7 @@ export const pipeData = {
       buildyear: "2019-03-05",
       buildCompany: "通达管道",
       powerCompany: "河北泽宏科技",
-      type: "1",
+      iconType: "1",
       pipeAddr: "平山医院起南至北泽营村西转至联谊小区",
       coordinates:
         "[['114.165756','38.270519'],['114.16394','38.259056'],['114.173441','38.261087'],['114.181729','38.260066'],['114.181353','38.258139']]",
@@ -80,7 +79,7 @@ export const pipeData = {
 	  buildyear: "2019-03-05",
 	  buildCompany: "通达管道",
 	  powerCompany: "河北泽宏科技",
-	  type: "1",
+	  iconType: "1",
 	  pipeAddr: "主管道至小区",
 	  coordinates:
 	    "[['114.165756','38.270519'],['114.16394','38.259056'],['114.173441','38.261087'],['114.181729','38.260066'],['114.181353','38.258139']]",
@@ -105,7 +104,7 @@ export const pipeData = {
       buildyear: "2019-03-05",
       buildCompany: "通达管道",
       powerCompany: "河北泽宏科技",
-      type: "1",
+      iconType: "1",
       pipeAddr: "县标附近",
       coordinates:
         "[['114.230778','38.245679'],['114.2247','38.250897'],['114.224562','38.261364']]",
@@ -131,7 +130,7 @@ export const pipeData = {
       buildyear: "2019-03-05",
       buildCompany: "通达管道",
       powerCompany: "河北泽宏科技",
-      type: "1",
+      iconType: "1",
       pipeAddr: "万寿路",
       coordinates:
         "[['114.164962','38.267811'],['114.176895','38.265525'],['114.176841','38.266408'],['114.177005','38.2655'],['114.177525','38.265473'],['114.176736','38.260898']]",
@@ -156,7 +155,7 @@ export const pipeData = {
       buildyear: "2019-03-05",
       buildCompany: "通达管道",
       powerCompany: "河北泽宏科技",
-      type: "1",
+      iconType: "1",
       pipeAddr: "万寿路北至君越新城",
       coordinates: "[['114.169352','38.267135'],['114.169884','38.272885']]",
       pipeLength: 1566,
@@ -180,7 +179,7 @@ export const pipeData = {
       buildyear: "2019-03-05",
       buildCompany: "通达管道",
       powerCompany: "河北泽宏科技",
-      type: "1",
+      iconType: "1",
       pipeAddr: "县标附近",
       coordinates: "[['114.214022','38.258963'],['114.215367','38.25898']]",
       pipeLength: 2222,
@@ -204,7 +203,7 @@ export const pipeData = {
       buildyear: "2019-03-05",
       buildCompany: "通达管道",
       powerCompany: "河北泽宏科技",
-      type: "1",
+      iconType: "1",
       pipeAddr: "平山职教",
       coordinates: "[['114.214073','38.260813'],['114.22451','38.260829']]",
       pipeLength: 3333,
@@ -231,7 +230,7 @@ export const pipeData = {
       buildyear: "2019-03-05",
       buildCompany: "通达管道",
       powerCompany: "河北泽宏科技",
-      type: "1",
+      iconType: "1",
       pipeAddr: "县标北街",
       coordinates: "[['114.218693','38.260779'],['114.218611','38.256284']]",
       pipeLength: 4444,
@@ -258,7 +257,7 @@ export const pipeData = {
       buildyear: "2019-03-05",
       buildCompany: "通达管道",
       powerCompany: "河北泽宏科技",
-      type: "1",
+      iconType: "1",
       pipeAddr: "冶河西路",
       coordinates:
         "[['114.18219','38.260066'],['114.19217','38.259316'],['114.197248','38.257486'],['114.196603','38.252102']]",
@@ -285,7 +284,7 @@ export const pipeData = {
 	  buildyear: "2019-03-05",
 	  buildCompany: "通达管道",
 	  powerCompany: "河北泽宏科技",
-	  type: "1",
+	  iconType: "1",
 	  pipeAddr: "冶河西路至县政府",
 	  coordinates:
 	    "[['114.18219','38.260066'],['114.19217','38.259316'],['114.197248','38.257486'],['114.196603','38.252102']]",
@@ -313,7 +312,7 @@ export const pipeData = {
       buildyear: "2019-03-05",
       buildCompany: "通达管道",
       powerCompany: "河北泽宏科技",
-      type: "1",
+      iconType: "1",
       pipeAddr: "农业发展银行",
       coordinates: "[['114.218713','38.258906'],['114.224584','38.258835']]",
       pipeLength: 5555,
@@ -342,7 +341,7 @@ export const pipeData = {
       buildyear: "2019-03-05",
       buildCompany: "通达管道",
       powerCompany: "河北泽宏科技",
-      type: "1",
+      iconType: "1",
       pipeAddr: "东川街",
       coordinates:
         "[['114.214054','38.260844'],['114.213974','38.254076'],['114.213408','38.254092'],['114.213469','38.254361'],['114.212581','38.25444']]",
@@ -373,7 +372,7 @@ export const pipeData = {
       buildyear: "2019-03-05",
       buildCompany: "通达管道",
       powerCompany: "河北泽宏科技",
-      type: "1",
+      iconType: "1",
       pipeAddr: "冶河东路县标路",
       coordinates: "[['114.214047','38.255516'],['114.224573','38.25477']]",
       pipeLength: 7777,
@@ -400,7 +399,7 @@ export const pipeData = {
       buildyear: "2019-03-05",
       buildCompany: "通达管道",
       powerCompany: "河北泽宏科技",
-      type: "1",
+      iconType: "1",
       pipeAddr: "柏坡路西管道",
       coordinates:
         "[['114.192016','38.259428'],['114.192084','38.262565'],['114.185358','38.264907'],['114.182205','38.267273']]",
@@ -425,7 +424,7 @@ export const pipeData = {
       buildyear: "2019-03-05",
       buildCompany: "通达管道",
       powerCompany: "河北泽宏科技",
-      type: "1",
+      iconType: "1",
       pipeAddr: "冶河东路",
       coordinates:
         "[['114.213893','38.255564'],['114.210696','38.255975'],['114.210782','38.256901']]",
@@ -450,7 +449,7 @@ export const pipeData = {
       buildyear: "2019-03-05",
       buildCompany: "通达管道",
       powerCompany: "河北泽宏科技",
-      type: "1",
+      iconType: "1",
       pipeAddr: "补充管道",
       coordinates: "[['114.17755','38.265569'],['114.183482','38.264881']]",
       pipeLength: 1020,
@@ -474,7 +473,7 @@ export const pipeData = {
       buildyear: "2019-03-05",
       buildCompany: "通达管道",
       powerCompany: "河北泽宏科技",
-      type: "1",
+      iconType: "1",
       pipeAddr: "冶河东路",
       coordinates:
         "[['114.213714','38.255604'],['114.210617','38.255911'],['114.210816','38.256907'],['114.210297','38.256942']]",
@@ -504,7 +503,7 @@ export const pipeData = {
       buildyear: "2019-03-05",
       buildCompany: "通达管道",
       powerCompany: "河北泽宏科技",
-      type: "1",
+      iconType: "1",
       pipeAddr: "康乐街",
       coordinates:
         "[['114.198561','38.26075'],['114.197173','38.257331'],['114.195376','38.241776']]",
@@ -531,7 +530,7 @@ export const pipeData = {
 	  buildyear: "2019-03-05",
 	  buildCompany: "通达管道",
 	  powerCompany: "河北泽宏科技",
-	  type: "1",
+	  iconType: "1",
 	  pipeAddr: "康乐街岔口",
 	  coordinates:
 	    "[['114.198561','38.26075'],['114.197173','38.257331'],['114.195376','38.241776']]",
@@ -558,7 +557,7 @@ export const pipeData = {
       buildyear: "2019-03-05",
       buildCompany: "通达管道",
       powerCompany: "河北泽宏科技",
-      type: "1",
+      iconType: "1",
       pipeAddr: "平逛大街管道",
       coordinates:
         "[['114.206898','38.259072'],['114.20675','38.25672'],['114.20636','38.256667'],['114.206091','38.254336'],['114.203067','38.254602'],['114.206031','38.254312'],['114.204425','38.242844']]",
@@ -584,7 +583,7 @@ export const pipeData = {
       buildyear: "2019-03-05",
       buildCompany: "通达管道",
       powerCompany: "河北泽宏科技",
-      type: "1",
+      iconType: "1",
       pipeAddr: "建材路",
       coordinates:
         "[['114.196617','38.250493'],['114.20038','38.250411'],['114.200407','38.249479'],['114.200471','38.250448'],['114.212646','38.249688']]",
@@ -611,7 +610,7 @@ export const pipeData = {
       buildyear: "2019-03-05",
       buildCompany: "通达管道",
       powerCompany: "河北泽宏科技",
-      type: "1",
+      iconType: "1",
       pipeAddr: "育才路",
       coordinates:
         "[['114.204944','38.246514'],['114.200095','38.246834'],['114.200009','38.246312'],['114.200095','38.246919'],['114.196061','38.24702']]",
@@ -644,7 +643,7 @@ export const pipeData = {
       buildyear: "2019-03-05",
       buildCompany: "通达管道",
       powerCompany: "河北泽宏科技",
-      type: "1",
+      iconType: "1",
       pipeAddr: "县标南街",
       coordinates:
         "[['114.219113','38.255163'],['114.21852','38.254677'],['114.21848','38.253932'],['114.218508','38.253723']]",
@@ -670,7 +669,7 @@ export const pipeData = {
 	  buildyear: "2019-03-05",
 	  buildCompany: "通达管道",
 	  powerCompany: "河北泽宏科技",
-	  type: "1",
+	  iconType: "1",
 	  pipeAddr: "主管道至高村",
 	  coordinates:
 	    "[['114.219113','38.255163'],['114.21852','38.254677'],['114.21848','38.253932'],['114.218508','38.253723']]",
@@ -696,7 +695,7 @@ export const pipeData = {
       buildyear: "2019-03-05",
       buildCompany: "通达管道",
       powerCompany: "河北泽宏科技",
-      type: "1",
+      iconType: "1",
       pipeAddr: "县标南街",
       coordinates:
         "[['114.21848','38.253942'],['114.218745','38.25395'],['114.21881','38.253812']]",
@@ -725,7 +724,7 @@ export const pipeData = {
       buildyear: "2019-03-05",
       buildCompany: "通达管道",
       powerCompany: "河北泽宏科技",
-      type: "1",
+      iconType: "1",
       pipeAddr: "馨园小区",
       coordinates:
         "[['114.218635','38.257154'],['114.218743','38.257137'],['114.218851','38.25712']]",
@@ -754,7 +753,7 @@ export const pipeData = {
       buildyear: "2019-03-05",
       buildCompany: "通达管道",
       powerCompany: "河北泽宏科技",
-      type: "1",
+      iconType: "1",
       pipeAddr: "平安2期",
       coordinates: "[['114.223146','38.260833'],['114.223162','38.261592']]",
       pipeLength: 1313,
@@ -781,7 +780,7 @@ export const pipeData = {
       buildyear: "2019-03-05",
       buildCompany: "通达管道",
       powerCompany: "河北泽宏科技",
-      type: "1",
+      iconType: "1",
       pipeAddr: "蒲胜大街胜佛完全小学",
       coordinates:
         "[['114.224161','38.260852'],['114.224245','38.258921'],['114.224898','38.258927'],['114.224866','38.259535']]",
@@ -811,7 +810,7 @@ export const pipeData = {
       buildyear: "2019-03-05",
       buildCompany: "通达管道",
       powerCompany: "河北泽宏科技",
-      type: "1",
+      iconType: "1",
       pipeAddr: "蒲胜大街",
       coordinates: "[['114.22426','38.25881'],['114.224261','38.258908']]",
       pipeLength: 1515,
@@ -838,7 +837,7 @@ export const pipeData = {
       buildyear: "2019-03-05",
       buildCompany: "通达管道",
       powerCompany: "河北泽宏科技",
-      type: "1",
+      iconType: "1",
       pipeAddr: "县标北街宏鹏公司",
       coordinates: "[['114.219001','38.258896'],['114.218975','38.258319']]",
       pipeLength: 1616,
@@ -865,7 +864,7 @@ export const pipeData = {
       buildyear: "2019-03-05",
       buildCompany: "通达管道",
       powerCompany: "河北泽宏科技",
-      type: "1",
+      iconType: "1",
       pipeAddr: "电大街石上流名苑",
       coordinates: "[['114.22432','38.254788'],['114.224201','38.253337']]",
       pipeLength: 1717,
@@ -889,7 +888,7 @@ export const pipeData = {
           buildyear: "2019-03-05",
           buildCompany: "通达管道",
           powerCompany: "河北泽宏科技",
-          type: "1",
+          iconType: "1",
           pipeAddr: "电大街石上流名苑1",
           coordinates: "[['114.22432','38.254788'],['114.224201','38.253337']]",
           pipeLength: 1717,
@@ -913,7 +912,7 @@ export const pipeData = {
       buildyear: "2019-03-05",
       buildCompany: "通达管道",
       powerCompany: "河北泽宏科技",
-      type: "1",
+      iconType: "1",
       pipeAddr: "河北盛源纺织厂",
       coordinates: "[['114.224519','38.254773'],['114.22561','38.254644']]",
       pipeLength: 1818,
@@ -940,7 +939,7 @@ export const pipeData = {
       buildyear: "2019-03-05",
       buildCompany: "通达管道",
       powerCompany: "河北泽宏科技",
-      type: "1",
+      iconType: "1",
       pipeAddr: "东街二小",
       coordinates:
         "[['114.207004','38.259314'],['114.212714','38.258958'],['114.214018','38.258981']]",
@@ -969,7 +968,7 @@ export const pipeData = {
       buildyear: "2019-03-05",
       buildCompany: "通达管道",
       powerCompany: "河北泽宏科技",
-      type: "1",
+      iconType: "1",
       pipeAddr: "东街二小",
       coordinates: "[['114.212656','38.258981'],['114.212534','38.25764']]",
       pipeLength: 2020,
@@ -995,7 +994,7 @@ export const tiaoyaxiang = {
     {
       deviceId: 171,
       enterpriseId: 3,
-      type: "2",
+      iconType: "2",
       deviceName: "河北骐进汽车贸易有限公司食堂",
       deviceCode: "HBS11b-III0001005",
       deviceAddr: "河北骐进汽车贸易有限公司食堂",
@@ -1077,7 +1076,7 @@ export const tiaoyaxiang = {
     {
       deviceId: 172,
       enterpriseId: 1,
-      type: "2",
+      iconType: "2",
       deviceName: "胡家大厨",
       deviceCode: "HBS11C0002002",
       deviceAddr: "胡家大厨",
@@ -1138,7 +1137,7 @@ export const tiaoyaxiang = {
     {
       deviceId: 173,
       enterpriseId: 1,
-      type: "2",
+      iconType: "2",
       deviceName: "财政局食堂",
       deviceCode: "HBS11b-III0001007",
       deviceAddr: "财政局",
@@ -1202,7 +1201,7 @@ export const tiaoyaxiang = {
     {
       deviceId: 174,
       enterpriseId: 1,
-      type: "2",
+      iconType: "2",
       deviceName: "平山县供热局",
       deviceCode: "HBS11b-III0001015",
       deviceAddr: "平山县供热局",
@@ -1229,7 +1228,7 @@ export const tiaoyaxiang = {
     {
       deviceId: 175,
       enterpriseId: 1,
-      type: "2",
+      iconType: "2",
       deviceName: "圣源纺织有限公司",
       deviceCode: "HBS11b-III0001011",
       deviceAddr: "圣源纺织有限公司",
@@ -1263,7 +1262,7 @@ export const tiaoyaxiang = {
     {
       deviceId: 176,
       enterpriseId: 1,
-      type: "2",
+      iconType: "2",
       deviceName: "老干部局",
       deviceCode: "HBS11b-III0001008",
       deviceAddr: "老干部局",
@@ -1347,7 +1346,7 @@ export const tiaoyaxiang = {
     {
       deviceId: 177,
       enterpriseId: 2,
-      type: "2",
+      iconType: "2",
       deviceName: "二军美食",
       deviceCode: "HBS11b-III0001009",
       deviceAddr: "二军美食",
@@ -1422,7 +1421,7 @@ export const tiaoyaxiang = {
     {
       deviceId: 178,
       enterpriseId: 1,
-      type: "2",
+      iconType: "2",
       deviceName: "川府玉龙火锅城",
       deviceCode: "HBS11b-III0001016",
       deviceAddr: "川府玉龙火锅城",
@@ -1483,7 +1482,7 @@ export const tiaoyaxiang = {
     {
       deviceId: 179,
       enterpriseId: 3,
-      type: "2",
+      iconType: "2",
       deviceName: "平山特殊教育学校",
       deviceCode: "HBS11b-III0021001",
       deviceAddr: "平山特殊教育学校",
@@ -1503,7 +1502,7 @@ export const tiaoyaxiang = {
     {
       deviceId: 180,
       enterpriseId: 2,
-      type: "2",
+      iconType: "2",
       deviceName: "国税局食堂",
       deviceCode: "HBS11b-III0001002",
       deviceAddr: "国税局",
@@ -1578,7 +1577,7 @@ export const tiaoyaxiang = {
     {
       deviceId: 181,
       enterpriseId: 1,
-      type: "2",
+      iconType: "2",
       deviceName: "尚客优",
       deviceCode: "HBS11b-III0022001",
       deviceAddr: "尚客优",
@@ -1640,7 +1639,7 @@ export const tiaoyaxiang = {
     {
       deviceId: 182,
       enterpriseId: 1,
-      type: "2",
+      iconType: "2",
       deviceName: "平山县幼儿园",
       deviceCode: "HBS11b-III0024001",
       deviceAddr: "平山县幼儿园",
@@ -1681,7 +1680,7 @@ export const tiaoyaxiang = {
     {
       deviceId: 183,
       enterpriseId: 2,
-      type: "2",
+      iconType: "2",
       deviceName: "外国语学校",
       deviceCode: "HBS11C0004001",
       deviceAddr: "平山县外国语学校",
@@ -1729,7 +1728,7 @@ export const tiaoyaxiang = {
     {
       deviceId: 184,
       enterpriseId: 1,
-      type: "2",
+      iconType: "2",
       deviceName: "平山第二中学",
       deviceCode: "HBS11C0005001",
       deviceAddr: "平山第二中学",
@@ -1783,7 +1782,7 @@ export const tiaoyaxiang = {
     {
       deviceId: 185,
       enterpriseId: 2,
-      type: "2",
+      iconType: "2",
       deviceName: "地税局食堂",
       deviceCode: "HBS11b-III0001003",
       deviceAddr: "地税局食堂",
@@ -1831,7 +1830,7 @@ export const tiaoyaxiang = {
     {
       deviceId: 186,
       enterpriseId: 1,
-      type: "2",
+      iconType: "2",
       deviceName: "人民政府办公室食堂",
       deviceCode: "HBS11b-III0001019",
       deviceAddr: "人民政府办公室食堂",
@@ -1885,7 +1884,7 @@ export const tiaoyaxiang = {
     {
       deviceId: 187,
       enterpriseId: 2,
-      type: "2",
+      iconType: "2",
       deviceName: "柏东购物广场",
       deviceCode: "HBS11b-III0001017",
       deviceAddr: "柏东购物广场",
@@ -1954,7 +1953,7 @@ export const tiaoyaxiang = {
     {
       deviceId: 188,
       enterpriseId: 2,
-      type: "2",
+      iconType: "2",
       deviceName: "平山中学",
       deviceCode: "HBS11C0006001",
       deviceAddr: "平山中学",
@@ -2002,7 +2001,7 @@ export const tiaoyaxiang = {
     {
       deviceId: 189,
       enterpriseId: 2,
-      type: "2",
+      iconType: "2",
       deviceName: "实验中学",
       deviceCode: "HBS11C0003003",
       deviceAddr: "实验中学",
@@ -2084,7 +2083,7 @@ export const tiaoyaxiang = {
     {
       deviceId: 190,
       enterpriseId: 2,
-      type: "2",
+      iconType: "2",
       deviceName: "手切羊肉",
       deviceCode: "HBS11b-III0001012",
       deviceAddr: "手切羊肉",
@@ -2159,7 +2158,7 @@ export const tiaoyaxiang = {
     {
       deviceId: 191,
       enterpriseId: 2,
-      type: "2",
+      iconType: "2",
       deviceName: "爱心幼儿园",
       deviceCode: "HBS11b-III0023001",
       deviceAddr: "爱心幼儿园",
@@ -2214,7 +2213,7 @@ export const famen = {
       enterpriseId: 1,
       pipeName: "县标附近",
       deviceName: "球阀",
-      type: "3",
+      iconType: "3",
       deviceAddr: "县标附近",
       longitude: 114.218928,
       latitude: 38.257105,
@@ -2298,7 +2297,7 @@ export const famen = {
       enterpriseId: 3,
       pipeName: "蒲胜大街",
       deviceName: "球阀",
-      type: "3",
+      iconType: "3",
       deviceAddr: "电厂街金水家园",
       longitude: 114.233671,
       latitude: 38.239385,
@@ -2375,7 +2374,7 @@ export const famen = {
       pipeId: 151,
       pipeName: "蒲胜大街",
       deviceName: "球阀",
-      type: "3",
+      iconType: "3",
       deviceAddr: "蒲胜大街蒲吾村卫生室",
       longitude: 114.225102,
       latitude: 38.251989,
@@ -2424,7 +2423,7 @@ export const famen = {
       enterpriseId: 3,
       pipeName: "蒲胜大街",
       deviceName: "球阀",
-      type: "3",
+      iconType: "3",
       deviceAddr: "蒲胜大街县标路",
       longitude: 114.223456,
       latitude: 38.254096,
@@ -2471,7 +2470,7 @@ export const famen = {
       enterpriseId: 1,
       pipeName: "平山农业发展银行",
       deviceName: "球阀",
-      type: "3",
+      iconType: "3",
       deviceAddr: "蒲胜大街光荣路公园首府北门",
       longitude: 114.223296,
       latitude: 38.25857,
@@ -2518,7 +2517,7 @@ export const famen = {
       enterpriseId: 3,
       pipeName: "蒲胜大街",
       deviceName: "球阀",
-      type: "3",
+      iconType: "3",
       deviceAddr: "蒲胜大街逸格小区",
       longitude: 114.224964,
       latitude: 38.258138,
@@ -2565,7 +2564,7 @@ export const famen = {
       enterpriseId: 1,
       pipeName: "平山农业发展银行",
       deviceName: "球阀",
-      type: "3",
+      iconType: "3",
       deviceAddr: "光荣路农业银行附近",
       longitude: 114.220892,
       latitude: 38.258482,
@@ -2629,7 +2628,7 @@ export const famen = {
       enterpriseId: 1,
       pipeName: "县标北街",
       deviceName: "球阀",
-      type: "3",
+      iconType: "3",
       deviceAddr: "县标北街上海花朵国际幼儿园",
       longitude: 114.218296,
       latitude: 38.249633,
@@ -2691,7 +2690,7 @@ export const famen = {
       enterpriseId: 3,
       pipeName: "蒲胜大街",
       deviceName: "球阀",
-      type: "3",
+      iconType: "3",
       deviceAddr: "蒲胜大街平山县维赢培训学校",
       longitude: 114.22492,
       latitude: 38.257326,
@@ -2767,7 +2766,7 @@ export const famen = {
       enterpriseId: 1,
       pipeName: "冶和西路",
       deviceName: "阀门井",
-      type: "3",
+      iconType: "3",
       deviceAddr: "也和西路",
       longitude: 114.169366,
       latitude: 38.262576,
@@ -2815,7 +2814,7 @@ export const famen = {
       enterpriseId: 1,
       pipeName: "冶和西路",
       deviceName: "阀门井",
-      type: "3",
+      iconType: "3",
       deviceAddr: "冶河西路",
       longitude: 114.179455,
       latitude: 38.260659,
@@ -2873,7 +2872,7 @@ export const changzhan = {
     {
       stationName: "平山加气站",
       stationType: "1",
-      type: "4",
+      iconType: "4",
       stationAddr: "建材路加气站",
       longitude: 114.214268,
       latitude: 38.255332,
@@ -2957,7 +2956,7 @@ export const changzhan = {
     {
       stationName: "南区储备站",
       stationType: "4",
-      type: "4",
+      iconType: "4",
       stationAddr: "黄壁庄水库储备站",
       longitude: 114.219268,
       latitude: 38.265332,
@@ -2972,7 +2971,7 @@ export const changzhan = {
     {
       stationName: "门站",
       stationType: "2",
-      type: "4",
+      iconType: "4",
       stationAddr: "天圣华庭东南角",
       longitude: 114.200191,
       latitude: 38.239509,
@@ -3055,7 +3054,7 @@ export const changzhan = {
     {
       stationName: "工业路储备站",
       stationType: "4",
-      type: "4",
+      iconType: "4",
       stationAddr: "工业路东头",
       longitude: 114.217268,
       latitude: 38.245332,
@@ -3131,7 +3130,7 @@ export const changzhan = {
     {
       stationName: "东区调压站",
       stationType: "3",
-      type: "4",
+      iconType: "4",
       stationAddr: "调压站",
       longitude: 114.217268,
       latitude: 38.252332,
@@ -3173,7 +3172,7 @@ export const changzhan = {
     {
       stationName: "储备站",
       stationType: "4",
-      type: "4",
+      iconType: "4",
       stationAddr: "天圣华庭东",
       longitude: 114.219268,
       latitude: 38.254332,
@@ -3237,7 +3236,7 @@ export const changzhan = {
     {
       stationName: "东关小学东调压站",
       stationType: "3",
-      type: "4",
+      iconType: "4",
       stationAddr: "平山镇东关小学东",
       longitude: 114.217268,
       latitude: 38.258332,
@@ -3272,7 +3271,7 @@ export const changzhan = {
     {
       stationName: "北外环储备站",
       stationType: "4",
-      type: "4",
+      iconType: "4",
       stationAddr: "东北外环西南侧",
       longitude: 114.164342,
       latitude: 38.262435,
@@ -3465,7 +3464,7 @@ export const jiankong = {
       longitude: 114.218268,
       latitude: 38.255332,
       videoAddress: "县标",
-      type: "5", //分类
+      iconType: "5", //分类
     },
   ],
   company2: [
@@ -3478,7 +3477,7 @@ export const jiankong = {
       longitude: 114.203785,
       latitude: 38.2576,
       videoAddress: "中山广场",
-      type: "5",
+      iconType: "5",
     },
   ],
   company3: [
@@ -3491,7 +3490,7 @@ export const jiankong = {
       longitude: 114.203785,
       latitude: 38.2596,
       videoAddress: "中山广场",
-      type: "5",
+      iconType: "5",
     },
   ],
 };
@@ -3501,7 +3500,7 @@ export const user = {
     {
       usrName: "燕恒服装有限公司",
       usrType: "2",
-      type: "6",
+      iconType: "6",
       longitude: 114.231107,
       latitude: 38.263602,
       phone: "18230055268",
@@ -3511,7 +3510,7 @@ export const user = {
     {
       usrName: "正兴钢圈",
       usrType: "1",
-      type: "6",
+      iconType: "6",
       longitude: 114.173669,
       latitude: 38.281955,
       phone: "15600044233",
@@ -3523,7 +3522,7 @@ export const user = {
     {
       usrName: "敬业宾馆",
       usrType: "2",
-      type: "6",
+      iconType: "6",
       longitude: 114.221158,
       latitude: 38.264802,
       phone: "15233048268",
@@ -3535,7 +3534,7 @@ export const user = {
     {
       usrName: "张小娴",
       usrType: "1",
-      type: "6",
+      iconType: "6",
       longitude: 114.211766,
       latitude: 38.265589,
       phone: "13363022635",
@@ -3545,7 +3544,7 @@ export const user = {
     {
       usrName: "李小迪",
       usrType: "1",
-      type: "6",
+      iconType: "6",
       longitude: 114.190207,
       latitude: 38.271492,
       phone: "13363022635",

gassafetyprogress-web/src/utils/mapClass/map.js

 /*
  * @Author: your name
  * @Date: 2022-01-11 13:45:12
- * @LastEditTime: 2022-02-17 10:12:27
+ * @LastEditTime: 2022-02-26 09:55:44
  * @LastEditors: Please set LastEditors
  * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  * @FilePath: /test/hello-world/src/utils/mapClass.js
@@ -31,7 +31,7 @@ export class EditorMap {
   mouseToolPolineOptions = null;
 
   // 存放所有的设备的数组集合，这是一个对象，对象里面是各种设备的数组
-  allDevic = {};
+  allDevice = {};
   // 存放所有的管道
   pipeArr = {};
   // 当前的infowindow的组件
@@ -247,8 +247,8 @@ export class EditorMap {
    * @return {*}
    */
   addDevice(deviceData, compontent) {
-    const { longitude: lng, latitude: lat, type, companyType } = deviceData;
-    const icon = svgUrl[type];
+    const { longitude: lng, latitude: lat, iconType } = deviceData;
+    const icon = svgUrl[iconType];
     let device = this.createMarker({
       map: this.map,
       anchor: "bottom-center",
@@ -258,10 +258,10 @@ export class EditorMap {
     });
     // device.hide();
     // 如果没有有这个公司的数组，就创建，有就直接push
-    if (!Array.isArray(this.allDevic[companyType])) {
-      this.allDevic[companyType] = [];
+    if (!Array.isArray(this.allDevice[iconType])) {
+      this.allDevice[iconType] = [];
     }
-    this.allDevic[companyType].push(device);
+    this.allDevice[iconType].push(device);
 
     // 设备的事件函数
     this.deviceEvent(device, compontent);
@@ -287,7 +287,9 @@ export class EditorMap {
    */
   markerClick(target, compontent) {
     const deviceExtData = target.getExtData();
+
     const { longitude: lng, latitude: lat } = deviceExtData;
+
     // 创建一个可以控制的组件，将其dom插入infowindow
     this.infowindowComponent = this.createInfowindowDom(
       this.vue,
@@ -295,6 +297,7 @@ export class EditorMap {
       deviceExtData,
       compontent
     );
+
     // 没恩么用，控制台测试的时候用着玩的
     window.func = () => {
       const { longitude: lng, latitude: lat } = target.getExtData();
@@ -316,6 +319,7 @@ export class EditorMap {
       anchor: "middle-left",
       offset: [20, -10],
     });
+
     this.infowindow.open(this.map);
   }
   // 创建要加入到infowindow里的
@@ -344,22 +348,25 @@ export class EditorMap {
   }
   // 地图上add管道
   addPipeLine(objData, component) {
-    const { path, pipePressure, companyType } = objData;
+    const { path, pipePressure, iconType } = objData;
+    console.log(path);
     // 根据压力获取颜色
-    const color = pipeColor[pipePressure];
+    const color = pipeColor[pipePressure + 1];
     const pipe = this.createPipeLine({
-      path,
+      path: eval(path),
       strokeWeight: 4,
       strokeColor: color,
       extData: objData,
       cursor: "pointer",
     });
+
     this.map.add(pipe);
+    console.log(pipe.getExtData());
     // pipe.hide();
-    if (!Array.isArray(this.pipeArr[companyType])) {
-      this.pipeArr[companyType] = [];
+    if (!Array.isArray(this.pipeArr[iconType])) {
+      this.pipeArr[iconType] = [];
     }
-    this.pipeArr[companyType].push(pipe);
+    this.pipeArr[iconType].push(pipe);
     // console.log(this.pipeArr);
     // this.map.panTo([path[0][0], path[0][1]]);
     this.pipeEvent(pipe, component);
@@ -380,7 +387,7 @@ export class EditorMap {
       const target = e.target;
       // 根据管道压力获取颜色
       const { pipePressure } = target.getExtData();
-      const color = pipeColor[pipePressure];
+      const color = pipeColor[pipePressure + 1];
       // 获取当前颜色
       const options = target.getOptions();
       options.strokeColor = color;
@@ -434,33 +441,56 @@ export class EditorMap {
     this.infowindow.open(this.map);
   }
   infowindowClose() {
-      if(!this.infowindow) return;
+    if (!this.infowindow) return;
     this.infowindow.close();
   }
   // 根据公司过滤是否显示 公司由一个数组传过来
   companyFilter(companyArr) {
     for (let pipeItem in this.pipeArr) {
       // 如果item属于数组说明要显示，凑则就是隐藏
-      if (companyArr.indexOf(+pipeItem) >= 0) {
+      // if (companyArr.indexOf(+pipeItem+'') >= 0) {
+      //   this.pipeArr[pipeItem].forEach((pipe) => {
+      //     pipe.show();
+      //   });
+      // } else {
+      //   this.pipeArr[pipeItem].forEach((pipe) => {
+      //     pipe.hide();
+      //   });
+      // }
       this.pipeArr[pipeItem].forEach((pipe) => {
+        const data = pipe.getExtData();
+        if (companyArr.indexOf(data.companyType + "") >= 0) {
           pipe.show();
-        });
         } else {
-        this.pipeArr[pipeItem].forEach((pipe) => {
           pipe.hide();
-        });
         }
+      });
     }
-    for (let deviceItem in this.allDevic) {
-      if (companyArr.indexOf(+deviceItem) >= 0) {
-        this.allDevic[deviceItem].forEach((device) => {
+    for (let deviceItem in this.allDevice) {
+      // if (companyArr.indexOf(+deviceItem+'') >= 0) {
+      //   this.allDevice[deviceItem].forEach((device) => {
+      //     device.show();
+      //   });
+      // } else {
+      //   this.allDevice[deviceItem].forEach((device) => {
+      //     device.hide();
+      //   });
+      // }
+      console.log(this.allDevice);
+      this.allDevice[deviceItem].forEach((device) => {
+        const data = device.getExtData();
+
+        // 燃气没有公司，所以没有device.companyType不收到公司的控制
+
+        if (
+          companyArr.indexOf(data.companyType + "") >= 0 ||
+          !data.companyType
+        ) {
           device.show();
-        });
         } else {
-        this.allDevic[deviceItem].forEach((device) => {
           device.hide();
-        });
         }
+      });
     }
   }
   // 卫星图切换

gassafetyprogress-web/src/views/bigWindow/index.vue

 <!--
  * @Author: your name
  * @Date: 2022-01-11 13:44:17
- * @LastEditTime: 2022-02-22 15:09:22
+ * @LastEditTime: 2022-02-26 10:08:49
  * @LastEditors: Please set LastEditors
  * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  * @FilePath: /test/hello-world/src/views/Home.vue
@@ -13,15 +13,11 @@
     <Center :show="show" :centerData="centerData" />
     <PipeColor />
     <div class="home-div">
-      <img
-        src="@/assets/mapinages/bottombanner.png"
-        alt=""
-        style="width: 100%; height: 100%; z-index: 999"
-      />
+      <img src="@/assets/mapinages/bottombanner.png" alt="" style="" />
       <div class="listingsSty fangy">
         <div
           @click="allCompany"
-          :class="selarr.length == 3 ? 'active' : ''"
+          :class="selarr.length == companyLength ? 'active' : ''"
           class="firsty"
         >
           全部
@@ -111,6 +107,7 @@
 <script>
 // @ is an alias to /src
 import { EditorMap } from "@/utils/mapClass/map";
+import { mapGetters, mapActions } from "vuex";
 import {
   pipeData,
   tiaoyaxiang,
@@ -119,6 +116,14 @@ import {
   jiankong,
   user,
 } from "@/utils/mapClass/config.js";
+import {
+  getPipe,
+  getTyx,
+  getFm,
+  getCz,
+  getVideo,
+  getUser,
+} from "@/api/bigWindow/getDevice";
 import Line from "@/components/bigWindow/Line.vue";
 import VideoView from "@/components/bigWindow/VideoView.vue";
 import DeviceA from "@/components/bigWindow/DeviceA.vue";
@@ -166,41 +171,80 @@ export default {
       ],
     };
   },
+  computed: {
+    ...mapGetters(["company", "systemSetting"]),
+    companyLength() {
+      return this.typeList.length;
+    },
+  },
   watch: {
     selarr(newValue) {
-      if (newValue.length == 3) {
+      if (newValue.length == this.companyLength) {
         this.$refs.mychild.choice(0);
         this.$refs.mychild2.choice(0);
       }
     },
   },
   mounted() {
-    const path = eval(this.$store.state.user.systemSetting.map_center);
+    // console.log(99999999999999)
+    //   getPipe().then(res=>{
+    //   console.log("成功成功成功成功成功成功成功成功成功成功成功成功成功成功成功成功成功成功成功成功",res)
+    // }).catch(res=>{
+    //   console.log(123)
+    // })
+    // return;
+
+    const path = eval(this.systemSetting.map_center);
     this.map = new EditorMap(
       "map",
       {
-        center:path,
+        center: path,
         mapStyle: "amap://styles/f71d3a3d73e14f5b2bf5508bf1411758",
         zoom: 14.5,
       },
       this
     );
-    this.addPipeLine();
+    // 这是测试，用本地数据
+    if (this.systemSetting.prod_test === "test") {
+      this.addPipeLine(pipeData, Line);
       this.addDevice(tiaoyaxiang, DeviceA);
       this.addDevice(famen, DeviceA);
       this.addDevice(changzhan, DeviceA);
       this.addDevice(user, User);
       this.addDevice(jiankong, VideoView);
+    } else {
+      // 调用状态管理器方法获取公司信息每次都要调取,因为每次进来都是更新的
+      this.GetCompany();
+      this.typeList = this.company.map((item) => ({
+        val: item.conpanyId,
+        name: item.companyName,
+      }));
+      this.selarr = this.company.map((item) => item.conpanyId);
+      // getPipe() getTyx() getFm() getCz() getVideo() getUser()
+      this.goMap(getPipe, this.addPipeLine, Line);
+      this.goMap(getTyx, this.addDevice, DeviceA);
+      this.goMap(getFm, this.addDevice, DeviceA);
+      this.goMap(getCz, this.addDevice, DeviceA);
+      this.goMap(getVideo, this.addDevice, VideoView);
+      this.goMap(getUser, this.addDevice, User);
+      // getVideo().then((res) => {
+      //   console.log("getVideo", res);
+      // });
+    }
 
     this.currentTime();
     this.$refs.mychild.choice(0);
     this.$refs.mychild2.choice(0);
   },
   methods: {
-    addPipeLine() {
-      for (let comp in pipeData) {
-        pipeData[comp].forEach((pipe) => {
-          this.map.addPipeLine(pipe, Line);
+    ...mapActions({
+      GetCompany: "bigWindowCompany/GetCompany",
+    }),
+    // 管道上图
+    addPipeLine(data, component) {
+      for (let comp in data) {
+        data[comp].forEach((pipe) => {
+          this.map.addPipeLine(pipe, component);
         });
       }
     },
@@ -212,6 +256,20 @@ export default {
         });
       }
     },
+    goMap(httpFunc, addFunc, component) {
+      httpFunc().then((res) => {
+        console.log("resresres", res);
+        // 根据数据格式不同，赋值不同，如果是个数组，就用res，如果不是就用res.data
+        let config = {};
+        if (Array.isArray(res)) {
+          config = { data: res };
+        } else {
+          config = { data: res.data };
+        }
+        addFunc(config, component);
+      });
+    },
+
     centerShow(boolean) {
       this.show = boolean;
     },
@@ -222,10 +280,10 @@ export default {
     },
 
     allCompany() {
-      if (this.selarr.length == 3) {
+      if (this.selarr.length == this.companyLength) {
         this.selarr = [];
       } else {
-        this.selarr = [1, 2, 3];
+        this.selarr = this.company.map((item) => item.conpanyId);
       }
 
       this.map.companyFilter(this.selarr);
@@ -352,28 +410,36 @@ export default {
   position: fixed;
   bottom: 0;
   margin-left: 25%;
-  z-index: 1000;
+  // z-index: 1000;
+  img {
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    z-index: -1;
+  }
 }
 .listingsSty {
   /* height: 25px; */
-  position: fixed;
+  // position: fixed;
   /* border: 1px solid #fff; */
-  bottom: 0;
-  margin-bottom: 10px;
-  width: 30%;
-  margin-left: 10%;
+  margin-left: 25%;
+  width: 50%;
+  display: flex;
+  justify-content: space-between;
+  padding-top: 25px;
   // font-family: 'arialbd';
 }
 .firsty {
-  width: 15%;
+  // width: 15%;
+  min-width: 80px;
   height: 35px;
   text-align: center;
   line-height: 35px;
   /* border: 1px solid #fff; */
   color: #fff;
   font-size: 16px;
-  float: left;
-  margin-left: 8%;
+  // float: left;
+  // margin-left: 8%;
   cursor: pointer;
   // font-family: 'arialbd';
 }