{"remainingRequest":"D:\\jenkins\\workspace\\reform-fvue\\node_modules\\thread-loader\\dist\\cjs.js!D:\\jenkins\\workspace\\reform-fvue\\node_modules\\babel-loader\\lib\\index.js!D:\\jenkins\\workspace\\reform-fvue\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\jenkins\\workspace\\reform-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\reform-fvue\\src\\views\\BigScreen\\components\\subComponents\\projectBattleChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\reform-fvue\\src\\views\\BigScreen\\components\\subComponents\\projectBattleChart.vue","mtime":1685700611737},{"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":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\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 utils from '@/utils.js';\nimport * as echarts from 'echarts';\nimport pagenation from \"./pagenation.vue\";\nimport apiList from '@/api/bigScreen/districView.js';\nimport FileList from '@/components/uploadFile/FileList.vue';\nexport default {\n  components: {\n    pagenation: pagenation,\n    FileList: FileList\n  },\n  props: {\n    tableOptions: {\n      type: Object,\n      default: function _default() {\n        return {};\n      }\n    }\n  },\n  data: function data() {\n    return {\n      activeBtn1: 1,\n      activeBtn2: 1,\n      activeName: '1',\n      loadingColor: 'rgba(6, 46, 106, 0.4)',\n      loading: false,\n      pieLoading: false,\n      stage: '',\n      params: {\n        pageBean: {\n          page: 1,\n          pageSize: 10,\n          total: 0,\n          showTotal: true\n        },\n        querys: [{\n          group: 'main',\n          operation: 'EQUAL',\n          parentGroup: '',\n          property: 'push.PROJECT_ID_',\n          // 字段名\n          relation: 'AND',\n          value: ''\n        }, {\n          group: 'main',\n          operation: 'EQUAL',\n          parentGroup: '',\n          property: 'push.PLAN_TYPE_',\n          // 字段名\n          relation: 'AND',\n          value: ''\n        }, {\n          group: 'main',\n          operation: 'EQUAL',\n          parentGroup: '',\n          property: 'sche.PLAN_YEAR_',\n          // 字段名\n          relation: 'AND',\n          value: ''\n        }, {\n          group: 'main',\n          operation: 'LESS_EQUAL',\n          parentGroup: '',\n          property: 'sche.PLAN_MONTH_',\n          // 字段名\n          relation: 'AND',\n          value: ''\n        }, {\n          group: 'main',\n          operation: 'EQUAL',\n          parentGroup: '',\n          property: 'push.IS_OVER_',\n          // 字段名\n          relation: 'AND',\n          value: ''\n        }]\n      },\n      projectOptions: [],\n      tableData: [],\n      pieChart1: null,\n      pieChart1Option: null,\n      pieChartData1: [],\n      pieChart2: null,\n      pieChart2Option: null,\n      pieChartData2: [],\n      projectId: '',\n      yd_jhlx: [],\n      exportLoading: false\n    };\n  },\n  mounted: function mounted() {\n    var _this = this;\n\n    this.$emit('searchDateChange');\n    this.pieLoading = true;\n    this.ggbb_ssly = utils.getDictItemsFromCache('ggbb_ssly');\n    this.yd_jhlx = utils.getDictItemsFromCache('yd_jhlx');\n    this.yd_jhlx.unshift({\n      name: '全闭环总览',\n      value: ''\n    }); // this.initPie1()\n    // this.initPie2()\n\n    this.getBattleChartOverview();\n    this.getProjectAll();\n    this.getPagingQuery();\n    this.$bus.$on('changeDate', function (searchDate) {\n      _this.getBattleChartOverview();\n\n      _this.getPagingQuery();\n    });\n  },\n  methods: {\n    // 导出excel\n    exportExcel: function exportExcel() {\n      var _this2 = this;\n\n      this.exportLoading = true;\n      var data = JSON.parse(JSON.stringify(this.params));\n      data.pageBean.pageSize = -1;\n      apiList.exportMonthList(data, function (res) {\n        if (res) {\n          _this2.$message.success('导出成功');\n        }\n\n        _this2.exportLoading = false;\n      });\n    },\n    handleClick: function handleClick() {\n      this.params.pageBean.page = 1;\n      this.params.querys[1].value = this.activeName;\n      this.getPagingQuery(this.projectId);\n    },\n    currentChange: function currentChange() {},\n    pageChange: function pageChange(e) {\n      this.params.pageBean.page = e;\n      this.getPagingQuery(this.projectId);\n    },\n    handleCommand: function handleCommand(e) {\n      this.params.pageBean.page = 1;\n      this.params.querys[4].value = e;\n      this.getPagingQuery(this.projectId);\n    },\n    changeTag: function changeTag(key, type) {\n      if (type == 1) {\n        this.activeBtn1 = key;\n\n        if (key == 1 && type == 1) {\n          this.projectId = '';\n          this.params.querys[1].value = '';\n          this.activeBtn2 = 1;\n        }\n\n        this.getBattleChartOverview();\n      } else {\n        this.activeBtn2 = key;\n        this.params.querys[1].value = key == 2 && type == 2 ? '1' : '';\n      }\n\n      this.params.pageBean.page = 1;\n      this.getPagingQuery(this.projectId);\n    },\n    initPie1: function initPie1() {\n      var _this3 = this;\n\n      var chartDom = document.getElementById('pie1');\n      this.pieChart1 = echarts.init(chartDom);\n      this.pieChart1Option = {\n        title: {\n          text: '月度计划推进状态',\n          top: 'top',\n          left: 'center',\n          textStyle: {\n            fontSize: 12,\n            color: '#fff'\n          }\n        },\n        color: ['#48b25a', '#1581e4', '#f38e03'],\n        tooltip: {\n          trigger: 'item',\n          backgroundColor: 'rgba(6, 47, 107, 1)',\n          borderColor: 'rgba(2, 115, 233, 1)',\n          textStyle: {\n            color: '#fff'\n          }\n        },\n        legend: {\n          orient: 'vertical',\n          right: 'right',\n          top: 'bottom',\n          icon: 'circle',\n          itemWidth: 10,\n          inactiveColor: '#333333',\n          textStyle: {\n            color: '#B1E3FF'\n          }\n        },\n        series: [{\n          startAngle: 0,\n          //起始角度\n          name: '推进状态',\n          type: 'pie',\n          radius: '66%',\n          label: {\n            show: false,\n            textStyle: {\n              color: '#B1E3FF',\n              // 改变标示文字的颜色\n              fontSize: 12 //文字大小\n\n            },\n            alignTo: 'labelLine'\n          },\n          // data: [\n          //     {value: 1048, name: '已完成'},\n          //     {value: 735, name: '推进中'},\n          //     {value: 580, name: '未启动'},\n          // ],\n          data: this.pieChartData1\n        }]\n      };\n      this.pieChart1Option && this.pieChart1.setOption(this.pieChart1Option);\n      window.addEventListener('resize', function () {\n        return _this3.pieChart1.resize();\n      });\n    },\n    initPie2: function initPie2() {\n      var _this4 = this;\n\n      var chartDom = document.getElementById('pie2');\n      this.pieChart2 = echarts.init(chartDom);\n      this.pieChart2Option = {\n        title: {\n          text: '月度计划类型分布',\n          top: 'top',\n          left: 'center',\n          textStyle: {\n            fontSize: 12,\n            color: '#fff'\n          }\n        },\n        // color: ['#48b25a', '#1581e4', '#f38e03'],\n        tooltip: {\n          trigger: 'item',\n          backgroundColor: 'rgba(6, 47, 107, 1)',\n          borderColor: 'rgba(2, 115, 233, 1)',\n          textStyle: {\n            color: '#fff'\n          }\n        },\n        legend: {\n          orient: 'vertical',\n          right: 'right',\n          top: 'bottom',\n          icon: 'circle',\n          itemWidth: 8,\n          inactiveColor: '#333333',\n          textStyle: {\n            color: '#B1E3FF'\n          }\n        },\n        series: [{\n          startAngle: 120,\n          //起始角度\n          name: '计划类型',\n          type: 'pie',\n          radius: '66%',\n          label: {\n            show: false\n          },\n          // data: [\n          //     {value: 10, name: '组建工作专班'},\n          //     {value: 12, name: '开展调查研究'},\n          //     {value: 18, name: '向上争取支持'},\n          //     {value: 12, name: '制定改革方案'},\n          //     {value: 52, name: '出台配套政策'},\n          //     {value: 69, name: '搭建重要平台'},\n          //     {value: 56, name: '上线重大应用'},\n          //     {value: 98, name: '开展督导指导'},\n          //     {value: 58, name: '开展成效评估'},\n          //     {value: 18, name: '总结推广经验'},\n          //     {value: 120, name: '其他'},\n          // ],\n          data: this.pieChartData2\n        }]\n      };\n      this.pieChart2Option && this.pieChart2.setOption(this.pieChart2Option);\n      window.addEventListener('resize', function () {\n        return _this4.pieChart2.resize();\n      });\n    },\n    expend: function expend(row) {\n      var $table = this.$refs.expendTable;\n      this.tableData.map(function (item) {\n        if (row.id != item.id) {\n          $table.toggleRowExpansion(item, false);\n          item.expansion = false;\n        } else {\n          item.expansion = !item.expansion;\n        }\n      });\n      $table.toggleRowExpansion(row);\n    },\n    getDictName: function getDictName(code, value) {\n      return utils.getDictName(code, value);\n    },\n    // 获取作战图总览数据\n    getBattleChartOverview: function getBattleChartOverview(id) {\n      var _this5 = this;\n\n      var data = JSON.parse(sessionStorage.getItem('searchDate'));\n      data.projectId = id ? id : '';\n      data.year = '';\n      data.month = '';\n      apiList.getBattleChartOverview(data, function (res) {\n        var data = res.value.total;\n        _this5.pieChartData1 = [{\n          value: data.finishNum,\n          name: '已完成'\n        }, {\n          value: data.progressNum,\n          name: '推进中'\n        }, {\n          value: data.unStartNum,\n          name: '未启动'\n        }];\n\n        _this5.initPie1();\n\n        var typeArr = res.value.typeNum.map(function (item) {\n          return {\n            value: item.typeNum,\n            name: item.typeName\n          };\n        });\n        _this5.pieChartData2 = typeArr;\n\n        _this5.initPie2();\n\n        _this5.pieLoading = false;\n      });\n    },\n    //获取项目\n    getProjectAll: function getProjectAll() {\n      var _this6 = this;\n\n      var data = {\n        pageBean: {\n          page: 1,\n          pageSize: -1,\n          showTotal: true\n        }\n      };\n      apiList.getProjectAll(data, function (res) {\n        _this6.projectOptions = res;\n      });\n    },\n    // 分页查询\n    getPagingQuery: function getPagingQuery(id) {\n      var _this7 = this;\n\n      this.loading = true;\n      var data = JSON.parse(sessionStorage.getItem('searchDate'));\n      this.params.querys[0].value = id ? id : '';\n      this.params.querys[2].value = data.year;\n      this.params.querys[3].value = data.month;\n      apiList.getPagingQuery(this.params, function (res) {\n        // this.tableData = res.rows.map((item) => {\n        //     // item.month = item.planYear + '年' + item.planMonth + '月'\n        //     return item\n        // })\n        _this7.tableData = res.rows;\n        _this7.params.pageBean.total = res.total;\n        _this7.loading = false;\n      });\n    },\n    // 根据项目筛选\n    projectChange: function projectChange(e) {\n      this.getBattleChartOverview(e);\n      this.getPagingQuery(e);\n    }\n  }\n};",null]}