{"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":1715590907210},{"path":"D:\\jenkins\\workspace\\reform-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\reform-fvue\\node_modules\\thread-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\reform-fvue\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\jenkins\\workspace\\reform-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\reform-fvue\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import \"core-js/modules/es6.function.name\";\nimport \"core-js/modules/web.dom.iterable\";\nimport _toConsumableArray from \"D:/jenkins/workspace/reform-fvue/node_modules/@babel/runtime/helpers/esm/toConsumableArray\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\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 apiList1 from '@/api/bigScreen/districView.js';\nimport apiList2 from '@/api/bigScreen/majorView.js';\nimport utils from '@/utils.js';\nimport moment from 'moment';\nimport listData from \"./js/majorStaticData\";\nimport { log } from '@antv/g2plot/lib/utils';\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(4, 40, 100, 1)',\n      loadObj: {\n        monthlyPlanLoading: false,\n        // 月度计划清单loading\n        resultLoading: false,\n        //成果清单\n        quantitObjectLoading: false,\n        // 量化目标loading\n        workLoading: false,\n        centerLeftLoding: false,\n        centerRightLoding: false\n      },\n      monthlyPlanData: [],\n      // 月度计划清单数据\n      resultHeader: [{\n        name: '序号',\n        width: '20%'\n      }, // {\n      //     name: '项目',\n      //     width: '50%',\n      // },\n      {\n        name: '制度成果',\n        width: '80%'\n      }],\n      // 成果榜数据\n      resultPlanData: [],\n      monthlyPlanHeader: [{\n        name: '序号',\n        width: '11%'\n      }, {\n        name: '计划内容',\n        width: '55%'\n      }, {\n        name: '推进状态',\n        width: '20%'\n      }, {\n        name: '计划类型',\n        width: '24%'\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: '10%'\n      }, {\n        name: '核心指标名称',\n        width: '32%'\n      }, {\n        name: '年度目标值',\n        width: '21%'\n      }, {\n        name: '月度目标值',\n        width: '21%'\n      }, {\n        name: '当前值',\n        width: '13%'\n      }, {\n        name: '单位',\n        width: '10%'\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: {// num: 0,\n        // reachedCount: 0,\n        // newComplianceRate: 0,\n      },\n      projectName: '',\n      // 改革工作动态\n      scrollStateData: []\n    };\n  },\n  computed: {\n    optionSingleHeightTime: function optionSingleHeightTime() {\n      return {\n        step: 0.1\n      };\n    },\n    optionSingleHeightTime1: function optionSingleHeightTime1() {\n      return {\n        limitMoveNum: 3,\n        step: 0.1\n      };\n    },\n    optionSingleHeightTime2: function optionSingleHeightTime2() {\n      return {\n        limitMoveNum: 4,\n        step: 0.1\n      };\n    },\n    optionSingleHeightTime3: function optionSingleHeightTime3() {\n      return {\n        limitMoveNum: 7,\n        step: 0.1\n      };\n    }\n  },\n  beforeDestroy: function beforeDestroy() {\n    this.$bus.$off('changeDate');\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.projectName = this.$route.query.projectName;\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(); // this.getResultTrend()\n\n      this.getBattleChart(); // this.getIndexLibrary()\n      // this.getIteration()\n\n      this.experienceReplication();\n      this.getProjectBrand();\n      this.quantifiedGoal();\n      this.complianceRateCount();\n      this.getResultPlanData();\n      this.getWorkData();\n      this.getBrandXQ();\n    },\n    // 跳转成果榜\n    handleDetail: function handleDetail(comp, title, type) {\n      this.$router.push({\n        path: '/DetailComponent',\n        name: 'DetailComponent',\n        query: {\n          comp: comp,\n          type: type,\n          title: title,\n          projectId: this.reqData.projectId\n        }\n      });\n    },\n    // 工作动态\n    handleNewDetail: function handleNewDetail(comp, type, id) {\n      this.$router.push({\n        path: '/DetailComponent',\n        name: 'DetailComponent',\n        query: {\n          comp: comp,\n          type: type,\n          id: id\n        }\n      });\n    },\n    // 获取改革工作动态数据 静态数据\n    getWorkData: function getWorkData() {\n      var _this2 = this;\n\n      // let data = listData.newsList\n      // let { projectName } = this.$route.query\n      // this.scrollStateData = data.filter(item => item.porjectName == projectName)\n      // console.log(this.scrollStateData);\n      this.loadObj.workLoading = true;\n      var searchDate = sessionStorage.getItem('searchDate');\n      searchDate = JSON.parse(searchDate);\n      var projectId = this.$route.query.projectId;\n      var data = {\n        pageBean: {\n          page: 1,\n          pageSize: 20,\n          total: 0,\n          showTotal: true\n        },\n        params: {},\n        querys: [{\n          group: 'main',\n          operation: 'EQUAL',\n          parentGroup: '',\n          property: 'n.OPERATE_TYPE_',\n          relation: 'AND',\n          value: '1'\n        }, {\n          group: 'main',\n          operation: 'IN',\n          parentGroup: '',\n          property: 'n.EXCELLENT_',\n          relation: 'AND',\n          value: ['2', '3']\n        }, {\n          group: 'main',\n          operation: 'EQUAL',\n          parentGroup: '',\n          property: 'n.project_Id_',\n          relation: 'AND',\n          value: projectId\n        }]\n      };\n      data.params = {\n        year: searchDate.year,\n        quarter: searchDate.quarter\n      };\n      apiList1.getNews(data, function (res) {\n        if (res && res.rows) {\n          _this2.scrollStateData = res.rows;\n        }\n\n        _this2.loadObj.workLoading = false;\n      });\n    },\n    // 查看工作动态详情\n    // 指标库达标率\n    complianceRateCount: function complianceRateCount() {\n      var _this3 = this;\n\n      this.loadObj.centerRightLoding = true;\n      apiList.complianceRateCount(this.reqData, function (res) {\n        if (res) {\n          console.log(res);\n          _this3.indexData = res;\n        }\n\n        _this3.loadObj.centerRightLoding = false;\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    initCloumnCharts: function initCloumnCharts() {\n      var _this4 = 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            fontSize: '16px'\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 _this4.reformBrandOption.resize();\n      });\n    },\n    // 月度计划清单\n    getMonthList: function getMonthList() {\n      var _this5 = this;\n\n      this.loadObj.monthlyPlanLoading = true;\n      apiList.getMonthList(this.reqData, function (res) {\n        _this5.monthlyPlanData = res;\n        _this5.loadObj.monthlyPlanLoading = false;\n      });\n    },\n    // 成果榜查询\n    getResultTrend: function getResultTrend() {\n      var _this6 = this;\n\n      apiList.getResultTrend(this.reqData, function (res) {\n        _this6.resultData = res;\n      });\n    },\n    // 获取成果列表\n    getResultPlanData: function getResultPlanData() {\n      var _this7 = this;\n\n      this.loadObj.resultLoading = true;\n      var data = {\n        pageBean: {\n          page: 1,\n          pageSize: -1,\n          showTotal: true\n        },\n        querys: [{\n          group: 'main',\n          operation: 'EQUAL',\n          parentGroup: '',\n          property: 's.PLAN_YEAR_',\n          // 字段名\n          relation: 'AND',\n          value: this.reqData.year\n        }, {\n          group: 'main',\n          operation: 'LESS_EQUAL',\n          parentGroup: '',\n          property: 's.PLAN_MONTH_',\n          // 字段名\n          relation: 'AND',\n          value: this.reqData.month\n        }, {\n          group: 'main',\n          operation: 'IN',\n          parentGroup: '',\n          property: 's.PLAN_type_',\n          relation: 'AND',\n          value: [4, 5]\n        }, {\n          group: 'main',\n          operation: 'EQUAL',\n          parentGroup: '',\n          property: 'M.id_',\n          relation: 'AND',\n          value: this.reqData.projectId\n        }]\n      };\n      apiList.getResultList(data, function (res) {\n        _this7.getOtherData(res.rows); // this.resultPlanData = res.rows\n\n      });\n    },\n    getOtherData: function getOtherData(filterData) {\n      var _this8 = this;\n\n      var data = JSON.parse(sessionStorage.getItem('searchDate'));\n      data.projectId = this.reqData.projectId;\n      apiList2.getOtherResults(data, function (res) {\n        if (res.length) {\n          var arr = res.filter(function (item) {\n            return data.projectId === item.projectId;\n          });\n          _this8.resultPlanData = [].concat(_toConsumableArray(filterData), _toConsumableArray(arr));\n        }\n\n        _this8.loadObj.resultLoading = false;\n      });\n    },\n    // 主要举措\n    getBattleChart: function getBattleChart() {\n      var _this9 = this;\n\n      this.loadObj.centerLeftLoding = true;\n      apiList.getBattleChart(this.reqData, function (res) {\n        if (res.state) {\n          _this9.measuresData = res.value.total;\n        }\n\n        _this9.loadObj.centerLeftLoding = false;\n      });\n    },\n    // 量化目标\n    getIndexLibrary: function getIndexLibrary() {\n      var _this10 = this;\n\n      apiList.getIndexLibrary(this.reqData, function (res) {\n        if (res) {\n          _this10.indexLibrary = res;\n        }\n      });\n    },\n    // 迭代榜 actionIterationData\n    getIteration: function getIteration() {\n      var _this11 = 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          _this11.actionIterationData = [].concat(_toConsumableArray(res.iterationUpdateVO), _toConsumableArray(res.iterationAddVO));\n        }\n      });\n    },\n    // 经验复制推广\n    experienceReplication: function experienceReplication() {\n      apiList.experienceReplication(this.reqData, function (res) {\n        if (res) {// this.scrollBoradData = res.map((item) => {\n          //     return { name: item.promotionContent, id: item.id }\n          // })\n        }\n      });\n    },\n    // 量化目标\n    // 品牌显示度\n    getProjectBrand: function getProjectBrand() {\n      var _this12 = this;\n\n      apiList.getBrandMonthDate(this.reqData, function (res) {\n        if (res) {\n          _this12.reformBrandData = res;\n\n          if (res.length) {\n            res.forEach(function (item, i) {\n              _this12.reformBrandData1[i] = item.nationwideNum;\n              _this12.reformBrandData2[i] = item.mediaNum;\n            });\n          } // this.initCloumnCharts()\n\n        } else {// this.initCloumnCharts()\n          }\n      });\n    },\n    // 品牌详情\n    getBrandXQ: function getBrandXQ() {\n      var _this13 = this;\n\n      var projectId = this.$route.query.projectId;\n      this.reqData.id = projectId;\n      apiList.getBrandXQ(this.reqData, function (res) {\n        _this13.scrollBoradData = res.pilotBrandPushList;\n      });\n    },\n    // 列表\n    getBrandList: function getBrandList() {},\n    // 量化目标\n    quantifiedGoal: function quantifiedGoal() {\n      var _this14 = this;\n\n      this.loadObj.quantitObjectLoading = true;\n      var data = this.reqData;\n      apiList.quantifiedGoal(data, function (res) {\n        if (res) {\n          _this14.quantitObjectData = res;\n        }\n\n        _this14.loadObj.quantitObjectLoading = false;\n      });\n    }\n  }\n};",null]}