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