{"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":1715590907210},{"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//\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 apiList1 from '@/api/bigScreen/districView.js'\r\nimport apiList2 from '@/api/bigScreen/majorView.js'\r\nimport utils from '@/utils.js'\r\nimport moment from 'moment'\r\nimport listData from './js/majorStaticData'\r\nimport {log} from '@antv/g2plot/lib/utils'\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(4, 40, 100, 1)',\r\n loadObj: {\r\n monthlyPlanLoading: false, // 月度计划清单loading\r\n resultLoading: false, //成果清单\r\n quantitObjectLoading: false, // 量化目标loading\r\n workLoading: false,\r\n centerLeftLoding: false,\r\n centerRightLoding: false,\r\n },\r\n monthlyPlanData: [], // 月度计划清单数据\r\n resultHeader: [\r\n {\r\n name: '序号',\r\n width: '20%',\r\n },\r\n // {\r\n // name: '项目',\r\n // width: '50%',\r\n // },\r\n {\r\n name: '制度成果',\r\n width: '80%',\r\n },\r\n ],\r\n // 成果榜数据\r\n resultPlanData: [],\r\n monthlyPlanHeader: [\r\n {\r\n name: '序号',\r\n width: '11%',\r\n },\r\n {\r\n name: '计划内容',\r\n width: '55%',\r\n },\r\n\r\n {\r\n name: '推进状态',\r\n width: '20%',\r\n },\r\n {\r\n name: '计划类型',\r\n width: '24%',\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: '10%',\r\n },\r\n {\r\n name: '核心指标名称',\r\n width: '32%',\r\n },\r\n\r\n {\r\n name: '年度目标值',\r\n width: '21%',\r\n },\r\n {\r\n name: '月度目标值',\r\n width: '21%',\r\n },\r\n {\r\n name: '当前值',\r\n width: '13%',\r\n },\r\n {\r\n name: '单位',\r\n width: '10%',\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 projectName: '',\r\n // 改革工作动态\r\n scrollStateData: [],\r\n }\r\n },\r\n computed: {\r\n optionSingleHeightTime() {\r\n return {\r\n step: 0.1,\r\n }\r\n },\r\n optionSingleHeightTime1() {\r\n return {\r\n limitMoveNum: 3,\r\n step: 0.1,\r\n }\r\n },\r\n optionSingleHeightTime2() {\r\n return {\r\n limitMoveNum: 4,\r\n step: 0.1,\r\n }\r\n },\r\n optionSingleHeightTime3() {\r\n return {\r\n limitMoveNum: 7,\r\n step: 0.1,\r\n }\r\n },\r\n },\r\n beforeDestroy() {\r\n this.$bus.$off('changeDate')\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.projectName = this.$route.query.projectName\r\n\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 this.getResultPlanData()\r\n this.getWorkData()\r\n this.getBrandXQ()\r\n },\r\n // 跳转成果榜\r\n handleDetail(comp, title, type) {\r\n this.$router.push({\r\n path: '/DetailComponent',\r\n name: 'DetailComponent',\r\n query: {\r\n comp,\r\n type,\r\n title,\r\n projectId: this.reqData.projectId,\r\n },\r\n })\r\n },\r\n // 工作动态\r\n handleNewDetail(comp, type, id) {\r\n this.$router.push({\r\n path: '/DetailComponent',\r\n name: 'DetailComponent',\r\n query: {\r\n comp,\r\n type,\r\n id,\r\n },\r\n })\r\n },\r\n // 获取改革工作动态数据 静态数据\r\n getWorkData() {\r\n // let data = listData.newsList\r\n // let { projectName } = this.$route.query\r\n // this.scrollStateData = data.filter(item => item.porjectName == projectName)\r\n // console.log(this.scrollStateData);\r\n this.loadObj.workLoading = true\r\n let searchDate = sessionStorage.getItem('searchDate')\r\n searchDate = JSON.parse(searchDate)\r\n let {projectId} = this.$route.query\r\n let data = {\r\n pageBean: {\r\n page: 1,\r\n pageSize: 20,\r\n total: 0,\r\n showTotal: true,\r\n },\r\n params: {},\r\n querys: [\r\n {\r\n group: 'main',\r\n operation: 'EQUAL',\r\n parentGroup: '',\r\n property: 'n.OPERATE_TYPE_',\r\n relation: 'AND',\r\n value: '1',\r\n },\r\n {\r\n group: 'main',\r\n operation: 'IN',\r\n parentGroup: '',\r\n property: 'n.EXCELLENT_',\r\n relation: 'AND',\r\n value: ['2', '3'],\r\n },\r\n {\r\n group: 'main',\r\n operation: 'EQUAL',\r\n parentGroup: '',\r\n property: 'n.project_Id_',\r\n relation: 'AND',\r\n value: projectId,\r\n },\r\n ],\r\n }\r\n data.params = {\r\n year: searchDate.year,\r\n quarter: searchDate.quarter,\r\n }\r\n apiList1.getNews(data, (res) => {\r\n if (res && res.rows) {\r\n this.scrollStateData = res.rows\r\n }\r\n this.loadObj.workLoading = false\r\n })\r\n },\r\n // 查看工作动态详情\r\n // 指标库达标率\r\n complianceRateCount() {\r\n this.loadObj.centerRightLoding = true\r\n apiList.complianceRateCount(this.reqData, (res) => {\r\n if (res) {\r\n console.log(res)\r\n this.indexData = res\r\n }\r\n this.loadObj.centerRightLoding = false\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 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 fontSize: '16px',\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 this.loadObj.monthlyPlanLoading = true\r\n apiList.getMonthList(this.reqData, (res) => {\r\n this.monthlyPlanData = res\r\n this.loadObj.monthlyPlanLoading = false\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 getResultPlanData() {\r\n this.loadObj.resultLoading = true\r\n let data = {\r\n pageBean: {\r\n page: 1,\r\n pageSize: -1,\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: 's.PLAN_YEAR_', // 字段名\r\n relation: 'AND',\r\n value: this.reqData.year,\r\n },\r\n {\r\n group: 'main',\r\n operation: 'LESS_EQUAL',\r\n parentGroup: '',\r\n property: 's.PLAN_MONTH_', // 字段名\r\n relation: 'AND',\r\n value: this.reqData.month,\r\n },\r\n {\r\n group: 'main',\r\n operation: 'IN',\r\n parentGroup: '',\r\n property: 's.PLAN_type_',\r\n relation: 'AND',\r\n value: [4, 5],\r\n },\r\n {\r\n group: 'main',\r\n operation: 'EQUAL',\r\n parentGroup: '',\r\n property: 'M.id_',\r\n relation: 'AND',\r\n value: this.reqData.projectId,\r\n },\r\n ],\r\n }\r\n apiList.getResultList(data, (res) => {\r\n this.getOtherData(res.rows)\r\n // this.resultPlanData = res.rows\r\n })\r\n },\r\n getOtherData(filterData) {\r\n let data = JSON.parse(sessionStorage.getItem('searchDate'))\r\n data.projectId = this.reqData.projectId\r\n apiList2.getOtherResults(data, (res) => {\r\n if (res.length) {\r\n let arr = res.filter(\r\n (item) => data.projectId === item.projectId\r\n )\r\n this.resultPlanData = [...filterData, ...arr]\r\n }\r\n this.loadObj.resultLoading = false\r\n })\r\n },\r\n // 主要举措\r\n getBattleChart() {\r\n this.loadObj.centerLeftLoding = true\r\n apiList.getBattleChart(this.reqData, (res) => {\r\n if (res.state) {\r\n this.measuresData = res.value.total\r\n }\r\n this.loadObj.centerLeftLoding = false\r\n })\r\n },\r\n // 量化目标\r\n getIndexLibrary() {\r\n apiList.getIndexLibrary(this.reqData, (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 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 getBrandXQ() {\r\n let {projectId} = this.$route.query\r\n this.reqData.id = projectId\r\n apiList.getBrandXQ(this.reqData, (res) => {\r\n this.scrollBoradData = res.pilotBrandPushList\r\n })\r\n },\r\n // 列表\r\n getBrandList() {},\r\n // 量化目标\r\n quantifiedGoal() {\r\n this.loadObj.quantitObjectLoading = true\r\n let data = this.reqData\r\n apiList.quantifiedGoal(data, (res) => {\r\n if (res) {\r\n this.quantitObjectData = res\r\n }\r\n this.loadObj.quantitObjectLoading = false\r\n })\r\n },\r\n },\r\n}\r\n",null]}