{"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":1687922570904},{"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 \"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'; // 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: [// 'synGrade',\n      'nationalProjectGrade', 'cityProjectGrade', 'workablePassGrade', 'workableAddGrade', 'nationwideGrade', 'cityGrade', 'mediaGrade', 'satisfiedGrade'],\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      slideData: [{\n        name: '综合排名'\n      }, {\n        name: '国家试点'\n      }, {\n        name: '市级试点'\n      }, {\n        name: '验收率'\n      }, {\n        name: '新增试点'\n      }, {\n        name: '全国肯定'\n      }, {\n        name: '全市推广'\n      }, {\n        name: '央媒报道'\n      }, {\n        name: '满意度'\n      }],\n      timer: null,\n      kindIndex: 0,\n      mapDataKide: [],\n      // 地图各指标数据\n      mapDataAll: [],\n      // 地图各指标综合数据\n      eightIndex: [{\n        name: '国家试点',\n        number: 0,\n        unit: '个',\n        comp: 'mapTarget_1',\n        imgurl: 'zd_01.png'\n      }, {\n        name: '市级试点',\n        number: 0,\n        unit: '个',\n        comp: 'mapTarget_2',\n        imgurl: 'zd_02.png'\n      }, {\n        name: '验收率',\n        number: 0,\n        unit: '%',\n        comp: 'mapTarget_3',\n        imgurl: 'zd_03.png'\n      }, {\n        name: '新增试点',\n        number: 0,\n        unit: '个',\n        comp: 'mapTarget_4',\n        imgurl: 'zd_04.png'\n      }, {\n        name: '全国肯定',\n        number: 0,\n        unit: '次',\n        comp: 'mapTarget_5',\n        imgurl: 'zd_05.png'\n      }, {\n        name: '全市推广',\n        number: 0,\n        unit: '次',\n        comp: 'mapTarget_6',\n        imgurl: 'zd_06.png'\n      }, {\n        name: '央媒报道',\n        number: 0,\n        unit: '次',\n        comp: 'mapTarget_7',\n        imgurl: 'zd_07.png'\n      }, {\n        name: '满意度',\n        number: 0,\n        unit: '%',\n        comp: 'mapTarget_8',\n        imgurl: 'zd_08.png'\n      }],\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      },\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      //     name: '排名',\n      //     width: '20%',\n      // },\n      ],\n      scrollListData2: [],\n      // 改革品牌\n      scrollheader3: [{\n        name: '区县',\n        width: '20%'\n      }, {\n        name: '全国肯定',\n        width: '16%' // type: 'l',\n\n      }, {\n        name: '全市推广',\n        width: '16%' // type: 'l',\n\n      }, {\n        name: '央媒报道',\n        width: '16%' // type: 'l',\n\n      }, {\n        name: '排名',\n        width: '16%'\n      }, {\n        name: '变化',\n        width: '16%'\n      }],\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      //改革试点成果\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    };\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  },\n  mounted: function mounted() {\n    var _this2 = this;\n\n    this.initSwiper();\n    this.nowQuarter();\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'); // this.$refs.mySwiper.swiper.autoplay.stop()\n      // console.log('当前的swiper实例', this.swiper, )\n\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();\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  },\n  methods: {\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        centeredSlides: true,\n        centeredSlidesBounds: true,\n        grabCursor: true,\n        allowTouchMove: false // on: {\n        //     click: function () {\n        //         _this.slideChange(this.activeIndex)\n        //     },\n        // },\n\n      });\n    },\n    slideChange: function slideChange(index) {\n      var _this3 = this;\n\n      this.kindIndex = index - 7 == 9 ? 0 : index - 7;\n      console.log(this.mapKeyArr[this.kindIndex], this.kindIndex, index);\n      this.changeMapType();\n      clearInterval(this.timer);\n      this.timer = setInterval(function () {\n        _this3.changeMapType();\n      }, 5000);\n    },\n    handleDetail: function handleDetail(comp, type) {\n      this.$router.push({\n        path: '/DetailComponent',\n        name: 'DetailComponent',\n        query: {\n          comp: comp,\n          type: type\n        }\n      });\n    },\n    getFileData: function getFileData(type) {\n      var _this4 = 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            _this4.openSubDialog('satisfactionReport', {\n              fileId: res.satisfaction.id\n            });\n          } else {\n            _this4.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 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 = '#398C8F';\n          } else if (find[key] == 'B') {\n            color = '#1970C1';\n          } else if (find[key] == 'C') {\n            color = '#A3A355';\n          } else if (find[key] == 'D') {\n            color = '#B0825C';\n          } else if (find[key] == '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    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      this.getBrand(type); // 品牌榜 √\n\n      this.getPilotReform(type); // 改革试点√\n      // 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 || [];\n        _this5.mapDataKide = data;\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      apiList.getTarget({\n        quarter: this.quarter,\n        year: this.year\n      }).then(function (res) {\n        console.log(res, \"target\");\n\n        if (res.state) {\n          _this6.eightIndex[0].number = res.value.nationalProjectNum;\n          _this6.eightIndex[1].number = res.value.cityProjectNum;\n          _this6.eightIndex[2].number = res.value.passRate;\n          _this6.eightIndex[3].number = res.value.addNum;\n          _this6.eightIndex[4].number = res.value.nationwideNum;\n          _this6.eightIndex[5].number = res.value.cityNum;\n          _this6.eightIndex[6].number = res.value.mediaNum;\n          _this6.eightIndex[7].number = res.value.satisfied;\n        }\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          _this7.scrollListData2 = res.value;\n          _this7.mapDataAll = res.value || []; // this.preMapData()\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;\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        }\n\n        if (type) {\n          _this8.initReformBrand();\n        } else {\n          _this8.reformBrandChart.setOption(_this8.reformBrandOption);\n        }\n\n        _this8.loadObj.brandList = false;\n      });\n    },\n    getPilotReform: function getPilotReform(type) {\n      var _this9 = 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          _this9.deploymentTimeData = {};\n          _this9.deploymentTimeYear = [];\n          _this9.deploymentTimeData1 = [];\n          _this9.deploymentTimeData2 = [];\n          var _data = res.value.chart;\n          _data[1] && _data[1].forEach(function (item) {\n            if (!_this9.deploymentTimeData[item.x]) {\n              _this9.deploymentTimeData[item.x] = {\n                country: item.y\n              };\n            } else {\n              _this9.deploymentTimeData[item.x].country = item.y;\n            }\n          });\n          _data[2] && _data[2].forEach(function (item) {\n            if (!_this9.deploymentTimeData[item.x]) {\n              _this9.deploymentTimeData[item.x] = {\n                city: item.y\n              };\n            } else {\n              _this9.deploymentTimeData[item.x].city = item.y;\n            }\n          });\n\n          for (var year in _this9.deploymentTimeData) {\n            _this9.deploymentTimeYear.push(year);\n\n            var city = _this9.deploymentTimeData[year].city || undefined;\n            var country = _this9.deploymentTimeData[year].country || undefined;\n\n            _this9.deploymentTimeData1.push(city);\n\n            _this9.deploymentTimeData2.push(country);\n          }\n\n          console.log(_this9.deploymentTimeData1);\n\n          if (type) {\n            _this9.initLineChart();\n          } else {\n            _this9.deployTimeOption.xAxis.data = _this9.deploymentTimeYear;\n            _this9.deployTimeOption.series[0].data = _this9.deploymentTimeData1;\n            _this9.deployTimeOption.series[1].data = _this9.deploymentTimeData2;\n\n            _this9.deployTimeChart.setOption(_this9.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              _this9.achievement1.totalAchievement = item.totalAchievement || 0;\n              _this9.achievement1.gapQAchievement = item.gapQAchievement || 0;\n            }\n\n            if (item.achievementType == 2) {\n              _this9.achievement2.totalAchievement = item.totalAchievement || 0;\n              _this9.achievement2.gapQAchievement = item.gapQAchievement || 0;\n            }\n\n            if (item.achievementType == 3) {\n              _this9.achievement3.totalAchievement = item.totalAchievement || 0;\n              _this9.achievement3.gapQAchievement = item.gapQAchievement || 0;\n            }\n          });\n        }\n\n        _this9.loadObj.pilotReform = false;\n      });\n    },\n    getGisData: function getGisData() {\n      var _this10 = 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 = _this10.qs.stringify({\n          type: type,\n          quarter: _this10.quarter,\n          year: _this10.year\n        });\n\n        apiList.getGisData(data, function (res) {\n          _this10[\"\".concat(type, \"MapData\")] = _this10.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 _this11 = 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 (_this11.quarter == 1) {\n            heatBarData[0] = ['需求来源', '1月', '2月', '3月'];\n          } else if (_this11.quarter == 2) {\n            heatBarData[0] = ['需求来源', '4月', '5月', '6月'];\n          } else if (_this11.quarter == 3) {\n            heatBarData[0] = ['需求来源', '7月', '8月', '9月'];\n          } else if (_this11.quarter == 4) {\n            heatBarData[0] = ['需求来源', '10月', '11月', '12月'];\n          }\n\n          _this11.legendTop = [];\n          _this11.legendBottom = [];\n          _this11.ggbb_lyqd = utils.getDictItemsFromCache('ggbb_lyqd');\n\n          _this11.ggbb_lyqd.forEach(function (qd, i) {\n            lyqd[qd.value] = [qd.name, undefined, undefined, undefined];\n\n            if (i + 1 <= _this11.ggbb_lyqd.length / 2) {\n              _this11.legendTop.push({\n                name: qd.name\n              });\n            } else {\n              _this11.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          _this11.heatBarData = heatBarData;\n\n          if (type) {\n            _this11.initBarChart();\n          } else {\n            _this11.heatBarOption.dataset.source = _this11.heatBarData;\n            _this11.heatBarOption.legend[0].data = _this11.legendTop;\n            _this11.heatBarOption.legend[1].data = _this11.legendBottom;\n\n            _this11.heatBarChart.setOption(_this11.heatBarOption);\n          }\n        }\n\n        _this11.scrollListDataBottom = res.demandRank || [];\n        _this11.loadObj.scrollListDataBottom = false;\n      });\n    },\n    initBarChart: function initBarChart() {\n      var _this12 = 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 _this12.heatBarChart.resize();\n      });\n    },\n    getDictName: function getDictName(code, value) {\n      return utils.getDictName(code, value);\n    },\n    loadNews: function loadNews() {\n      var _this13 = 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        _this13.scrollBoradData = res.rows;\n        _this13.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: '20%',\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                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    initReformBrand: function initReformBrand() {\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 + \"<br />\";\n            console.log(params);\n            var seriesName = ['获全国性肯定评价', '获全市推广', '获中央媒体深度专题报道'];\n\n            for (var i = 0, length = params.length; i < length; i++) {\n              tipString += \"<div style=\\\"width: 240px;justify-content: space-between;align-items: center;display:flex;\\\">\\n                                            <span>\\n                                                <span style=\\\"display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background:\".concat(params[i].color, \"\\\"></span>\\n                                                <span style=\\\"font-size: 14px;\\\">\").concat(seriesName[i], \"</span>\\n                                            </span>\\n                                            <span style=\\\"font-size: 14px;font-weight:bold;\\\">\").concat(params[i].value, \"</span>\\n                                        </div>\\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          },\n          data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']\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: [{\n          name: '全国肯定',\n          data: this.brandChartData1,\n          type: 'bar',\n          barWidth: 6,\n          itemStyle: {\n            borderRadius: 5\n          }\n        }, {\n          name: '全市推广',\n          data: this.brandChartData2,\n          type: 'bar',\n          barWidth: 6,\n          itemStyle: {\n            borderRadius: 5\n          }\n        }, {\n          name: '央媒报道',\n          data: this.brandChartData3,\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(255, 181, 31, 1)' // 0% 处的颜色\n\n              }, {\n                offset: 0.4,\n                color: 'rgba(255, 181, 31, 0.2)' // 0% 处的颜色\n\n              }, {\n                offset: 1,\n                color: 'rgba(255, 181, 31, 0)' // 100% 处的颜色\n\n              }],\n              global: false // 缺省为 false\n\n            }\n          }\n        }]\n      };\n      this.reformBrandOption && this.reformBrandChart.setOption(this.reformBrandOption);\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      var _this14 = this;\n\n      // this.handleMapArea(this.mapDataAll, 'synGrade')\n      this.handleMapArea(this.mapDataKide, 'cityProjectGrade');\n      this.kindIndex = 2; // this.$nextTick(() => {\n      //      this.$refs.mySwiper.swiper.autoplay.start()\n      // })\n      // this.swiper.slideNext()\n\n      this.timer = setInterval(function () {\n        _this14.changeMapType();\n      }, 5000);\n    },\n    changeMapType: function changeMapType() {\n      // let data\n      // if (this.kindIndex == 0) {\n      //     data = this.mapDataAll\n      // } else {\n      //     data = this.mapDataKide\n      // }\n      var data = this.mapDataKide;\n      this.handleMapArea(data, this.mapKeyArr[this.kindIndex]);\n      this.kindIndex = this.kindIndex + 1;\n\n      if (this.kindIndex == 8) {\n        this.kindIndex = 0;\n      }\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.swiper.slideNext();\n    },\n    initMapCQ: function initMapCQ() {\n      var _this15 = 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      };\n      this.myChartCQ.setOption(this.optionCQ);\n      this.myChartCQ.on('click', function (params) {\n        var code = params.value;\n\n        if (!code) {\n          code = _this15.getAreaCode(params.name, cq);\n        }\n\n        _this15.$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    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 _this16 = 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      };\n      this.myChartMain.setOption(this.optionMain);\n      this.myChartMain.on('click', function (params) {\n        var code = params.value;\n\n        if (!code) {\n          code = _this16.getAreaCode(params.name, main9);\n        }\n\n        _this16.$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 _this17 = 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        _this17.myChartCQ.resize({\n          width: width,\n          height: height\n        });\n\n        _this17.myChartMain.resize();\n\n        _this17.deployTimeChart.resize();\n\n        _this17.reformBrandChart.resize();\n      }, delay || 0);\n    }\n  }\n};",null]}