{"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\\eslint-loader\\index.js??ref--13-0!D:\\jenkins\\workspace\\reform-fvue\\src\\views\\BigScreen\\js\\DistrictReformMethods.js","dependencies":[{"path":"D:\\jenkins\\workspace\\reform-fvue\\src\\views\\BigScreen\\js\\DistrictReformMethods.js","mtime":1745582908256},{"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\\eslint-loader\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import \"core-js/modules/es7.object.get-own-property-descriptors\";\nimport \"core-js/modules/es6.object.keys\";\nimport \"core-js/modules/es6.regexp.replace\";\nimport \"core-js/modules/es6.array.find-index\";\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/es6.function.name\";\nimport _toConsumableArray from \"D:/jenkins/workspace/reform-fvue/node_modules/@babel/runtime/helpers/esm/toConsumableArray\";\nimport \"core-js/modules/es6.string.iterator\";\nimport \"core-js/modules/es6.array.from\";\nimport \"core-js/modules/web.dom.iterable\";\nimport _defineProperty from \"D:/jenkins/workspace/reform-fvue/node_modules/@babel/runtime/helpers/esm/defineProperty\";\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nimport * as echarts from 'echarts';\nimport { Radar } from '@antv/g2plot';\nimport cq from '@/assets/js/cq.js';\nimport main9 from '@/assets/js/main9.js';\nimport dialogConfig from '@/views/BigScreen/js/DistrictReformDialogConfig.js';\nimport { mapState } from 'vuex';\nimport VueSeamlessScroll from 'vue-seamless-scroll';\nimport dialogComponents from '@/views/BigScreen/js/dialog_components.js';\nimport EasyDialog from '@/views/BigScreen/components/easy-dialog/index.vue';\nimport fakeData from '@/views/BigScreen/js/fakeData_district.js';\nimport apiList from '@/api/bigScreen/districView.js';\nimport bigScreenMixin from '@/mixins/bigScreenMixin.js';\nimport utils from '@/utils.js';\nimport screenHeader from '@/views/BigScreen/components/screenHeader.vue';\nimport dataMixin from '@/views/BigScreen/js/DistrictReformMethods.js';\nimport { size } from 'lodash';\nimport Swiper from 'swiper';\nimport { getLsOrNotIndex } from \"./getIndex\"; // import \"swiper/dist/css/swiper.css\";\n// import 'swiper/swiper.scss'\n// import { swiper, swiperSlide } from \"vue-awesome-swiper\";\n\nexport default {\n name: 'DistrictReformMixin',\n data: function data() {\n return {\n mapKeyArr: ['allGrade', // 'nationalProjectGrade', //国企改革\n // 'nationalProjectGrade', //亩均论英雄\n 'listedCompaniesGrade', //企业上市\n 'creditGrade', //信用重庆\n 'nationalProjectGrade', //国家试点\n 'nationwideGrade', //全国肯定\n 'cityGrade', //全市推广\n 'satisfiedGrade', //满意度\n // 'workablePassGrade', //验收通过率(包括市级)\n 'nationalPassGrade', //验收通过率(不包括市级)\n 'workableNationalAddGrade' //新增试点(不包括市级)\n ],\n swiper: null,\n swiperOption: {\n loop: true,\n autoplay: {\n disableOnInteraction: false,\n delay: 5000\n },\n direction: 'vertical',\n slidesPerView: 5,\n centeredSlides: true,\n centeredSlidesBounds: true,\n grabCursor: true\n },\n timer: null,\n // kindIndex: 0,\n gradeKey: 'allGrade',\n mapDataKide: [],\n // 地图各指标数据\n mapDataAll: [],\n // 地图各指标综合数据\n eightIndex: [],\n loadingColor: 'rgba(6, 46, 106, 0.01)',\n loadObj: {\n scrollListData1: false,\n scrollListData2: false,\n brandList: false,\n pilotReform: false,\n scrollBoradData: false,\n scrollListDataBottom: false,\n loadingMap: false,\n newPilotReform: false,\n newBrandList: false\n },\n ggbb_ssly: [],\n showWorkPlat: false,\n workPlatMenu: [],\n currentTabComponent: '',\n tableOptions: null,\n dialogOption: {\n dialogTitle: '',\n width: '50%'\n },\n showEasy: false,\n mapDialogShow: false,\n mapDialogTop: 0,\n mapDialogleft: 0,\n // 地图分类颜色值\n typeColor1: '#398C8F',\n // 优\n typeColor2: '#1970c1',\n // 良\n typeColor3: '#B0825C',\n // 一般\n // 主城九区区域编码\n main9Code: ['500103000000', '500112000000', '500108000000', '500106000000', '500104000000', '500107000000', '500105000000', '500113000000', '500109000000'],\n currentMenu: {\n name: ''\n },\n currentKey: 'DistrictReformView',\n menuData: [],\n activeBtn: 1,\n activeBtnKey: 'composite',\n myChartCQ: null,\n myChartMain: null,\n optionCQ: null,\n optionMain: null,\n // 单项指数排行榜\n singleheader: [{\n name: '指数',\n width: '33.33%'\n }, {\n name: '入榜区县',\n width: '33.33%'\n }, // {\n // name: '得分',\n // width: '25%',\n // },\n // {\n // name: '全市排位', //放在区县名字前面展示\n // width: '16%',\n // },\n {\n name: '入榜形式',\n // 显示 蝉联冠军 新进冠军\n width: '33.33%'\n }],\n // 指数排行榜\n scrollheader1: [{\n name: '区县',\n width: '28%'\n }, {\n name: '得分',\n width: '18%'\n }, {\n name: '区域排位',\n width: '18%'\n }, {\n name: '全市排位',\n width: '18%'\n }, {\n name: '区域变化',\n width: '18%'\n }],\n scrollListData1: [],\n // 一地创新\n scrollheader2: [{\n name: '区县',\n width: '20%'\n }, {\n name: 'A',\n width: '12%',\n type: 'level'\n }, {\n name: 'B',\n width: '12%',\n type: 'level'\n }, {\n name: 'C',\n width: '12%',\n type: 'level'\n }, {\n name: 'D',\n width: '12%',\n type: 'level'\n }, // {\n // name: 'E',\n // width: '12%',\n // type: 'level'\n // },\n {\n name: '得分',\n width: '20%'\n }, {\n name: '排名',\n width: '10%'\n }, {\n name: '总档位',\n width: '15%'\n }],\n scrollListData2: [],\n // 改革品牌\n scrollheader3: [],\n scrollListData3: [],\n // 地图滚动数据\n scrollBoradData: [// {\n // id: 1,\n // name: '江津举办xx现场会',\n // },\n // {\n // id: 2,\n // name: '江津区陆海新通道打通xx一公里',\n // },\n // {\n // id: 3,\n // name: '沙坪坝区陆海新通道打通xx一公里',\n // },\n // {\n // id: 4,\n // name: '北碚区陆海新通道打通xx一公里',\n // },\n // {\n // id: 5,\n // name: '南岸区陆海新通道打通xx一公里',\n // },\n // {\n // id: 6,\n // name: '江津区陆海新通道打通xx一公里',\n // },\n // {\n // id: 7,\n // name: '北碚区陆海新通道打通xx一公里',\n // },\n ],\n // 指数排行榜\n scrollheaderBottom: [{\n name: '区县',\n width: '20%'\n }, {\n name: '提出需求',\n width: '18%'\n }, {\n name: '转化为清单',\n width: '24%'\n }, {\n name: '质效指数',\n width: '18%'\n }, {\n name: '排名',\n width: '20%'\n }],\n scrollListDataBottom: [],\n reformBrandData: [{\n time: '1月',\n value: 4,\n count: 1\n }, {\n time: '2月',\n value: 5,\n count: 2\n }, {\n time: '3月',\n value: 2,\n count: 4\n }, {\n time: '4月',\n value: 1,\n count: 3\n }, {\n time: '5月',\n value: 2,\n count: 1\n }, {\n time: '6月',\n value: 4,\n count: 4\n }],\n reformBrandOption: null,\n reformBrandChart: null,\n reformData: null,\n // 雷达 总书记指示\n rayChart: null,\n rayChartOption: null,\n // 对接时 max设置为值的1.2倍\n rayChartData: [{\n name: '经济和社会民生',\n value: 60,\n type: '习近平总书记重要指示批示、重要讲话精神'\n }, {\n name: '经济和社会民生',\n value: 70,\n type: '群众企业基层所盼'\n }, {\n name: '经济和社会民生',\n value: 80,\n type: '其他省市先进经验'\n }, {\n name: '文化',\n value: 80,\n type: '习近平总书记重要指示批示、重要讲话精神'\n }, {\n name: '文化',\n value: 70,\n type: '群众企业基层所盼'\n }, {\n name: '文化',\n value: 60,\n type: '其他省市先进经验'\n }, {\n name: '平安法治',\n value: 40,\n type: '习近平总书记重要指示批示、重要讲话精神'\n }, {\n name: '平安法治',\n value: 50,\n type: '群众企业基层所盼'\n }, {\n name: '平安法治',\n value: 20,\n type: '其他省市先进经验'\n }, {\n name: '民主法制',\n value: 70,\n type: '习近平总书记重要指示批示、重要讲话精神'\n }, {\n name: '民主法制',\n value: 40,\n type: '群众企业基层所盼'\n }, {\n name: '民主法制',\n value: 10,\n type: '其他省市先进经验'\n }, {\n name: '党建统领',\n value: 60,\n type: '习近平总书记重要指示批示、重要讲话精神'\n }, {\n name: '党建统领',\n value: 50,\n type: '群众企业基层所盼'\n }, {\n name: '党建统领',\n value: 30,\n type: '其他省市先进经验'\n }],\n // 雷达 所属领域\n rayChart2: null,\n rayChartOption2: null,\n // 对接时 max设置为值的1.2倍\n rayChartData2: [{\n name: '经济和社会民生',\n value: 20,\n type: '国家级'\n }, {\n name: '经济和社会民生',\n value: 120,\n type: '市级'\n }, {\n name: '文化',\n value: 20,\n type: '国家级'\n }, {\n name: '文化',\n value: 80,\n type: '市级'\n }, {\n name: '平安法治',\n value: 18,\n type: '国家级'\n }, {\n name: '平安法治',\n value: 78,\n type: '市级'\n }, {\n name: '民主法制',\n value: 5,\n type: '国家级'\n }, {\n name: '民主法制',\n value: 115,\n type: '市级'\n }, {\n name: '党建统领',\n value: 10,\n type: '国家级'\n }, {\n name: '党建统领',\n value: 70,\n type: '市级'\n }],\n // 部署时间\n deployTimeChart: null,\n deployTimeOption: null,\n deployTimeData: [],\n // 盼望\n hopeChart: null,\n hopeOption: null,\n hopeData: [],\n // 需求来源\n quarterData: [{\n value: 1,\n name: '一季度'\n }, {\n value: 2,\n name: '二季度'\n }, {\n value: 3,\n name: '三季度'\n }, {\n value: 4,\n name: '四季度'\n }],\n ggbb_lyqd: [],\n heatBarChart: null,\n heatBarOption: null,\n legendBottom: [],\n legendTop: [],\n heatBarData: [],\n //品牌榜chart数据\n brandChartData1: [],\n brandChartData2: [],\n brandChartData3: [],\n xAxisData: [],\n //改革试点成果\n // 形成制度成果\n achievement1: {\n totalAchievement: 0,\n gapQAchievement: 0\n },\n // 搭建工作平台\n achievement2: {\n totalAchievement: 0,\n gapQAchievement: 0\n },\n // 上线应用场景\n achievement3: {\n totalAchievement: 0,\n gapQAchievement: 0\n },\n // 部署时间\n deploymentTimeData: {},\n deploymentTimeYear: [],\n deploymentTimeData1: [],\n deploymentTimeData2: [],\n // 指数 单项\n indexSingleData: [],\n // 地图数据\n compositeMapData: [],\n workableMapData: [],\n brandMapData: [],\n satisfactionMapData: [],\n riskMapData: [],\n fxcd: [],\n //事件风险程度\n quarter: null,\n year: null,\n currentQuarter: null,\n ljxqGrade: '',\n gxqGrade: '',\n // 地图切换列表\n mapSwiper: [],\n // 所有指标\n allIndicators: [],\n focusOnLoading: false,\n // 试点示范\n newPilotChart: null,\n newPilotOptions: null,\n // 品牌柱状图\n newBrandBar: null,\n newBrandOptions: null\n };\n },\n components: {// swiper,\n // swiperSlide\n },\n computed: _objectSpread(_objectSpread({}, mapState({\n frontMenus: function frontMenus(state) {\n return state.menu.frontMenus;\n }\n })), {}, {\n optionSingleHeightTime: function optionSingleHeightTime() {\n return {\n step: 0.1\n };\n }\n }),\n created: function created() {\n this.ggbb_ssly = utils.getDictItemsFromCache('ggbb_ssly');\n this.ggbb_lyqd = utils.getDictItemsFromCache('ggbb_lyqd');\n this.fxcd = utils.getDictItemsFromCache('fxcd');\n localStorage.setItem('currentKey', 'DistrictReformView');\n },\n mounted: function mounted() {\n var _this2 = this;\n\n this.nowQuarter();\n this.getGradeKey('allGrade');\n var searchDate = sessionStorage.getItem('searchDate');\n\n if (searchDate) {\n searchDate = JSON.parse(searchDate);\n this.year = searchDate.year;\n this.quarter = searchDate.quarter;\n } else {\n this.checkQuarter();\n }\n\n this.$nextTick(function () {\n _this2.initMapMain();\n\n _this2.initMapCQ();\n\n _this2.loadData('init');\n });\n this.$bus.$on('changeDate', function (searchDate) {\n _this2.quarter = searchDate.quarter;\n _this2.year = searchDate.year;\n\n if (_this2.$route.path == '/DistrictReformView') {\n _this2.loadData('update');\n\n _this2.getGradeKey('allGrade');\n }\n });\n this.$root.$on('resize', function () {\n _this2.resize(500);\n });\n },\n beforeDestory: function beforeDestory() {\n var tooltip = document.querySelectorAll('.data-tooltip');\n Array.from(tooltip).forEach(function (item) {\n item.remove();\n });\n clearInterval(this.timer);\n this.$bus.$off('changeDate');\n },\n methods: {\n getGradeKey: function getGradeKey(key) {\n var _JSON$parse = JSON.parse(sessionStorage.getItem('searchDate')),\n year = _JSON$parse.year,\n quarter = _JSON$parse.quarter;\n\n this.gradeKey = key;\n return year === 2024 && quarter === 2 ? 'noGrade' : key;\n },\n setScrollheader3: function setScrollheader3() {\n var _JSON$parse2 = JSON.parse(sessionStorage.getItem('searchDate')),\n year = _JSON$parse2.year;\n\n if (year < 2024) {\n this.scrollheader3 = [{\n name: '区县',\n width: '20%'\n }, {\n name: '全国肯定',\n width: '16%'\n }, {\n name: '全市推广',\n width: '16%'\n }, {\n name: '排名',\n width: '16%'\n }, {\n name: '变化',\n width: '16%'\n }];\n } else {\n this.scrollheader3 = [{\n name: '区县',\n width: '20%'\n }, {\n name: '全国肯定',\n width: '16%'\n }, {\n name: '排名',\n width: '16%'\n }, {\n name: '变化',\n width: '16%'\n }];\n }\n },\n // 根据年度返回所有指标列表和该季度晾晒指标\n setMapSwiper: function setMapSwiper() {\n this.allIndicators = [];\n var year = this.year,\n quarter = this.quarter;\n\n var _getLsOrNotIndex = getLsOrNotIndex({\n year: year,\n quarter: quarter\n }),\n totalGear = _getLsOrNotIndex.totalGear,\n quarterIndexData = _getLsOrNotIndex.quarterIndexData;\n\n this.allIndicators = quarterIndexData;\n var arr = [totalGear].concat(_toConsumableArray(quarterIndexData));\n this.mapSwiper = arr.filter(function (item) {\n return item.grade;\n });\n },\n // 查看制度规则\n openRule: function openRule() {\n this.$refs.institutionalRule.open();\n },\n handleIndexDetail: function handleIndexDetail(item) {\n if (item.number) {\n this.handleDetail('mapTarget', item.name);\n }\n },\n initSwiper: function initSwiper() {\n var _this = this;\n\n this.swiper = new Swiper('.swiper-container', {\n loop: true,\n autoplay: true,\n direction: 'vertical',\n slidesPerView: 5,\n spaceBetween: 20,\n slideToClickedSlide: true,\n centeredSlides: true,\n centeredSlidesBounds: true,\n grabCursor: true,\n allowTouchMove: false,\n on: {\n click: function click() {\n var dom = _this.swiper.clickedSlide;\n\n if (dom) {\n var gradeKey = dom.getAttribute('data-swiper-slide-grade');\n\n _this.slideChange(gradeKey);\n }\n }\n }\n });\n },\n slideChange: function slideChange(gradeKey) {\n this.getGradeKey(gradeKey);\n this.changeMapType();\n },\n handleDetail: function handleDetail(comp, type) {\n if (comp == 'reformPilot') {\n this.$router.push({\n path: '/DetailComponent',\n name: 'DetailComponent',\n query: {\n comp: comp,\n type: '1',\n numType: this.year < 2024 ? 'nationalProject' : 'nationalAddNum'\n }\n });\n } else if (comp == 'reformNewsSingle') {\n this.$router.push({\n path: '/DetailComponent',\n name: 'DetailComponent',\n query: {\n comp: comp,\n type: type\n }\n });\n } else if (comp == 'mapTarget') {\n this.$router.push({\n path: '/DetailComponent',\n name: 'DetailComponent',\n query: {\n comp: comp,\n name: type\n }\n });\n } else {\n this.$router.push({\n path: '/DetailComponent',\n name: 'DetailComponent',\n query: {\n comp: comp,\n type: type\n }\n });\n }\n },\n getFileData: function getFileData(type) {\n var _this3 = this;\n\n if (type == 'satisfaction') {\n var data = this.qs.stringify({\n year: this.year,\n quarter: this.quarter\n });\n apiList.satisfactionFile(data, function (res) {\n if (res.satisfaction && res.satisfaction.id) {\n _this3.openSubDialog('satisfactionReport', {\n fileId: res.satisfaction.id\n });\n } else {\n _this3.openSubDialog('satisfactionReport');\n }\n });\n }\n },\n nowQuarter: function nowQuarter() {\n var month = new Date().getMonth() + 1;\n\n if (month <= 3) {\n this.currentQuarter = 1;\n } else if (month <= 6) {\n this.currentQuarter = 2;\n } else if (month <= 9) {\n this.currentQuarter = 3;\n } else if (month <= 12) {\n this.currentQuarter = 4;\n }\n },\n checkQuarter: function checkQuarter() {\n this.year = new Date().getFullYear();\n var month = new Date().getMonth() + 1;\n\n if (month <= 3) {\n this.quarter = 1;\n } else if (month <= 6) {\n this.quarter = 2;\n } else if (month <= 9) {\n this.quarter = 3;\n } else if (month <= 12) {\n this.quarter = 4;\n }\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 var tooltip = document.getElementsByClassName('data-tooltip');\n Array.from(tooltip).forEach(function (item) {\n item.remove();\n });\n },\n convertData: function convertData(data, mapData, key, showTitle) {\n var _this4 = 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\n if (find) {\n if (find[key] == 'A') {\n color = '#20A367';\n } else if (find[key] == 'B') {\n color = '#3877B2';\n } else if (find[key] == 'C') {\n color = '#E3C428';\n } else if (find[key] == 'D') {\n color = '#E49317';\n } else if (find[key] == 'E') {\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 if (_this4.quarter !== 5) {\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 } else {\n res.push({\n name: obj.name,\n value: find ? find['unitCode'] : 0,\n itemStyle: {\n color: '#081c47',\n areaColor: '#081c47',\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\n for (var i = 0; i < data.length; i++) {\n _loop(i);\n }\n\n return res;\n },\n loadData: function loadData(type) {\n // type == init 初始化查询\n // this.getGisData()\n this.getMapData();\n this.loadNews(); // 新闻动态\n\n this.getTarget(); // 重点关注\n\n this.getIndex(); // 创先争优 √\n // this.getBroad() // 一地创新 全市推广 √\n\n if (this.year < 2024) {\n if (this.newPilotChart) {\n this.newPilotChart.dispose();\n }\n\n this.getPilotReform(type); // 改革试点√\n\n if (this.newBrandBar) {\n this.newBrandBar.dispose();\n }\n\n this.getBrand(type); // 品牌榜 √\n } else {\n this.getNewPilotChartData();\n\n if (this.reformBrandChart) {\n this.reformBrandChart.dispose();\n }\n\n this.getNewBrandBarData();\n }\n\n this.setScrollheader3(); // this.getDemandHeatList(type)// 需求热力榜 √\n },\n getMapData: function getMapData() {\n var _this5 = this;\n\n this.loadObj.loadingMap = true;\n var data = this.qs.stringify({\n type: 'composite',\n quarter: this.quarter,\n year: this.year\n });\n apiList.statementDetail(data, function (res) {\n _this5.loadObj.loadingMap = false;\n var data = res.statementDetailVo || [];\n _this5.mapDataKide = data; // this.mapDataKide.forEach(item=>{\n // // item.numberGrade = 'A'\n // item.countryFirmGrade = 'E'\n // item.muGrade = 'E'\n // item.firmGrade = 'E'\n // item.creditGrade = 'E'\n // })\n\n sessionStorage.setItem('mapData', JSON.stringify(res));\n\n _this5.preMapData();\n });\n },\n getAllScroe: function getAllScroe(data) {\n var scroe = this.defineLevelScroe(data.nationalProjectGrade) + this.defineLevelScroe(data.cityProjectGrade) + this.defineLevelScroe(data.workablePassGrade) + this.defineLevelScroe(data.workableAddGrade) + this.defineLevelScroe(data.nationwideGrade) + this.defineLevelScroe(data.cityGrade) + this.defineLevelScroe(data.mediaGrade) + this.defineLevelScroe(data.satisfiedGrade);\n return scroe;\n },\n defineLevelScroe: function defineLevelScroe(grade) {\n if (grade == 'A') {\n return 3;\n } else if (grade == 'B') {\n return 1;\n } else if (grade == 'C') {\n return 0;\n } else if (grade == 'D') {\n return -1;\n } else if (grade == 'E') {\n return -3;\n }\n },\n getTarget: function getTarget() {\n var _this6 = this;\n\n this.focusOnLoading = true;\n this.setMapSwiper();\n apiList.getTarget({\n quarter: this.quarter,\n year: this.year\n }).then(function (res) {\n if (res.state) {\n _this6.allIndicators.forEach(function (item) {\n item.number = res.value[item.value] || 0;\n item.unitValue = res.value[item.unit] || '分';\n });\n }\n\n _this6.focusOnLoading = false;\n });\n },\n getIndex: function getIndex() {\n var _this7 = this;\n\n this.loadObj.scrollListData2 = true;\n var data = this.qs.stringify({\n quarter: this.quarter,\n year: this.year\n });\n apiList.getIndex(data, function (res) {\n if (res && res.value) {\n if (_this7.quarter !== 5) {\n _this7.scrollListData2 = res.value;\n } else {\n _this7.scrollListData2 = [];\n }\n } else {\n _this7.scrollListData2 = [];\n }\n\n _this7.loadObj.scrollListData2 = false;\n });\n },\n // getBroad() {\n // this.loadObj.scrollListData2 = true\n // let data = this.qs.stringify({\n // type: 1,\n // quarter: this.quarter,\n // year: this.year,\n // })\n // apiList.getBroad(data, (res) => {\n // if (res && res.value) {\n // this.scrollListData2 = res.value\n // }\n // this.loadObj.scrollListData2 = false\n // })\n // },\n getBrand: function getBrand(type) {\n var _this8 = this;\n\n this.loadObj.brandList = true;\n this.brandChartData1.length = 12;\n this.brandChartData2.length = 12;\n this.brandChartData3.length = 12;\n var data = this.qs.stringify({\n quarter: this.quarter,\n year: this.year\n });\n apiList.getBrand(data, function (res) {\n if (res && res.value && res.value.brand) {\n _this8.scrollListData3 = res.value.brand || [];\n }\n\n if (res && res.value && res.value.chart) {\n var chartData = res.value.chart; // 查询当年1-12月--------\n\n chartData[1].forEach(function (item, i) {\n _this8.brandChartData1[i] = item.effectCount;\n });\n chartData[2].forEach(function (item, i) {\n _this8.brandChartData2[i] = item.effectCount;\n });\n chartData[3].forEach(function (item, i) {\n _this8.brandChartData3[i] = item.effectCount;\n });\n _this8.xAxisData = [];\n\n for (var i = 1; i <= 12; i++) {\n _this8.xAxisData.push(i + '月');\n } // 根据当前月往前查询--------\n // let { XData, arr1, arr2, arr3 } = this.formatBrandChartData(chartData)\n // this.xAxisData = XData\n // this.brandChartData1 = arr1\n // this.brandChartData2 = arr2\n // this.brandChartData3 = arr3\n\n }\n\n var legendData = ['全国肯定', '全市推广'];\n var seriesData = [{\n name: '全国肯定',\n data: _this8.brandChartData1,\n type: 'bar',\n barWidth: 6,\n itemStyle: {\n borderRadius: 5\n }\n }, {\n name: '全市推广',\n data: _this8.brandChartData2,\n type: 'bar',\n barWidth: 6,\n itemStyle: {\n borderRadius: 5\n }\n }];\n\n if (type) {\n _this8.initReformBrand(legendData, seriesData);\n } else {\n _this8.reformBrandOption.legend.data = legendData;\n _this8.reformBrandOption.series = seriesData; // this.reformBrandOption.series[0].data = this.brandChartData1 || []\n // this.reformBrandOption.series[1].data = this.brandChartData2 || []\n // this.reformBrandOption.series[2].data = this.brandChartData3 || []\n\n _this8.reformBrandOption.xAxis.data = _this8.xAxisData;\n\n _this8.reformBrandChart.setOption(_this8.reformBrandOption);\n }\n\n _this8.loadObj.brandList = false;\n });\n },\n formatBrandChartData: function formatBrandChartData(chartData) {\n var _this9 = this;\n\n //向前查询\n var XData = [];\n\n var __thisYear = this.year + '/';\n\n var __lsetYear = this.year - 1 + '/';\n\n if (this.quarter < 4) {\n for (var m = this.quarter * 3 + 1; m <= 12; m++) {\n XData.push(__lsetYear + m);\n }\n\n for (var _m = 1; _m <= this.quarter * 3; _m++) {\n XData.push(__thisYear + _m);\n }\n } else {\n for (var _m2 = 1; _m2 <= 12; _m2++) {\n XData.push(__thisYear + _m2);\n }\n }\n\n var arr1 = [],\n arr2 = [],\n arr3 = [];\n\n if (chartData[1]) {\n var _thisYear = [];\n var _lastYear = [];\n chartData[1].forEach(function (item) {\n if (item.effectMonth <= _this9.quarter * 3) {\n _thisYear.push(item.effectCount);\n } else {\n _lastYear.push(item.effectCount);\n }\n });\n arr1 = [].concat(_lastYear, _thisYear);\n }\n\n if (chartData[2]) {\n var _thisYear2 = [];\n var _lastYear2 = [];\n chartData[2].forEach(function (item) {\n if (item.effectMonth <= _this9.quarter * 3) {\n _thisYear2.push(item.effectCount);\n } else {\n _lastYear2.push(item.effectCount);\n }\n });\n arr2 = [].concat(_lastYear2, _thisYear2);\n }\n\n if (chartData[3]) {\n var _thisYear3 = [];\n var _lastYear3 = [];\n chartData[3].forEach(function (item) {\n if (item.effectMonth <= _this9.quarter * 3) {\n _thisYear3.push(item.effectCount);\n } else {\n _lastYear3.push(item.effectCount);\n }\n });\n arr3 = [].concat(_lastYear3, _thisYear3);\n }\n\n return {\n XData: XData,\n arr1: arr1,\n arr2: arr2,\n arr3: arr3\n };\n },\n getPilotReform: function getPilotReform(type) {\n var _this10 = this;\n\n this.loadObj.pilotReform = true;\n var data = this.qs.stringify({\n quarter: this.quarter,\n year: this.year\n });\n apiList.getPilotReform(data, function (res) {\n if (res && res.value && res.value.chart) {\n _this10.deploymentTimeData = {};\n _this10.deploymentTimeYear = [];\n _this10.deploymentTimeData1 = [];\n _this10.deploymentTimeData2 = [];\n var _data = res.value.chart;\n _data[1] && _data[1].forEach(function (item) {\n if (!_this10.deploymentTimeData[item.x]) {\n _this10.deploymentTimeData[item.x] = {\n country: item.y\n };\n } else {\n _this10.deploymentTimeData[item.x].country = item.y;\n }\n });\n _data[2] && _data[2].forEach(function (item) {\n if (!_this10.deploymentTimeData[item.x]) {\n _this10.deploymentTimeData[item.x] = {\n city: item.y\n };\n } else {\n _this10.deploymentTimeData[item.x].city = item.y;\n }\n });\n\n for (var year in _this10.deploymentTimeData) {\n _this10.deploymentTimeYear.push(year);\n\n var city = _this10.deploymentTimeData[year].city || undefined;\n var country = _this10.deploymentTimeData[year].country || undefined;\n\n _this10.deploymentTimeData1.push(city);\n\n _this10.deploymentTimeData2.push(country);\n }\n\n if (type) {\n _this10.initLineChart(); // this.initNewPilotChart()\n\n } else {\n _this10.deployTimeOption.xAxis.data = _this10.deploymentTimeYear;\n _this10.deployTimeOption.series[0].data = _this10.deploymentTimeData2; // this.deployTimeOption.series[1].data = this.deploymentTimeData2\n\n _this10.deployTimeChart.setOption(_this10.deployTimeOption);\n }\n }\n\n if (res && res.value && res.value.achievement) {\n res.value.achievement.forEach(function (item) {\n if (item.achievementType == 1) {\n _this10.achievement1.totalAchievement = item.totalAchievement || 0;\n _this10.achievement1.gapQAchievement = item.gapQAchievement || 0;\n }\n\n if (item.achievementType == 2) {\n _this10.achievement2.totalAchievement = item.totalAchievement || 0;\n _this10.achievement2.gapQAchievement = item.gapQAchievement || 0;\n }\n\n if (item.achievementType == 3) {\n _this10.achievement3.totalAchievement = item.totalAchievement || 0;\n _this10.achievement3.gapQAchievement = item.gapQAchievement || 0;\n }\n });\n }\n\n _this10.loadObj.pilotReform = false;\n });\n },\n getGisData: function getGisData() {\n var _this11 = this;\n\n this.loadObj.loadingMap = true; // composite 综合评价指数、workable 改革落实力、brand 品牌显示度、satisfaction 改革满意度、risk 风险管控力\n\n var types = ['composite', 'workable', 'brand', 'satisfaction', 'risk'];\n types.forEach(function (type) {\n var data = _this11.qs.stringify({\n type: type,\n quarter: _this11.quarter,\n year: _this11.year\n });\n\n apiList.getGisData(data, function (res) {\n _this11[\"\".concat(type, \"MapData\")] = _this11.formatMapData(type, res);\n });\n });\n },\n formatMapData: function formatMapData(type, res) {\n if (type == this.activeBtnKey) {\n this.handleMapArea(res, this.activeBtnKey);\n this.loadObj.loadingMap = false;\n }\n\n if (type == 'risk') {\n var codeArr = [];\n var temp = [];\n res.forEach(function (item) {\n if (!codeArr.includes(item.unitCode)) {\n codeArr.push(item.unitCode);\n temp.push({\n unitCode: item.unitCode,\n eventData: [{\n riskName: item.riskName,\n riskLevel: item.riskLevel,\n riskType: item.riskType\n }]\n });\n } else {\n var i = codeArr.findIndex(function (key) {\n return key == item.unitCode;\n });\n temp[i].eventData.push({\n riskName: item.riskName,\n riskLevel: item.riskLevel,\n riskType: item.riskType\n });\n }\n });\n return temp;\n } else {\n return res;\n }\n },\n getDemandHeatList: function getDemandHeatList(type) {\n var _this12 = this;\n\n this.loadObj.scrollListDataBottom = true;\n var data = this.qs.stringify({\n quarter: this.quarter,\n year: this.year\n }); // 综合\n\n apiList.getDemandHeatList(data, function (res) {\n if (res.chart) {\n var chartData = res.chart;\n var heatBarData = [],\n lyqd = {};\n\n if (_this12.quarter == 1) {\n heatBarData[0] = ['需求来源', '1月', '2月', '3月'];\n } else if (_this12.quarter == 2) {\n heatBarData[0] = ['需求来源', '4月', '5月', '6月'];\n } else if (_this12.quarter == 3) {\n heatBarData[0] = ['需求来源', '7月', '8月', '9月'];\n } else if (_this12.quarter == 4) {\n heatBarData[0] = ['需求来源', '10月', '11月', '12月'];\n }\n\n _this12.legendTop = [];\n _this12.legendBottom = [];\n _this12.ggbb_lyqd = utils.getDictItemsFromCache('ggbb_lyqd');\n\n _this12.ggbb_lyqd.forEach(function (qd, i) {\n lyqd[qd.value] = [qd.name, undefined, undefined, undefined];\n\n if (i + 1 <= _this12.ggbb_lyqd.length / 2) {\n _this12.legendTop.push({\n name: qd.name\n });\n } else {\n _this12.legendBottom.push({\n name: qd.name\n });\n }\n });\n\n chartData.forEach(function (item) {\n var index = 1;\n\n if ([1, 4, 7, 10].includes(item.x)) {\n index = 1;\n } else if ([2, 5, 8, 11].includes(item.x)) {\n index = 2;\n } else if ([3, 6, 9, 12].includes(item.x)) {\n index = 3;\n }\n\n lyqd[item.legend][index] = item.y;\n });\n\n for (var qdValue in lyqd) {\n heatBarData.push(lyqd[qdValue]);\n }\n\n _this12.heatBarData = heatBarData;\n\n if (type) {\n _this12.initBarChart();\n } else {\n _this12.heatBarOption.dataset.source = _this12.heatBarData;\n _this12.heatBarOption.legend[0].data = _this12.legendTop;\n _this12.heatBarOption.legend[1].data = _this12.legendBottom;\n\n _this12.heatBarChart.setOption(_this12.heatBarOption);\n }\n }\n\n _this12.scrollListDataBottom = res.demandRank || [];\n _this12.loadObj.scrollListDataBottom = false;\n });\n },\n initBarChart: function initBarChart() {\n var _this13 = this;\n\n var chartDom = document.getElementById('heat-bar-chart');\n this.heatBarChart = echarts.init(chartDom);\n this.heatBarOption = {\n dataset: {\n source: this.heatBarData\n },\n grid: {\n //图表离外层盒子的距离\n top: '32%',\n bottom: '2%',\n left: '1%',\n right: '2%',\n containLabel: true\n },\n xAxis: {\n type: 'category',\n boundaryGap: true,\n axisTick: false,\n axisLine: {\n lineStyle: {\n color: 'rgba(154,199,220, 0.2)'\n }\n },\n axisLabel: {\n color: '#D7F1FF'\n }\n },\n yAxis: {\n type: 'value',\n // min: 0,\n // splitNumber: 5,\n // interval: 1,\n axisLabel: {\n color: '#D7F1FF',\n formatter: function formatter(val) {\n if (val >= 1 && parseInt(val, 10) === val || val == 0) {\n return val;\n } else {\n return;\n }\n }\n },\n axisLine: {\n lineStyle: {\n color: 'rgba(154,199,220, 0.2)'\n }\n },\n splitLine: {\n lineStyle: {\n color: 'rgba(154,199,220, 0.2)'\n }\n }\n },\n tooltip: {\n trigger: 'axis',\n backgroundColor: 'rgba(6, 47, 107, 1)',\n borderColor: 'rgba(2, 115, 233, 1)',\n textStyle: {\n color: '#fff'\n }\n },\n legend: [{\n left: 'center',\n data: this.legendTop,\n inactiveColor: '#333333',\n borderRadius: 6,\n itemWidth: 14,\n itemHeight: 6,\n itemGap: 40,\n textStyle: {\n color: '#B1E3FF'\n }\n }, {\n left: 'center',\n top: '14%',\n data: this.legendBottom,\n inactiveColor: '#333333',\n borderRadius: 6,\n itemWidth: 14,\n itemHeight: 6,\n itemGap: 40,\n textStyle: {\n color: '#B1E3FF'\n }\n }],\n color: ['#59C06C', '#F5B351', '#2E84D0', '#FF97AE'],\n series: [{\n type: 'bar',\n seriesLayoutBy: 'row',\n barWidth: 8,\n barGap: '80%',\n itemStyle: {\n borderRadius: 5,\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{\n offset: 0,\n color: '#59C06C'\n }, {\n offset: 1,\n color: 'rgba(89,192,108,0.3)'\n }])\n }\n }, {\n type: 'bar',\n seriesLayoutBy: 'row',\n barWidth: 8,\n barGap: '80%',\n itemStyle: {\n borderRadius: 5,\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{\n offset: 0,\n color: '#386A97'\n }, {\n offset: 1,\n color: 'rgba(56,106,151,0.3)'\n }])\n }\n }, {\n type: 'bar',\n seriesLayoutBy: 'row',\n barWidth: 8,\n barGap: '80%',\n itemStyle: {\n borderRadius: 5,\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{\n offset: 0,\n color: '#F8B551'\n }, {\n offset: 1,\n color: 'rgba(248,181,81,0.3)'\n }])\n }\n }, {\n type: 'bar',\n seriesLayoutBy: 'row',\n barWidth: 8,\n barGap: '80%',\n itemStyle: {\n borderRadius: 5,\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{\n offset: 0,\n color: '#FFBBC9'\n }, {\n offset: 1,\n color: 'rgba(255,187,201,0.3)'\n }])\n }\n }]\n };\n this.heatBarOption && this.heatBarChart.setOption(this.heatBarOption);\n window.addEventListener('resize', function () {\n return _this13.heatBarChart.resize();\n });\n },\n getDictName: function getDictName(code, value) {\n return utils.getDictName(code, value);\n },\n handleNewsDetail: function handleNewsDetail(column) {\n this.handleDetail('reformNewsSingle', column.id); // if (column.isUrl) {\n // window.open(column.url, '_blank')\n // } else {\n // this.handleDetail(\n // 'reformNewsSingle'\n // )\n // }\n },\n loadNews: function loadNews() {\n var _this14 = this;\n\n this.loadObj.scrollBoradData = true;\n var data = {\n pageBean: {\n pageSize: -1,\n page: 1\n },\n querys: [{\n group: 'main',\n operation: 'EQUAL',\n parentGroup: '',\n property: 'n.OPERATE_TYPE_',\n relation: 'AND',\n value: '2'\n }, {\n group: 'main',\n operation: 'EQUAL',\n parentGroup: '',\n property: 'n.EXCELLENT_',\n relation: 'AND',\n value: '3'\n }]\n };\n apiList.getNews(data, function (res) {\n _this14.scrollBoradData = res.rows;\n _this14.loadObj.scrollBoradData = false;\n });\n },\n getNewsDetail: function getNewsDetail(type, row) {\n this.currentTabComponent = dialogConfig.dialogOption[type].componentName ? dialogConfig.dialogOption[type].componentName : type; // 动态组件名称\n\n if (row) {\n dialogConfig.dialogOption[type].option.dialogTitle = row.title;\n }\n\n this.tableOptions = _objectSpread(_objectSpread({}, dialogConfig.dialogOption[type].dataOptions), {}, {\n id: row.id\n }); //table的查询参数\n\n this.dialogOption = dialogConfig.dialogOption[type].option; //弹窗配置参数\n\n this.showEasy = true;\n },\n openSubDialog: function openSubDialog(type, dataOptions) {\n this.currentTabComponent = dialogConfig.dialogOption[type].componentName ? dialogConfig.dialogOption[type].componentName : type; // 动态组件名称\n\n if (dataOptions) {\n this.tableOptions = _objectSpread(_objectSpread({}, dialogConfig.dialogOption[type].dataOptions), dataOptions);\n } else {\n this.tableOptions = dialogConfig.dialogOption[type].dataOptions; //table的查询参数\n }\n\n this.dialogOption = dialogConfig.dialogOption[type].option; //弹窗配置参数\n\n this.showEasy = true;\n },\n initLineChart: function initLineChart() {\n var chartDom = document.getElementById('deploymentTime');\n this.deployTimeChart = echarts.init(chartDom);\n this.deployTimeOption = {\n grid: {\n //图表离外层盒子的距离\n top: '5%',\n bottom: '6%',\n left: 0,\n right: '6%',\n containLabel: true\n },\n tooltip: {\n trigger: 'axis',\n backgroundColor: 'rgba(6, 47, 107, 1)',\n borderColor: 'rgba(2, 115, 233, 1)',\n textStyle: {\n color: '#fff'\n }\n },\n // legend: {\n // data: ['市级', '国家级'],\n // inactiveColor: '#333333',\n // itemWidth: 20,\n // itemHeight: 6,\n // textStyle: {\n // color: '#B1E3FF',\n // },\n // },\n xAxis: {\n type: 'category',\n boundaryGap: false,\n axisTick: false,\n axisLine: {\n lineStyle: {\n color: 'rgba(154,199,220, 0.2)'\n }\n },\n axisLabel: {\n color: '#D7F1FF'\n },\n data: this.deploymentTimeYear\n },\n yAxis: {\n type: 'value',\n min: 0,\n splitNumber: 5,\n axisLabel: {\n color: '#D7F1FF',\n formatter: function formatter(val) {\n if (val >= 1 && parseInt(val, 10) === val || val == 0) {\n return val;\n } else {\n return;\n }\n }\n },\n axisLine: {\n lineStyle: {\n color: 'rgba(154,199,220, 0.2)'\n }\n },\n splitLine: {\n lineStyle: {\n color: 'rgba(154,199,220, 0.2)'\n }\n }\n },\n color: ['#00FFFF', '#CE01E0'],\n series: [// {\n // name: '市级',\n // data: this.deploymentTimeData1,\n // type: 'line',\n // symbol: 'emptyCircle',\n // symbolSize: 4,\n // areaStyle: {\n // color: {\n // type: 'linear',\n // x: 0,\n // y: 0,\n // x2: 0,\n // y2: 1,\n // colorStops: [\n // {\n // offset: 0,\n // color: 'rgba(0,255,255,1)', // 0% 处的颜色\n // },\n // {\n // offset: 0.4,\n // color: 'rgba(0,255,255, 0.2)', // 0% 处的颜色\n // },\n // {\n // offset: 1,\n // color: 'rgba(0,255,255,0)', // 100% 处的颜色\n // },\n // ],\n // global: false, // 缺省为 false\n // },\n // },\n // },\n {\n name: '国家级',\n data: this.deploymentTimeData2,\n type: 'line',\n symbol: 'emptyCircle',\n symbolSize: 4,\n areaStyle: {\n color: {\n type: 'linear',\n x: 0,\n y: 0,\n x2: 0,\n y2: 1,\n colorStops: [{\n offset: 0,\n color: 'rgba(206, 1, 224, 1)' // 0% 处的颜色\n\n }, {\n offset: 0.4,\n color: 'rgba(206, 1, 224, 0.2)' // 0% 处的颜色\n\n }, {\n offset: 1,\n color: 'rgba(206, 1, 224, 0)' // 100% 处的颜色\n\n }],\n global: false // 缺省为 false\n\n }\n }\n }]\n };\n this.deployTimeOption && this.deployTimeChart.setOption(this.deployTimeOption);\n },\n // 查询新增折线图数据\n getNewPilotChartData: function getNewPilotChartData() {\n var _this15 = this;\n\n this.loadObj.newPilotReform = true;\n\n var _JSON$parse3 = JSON.parse(sessionStorage.getItem('searchDate')),\n year = _JSON$parse3.year,\n quarter = _JSON$parse3.quarter;\n\n apiList.getNewPilotChartData({\n year: year,\n quarter: quarter\n }, function (res) {\n var xData = [];\n var data = [];\n\n if (res.state) {\n res.value.forEach(function (item) {\n xData.push(item.year + '年' + item.quarter + '季度');\n data.push(item.indexValue);\n });\n xData = xData.reverse();\n data = data.reverse();\n }\n\n _this15.initNewPilotChart(xData, data);\n\n _this15.loadObj.newPilotReform = false;\n });\n },\n initNewPilotChart: function initNewPilotChart(xData, data) {\n var chartDom = document.getElementById('newPilotLine');\n this.newPilotChart = echarts.init(chartDom);\n this.newPilotOptions = {\n grid: {\n //图表离外层盒子的距离\n top: '5%',\n bottom: '3%',\n left: '4%',\n right: '8%',\n containLabel: true\n },\n tooltip: {\n trigger: 'axis',\n backgroundColor: 'rgba(6, 47, 107, 1)',\n borderColor: 'rgba(2, 115, 233, 1)',\n textStyle: {\n color: '#fff'\n }\n },\n xAxis: {\n type: 'category',\n boundaryGap: false,\n axisTick: false,\n axisLine: {\n lineStyle: {\n color: 'rgba(154,199,220, 0.2)'\n }\n },\n axisLabel: {\n color: '#D7F1FF',\n show: true,\n interval: 0,\n //使x轴文字显示全\n formatter: function formatter(params) {\n var newParamsName = \"\";\n var paramsNameNumber = params.length;\n var provideNumber = 5; //一行显示几个字\n\n var rowNumber = Math.ceil(paramsNameNumber / provideNumber);\n\n if (paramsNameNumber > provideNumber) {\n for (var p = 0; p < rowNumber; p++) {\n var tempStr = \"\";\n var start = p * provideNumber;\n var end = start + provideNumber;\n\n if (p == rowNumber - 1) {\n tempStr = params.substring(start, paramsNameNumber);\n } else {\n tempStr = params.substring(start, end) + \"\\n\";\n }\n\n newParamsName += tempStr;\n }\n } else {\n newParamsName = params;\n }\n\n return newParamsName;\n }\n },\n data: xData\n },\n yAxis: {\n type: 'value',\n min: 0,\n splitNumber: 5,\n axisLabel: {\n color: '#D7F1FF',\n formatter: function formatter(val) {\n if (val >= 1 && parseInt(val, 10) === val || val == 0) {\n return val;\n } else {\n return;\n }\n }\n },\n axisLine: {\n lineStyle: {\n color: 'rgba(154,199,220, 0.2)'\n }\n },\n splitLine: {\n lineStyle: {\n color: 'rgba(154,199,220, 0.2)'\n }\n }\n },\n series: [{\n data: data,\n type: 'line',\n symbol: 'emptyCircle',\n symbolSize: 4,\n areaStyle: {\n color: {\n type: 'linear',\n x: 0,\n y: 0,\n x2: 0,\n y2: 1,\n colorStops: [{\n offset: 0,\n color: 'rgba(206, 1, 224, 1)' // 0% 处的颜色\n\n }, {\n offset: 0.4,\n color: 'rgba(206, 1, 224, 0.2)' // 0% 处的颜色\n\n }, {\n offset: 1,\n color: 'rgba(206, 1, 224, 0)' // 100% 处的颜色\n\n }],\n global: false // 缺省为 false\n\n }\n }\n }]\n };\n this.newPilotOptions && this.newPilotChart.setOption(this.newPilotOptions);\n },\n initReformBrand: function initReformBrand(legendData, seriesData) {\n var chartDom = document.getElementById('reform-brand');\n this.reformBrandChart = echarts.init(chartDom);\n this.reformBrandOption = {\n grid: {\n //图表离外层盒子的距离\n top: '24%',\n bottom: 0,\n left: 0,\n right: 0,\n containLabel: true\n },\n tooltip: {\n trigger: 'axis',\n backgroundColor: 'rgba(6, 47, 107, 1)',\n borderColor: 'rgba(2, 115, 233, 1)',\n textStyle: {\n color: '#fff'\n },\n formatter: function formatter(params) {\n var tipString = params[0].axisValue + \"
\";\n var seriesName = ['获全国性肯定评价', '获全市推广', '获中央媒体深度专题报道'];\n\n for (var i = 0, length = params.length; i < length; i++) {\n tipString += \"
\\n \\n \\n \").concat(seriesName[i], \"\\n \\n \").concat(params[i].value, \"\\n
\\n \");\n }\n\n return tipString;\n }\n },\n legend: {\n data: legendData,\n inactiveColor: '#333333',\n borderRadius: 6,\n itemWidth: 20,\n itemHeight: 6,\n textStyle: {\n color: '#B1E3FF'\n }\n },\n xAxis: {\n type: 'category',\n boundaryGap: true,\n axisTick: false,\n axisLine: {\n lineStyle: {\n color: 'rgba(154,199,220, 0.2)'\n }\n },\n axisLabel: {\n color: '#D7F1FF'\n },\n data: this.xAxisData\n },\n yAxis: {\n type: 'value',\n min: 0,\n splitNumber: 3,\n axisLabel: {\n color: '#D7F1FF',\n formatter: function formatter(val) {\n if (val >= 1 && parseInt(val, 10) === val || val == 0) {\n return val;\n } else {\n return;\n }\n }\n },\n axisLine: {\n lineStyle: {\n color: 'rgba(154,199,220, 0.2)'\n }\n },\n splitLine: {\n lineStyle: {\n color: 'rgba(154,199,220, 0.2)'\n }\n }\n },\n color: ['#59C06C', '#64b4ff', '#FFB51F'],\n series: seriesData\n };\n this.reformBrandOption && this.reformBrandChart.setOption(this.reformBrandOption, true);\n },\n // initNewReformBrand\n getNewBrandBarData: function getNewBrandBarData() {\n var _this16 = this;\n\n this.loadObj.newBrandList = true;\n\n var _JSON$parse4 = JSON.parse(sessionStorage.getItem('searchDate')),\n year = _JSON$parse4.year,\n quarter = _JSON$parse4.quarter;\n\n apiList.getNewBrandBarData({\n year: year,\n quarter: quarter\n }, function (res) {\n if (res.state) {\n if (res && res.value && res.value.brand) {\n _this16.scrollListData3 = res.value.brand;\n }\n\n var xData = [];\n var data = [];\n res.value.chart['1'].forEach(function (item) {\n xData.push(item.effectYear + '年' + item.effectQuarter + '季度');\n data.push(item.effectCount);\n });\n xData = xData.reverse();\n data = data.reverse();\n\n _this16.initNewReformBrand(xData, data);\n }\n\n _this16.loadObj.newBrandList = false;\n });\n },\n initNewReformBrand: function initNewReformBrand(xData, data) {\n var chartDom = document.getElementById('new-reform-brand');\n this.newBrandBar = echarts.init(chartDom);\n this.newBrandOptions = {\n grid: {\n //图表离外层盒子的距离\n top: '24%',\n bottom: 0,\n left: 0,\n right: 0,\n containLabel: true\n },\n tooltip: {\n trigger: 'axis',\n backgroundColor: 'rgba(6, 47, 107, 1)',\n borderColor: 'rgba(2, 115, 233, 1)',\n textStyle: {\n color: '#fff'\n },\n formatter: function formatter(params) {\n var tipString = params[0].axisValue + \"
\";\n var seriesName = ['获全国性肯定评价'];\n\n for (var i = 0, length = params.length; i < length; i++) {\n tipString += \"
\\n \\n \\n \").concat(seriesName[i], \"\\n \\n \").concat(params[i].value, \"\\n
\\n \");\n }\n\n return tipString;\n }\n },\n legend: {\n data: ['全国肯定'],\n inactiveColor: '#333333',\n borderRadius: 6,\n itemWidth: 20,\n itemHeight: 6,\n textStyle: {\n color: '#B1E3FF'\n }\n },\n xAxis: {\n type: 'category',\n boundaryGap: true,\n axisTick: false,\n axisLine: {\n lineStyle: {\n color: 'rgba(154,199,220, 0.2)'\n }\n },\n axisLabel: {\n color: '#D7F1FF',\n show: true,\n interval: 0,\n //使x轴文字显示全\n formatter: function formatter(params) {\n var newParamsName = \"\";\n var paramsNameNumber = params.length;\n var provideNumber = 5; //一行显示几个字\n\n var rowNumber = Math.ceil(paramsNameNumber / provideNumber);\n\n if (paramsNameNumber > provideNumber) {\n for (var p = 0; p < rowNumber; p++) {\n var tempStr = \"\";\n var start = p * provideNumber;\n var end = start + provideNumber;\n\n if (p == rowNumber - 1) {\n tempStr = params.substring(start, paramsNameNumber);\n } else {\n tempStr = params.substring(start, end) + \"\\n\";\n }\n\n newParamsName += tempStr;\n }\n } else {\n newParamsName = params;\n }\n\n return newParamsName;\n }\n },\n data: xData\n },\n yAxis: {\n type: 'value',\n min: 0,\n splitNumber: 3,\n axisLabel: {\n color: '#D7F1FF',\n formatter: function formatter(val) {\n if (val >= 1 && parseInt(val, 10) === val || val == 0) {\n return val;\n } else {\n return;\n }\n }\n },\n axisLine: {\n lineStyle: {\n color: 'rgba(154,199,220, 0.2)'\n }\n },\n splitLine: {\n lineStyle: {\n color: 'rgba(154,199,220, 0.2)'\n }\n }\n },\n color: ['#59C06C'],\n series: [{\n name: '全国肯定',\n type: 'bar',\n barWidth: 6,\n itemStyle: {\n borderRadius: 5\n },\n data: data\n }]\n };\n this.newBrandOptions && this.newBrandBar.setOption(this.newBrandOptions);\n },\n // 切换地图分类按钮\n changeMapBtn: function changeMapBtn(key) {\n this.activeBtnKey = key;\n\n if (key == 'composite') {\n this.handleMapArea(this.compositeMapData, key);\n } else if (key == 'workable') {\n this.handleMapArea(this.workableMapData, key);\n } else if (key == 'brand') {\n this.handleMapArea(this.brandMapData, key);\n } else if (key == 'satisfaction') {\n this.handleMapArea(this.satisfactionMapData, key);\n } else if (key == 'risk') {\n this.handleMapArea(this.riskMapData, key);\n }\n },\n // 按钮切换内容\n changeBtnTab: function changeBtnTab(item) {\n this.activeBtn = item;\n },\n // 准备地图数据\n preMapData: function preMapData(data) {\n this.handleMapArea(this.mapDataKide, 'allGrade');\n this.changeMapType();\n this.initSwiper();\n },\n changeMapType: function changeMapType() {\n var data = this.mapDataKide;\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][this.gradeKey];\n this.gxqGrade = gxqGrade[0][this.gradeKey];\n this.handleMapArea(data, [this.gradeKey]);\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\n if (this.swiper) {\n this.swiper.slideNext();\n }\n },\n initMapCQ: function initMapCQ() {\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 = \"38%\",\n left = '-16%',\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: false,\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 this.myChartCQ.on('click', function (params) {//驾驶舱先注释\n // let code = params.value\n // if (!code) {\n // code = this.getAreaCode(params.name, cq)\n // }\n // this.$router.push({\n // path: '/DistrictReformSubView',\n // query: {\n // name: params.name,\n // code: code,\n // },\n // })\n // let tooltip = document.getElementsByClassName('data-tooltip')\n // Array.from(tooltip).forEach((item) => {\n // item.remove()\n // })\n });\n },\n openDialog: function openDialog(position) {\n if (!this.mapDialogShow) this.mapDialogShow = true;\n this.mapDialogleft = position.clientX + 10;\n this.mapDialogTop = position.clientY + 10;\n },\n initMapMain: function initMapMain() {\n var _this17 = 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 = 24,\n left = 45,\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 disabled: true\n },\n tooltip: {\n show: false\n },\n top: top,\n left: left // layoutCenter\n\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 this.myChartMain.on('click', function (params) {\n var code = params.value;\n\n if (!code) {\n code = _this17.getAreaCode(params.name, main9);\n }\n\n _this17.$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 getAreaCode: function getAreaCode(name, dataType) {\n var code;\n dataType.features.find(function (item) {\n if (item.properties.name == name) {\n code = item.properties.code;\n }\n });\n return code;\n },\n resize: function resize(delay) {\n var _this18 = this;\n\n // 动态计算表格的高度,自适应当前容器\n setTimeout(function () {\n var dom = document.getElementById('cq-contianer');\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 _this18.myChartCQ.resize({\n width: width,\n height: height\n });\n\n _this18.myChartMain.resize();\n\n _this18.deployTimeChart.resize();\n\n _this18.reformBrandChart.resize();\n }, delay || 0);\n }\n }\n};",null]}