{"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\\mapTarget.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\reform-fvue\\src\\views\\BigScreen\\components\\subComponents\\mapTarget.vue","mtime":1685326978145},{"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/web.dom.iterable\";\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\";\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';\nexport default {\n props: {\n options: {\n type: Object,\n default: function _default() {\n return {};\n }\n }\n },\n data: function data() {\n return {\n myChartCQ: null,\n optionCQ: null,\n myChartMain: null,\n optionMain: null,\n levelTitle: ['区县', '数量', '增量'],\n levelData: [{\n name: '两江新区',\n num: 5000,\n trend: '5%'\n }, {\n name: '两江新区',\n num: 5000,\n trend: '5%'\n }, {\n name: '两江新区',\n num: 5000,\n trend: '5%'\n }, {\n name: '两江新区',\n num: 5000,\n trend: '5%'\n }, {\n name: '两江新区',\n num: 5000,\n trend: '5%'\n }, {\n name: '两江新区',\n num: 5000,\n trend: '5%'\n }, {\n name: '两江新区',\n num: 5000,\n trend: '5%'\n }, {\n name: '两江新区',\n num: 5000,\n trend: '5%'\n }, {\n name: '两江新区',\n num: 5000,\n trend: '5%'\n }],\n levelData2: [{\n name: '万盛经开区',\n num: 5000,\n trend: '5%'\n }, {\n name: '两江新区',\n num: 5000,\n trend: '5%'\n }, {\n name: '两江新区',\n num: 5000,\n trend: '5%'\n }, {\n name: '两江新区',\n num: 5000,\n trend: '5%'\n }, {\n name: '两江新区',\n num: 5000,\n trend: '5%'\n }, {\n name: '两江新区',\n num: 5000,\n trend: '5%'\n }, {\n name: '两江新区',\n num: 5000,\n trend: '5%'\n }, {\n name: '两江新区',\n num: 5000,\n trend: '5%'\n }]\n };\n },\n mounted: function mounted() {\n var _this = this;\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 convertData: function convertData(data, mapData, key, showTitle) {\n var _this2 = this;\n\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 == '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] <= 5) {\n color = '#398C8F';\n } else if (find[regionSnKey] <= 13) {\n color = '#1970C1';\n } else if (find[regionSnKey] <= 28) {\n color = '#A3A355';\n } else if (find[regionSnKey] <= 36) {\n color = '#B0825C';\n } else if (find[regionSnKey] <= 41) {\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 tooltip: {\n className: 'data-tooltip',\n show: key == 'risk' ? false : true,\n appendToBody: true,\n backgroundColor: 'rgba(6, 47, 107, 1)',\n borderColor: 'rgba(2, 115, 233, 1)',\n textStyle: {\n color: '#fff'\n },\n confine: true,\n formatter: function formatter(data) {\n var str = _this2.formatter(find, obj, key);\n\n return str;\n }\n }\n });\n };\n\n for (var i = 0; i < data.length; i++) {\n _loop(i);\n }\n\n return res;\n },\n formatter: function formatter(area, data, key) {\n if (!area) return;\n var str;\n\n if (key == 'composite') {\n str = \"
\\n
\".concat(data.name, \"
\\n
\\u7EFC\\u5408\\u8BC4\\u4EF7\\u6307\\u6570\\uFF1A\").concat(area.score || 0, \"
\\n
\\u5168\\u5E02\\u6392\\u540D\\uFF1A\").concat(area.allSn || 0, \"
\\n
\");\n } else if (key == 'workable') {\n str = \"
\\n
\".concat(data.name, \"
\\n
\\u627F\\u63A5\\u56FD\\u5BB6\\u7EA7\\u8BD5\\u70B9\\u9879\\u76EE: \").concat(area.nationalProjectNum || 0, \" \\u4E2A
\\n
\\u627F\\u63A5\\u56FD\\u5BB6\\u7EA7\\u8BD5\\u70B9\\u9879\\u76EE\\u901A\\u8FC7\\u7387\\uFF1A\").concat(area.nationalPassRate || 0, \"%
\\n
\\u627F\\u63A5\\u5E02\\u7EA7\\u8BD5\\u70B9\\u9879\\u76EE\\uFF1A\").concat(area.cityProjectNum || 0, \" \\u4E2A
\\n
\\u627F\\u63A5\\u5E02\\u7EA7\\u8BD5\\u70B9\\u9879\\u76EE\\u901A\\u8FC7\\u7387\\uFF1A\").concat(area.cityPassRate || 0, \"%
\\n
\");\n } else if (key == 'brand') {\n str = \"
\\n
\".concat(data.name, \"
\\n
\\u83B7\\u5168\\u56FD\\u6027\\u80AF\\u5B9A\\u8BC4\\u4EF7\\uFF1A\").concat(area.nationwideNum || 0, \" \\u6B21
\\n
\\u83B7\\u63A8\\u5E7F\\u5178\\u578B\\u7ECF\\u9A8C\\uFF1A\").concat(area.cityNum || 0, \" \\u6761
\\n
\\u83B7\\u4E2D\\u592E\\u5A92\\u4F53\\u6DF1\\u5EA6\\u4E13\\u9898\\u62A5\\u544A\\uFF1A\").concat(area.mediaNum || 0, \" \\u6B21
\\n
\");\n } else if (key == 'satisfaction') {\n str = \"
\\n
\".concat(data.name, \"
\\n
\\u6EE1\\u610F\\u5EA6\\uFF1A\").concat(area.satisfied || 0, \"
\\n
\\u6EE1\\u610F\\u5EA6\\u5F97\\u5206\\uFF1A\").concat(area.satisfiedScore || 0, \"
\\n
\\u6EE1\\u610F\\u5EA6\\u533A\\u57DF\\u6392\\u540D\\uFF1A\").concat(area.satisfiedRegionSn || 0, \"
\\n
\\u6EE1\\u610F\\u5EA6\\u5168\\u5E02\\u6392\\u540D\\uFF1A\").concat(area.satisfiedAllSn || 0, \"
\\n
\");\n } else if (key == 'risk') {\n str = \"
\\n
\".concat(data.name, \"
\\n
\\u4E8B\\u4EF6\\uFF1A\").concat(area.eventName, \"
\\n
\");\n }\n\n return str;\n },\n initMapCQ: function initMapCQ() {\n var _this3 = this;\n\n var dom = document.getElementById('cq-contianer');\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 // type: 'scatter',\n // symbol: (value, params) => {\n // return (\n // 'image://' +\n // require(`@/assets/img/bigScreen/point1.png`)\n // )\n // },\n // coordinateSystem: 'geo',\n // symbolSize: [24, 24],\n // animation: true,\n // data: markPointData,\n // zlevel: 2000,\n // itemStyle: {\n // opacity: 1,\n // },\n // },\n ]\n };\n this.myChartCQ.setOption(this.optionCQ);\n this.myChartCQ.on('click', function (params) {\n var code = params.value;\n\n if (!code) {\n code = _this3.getAreaCode(params.name, cq);\n }\n\n _this3.$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 initMapMain: function initMapMain() {\n var _this4 = this;\n\n this.myChartMain = echarts.init(document.getElementById('main9-contianer'), 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 // type: 'scatter',\n // symbol: (value, params) => {\n // return (\n // 'image://' +\n // require(`@/assets/img/bigScreen/point1.png`)\n // )\n // },\n // coordinateSystem: 'geo',\n // symbolSize: [20, 20],\n // data: markPointData,\n // zlevel: 2000,\n // itemStyle: {\n // opacity: 1,\n // },\n // },\n ]\n };\n this.myChartMain.setOption(this.optionMain);\n this.myChartMain.on('click', function (params) {\n var code = params.value;\n\n if (!code) {\n code = _this4.getAreaCode(params.name, main9);\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.querySelectorAll('.data-tooltip');\n Array.from(tooltip).forEach(function (item) {\n item.remove();\n });\n });\n }\n }\n};",null]}