{"remainingRequest":"D:\\jenkins\\workspace\\reform-fvue\\node_modules\\thread-loader\\dist\\cjs.js!D:\\jenkins\\workspace\\reform-fvue\\node_modules\\babel-loader\\lib\\index.js!D:\\jenkins\\workspace\\reform-fvue\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\jenkins\\workspace\\reform-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\reform-fvue\\src\\views\\BigScreen\\components\\subComponents\\mapTarget10.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\reform-fvue\\src\\views\\BigScreen\\components\\subComponents\\mapTarget10.vue","mtime":1718334479952},{"path":"D:\\jenkins\\workspace\\reform-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\reform-fvue\\node_modules\\thread-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\reform-fvue\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\jenkins\\workspace\\reform-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\reform-fvue\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import \"core-js/modules/es6.string.iterator\";\nimport \"core-js/modules/es6.array.from\";\nimport \"core-js/modules/es6.regexp.replace\";\nimport \"core-js/modules/es6.function.name\";\nimport \"core-js/modules/es7.array.includes\";\nimport \"core-js/modules/es6.string.includes\";\nimport \"core-js/modules/es6.array.find\";\nimport \"core-js/modules/web.dom.iterable\";\nimport \"core-js/modules/es6.array.sort\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport * as echarts from 'echarts';\nimport cq from '@/assets/js/cq.js';\nimport main9 from '@/assets/js/main9.js';\nimport fakeData from '@/views/BigScreen/js/fakeData_district.js';\nimport apiList from '@/api/bigScreen/districView.js';\nimport airTable from \"./airTable.vue\"; // import {\n//   initLayer,\n//   mapClickEvent,\n//   getFiveColor,\n//   getAreaCode,\n//   setLayerVisible,\n//   setLayerOpacity,\n//   zoomInit\n// } from 'dlzx-five-color-ags-v2'\n// import {loadModules} from 'esri-loader'\n\nvar emphasisColor = {\n  A: '#2ce5c4',\n  B: '#4CA9FF',\n  C: '#F9F953',\n  D: '#EFB569',\n  E: '#E42020',\n  N: '#aaf15e'\n};\nexport default {\n  components: {\n    airTable: airTable\n  },\n  props: {\n    options: {\n      type: Object,\n      default: function _default() {\n        return {};\n      }\n    },\n    CQId: {\n      type: String,\n      default: 'cq-contianer_1'\n    },\n    main9Id: {\n      type: String,\n      default: 'main9-contianer_1'\n    },\n    isClick: {\n      type: Boolean,\n      default: true\n    }\n  },\n  data: function data() {\n    return {\n      loadingColor: 'rgba(6, 46, 106, 0.4)',\n      loading: false,\n      myChartCQ: null,\n      optionCQ: null,\n      myChartMain: null,\n      optionMain: null,\n      levelTitle: ['区县', '项目数\\n(个)'],\n      levelDataA: [],\n      levelDataB: [],\n      levelDataC: [],\n      levelDataD: [],\n      levelDataE: [],\n      areaCode: [{\n        code: 500120,\n        name: '璧山区'\n      }, {\n        code: 500155,\n        name: '梁平区'\n      }, {\n        code: 500241,\n        name: '秀山县'\n      }, {\n        code: 500231,\n        name: '垫江县'\n      }, {\n        code: 500109,\n        name: '北碚区'\n      }, {\n        code: 500229,\n        name: '城口县'\n      }, {\n        code: 500230,\n        name: '丰都县'\n      }, {\n        code: 500113,\n        name: '巴南区'\n      }, {\n        code: 500152,\n        name: '潼南区'\n      }, {\n        code: 500235,\n        name: '云阳县'\n      }, {\n        code: 500233,\n        name: '忠县'\n      }, {\n        code: 500238,\n        name: '巫溪县'\n      }, {\n        code: 500108,\n        name: '南岸区'\n      }, {\n        code: 500107,\n        name: '九龙坡区'\n      }, {\n        code: 500112,\n        name: '渝北区'\n      }, {\n        code: 500116,\n        name: '江津区'\n      }, {\n        code: 500119,\n        name: '南川区'\n      }, {\n        code: 500154,\n        name: '开州区'\n      }, {\n        code: 500118,\n        name: '永川区'\n      }, {\n        code: 500110,\n        name: '綦江区'\n      }, {\n        code: 500243,\n        name: '彭水县'\n      }, {\n        code: 500106,\n        name: '沙坪坝区'\n      }, {\n        code: 500153,\n        name: '荣昌区'\n      }, {\n        code: 500156,\n        name: '武隆区'\n      }, {\n        code: 500236,\n        name: '奉节县'\n      }, {\n        code: 500102,\n        name: '涪陵区'\n      }, {\n        code: 500240,\n        name: '石柱县'\n      }, {\n        code: 500117,\n        name: '合川区'\n      }, {\n        code: 500115,\n        name: '长寿区'\n      }, {\n        code: 500103,\n        name: '渝中区'\n      }, {\n        code: 500111,\n        name: '大足区'\n      }, {\n        code: 500237,\n        name: '巫山县'\n      }, {\n        code: 500101,\n        name: '万州区'\n      }, {\n        code: 500114,\n        name: '黔江区'\n      }, {\n        code: 500104,\n        name: '大渡口区'\n      }, {\n        code: 500105,\n        name: '江北区'\n      }, {\n        code: 500242,\n        name: '酉阳县'\n      }, {\n        code: 500151,\n        name: '铜梁区'\n      }, {\n        code: 500200,\n        name: '两江新区'\n      }, {\n        code: 500300,\n        name: '高新区'\n      }, {\n        code: 500222,\n        name: '万盛经开区'\n      }],\n      viewLayer: null,\n      layer: null,\n      tableData: [],\n      tableColumn: [{\n        label: '区县',\n        prop: 'unitName'\n      }, {\n        label: '项目数\\n(个)',\n        prop: 'nationalProjectNum'\n      }],\n      ljxqGrade: '',\n      gxqGrade: ''\n    };\n  },\n  beforeDestroy: function beforeDestroy() {\n    this.$bus.$off('changeDate');\n  },\n  mounted: function mounted() {\n    var _this = this;\n\n    this.initData();\n    this.$bus.$on('changeDate', function () {\n      _this.initData();\n    });\n    this.$nextTick(function () {\n      _this.initMapMain();\n\n      _this.initMapCQ();\n    });\n    this.$root.$on('resize', function () {\n      _this.resize(500);\n    });\n  },\n  methods: {\n    // 插入表头\n    // addTableHeader() {\n    //   let parentElement = this.$refs.container\n    //   var childElement = parentElement.children[0];\n    //   console.log(childElement);\n    // },\n    handleDetail: function handleDetail(comp, unitName, type) {\n      this.$router.push({\n        path: '/DetailComponent',\n        name: 'DetailComponent',\n        query: {\n          unitName: unitName,\n          comp: comp,\n          type: type\n        }\n      });\n    },\n    initData: function initData() {\n      var _this2 = this;\n\n      this.loading = true;\n      var searchDate = sessionStorage.getItem('searchDate');\n      searchDate = JSON.parse(searchDate);\n      var data = this.qs.stringify({\n        year: searchDate.year,\n        quarter: searchDate.quarter\n      });\n      this.levelDataA = [];\n      this.levelDataB = [];\n      this.levelDataC = [];\n      this.levelDataD = [];\n      this.levelDataE = [];\n      apiList.statementDetail(data, function (res) {\n        if (res) {\n          _this2.$bus.$emit('exportExcel', res);\n\n          _this2.formatSortData(res);\n        }\n      });\n    },\n    formatSortData: function formatSortData(data) {\n      var _this3 = this;\n\n      data.sort(function (a, b) {\n        return a.nationalProjectNum - b.nationalProjectNum;\n      });\n      data.forEach(function (item) {\n        if (item.nationalProjectGrade == 'A') {\n          _this3.levelDataA.unshift(item);\n        }\n\n        if (item.nationalProjectGrade == 'B') {\n          _this3.levelDataB.unshift(item);\n        }\n\n        if (item.nationalProjectGrade == 'C') {\n          _this3.levelDataC.unshift(item);\n        }\n\n        if (item.nationalProjectGrade == 'D') {\n          _this3.levelDataD.unshift(item);\n        }\n\n        if (item.nationalProjectGrade == 'E') {\n          _this3.levelDataE.unshift(item);\n        }\n      });\n      this.handleMapArea(data, 'composite');\n      var ljxqGrade = data.filter(function (item) {\n        return item.unitCode === '500191000000';\n      });\n      var gxqGrade = data.filter(function (item) {\n        return item.unitCode === '500193000000';\n      });\n      this.ljxqGrade = ljxqGrade[0].nationalPassGrade;\n      this.gxqGrade = gxqGrade[0].nationalPassGrade; // 根据区县排序\n\n      var Aarr = this.levelDataA.sort(function (a, b) {\n        return a.orderNo - b.orderNo;\n      });\n      var Barr = this.levelDataB.sort(function (a, b) {\n        return a.orderNo - b.orderNo;\n      });\n      var Carr = this.levelDataC.sort(function (a, b) {\n        return a.orderNo - b.orderNo;\n      });\n      var Darr = this.levelDataD.sort(function (a, b) {\n        return a.orderNo - b.orderNo;\n      });\n      var Earr = this.levelDataE.sort(function (a, b) {\n        return a.orderNo - b.orderNo;\n      }); // 根据项目个数排序\n\n      var Aarr1 = Aarr.sort(function (a, b) {\n        return b.nationalProjectNum - a.nationalProjectNum;\n      });\n      var Barr1 = Barr.sort(function (a, b) {\n        return b.nationalProjectNum - a.nationalProjectNum;\n      });\n      var Carr1 = Carr.sort(function (a, b) {\n        return b.nationalProjectNum - a.nationalProjectNum;\n      });\n      var Darr1 = Darr.sort(function (a, b) {\n        return b.nationalProjectNum - a.nationalProjectNum;\n      });\n      var Earr1 = Earr.sort(function (a, b) {\n        return b.nationalProjectNum - a.nationalProjectNum;\n      });\n      this.tableData = [Aarr1, Barr1, Carr1, Darr1, Earr1]; // this.tableData = [Aarr, Barr, Carr, Darr, Earr]\n      // this.tableData = [this.levelDataA, this.levelDataB, this.levelDataC, this.levelDataD, this.levelDataE]\n    },\n    handleMapArea: function handleMapArea(markData, key) {\n      this.optionCQ.series[0].data = this.convertData(cq.features, markData, key);\n      this.optionMain.series[0].data = this.convertData(main9.features, markData, key, true);\n      this.myChartCQ.setOption(this.optionCQ);\n      this.myChartMain.setOption(this.optionMain);\n      this.loading = false;\n    },\n    convertData: function convertData(data, mapData, key, showTitle) {\n      var res = [];\n\n      var _loop = function _loop(i) {\n        var obj = data[i].properties;\n        var color = '#081c47';\n        var find = mapData.find(function (item) {\n          return item.unitCode == obj.code;\n        });\n        var regionSnKey = 'allSn';\n\n        if (key == 'composite') {\n          regionSnKey = 'nationalProjectGrade';\n        }\n\n        if (key == 'workable') {\n          regionSnKey = 'workableAllSn';\n        }\n\n        if (key == 'brand') {\n          regionSnKey = 'brandAllSn';\n        }\n\n        if (key == 'satisfaction') {\n          regionSnKey = 'satisfiedAllSn';\n        }\n\n        if (find && key !== 'risk') {\n          // 绿色：#20A367 蓝色：#3877B2 黄色：#E3C428 橙色：#E49317 红色：#B04332\n          if (find[regionSnKey] == 'A') {\n            // color = '#398C8F'\n            color = '#20A367';\n          } else if (find[regionSnKey] == 'B') {\n            // color = '#1970C1'\n            color = '#3877B2';\n          } else if (find[regionSnKey] == 'C') {\n            // color = '#A3A355'\n            color = '#E3C428';\n          } else if (find[regionSnKey] == 'D') {\n            // color = '#B0825C'\n            color = '#E49317';\n          } else if (find[regionSnKey] == 'E') {\n            // color = '#9B4E55'\n            color = '#B04332';\n          }\n        }\n\n        var show = true;\n        var offset = [0, 0];\n\n        if (['渝中区', '大渡口区', '江北区', '沙坪坝区', '九龙坡区', '南岸区', '北碚区', '渝北区', '巴南区', '两江新区', '高新区'].includes(obj.name)) {\n          show = false;\n        }\n\n        if (['沙坪坝区'].includes(obj.name)) {\n          offset = [-10, 0];\n        }\n\n        if (['九龙坡区'].includes(obj.name)) {\n          offset = [-10, -10];\n        }\n\n        if (['大渡口区'].includes(obj.name)) {\n          offset = [0, 5];\n        }\n\n        if (['江北区'].includes(obj.name)) {\n          offset = [10, 0];\n        }\n\n        if (['南岸区'].includes(obj.name)) {\n          offset = [10, 6];\n        }\n\n        if (['綦江区'].includes(obj.name)) {\n          offset = [0, 20];\n        }\n\n        if (showTitle != undefined) {\n          show = showTitle;\n        }\n\n        if (obj.name == '两江新区' || obj.name == '高新区') {\n          show = false;\n        }\n\n        res.push({\n          name: obj.name,\n          value: find ? find['unitCode'] : 0,\n          itemStyle: {\n            color: color,\n            areaColor: color,\n            label: {\n              show: show\n            }\n          },\n          label: {\n            normal: {\n              show: show,\n              offset: offset,\n              //是否对文字进行偏移。默认不偏移。例如：[30, 40] 表示文字在横向上偏移 30，纵向上偏移 40。\n              position: 'inside',\n              //标签的位置。// 绝对的像素值[10, 10]\n              color: '#fff',\n              fontSize: 12\n            }\n          },\n          emphasis: {\n            // disabled: true,\n            itemStyle: {\n              areaColor: emphasisColor[find ? find[regionSnKey] : 'N']\n            },\n            label: {\n              color: '#ffffff'\n            }\n          }\n        });\n      };\n\n      for (var i = 0; i < data.length; i++) {\n        _loop(i);\n      }\n\n      return res;\n    },\n    initMapCQ: function initMapCQ() {\n      var _this4 = this;\n\n      var dom = document.getElementById(this.CQId);\n      var width = getComputedStyle(dom).getPropertyValue('width').replace('px', '');\n      var height = getComputedStyle(dom).getPropertyValue('height').replace('px', '');\n      width = parseInt(width, 10);\n      height = parseInt(height, 10);\n      this.myChartCQ = echarts.init(dom, null, {\n        renderer: 'svg',\n        width: width,\n        height: height\n      }); // 注册 echarts 地图\n\n      echarts.registerMap('cq', cq);\n      var markPointData = [];\n      var map = 'cq',\n          top = '40%',\n          left = '-15%',\n          zoom = 1.2,\n          aspectScale = 1,\n          center = [106.5049, 29],\n          // 地图中心位置， 此处的纬度与下面的center相差1度是形成阴影的距离，可自己随意调整\n      layoutCenter = ['50%', '50%'];\n      this.optionCQ = {\n        series: [{\n          name: '重庆',\n          type: 'map',\n          //配置显示方式为用户自定义\n          map: map,\n          zoom: zoom,\n          // 地图比例\n          zlevel: 100,\n          center: center,\n          // 地图中心位置， 此处的纬度与下面的center相差1度是形成阴影的距离，可自己随意调整\n          aspectScale: aspectScale,\n          // roam: true,\n          scaleLimit: {\n            min: 0.6,\n            max: 4\n          },\n          itemStyle: {\n            normal: {\n              borderWidth: 1,\n              //设置外层边框\n              borderColor: '#2ddcfd'\n            }\n          },\n          emphasis: {\n            itemStyle: {\n              areaColor: 'yellow'\n            }\n          },\n          top: top,\n          left: left,\n          data: this.convertData(cq.features, fakeData.btnkey1, 'risk')\n        }]\n      };\n      this.myChartCQ.setOption(this.optionCQ);\n\n      if (this.isClick) {\n        this.myChartCQ.on('click', function (params) {\n          var code = params.value;\n\n          if (!code) {\n            code = _this4.getAreaCode(params.name, cq);\n          }\n\n          _this4.$router.push({\n            path: '/DistrictReformSubView',\n            query: {\n              name: params.name,\n              code: code\n            }\n          });\n\n          var tooltip = document.getElementsByClassName('data-tooltip');\n          Array.from(tooltip).forEach(function (item) {\n            item.remove();\n          });\n        });\n      }\n    },\n    initMapMain: function initMapMain() {\n      var _this5 = this;\n\n      this.myChartMain = echarts.init(document.getElementById(this.main9Id), null, {\n        renderer: 'svg'\n      }); // 注册 echarts 地图\n\n      echarts.registerMap('main9', main9);\n      var markPointData = [];\n      var top = 28,\n          //\n      left = 20,\n          zoom = 1.2,\n          map = 'main9',\n          aspectScale = 1,\n          layoutCenter = ['50%', '50%'],\n          center = [106.204962, 29.533155]; // 地图中心位置， 此处的纬度与下面的center相差1度是形成阴影的距离，可自己随意调整\n\n      this.optionMain = {\n        geo: [{\n          map: map,\n          zoom: zoom,\n          zlevel: 0,\n          aspectScale: aspectScale,\n          itemStyle: {\n            normal: {\n              borderWidth: 0\n            }\n          },\n          emphasis: {\n            itemStyle: {\n              areaColor: 'yellow'\n            }\n          },\n          tooltip: {\n            show: false\n          },\n          top: top,\n          left: left,\n          layoutCenter: layoutCenter\n        }],\n        series: [{\n          name: '重庆主城',\n          type: 'map',\n          map: map,\n          zoom: zoom,\n          // 地图比例\n          zlevel: 100,\n          // center, // 地图中心位置， 此处的纬度与下面的center相差1度是形成阴影的距离，可自己随意调整\n          aspectScale: aspectScale,\n          itemStyle: {\n            normal: {\n              borderWidth: 1,\n              //设置外层边框\n              borderColor: 'white'\n            }\n          },\n          emphasis: {\n            // disabled: true,\n            itemStyle: {\n              areaColor: 'yellow'\n            }\n          },\n          top: top,\n          left: left,\n          data: this.convertData(main9.features, fakeData.btnkey1, 'risk', true)\n        }]\n      };\n      this.myChartMain.setOption(this.optionMain);\n\n      if (this.isClick) {\n        this.myChartMain.on('click', function (params) {\n          var code = params.value;\n\n          if (!code) {\n            code = _this5.getAreaCode(params.name, main9);\n          }\n\n          _this5.$router.push({\n            path: '/DistrictReformSubView',\n            query: {\n              name: params.name,\n              code: code\n            }\n          });\n\n          var tooltip = document.querySelectorAll('.data-tooltip');\n          Array.from(tooltip).forEach(function (item) {\n            item.remove();\n          });\n        });\n      }\n    },\n    resize: function resize(delay) {\n      var _this6 = this;\n\n      // 动态计算表格的高度，自适应当前容器\n      setTimeout(function () {\n        var dom = document.getElementById(_this6.CQId);\n        if (!dom) return;\n        var width = getComputedStyle(dom).getPropertyValue('width').replace('px', '');\n        var height = getComputedStyle(dom).getPropertyValue('height').replace('px', '');\n        width = parseInt(width, 10);\n        height = parseInt(height, 10);\n\n        _this6.myChartCQ.resize({\n          width: width,\n          height: height\n        });\n\n        _this6.myChartMain.resize();\n      }, delay || 0);\n    },\n    goToSub: function goToSub(type) {\n      var data = {\n        ljxq: {\n          name: '两江新区',\n          code: '500191000000'\n        },\n        gxq: {\n          name: '高新区',\n          code: '500193000000'\n        }\n      };\n      this.$router.push({\n        path: '/DistrictReformSubView',\n        query: {\n          name: data[type].name,\n          code: data[type].code\n        }\n      });\n    } // initData() {\n    //   this.loading = true\n    //   let searchDate = sessionStorage.getItem('searchDate')\n    //   searchDate = JSON.parse(searchDate)\n    //   let data = this.qs.stringify({\n    //     year: searchDate.year,\n    //     quarter: searchDate.quarter\n    //   })\n    //   apiList.statementDetail(data, res => {\n    //     if (res) {\n    //       this.$bus.$emit('exportExcel', res)\n    //       this.showData = []\n    //       let fd = ['A', 'B', 'C', 'D', 'E']\n    //       res.forEach(item => {\n    //         let code = 0\n    //         this.areaCode.forEach(codeItem => {\n    //           if (codeItem.name === item.unitName) {\n    //             code = codeItem.code\n    //           }\n    //         })\n    //         this.showData.push({\n    //           code: code,\n    //           value: fd.indexOf(item.nationalProjectGrade)\n    //         })\n    //       })\n    //       console.log(this.showData);\n    //       if (this.viewLayer) {\n    //         this.viewLayer.map.remove(this.layer)\n    //         this.layer = null\n    //         this.addLayer(this.showData)\n    //       } else {\n    //         this.initMap()\n    //       }\n    //     }\n    //   })\n    // },\n    // initMap(){\n    // \t// 初始化地图\n    // \tloadModules([\n    // \t\t'esri/Map',\n    // \t\t'esri/views/MapView',\n    // \t\t'esri/layers/FeatureLayer'\n    // \t])\n    // \t\t.then(async ([Map, MapView, FeatureLayer]) => {\n    // \t\t\tconst map = new Map({}); // 地图容器\n    // \t\t\tconst view = new MapView({ // 视图容器\n    // \t\t\t\tcontainer: 'map-container', // dom元素添加id为map-container的元素\n    // \t\t\t\tmap,\n    // \t\t\t\tcenter: [107.74, 30.29], // 地图中心点\n    // \t\t\t\tzoom:8,\n    // \t\t\t\tscale:5200000,\n    // \t\t\t\tzoomFactor: 0.01// 缩放更加平滑\n    // \t\t\t});\n    // \t\t\tview.ui.remove('zoom')\n    // \t\t\tview.ui.remove('attribution')\n    // \t\t\tthis.viewLayer = view\n    // \t\t\tawait this.addLayer(this.showData)\n    // \t\t})\n    // },\n    // async addLayer(data){\n    // \tif(!this.layer){\n    // \t\t// 创建五色图\n    // \t\tlet view = this.viewLayer\n    // \t\tconst fiveLayerInst = await initLayer({\n    //       env:\"ZWWW\",\n    //       token: 'SkJZSXI0S3RVS05SaXdvaGxWbGh5WFBLX2ZsVzB5cGE0WUhpWHdldXUtVQ==',\n    //       //互联网\n    // \t\t\t// token: 'WmtBS01BLTdZbzRBMHRTXzE4NFA0cktBcno4VFZiS1ZZUTk1TlVIZEI1VQ==',\n    //       //政务网\n    // \t\t\t// token:'bXVqMHY0c3ZwWHBSZmIzaXMteDVuN0wwNUNZdmpuU3F2MUdZTFZzNWtEVQ==',\n    // \t\t\tareaData: data,\n    // \t\t\trangeData: [1,2,3,4,5],\n    // \t\t\tinitColor:['#0EE717','#1EBBFF','#E9ED18','#F9AB50','#DC3E30'],\n    // \t\t\t// env:'zww',\n    // \t\t\tview,\n    // \t\t\tmapContainer: 'map-container',\n    // \t\t\tfontStyle:{\n    // \t\t\t\tcolor:'white',\n    // \t\t\t\tfont:8\n    // \t\t\t}\n    // \t\t});\n    // \t\t// 地图点击获取属性值\n    // \t\tview.on('click',(event)=>{\n    // \t\t\tmapClickEvent(event,view).then(res=>{\n    // \t\t\t\tthis.$store.commit('screenViewStore/setDq', res.name)\n    // \t\t\t})\n    // \t\t})\n    // \t\tview.map.add(fiveLayerInst);\n    // \t\tthis.viewLayer = view\n    // \t\tthis.layer = fiveLayerInst\n    // \t\tlet that = this;\n    // \t\tsetTimeout(()=>{\n    // \t\t\tlet mapBox = document.getElementById('map-container')\n    // \t\t\tfor(let i=0;i<mapBox.children.length;i++){\n    // \t\t\t\tif([...mapBox.children[i].classList].indexOf('ljLabel') !== -1||[...mapBox.children[i].classList].indexOf('gxLabel') !== -1){\n    // \t\t\t\t\tmapBox.children[i].style.textAlign = 'center'\n    // \t\t\t\t\tmapBox.children[i].style.lineHeight = '24px'\n    // \t\t\t\t\tmapBox.children[i].style.cursor = 'pointer'\n    // \t\t\t\t\tif(data.length === 0){\n    // \t\t\t\t\t\tmapBox.children[i].style.background = 'transparent'\n    // \t\t\t\t\t}else{\n    // \t\t\t\t\t\tdata.forEach(item=>{\n    // \t\t\t\t\t\t\tlet initColor = ['#0EE717','#1EBBFF','#E9ED18','#F9AB50','#DC3E30']\n    // \t\t\t\t\t\t\tif(parseInt(item.code) === 500200&&[...mapBox.children[i].classList].indexOf('ljLabel') !== -1){\n    // \t\t\t\t\t\t\t\tmapBox.children[i].style.background = initColor[parseInt(item.value)-1]\n    // \t\t\t\t\t\t\t}\n    // \t\t\t\t\t\t\tif(parseInt(item.code) === 500300&&[...mapBox.children[i].classList].indexOf('gxLabel') !== -1){\n    // \t\t\t\t\t\t\t\tmapBox.children[i].style.background = initColor[parseInt(item.value)-1]\n    // \t\t\t\t\t\t\t}\n    // \t\t\t\t\t\t})\n    // \t\t\t\t\t}\n    // \t\t\t\t}\n    // \t\t\t}\n    // \t\t\t// mapBox.addEventListener('click', function(event) {\n    // \t\t\t// \t// 检查点击的目标元素是否为所需的子元素\n    // \t\t\t// \tif (event.target.classList.contains('ljLabel')) {\n    // \t\t\t// \t\t// 在这里处理点击事件的逻辑\n    // \t\t\t// \t\tthat.$store.commit('screenViewStore/setDq', '两江新区')\n    // \t\t\t// \t}\n    // \t\t\t// \tif (event.target.classList.contains('gxLabel')) {\n    // \t\t\t// \t\t// 在这里处理点击事件的逻辑\n    // \t\t\t// \t\tthat.$store.commit('screenViewStore/setDq', '高新区')\n    // \t\t\t// \t}\n    // \t\t\t// });\n    // \t\t},200)\n    // \t}\n    // }\n\n  }\n};",null]}