{"remainingRequest":"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\\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//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\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 * as echarts from 'echarts'\r\nimport screenHeader from '@/views/BigScreen/components/screenHeader.vue'\r\nimport VueSeamlessScroll from 'vue-seamless-scroll'\r\nimport apiList from '@/api/bigScreen/projectSub.js'\r\nimport utils from '@/utils.js'\r\nimport {rotate} from '@antv/g2/lib/util/transform'\r\nimport moment from 'moment'\r\nexport default {\r\n    name: 'MajorProjectsSubViewContent',\r\n    components: {\r\n        screenHeader,\r\n        VueSeamlessScroll,\r\n    },\r\n    data() {\r\n        return {\r\n            currentKey: 'MajorProjectsView',\r\n            active: 0, // 指针指向的索引值\r\n            rotate: 0, // 指针旋转的角度\r\n            loadingColor: 'rgba(6, 46, 106, 0.01)',\r\n            loadObj: {\r\n                monthlyPlanLoading: false, // 月度计划清单loading\r\n                actionIterationLoading: false, // 举措迭代loading\r\n                quantitObjectLoading: false, // 量化目标loading\r\n            },\r\n            monthlyPlanData: [], // 月度计划清单数据\r\n            monthlyPlanHeader: [\r\n                {\r\n                    name: '计划内容',\r\n                    width: '50%',\r\n                },\r\n                {\r\n                    name: '计划类型',\r\n                    width: '30%',\r\n                },\r\n                {\r\n                    name: '推进状态',\r\n                    width: '20%',\r\n                },\r\n            ],\r\n            // 成果清单\r\n            resultData: {},\r\n            // 主要举措\r\n            measuresData: {},\r\n            // 量化目标\r\n            indexLibrary: {},\r\n            actionIterationData: [], // 举措迭代数据\r\n            actionIterationHeader: [\r\n                {\r\n                    name: '具体举措',\r\n                    width: '49%',\r\n                },\r\n                {\r\n                    name: '迭代方式',\r\n                    width: '20%',\r\n                },\r\n                {\r\n                    name: '时间',\r\n                    width: '31%',\r\n                },\r\n                // {\r\n                //   name: '详情',\r\n                //   width: '20%'\r\n                // }\r\n            ],\r\n            quantitObjectData: [], // 量化目标数据\r\n            quantitObjectHeader: [\r\n                {\r\n                    name: '核心指标名称',\r\n                    width: '40%',\r\n                },\r\n                {\r\n                    name: '单位',\r\n                    width: '15%',\r\n                },\r\n                {\r\n                    name: '年度目标值',\r\n                    width: '20%',\r\n                },\r\n                {\r\n                    name: '月度目标值',\r\n                    width: '20%',\r\n                },\r\n                {\r\n                    name: '当前值',\r\n                    width: '15%',\r\n                },\r\n            ],\r\n            dataRoate: [\r\n                {\r\n                    id: 0,\r\n                    name: '综合评价指数',\r\n                },\r\n                {\r\n                    id: 1,\r\n                    name: '量化目标推进力指数',\r\n                },\r\n                {\r\n                    id: 2,\r\n                    name: '主要举措推进力指数',\r\n                },\r\n                {\r\n                    id: 3,\r\n                    name: '品牌显示度指数',\r\n                },\r\n                {\r\n                    id: 4,\r\n                    name: '风险管控力指数',\r\n                },\r\n            ], // 指针指向圆环内数据\r\n            scrollBoradData: [],\r\n            reqData: null,\r\n            reformBrandData1: [],\r\n            reformBrandData2: [],\r\n            indexData: {\r\n                num: 0,\r\n                reachedCount: 0,\r\n                newComplianceRate: 0,\r\n            },\r\n        }\r\n    },\r\n    computed: {\r\n        optionSingleHeightTime() {\r\n            return {\r\n                step: 0.1,\r\n            }\r\n        },\r\n    },\r\n    mounted() {\r\n        this.initCloumnCharts()\r\n        this.reqData = JSON.parse(sessionStorage.getItem('searchDate'))\r\n        this.reqData.projectId = this.$route.query.projectId\r\n        this.$bus.$on('changeDate', (searchDate) => {\r\n            this.reqData.month = searchDate.month\r\n            this.reqData.year = searchDate.year\r\n            this.reqMethods()\r\n        })\r\n        this.reqMethods()\r\n    },\r\n    methods: {\r\n        getDictName(code, value) {\r\n            return utils.getDictName(code, value)\r\n        },\r\n        // 请求\r\n        reqMethods() {\r\n            this.getMonthList()\r\n            this.getResultTrend()\r\n            this.getBattleChart()\r\n            this.getIndexLibrary()\r\n            this.getIteration()\r\n            this.experienceReplication()\r\n            this.getProjectBrand()\r\n            this.quantifiedGoal()\r\n            this.complianceRateCount()\r\n        },\r\n        // 指标库达标率\r\n        complianceRateCount() {\r\n            apiList.complianceRateCount(this.reqData, (res) => {\r\n                if (res) {\r\n                    this.indexData = res\r\n                }\r\n            })\r\n        },\r\n        // 查看项目详情\r\n        toProjectDetail(comp) {\r\n            let {projectId} = this.$route.query\r\n            // this.$router.push('projectDetail/?projectId=' + projectId)\r\n            this.$router.push({\r\n                path: '/DetailComponent',\r\n                name: 'DetailComponent',\r\n                query: {\r\n                    comp,\r\n                    projectId,\r\n                },\r\n            })\r\n        },\r\n        // 改变指针方向\r\n        changeHandDirection(index) {\r\n            this.active = index\r\n            if (index == 0) {\r\n                this.rotate = 0\r\n            }\r\n            if (index == 1) {\r\n                this.rotate = -60\r\n            }\r\n            if (index == 2) {\r\n                this.rotate = -90\r\n            }\r\n            if (index == 3) {\r\n                this.rotate = 60\r\n            }\r\n            if (index == 4) {\r\n                this.rotate = 90\r\n            }\r\n        },\r\n        // cloumn chart\r\n        initCloumnCharts() {\r\n            const chartDom = document.getElementById('cloumn-charts')\r\n            this.reformBrandChart = echarts.init(chartDom)\r\n            this.reformBrandOption = {\r\n                grid: {\r\n                    //图表离外层盒子的距离\r\n                    top: '28%',\r\n                    bottom: 0,\r\n                    left: 0,\r\n                    right: 0,\r\n                    containLabel: true,\r\n                },\r\n                tooltip: {\r\n                    trigger: 'axis',\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                    right: 'top',\r\n                    data: ['获全国肯定性评价', '获中央媒体深度专题报道'],\r\n                    inactiveColor: '#333333',\r\n                    borderRadius: 6,\r\n                    itemWidth: 20,\r\n                    itemHeight: 6,\r\n                    textStyle: {\r\n                        color: '#B1E3FF',\r\n                    },\r\n                },\r\n                xAxis: {\r\n                    type: 'category',\r\n                    boundaryGap: true,\r\n                    axisTick: false,\r\n                    axisLine: {\r\n                        lineStyle: {\r\n                            color: 'rgba(154,199,220, 0.2)',\r\n                        },\r\n                    },\r\n                    axisLabel: {\r\n                        color: '#D7F1FF',\r\n                    },\r\n                    data: [\r\n                        '1月',\r\n                        '2月',\r\n                        '3月',\r\n                        '4月',\r\n                        '5月',\r\n                        '6月',\r\n                        '7月',\r\n                        '8月',\r\n                        '9月',\r\n                        '10月',\r\n                        '11月',\r\n                        '12月',\r\n                    ],\r\n                },\r\n                yAxis: {\r\n                    type: 'value',\r\n                    min: 0,\r\n                    splitNumber: 5,\r\n                    axisLabel: {\r\n                        color: '#D7F1FF',\r\n                    },\r\n                    axisLine: {\r\n                        lineStyle: {\r\n                            color: 'rgba(154,199,220, 0.2)',\r\n                        },\r\n                    },\r\n                    splitLine: {\r\n                        lineStyle: {\r\n                            color: 'rgba(154,199,220, 0.2)',\r\n                        },\r\n                    },\r\n                },\r\n                color: ['#59C06C', '#FFB51F'],\r\n                series: [\r\n                    {\r\n                        name: '获全国肯定性评价',\r\n                        data: this.reformBrandData1,\r\n                        type: 'bar',\r\n                        barWidth: 6,\r\n                        itemStyle: {\r\n                            borderRadius: 5,\r\n                        },\r\n                    },\r\n                    {\r\n                        name: '获中央媒体深度专题报道',\r\n                        data: this.reformBrandData2,\r\n                        type: 'line',\r\n                        symbol: 'emptyCircle',\r\n                        symbolSize: 4,\r\n                        areaStyle: {\r\n                            color: {\r\n                                type: 'linear',\r\n                                x: 0,\r\n                                y: 0,\r\n                                x2: 0,\r\n                                y2: 1,\r\n                                colorStops: [\r\n                                    {\r\n                                        offset: 0,\r\n                                        color: 'rgba(255, 181, 31, 1)', // 0% 处的颜色\r\n                                    },\r\n                                    {\r\n                                        offset: 0.4,\r\n                                        color: 'rgba(255, 181, 31, 0.2)', // 0% 处的颜色\r\n                                    },\r\n                                    {\r\n                                        offset: 1,\r\n                                        color: 'rgba(255, 181, 31, 0)', // 100% 处的颜色\r\n                                    },\r\n                                ],\r\n                                global: false, // 缺省为 false\r\n                            },\r\n                        },\r\n                    },\r\n                ],\r\n            }\r\n            this.reformBrandOption &&\r\n                this.reformBrandChart.setOption(this.reformBrandOption)\r\n            window.addEventListener('resize', () =>\r\n                this.reformBrandOption.resize()\r\n            )\r\n        },\r\n        // 月度计划清单\r\n        getMonthList() {\r\n            apiList.getMonthList(this.reqData, (res) => {\r\n                this.monthlyPlanData = res\r\n            })\r\n        },\r\n        // 成果榜查询\r\n        getResultTrend() {\r\n            apiList.getResultTrend(this.reqData, (res) => {\r\n                this.resultData = res\r\n            })\r\n        },\r\n        // 主要举措\r\n        getBattleChart() {\r\n            apiList.getBattleChart(this.reqData, (res) => {\r\n                if (res.state) {\r\n                    this.measuresData = res.value.total\r\n                }\r\n            })\r\n        },\r\n        // 量化目标\r\n        getIndexLibrary() {\r\n            apiList.getIndexLibrary(this.reqData, (res) => {\r\n                console.log(res)\r\n                if (res) {\r\n                    this.indexLibrary = res\r\n                }\r\n            })\r\n        },\r\n        // 迭代榜 actionIterationData\r\n        getIteration() {\r\n            apiList.getIteration(this.reqData, (res) => {\r\n                if (res) {\r\n                    res.iterationAddVO.forEach((item) => {\r\n                        item.iterType = '新增举措'\r\n                        item.newName = item.name\r\n                        item.time = moment(item.time).format('YYYY-MM-DD')\r\n                    })\r\n                    res.iterationUpdateVO.forEach((item) => {\r\n                        item.iterType = '迭代举措'\r\n                        item.time = moment(item.time).format('YYYY-MM-DD')\r\n                    })\r\n                    this.actionIterationData = [\r\n                        ...res.iterationUpdateVO,\r\n                        ...res.iterationAddVO,\r\n                    ]\r\n                }\r\n            })\r\n        },\r\n        // 经验复制推广\r\n        experienceReplication() {\r\n            apiList.experienceReplication(this.reqData, (res) => {\r\n                if (res) {\r\n                    this.scrollBoradData = res.map((item) => {\r\n                        return {name: item.promotionContent, id: item.id}\r\n                    })\r\n                }\r\n            })\r\n        },\r\n        // 量化目标\r\n\r\n        // 品牌显示度\r\n        getProjectBrand() {\r\n            apiList.getBrandMonthDate(this.reqData, (res) => {\r\n                if (res) {\r\n                    console.log(res)\r\n                    this.reformBrandData = res\r\n                    if (res.length) {\r\n                        res.forEach((item, i) => {\r\n                            this.reformBrandData1[i] = item.nationwideNum\r\n                            this.reformBrandData2[i] = item.mediaNum\r\n                        })\r\n                    }\r\n                    this.initCloumnCharts()\r\n                } else {\r\n                    this.initCloumnCharts()\r\n                }\r\n            })\r\n        },\r\n        // 列表\r\n        getBrandList() {},\r\n        // 量化目标\r\n        quantifiedGoal() {\r\n            apiList.quantifiedGoal(this.reqData, (res) => {\r\n                if (res) {\r\n                    this.quantitObjectData = res\r\n                }\r\n            })\r\n        },\r\n    },\r\n}\r\n",null]}