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