{"remainingRequest":"D:\\jenkins\\workspace\\reform-fvue\\node_modules\\thread-loader\\dist\\cjs.js!D:\\jenkins\\workspace\\reform-fvue\\node_modules\\babel-loader\\lib\\index.js!D:\\jenkins\\workspace\\reform-fvue\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\jenkins\\workspace\\reform-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\reform-fvue\\src\\views\\BigScreen\\MajorProjectsSubView.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\reform-fvue\\src\\views\\BigScreen\\MajorProjectsSubView.vue","mtime":1686282914844},{"path":"D:\\jenkins\\workspace\\reform-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\reform-fvue\\node_modules\\thread-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\reform-fvue\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\jenkins\\workspace\\reform-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\reform-fvue\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import _toConsumableArray from \"D:/jenkins/workspace/reform-fvue/node_modules/@babel/runtime/helpers/esm/toConsumableArray\";\nimport \"core-js/modules/es6.function.name\";\nimport \"core-js/modules/web.dom.iterable\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport * as echarts from 'echarts';\nimport screenHeader from '@/views/BigScreen/components/screenHeader.vue';\nimport VueSeamlessScroll from 'vue-seamless-scroll';\nimport apiList from '@/api/bigScreen/projectSub.js';\nimport utils from '@/utils.js';\nimport { rotate } from '@antv/g2/lib/util/transform';\nimport moment from 'moment';\nexport default {\n  name: 'MajorProjectsSubViewContent',\n  components: {\n    screenHeader: screenHeader,\n    VueSeamlessScroll: VueSeamlessScroll\n  },\n  data: function data() {\n    return {\n      currentKey: 'MajorProjectsView',\n      active: 0,\n      // 指针指向的索引值\n      rotate: 0,\n      // 指针旋转的角度\n      loadingColor: 'rgba(6, 46, 106, 0.01)',\n      loadObj: {\n        monthlyPlanLoading: false,\n        // 月度计划清单loading\n        actionIterationLoading: false,\n        // 举措迭代loading\n        quantitObjectLoading: false // 量化目标loading\n\n      },\n      monthlyPlanData: [],\n      // 月度计划清单数据\n      monthlyPlanHeader: [{\n        name: '计划内容',\n        width: '50%'\n      }, {\n        name: '计划类型',\n        width: '30%'\n      }, {\n        name: '推进状态',\n        width: '20%'\n      }],\n      // 成果清单\n      resultData: {},\n      // 主要举措\n      measuresData: {},\n      // 量化目标\n      indexLibrary: {},\n      actionIterationData: [],\n      // 举措迭代数据\n      actionIterationHeader: [{\n        name: '具体举措',\n        width: '49%'\n      }, {\n        name: '迭代方式',\n        width: '20%'\n      }, {\n        name: '时间',\n        width: '31%'\n      } // {\n      //   name: '详情',\n      //   width: '20%'\n      // }\n      ],\n      quantitObjectData: [],\n      // 量化目标数据\n      quantitObjectHeader: [{\n        name: '核心指标名称',\n        width: '40%'\n      }, {\n        name: '单位',\n        width: '15%'\n      }, {\n        name: '年度目标值',\n        width: '20%'\n      }, {\n        name: '月度目标值',\n        width: '20%'\n      }, {\n        name: '当前值',\n        width: '15%'\n      }],\n      dataRoate: [{\n        id: 0,\n        name: '综合评价指数'\n      }, {\n        id: 1,\n        name: '量化目标推进力指数'\n      }, {\n        id: 2,\n        name: '主要举措推进力指数'\n      }, {\n        id: 3,\n        name: '品牌显示度指数'\n      }, {\n        id: 4,\n        name: '风险管控力指数'\n      }],\n      // 指针指向圆环内数据\n      scrollBoradData: [],\n      reqData: null,\n      reformBrandData1: [],\n      reformBrandData2: [],\n      indexData: {\n        num: 0,\n        reachedCount: 0,\n        newComplianceRate: 0\n      }\n    };\n  },\n  computed: {\n    optionSingleHeightTime: function optionSingleHeightTime() {\n      return {\n        step: 0.1\n      };\n    }\n  },\n  mounted: function mounted() {\n    var _this = this;\n\n    this.initCloumnCharts();\n    this.reqData = JSON.parse(sessionStorage.getItem('searchDate'));\n    this.reqData.projectId = this.$route.query.projectId;\n    this.$bus.$on('changeDate', function (searchDate) {\n      _this.reqData.month = searchDate.month;\n      _this.reqData.year = searchDate.year;\n\n      _this.reqMethods();\n    });\n    this.reqMethods();\n  },\n  methods: {\n    getDictName: function getDictName(code, value) {\n      return utils.getDictName(code, value);\n    },\n    // 请求\n    reqMethods: function reqMethods() {\n      this.getMonthList();\n      this.getResultTrend();\n      this.getBattleChart();\n      this.getIndexLibrary();\n      this.getIteration();\n      this.experienceReplication();\n      this.getProjectBrand();\n      this.quantifiedGoal();\n      this.complianceRateCount();\n    },\n    // 指标库达标率\n    complianceRateCount: function complianceRateCount() {\n      var _this2 = this;\n\n      apiList.complianceRateCount(this.reqData, function (res) {\n        if (res) {\n          _this2.indexData = res;\n        }\n      });\n    },\n    // 查看项目详情\n    toProjectDetail: function toProjectDetail(comp) {\n      var projectId = this.$route.query.projectId; // this.$router.push('projectDetail/?projectId=' + projectId)\n\n      this.$router.push({\n        path: '/DetailComponent',\n        name: 'DetailComponent',\n        query: {\n          comp: comp,\n          projectId: projectId\n        }\n      });\n    },\n    // 改变指针方向\n    changeHandDirection: function changeHandDirection(index) {\n      this.active = index;\n\n      if (index == 0) {\n        this.rotate = 0;\n      }\n\n      if (index == 1) {\n        this.rotate = -60;\n      }\n\n      if (index == 2) {\n        this.rotate = -90;\n      }\n\n      if (index == 3) {\n        this.rotate = 60;\n      }\n\n      if (index == 4) {\n        this.rotate = 90;\n      }\n    },\n    // cloumn chart\n    initCloumnCharts: function initCloumnCharts() {\n      var _this3 = this;\n\n      var chartDom = document.getElementById('cloumn-charts');\n      this.reformBrandChart = echarts.init(chartDom);\n      this.reformBrandOption = {\n        grid: {\n          //图表离外层盒子的距离\n          top: '28%',\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        },\n        legend: {\n          right: 'top',\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: 5,\n          axisLabel: {\n            color: '#D7F1FF'\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', '#FFB51F'],\n        series: [{\n          name: '获全国肯定性评价',\n          data: this.reformBrandData1,\n          type: 'bar',\n          barWidth: 6,\n          itemStyle: {\n            borderRadius: 5\n          }\n        }, {\n          name: '获中央媒体深度专题报道',\n          data: this.reformBrandData2,\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      window.addEventListener('resize', function () {\n        return _this3.reformBrandOption.resize();\n      });\n    },\n    // 月度计划清单\n    getMonthList: function getMonthList() {\n      var _this4 = this;\n\n      apiList.getMonthList(this.reqData, function (res) {\n        _this4.monthlyPlanData = res;\n      });\n    },\n    // 成果榜查询\n    getResultTrend: function getResultTrend() {\n      var _this5 = this;\n\n      apiList.getResultTrend(this.reqData, function (res) {\n        _this5.resultData = res;\n      });\n    },\n    // 主要举措\n    getBattleChart: function getBattleChart() {\n      var _this6 = this;\n\n      apiList.getBattleChart(this.reqData, function (res) {\n        if (res.state) {\n          _this6.measuresData = res.value.total;\n        }\n      });\n    },\n    // 量化目标\n    getIndexLibrary: function getIndexLibrary() {\n      var _this7 = this;\n\n      apiList.getIndexLibrary(this.reqData, function (res) {\n        console.log(res);\n\n        if (res) {\n          _this7.indexLibrary = res;\n        }\n      });\n    },\n    // 迭代榜 actionIterationData\n    getIteration: function getIteration() {\n      var _this8 = this;\n\n      apiList.getIteration(this.reqData, function (res) {\n        if (res) {\n          res.iterationAddVO.forEach(function (item) {\n            item.iterType = '新增举措';\n            item.newName = item.name;\n            item.time = moment(item.time).format('YYYY-MM-DD');\n          });\n          res.iterationUpdateVO.forEach(function (item) {\n            item.iterType = '迭代举措';\n            item.time = moment(item.time).format('YYYY-MM-DD');\n          });\n          _this8.actionIterationData = [].concat(_toConsumableArray(res.iterationUpdateVO), _toConsumableArray(res.iterationAddVO));\n        }\n      });\n    },\n    // 经验复制推广\n    experienceReplication: function experienceReplication() {\n      var _this9 = this;\n\n      apiList.experienceReplication(this.reqData, function (res) {\n        if (res) {\n          _this9.scrollBoradData = res.map(function (item) {\n            return {\n              name: item.promotionContent,\n              id: item.id\n            };\n          });\n        }\n      });\n    },\n    // 量化目标\n    // 品牌显示度\n    getProjectBrand: function getProjectBrand() {\n      var _this10 = this;\n\n      apiList.getBrandMonthDate(this.reqData, function (res) {\n        if (res) {\n          console.log(res);\n          _this10.reformBrandData = res;\n\n          if (res.length) {\n            res.forEach(function (item, i) {\n              _this10.reformBrandData1[i] = item.nationwideNum;\n              _this10.reformBrandData2[i] = item.mediaNum;\n            });\n          }\n\n          _this10.initCloumnCharts();\n        } else {\n          _this10.initCloumnCharts();\n        }\n      });\n    },\n    // 列表\n    getBrandList: function getBrandList() {},\n    // 量化目标\n    quantifiedGoal: function quantifiedGoal() {\n      var _this11 = this;\n\n      apiList.quantifiedGoal(this.reqData, function (res) {\n        if (res) {\n          _this11.quantitObjectData = res;\n        }\n      });\n    }\n  }\n};",null]}