{"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\\mapTarget4.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\reform-fvue\\src\\views\\BigScreen\\components\\subComponents\\mapTarget4.vue","mtime":1687876025320},{"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//\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';\nexport default {\n  props: {\n    options: {\n      type: Object,\n      default: function _default() {\n        return {};\n      }\n    },\n    CQId: {\n      type: String,\n      default: 'cq-contianer_4'\n    },\n    main9Id: {\n      type: String,\n      default: 'main9-contianer_4'\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      levelDataA: [],\n      levelDataB: [],\n      levelDataC: [],\n      levelDataD: [],\n      levelDataE: []\n    };\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    handleDetail: function handleDetail(comp, unitName) {\n      var year = new Date().getFullYear();\n      var num = new Date(2023, 12, 0).getDate();\n      this.$router.push({\n        path: '/DetailComponent',\n        name: 'DetailComponent',\n        query: {\n          unitName: unitName,\n          comp: comp,\n          time: [\"\".concat(year, \"-01-01\"), \"\".concat(year, \"-12-\").concat(num)]\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.workableAddNum - b.workableAddNum;\n      });\n      data.forEach(function (item) {\n        if (item.workableAddGrade == 'A') {\n          _this3.levelDataA.unshift(item);\n        }\n\n        if (item.workableAddGrade == 'B') {\n          _this3.levelDataB.unshift(item);\n        }\n\n        if (item.workableAddGrade == 'C') {\n          _this3.levelDataC.unshift(item);\n        }\n\n        if (item.workableAddGrade == 'D') {\n          _this3.levelDataD.unshift(item);\n        }\n\n        if (item.workableAddGrade == 'E') {\n          _this3.levelDataE.unshift(item);\n        }\n      });\n      this.handleMapArea(data, 'composite');\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 = 'workableAddGrade';\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          if (find[regionSnKey] == 'A') {\n            color = '#398C8F';\n          } else if (find[regionSnKey] == 'B') {\n            color = '#1970C1';\n          } else if (find[regionSnKey] == 'C') {\n            color = '#A3A355';\n          } else if (find[regionSnKey] == 'D') {\n            color = '#B0825C';\n          } else if (find[regionSnKey] == 'E') {\n            color = '#9B4E55';\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          }\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 = '-14%',\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            disabled: true\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 = 0,\n          left = 20,\n          zoom = 1,\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            disabled: true\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    }\n  }\n};",null]}