{"remainingRequest":"D:\\jenkins\\workspace\\reform-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\reform-fvue\\src\\views\\MobileScreen\\MajorProjectsMobile.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\reform-fvue\\src\\views\\MobileScreen\\MajorProjectsMobile.vue","mtime":1681724620119},{"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\r\nimport * as echarts from 'echarts'\r\nimport HeadSection from './HeadSection.vue'\r\nimport fakeData from './js/fakeDataMajor.js'\r\nexport default {\r\n name: 'MajorProjectsMobile',\r\n components: {\r\n HeadSection,\r\n },\r\n data() {\r\n return {\r\n activeBtn: 1,\r\n numIndex: {\r\n num: 69,\r\n finishNum: 58,\r\n finishRate: 84,\r\n },\r\n targetIndex: {\r\n monthNum: 35,\r\n allNum: 35,\r\n rate: 30,\r\n },\r\n // 成果\r\n resultTrend: {\r\n platformNum: 17,\r\n platormTrendNum: 6,\r\n appNum: 28,\r\n appTrendNum: 4,\r\n regimeNum: 20,\r\n regimeTrendNum: 5,\r\n },\r\n pieChart1: null, // 改革举措表现情况总览饼图实例\r\n pieChartDataOriginRight: [],\r\n pieChartData2: [\r\n {value: 2, name: '优秀'},\r\n {value: 4, name: '良好'},\r\n {value: 9, name: '一般'},\r\n ], // 改革举措表现情况总览饼图数据\r\n pieChart2: null, // 量化目标达标情况总览饼图实例\r\n pieChartDataOrigin: [],\r\n pieChartData1: [\r\n {value: 3, name: '优秀'},\r\n {value: 6, name: '良好'},\r\n {value: 6, name: '一般'},\r\n ], // 量化目标达标情况总览饼图数据\r\n // 指数榜综合\r\n scrollheader1: fakeData.scrollheader1,\r\n scrollListData1: fakeData.scrollListData1,\r\n // 指数榜单项\r\n singleRankData: {\r\n target: {\r\n projectName: '建设政企学研深度融合的现代职教体系',\r\n holdNum: 1,\r\n },\r\n measure: {\r\n projectName: '建立企业上市助推机制',\r\n holdNum: 0,\r\n },\r\n brand: {\r\n projectName: '推动数字重庆建设',\r\n holdNum: 3,\r\n },\r\n },\r\n // 迭代榜\r\n scrollheader2: fakeData.scrollheader2,\r\n scrollListData2: fakeData.scrollListData2,\r\n // 品牌榜\r\n reformBrandData1: [12, 24, 35, 0, 0, 0, 0, 0, 0, 0, 0, 0],\r\n reformBrandData2: [9, 41, 15, 0, 0, 0, 0, 0, 0, 0, 0, 0],\r\n reformBrandChart: null,\r\n reformBrandOption: null,\r\n }\r\n },\r\n mounted() {\r\n this.initPieChart1()\r\n this.initPieChart2()\r\n this.initReformBrand()\r\n },\r\n methods: {\r\n changeBtnTab(active) {\r\n this.activeBtn = active\r\n },\r\n // Pie Chart 1\r\n initPieChart1() {\r\n let colorList = [\r\n {\r\n colorStart: '#52BBB2',\r\n colorEnd: '#52BBB2',\r\n },\r\n {\r\n colorStart: '#0087fd',\r\n colorEnd: '#0087fd',\r\n },\r\n {\r\n colorStart: '#ff940A',\r\n colorEnd: '#ff940A',\r\n },\r\n ]\r\n let option = {\r\n // 调整图例位置\r\n legend: {\r\n position: 'top',\r\n itemWidth: 12, // 设置图例图形的宽\r\n itemHeight: 8, // 设置图例图形的高\r\n icon: 'roundRect',\r\n itemGap: 10,\r\n textStyle: {\r\n //图例字体样式\r\n fontSize: 12,\r\n // fontFamily: 'SimHei',\r\n // color: '#B1E3FF',\r\n },\r\n },\r\n // tooltip: {\r\n // show: true,\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 // confine: true,\r\n // position: 'bottom',\r\n // formatter: (data) => {\r\n // let repeat = ''\r\n // this.porjectList[data.name].forEach((item) => {\r\n // repeat += `\r\n //
项目：${item.projectName}完成率：${item.finish}
\r\n // `\r\n // })\r\n // let str = `
\r\n //
${data.name}
\r\n // ${repeat}\r\n //
`\r\n // return str\r\n // },\r\n // },\r\n series: [\r\n {\r\n name: '改革举措表现情况',\r\n type: 'pie',\r\n radius: ['35%', '60%'],\r\n center: ['50%', '60%'],\r\n labelLine: {\r\n //指示线样式设置\r\n length: 15, //设置指示线的长度\r\n length2: 50, //横线宽度\r\n lineStyle: {\r\n // color: '#B1E3FF', // 设置标示线的颜色\r\n },\r\n },\r\n label: {\r\n textStyle: {\r\n // color: '#B1E3FF', // 改变标示文字的颜色\r\n fontSize: 12, //文字大小\r\n },\r\n formatter: '{c}项 {d}% \\n\\n',\r\n padding: [0, -50],\r\n alignTo: 'labelLine',\r\n },\r\n itemStyle: {\r\n color: (list) => {\r\n // 注意 ！！！！！ 这里的数组一定要和实际的类目长度相等或大于，不然会缺少颜色报错\r\n return new echarts.graphic.LinearGradient(\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n [\r\n {\r\n //左、下、右、上\r\n offset: 0,\r\n color: colorList[list.dataIndex][\r\n 'colorStart'\r\n ],\r\n },\r\n {\r\n offset: 1,\r\n color: colorList[list.dataIndex][\r\n 'colorEnd'\r\n ],\r\n },\r\n ]\r\n )\r\n },\r\n },\r\n data: this.pieChartData1,\r\n },\r\n ],\r\n }\r\n this.pieChart1 = echarts.init(document.getElementById('pieChart1'))\r\n option && this.pieChart1.setOption(option)\r\n window.addEventListener('resize', () => this.pieChart1.resize())\r\n this.pieChart1.on('click', (params) => {\r\n this.openSubDialog('monthPlan')\r\n })\r\n },\r\n\r\n initPieChart2() {\r\n let colorList = [\r\n {\r\n colorStart: '#52BBB2',\r\n colorEnd: '#52BBB2',\r\n },\r\n {\r\n colorStart: '#0087fd',\r\n colorEnd: '#0087fd',\r\n },\r\n {\r\n colorStart: '#ff940A',\r\n colorEnd: '#ff940A',\r\n },\r\n ]\r\n let option = {\r\n // 调整图例位置\r\n legend: {\r\n position: 'top',\r\n itemWidth: 12, // 设置图例图形的宽\r\n itemHeight: 8, // 设置图例图形的高\r\n icon: 'roundRect',\r\n itemGap: 10,\r\n textStyle: {\r\n //图例字体样式\r\n fontSize: 12,\r\n // fontFamily: 'SimHei',\r\n // color: '#B1E3FF',\r\n },\r\n },\r\n series: [\r\n {\r\n name: '改革举措表现情况',\r\n type: 'pie',\r\n radius: ['35%', '60%'],\r\n center: ['50%', '60%'],\r\n left: 0,\r\n top: 0,\r\n labelLine: {\r\n //指示线样式设置\r\n length: 15, //设置指示线的长度\r\n length2: 50, //横线宽度\r\n // lineStyle: {\r\n // color: '#B1E3FF', // 设置标示线的颜色\r\n // },\r\n },\r\n label: {\r\n textStyle: {\r\n // color: '#B1E3FF', // 改变标示文字的颜色\r\n fontSize: 10, //文字大小\r\n },\r\n formatter: '{c}项 {d}% \\n\\n',\r\n padding: [0, -50],\r\n alignTo: 'labelLine',\r\n },\r\n itemStyle: {\r\n color: (list) => {\r\n // 注意 ！！！！！ 这里的数组一定要和实际的类目长度相等或大于，不然会缺少颜色报错\r\n return new echarts.graphic.LinearGradient(\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n [\r\n {\r\n //左、下、右、上\r\n offset: 0,\r\n color: colorList[list.dataIndex][\r\n 'colorStart'\r\n ],\r\n },\r\n {\r\n offset: 1,\r\n color: colorList[list.dataIndex][\r\n 'colorEnd'\r\n ],\r\n },\r\n ]\r\n )\r\n },\r\n },\r\n data: this.pieChartData2,\r\n },\r\n ],\r\n }\r\n this.pieChart2 = echarts.init(document.getElementById('pieChart2'))\r\n option && this.pieChart2.setOption(option)\r\n window.addEventListener('resize', () => this.pieChart2.resize())\r\n this.pieChart2.on('click', (params) => {\r\n this.openSubDialog('targetDetail')\r\n })\r\n },\r\n initReformBrand() {\r\n const chartDom = document.getElementById('reform-brand')\r\n this.reformBrandChart = echarts.init(chartDom)\r\n this.reformBrandOption = {\r\n grid: {\r\n //图表离外层盒子的距离\r\n top: '18%',\r\n bottom: 0,\r\n left: '1%',\r\n right: '2%',\r\n containLabel: true,\r\n },\r\n tooltip: {\r\n trigger: 'axis',\r\n confine: true,\r\n axisPointer: {\r\n type: 'cross',\r\n label: {\r\n color: '#333333',\r\n },\r\n },\r\n },\r\n legend: {\r\n position: '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: '#6c6c6c',\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: '#CECECE',\r\n },\r\n },\r\n axisLabel: {\r\n color: '#6c6c6c',\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: '#6c6c6c',\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: ['#ff940A', '#0087fd'],\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 },\r\n ],\r\n }\r\n this.reformBrandOption &&\r\n this.reformBrandChart.setOption(this.reformBrandOption)\r\n window.addEventListener('resize', () =>\r\n this.reformBrandChart.resize()\r\n )\r\n },\r\n },\r\n}\r\n",null]}