{"remainingRequest":"D:\\jenkins\\workspace\\reform-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\reform-fvue\\src\\views\\MobileScreen\\DistrictReformMobile.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\reform-fvue\\src\\views\\MobileScreen\\DistrictReformMobile.vue","mtime":1711692597824},{"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\r\nimport utils from '@/utils.js'\r\nimport * as echarts from 'echarts'\r\nimport HeadSection from './HeadSection.vue'\r\nimport fakeData from './js/fakeDataDistrict.js'\r\nimport apiList from '@/api/bigScreen/districView.js'\r\nexport default {\r\n name: 'DistrictReformMobile',\r\n components: {\r\n HeadSection,\r\n },\r\n data() {\r\n return {\r\n loadingColor: 'rgba(255, 255, 255, 0.6)',\r\n loadObj: {\r\n scrollListData1: false,\r\n indexSingleData: false,\r\n pilotReform: false,\r\n scrollListData2: false,\r\n brandList: false,\r\n scrollBoradData: false,\r\n scrollListDataBottom: false,\r\n loadingMap: false,\r\n },\r\n showSelect: false,\r\n activeSearchDate: {\r\n value: 1,\r\n name: '一季度',\r\n },\r\n searchDate: [\r\n {\r\n value: 1,\r\n name: '一季度',\r\n },\r\n {\r\n value: 2,\r\n name: '二季度',\r\n },\r\n {\r\n value: 3,\r\n name: '三季度',\r\n },\r\n {\r\n value: 4,\r\n name: '四季度',\r\n },\r\n {\r\n value: 0,\r\n name: '年度',\r\n },\r\n ],\r\n activeBtn: 1,\r\n // 指数榜综合\r\n scrollheader: fakeData.scrollheader,\r\n scrollListData1: [],\r\n scrollheader2: fakeData.scrollheader2,\r\n scrollListData2: [],\r\n scrollheader3: fakeData.scrollheader3,\r\n scrollListData3: [],\r\n // 需求来源\r\n scrollheader4: fakeData.scrollheader4,\r\n scrollListData4: fakeData.scrollListData,\r\n // 指数榜单项\r\n indexSingleData: [],\r\n indexSingleDataTemp: [\r\n {\r\n county: '-',\r\n holdNum: undefined,\r\n key: '改革落实力',\r\n },\r\n {\r\n county: '-',\r\n holdNum: undefined,\r\n key: '品牌显示度',\r\n },\r\n {\r\n county: '-',\r\n holdNum: undefined,\r\n key: '改革满意度',\r\n },\r\n ],\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 deployTimeChart: null,\r\n deployTimeOption: null,\r\n // 形成制度成果\r\n achievement1: {\r\n totalAchievement: 0,\r\n gapQAchievement: 0,\r\n },\r\n // 搭建工作平台\r\n achievement2: {\r\n totalAchievement: 0,\r\n gapQAchievement: 0,\r\n },\r\n // 上线应用场景\r\n achievement3: {\r\n totalAchievement: 0,\r\n gapQAchievement: 0,\r\n },\r\n brandChartData1: [],\r\n brandChartData2: [],\r\n brandChartData3: [],\r\n needWayChart: null,\r\n needWayOption: null,\r\n currentQuarter: null,\r\n heatBarData: [],\r\n year: null,\r\n quarter: null,\r\n ggbb_lyqd: [],\r\n mainTarget: [\r\n {\r\n name: '数字重庆建设\\n进展',\r\n count: 0,\r\n unit: '%',\r\n },\r\n {\r\n name: '国企改革\\n进展',\r\n count: 0,\r\n unit: '%',\r\n },\r\n {\r\n name: '制造业“亩均论英雄”改革进展',\r\n count: 0,\r\n unit: '%',\r\n },\r\n {\r\n name: '建立企业上市助推机制进展',\r\n count: 0,\r\n unit: '个',\r\n },\r\n {\r\n name: '打造“信用重庆”升级版进展',\r\n count: 0,\r\n unit: '%',\r\n },\r\n\r\n {\r\n name: '承接国家试点\\n项目数',\r\n count: 0,\r\n unit: '个',\r\n },\r\n // {\r\n // name: '承接市级试点项目数',\r\n // count: 3650,\r\n // unit: '个',\r\n // },\r\n {\r\n name: '承接的国家试点按时通过验收率',\r\n count: 0,\r\n unit: '%',\r\n },\r\n {\r\n name: '本年度新增国家试点项目数',\r\n count: 0,\r\n unit: '个',\r\n },\r\n {\r\n name: '改革经验获全国性肯定评价',\r\n count: 0,\r\n unit: '次',\r\n },\r\n {\r\n name: '改革经验获\\n全市推广',\r\n count: 0,\r\n unit: '次',\r\n },\r\n // {\r\n // name: '改革经验被5家中央媒体深度专题报道',\r\n // count: 345,\r\n // unit: '次',\r\n // },\r\n {\r\n name: '社情民意电话调查满意度',\r\n count: 0,\r\n unit: '分',\r\n },\r\n ],\r\n }\r\n },\r\n beforeDestroy() {\r\n this.$bus.$off('changeDate')\r\n },\r\n mounted() {\r\n this.nowQuarterData()\r\n let searchDate = sessionStorage.getItem('searchDate')\r\n if (searchDate) {\r\n searchDate = JSON.parse(searchDate)\r\n this.year = searchDate.year\r\n this.quarter = searchDate.quarter\r\n } else {\r\n this.checkQuarter()\r\n }\r\n // this.initNeedWay()\r\n this.loadData('init')\r\n this.$bus.$on('changeDate', (searchDate) => {\r\n this.quarter = searchDate.quarter\r\n this.year = searchDate.year\r\n this.loadData()\r\n })\r\n },\r\n methods: {\r\n loadData(type) {\r\n this.getIndex() // 指数排行榜 √\r\n this.getTarget()\r\n this.getPilotReform(type) // 改革试点√\r\n // this.getBroad() // 一地创新 全市推广 √\r\n this.getBrand(type) // 品牌榜 √\r\n // this.getDemandHeatList(type) // 需求热力榜 √\r\n },\r\n getTarget() {\r\n apiList\r\n .getTarget({\r\n quarter: this.quarter,\r\n year: this.year,\r\n })\r\n .then((res) => {\r\n console.log(res, 'target')\r\n if (res.state) {\r\n this.mainTarget[0].count = res.value.digitRate\r\n this.mainTarget[1].count = 0\r\n this.mainTarget[2].count = 0\r\n this.mainTarget[3].count =\r\n res.value.listedCompaniesDivide\r\n this.mainTarget[4].count = res.value.creditRate\r\n this.mainTarget[5].count = res.value.nationalProjectNum\r\n this.mainTarget[6].count = res.value.nationalPassRate\r\n this.mainTarget[7].count = res.value.nationalAddNum\r\n this.mainTarget[8].count = res.value.nationwideNum\r\n this.mainTarget[9].count = res.value.cityNum\r\n this.mainTarget[10].count = res.value.satisfied\r\n }\r\n })\r\n },\r\n // getIndex() {\r\n // this.loadObj.scrollListData1 = true\r\n // this.loadObj.indexSingleData = true\r\n // let data1 = this.qs.stringify({\r\n // year: this.year,\r\n // quarter: this.quarter,\r\n // type: 'composite',\r\n // })\r\n // let data2 = this.qs.stringify({\r\n // year: this.year,\r\n // quarter: this.quarter,\r\n // type: 'single',\r\n // })\r\n // // 综合\r\n // apiList.getIndex(data1, (res) => {\r\n // if (res && res.value) {\r\n // this.scrollListData1 = res.value\r\n // }\r\n // this.loadObj.scrollListData1 = false\r\n // })\r\n // // 单项\r\n // apiList.getIndex(data2, (res) => {\r\n // let dataTemp = res.value\r\n // if (dataTemp.length) {\r\n // this.indexSingleData = []\r\n // dataTemp.forEach((item) => {\r\n // let countys = item.county.split(',')\r\n // let holdNum = item.holdNum.split(',')\r\n // countys.forEach((county, index) => {\r\n // this.indexSingleData.push({\r\n // key: item.index,\r\n // county: county ? county : '暂无数据',\r\n // holdNum: holdNum[index],\r\n // })\r\n // })\r\n // })\r\n // } else {\r\n // this.indexSingleData = this.indexSingleDataTemp\r\n // }\r\n // this.loadObj.indexSingleData = false\r\n // })\r\n // },\r\n getIndex() {\r\n this.loadObj.scrollListData2 = true\r\n let data = this.qs.stringify({\r\n year: this.year,\r\n quarter: this.quarter,\r\n })\r\n // 综合\r\n apiList.getIndex(data, (res) => {\r\n if (res && res.value) {\r\n this.scrollListData2 = res.value\r\n }\r\n this.loadObj.scrollListData2 = false\r\n })\r\n },\r\n getPilotReform(type) {\r\n this.loadObj.pilotReform = true\r\n let data = this.qs.stringify({\r\n quarter: this.quarter,\r\n year: this.year,\r\n })\r\n apiList.getPilotReform(data, (res) => {\r\n if (res && res.value && res.value.chart) {\r\n this.deploymentTimeData = {}\r\n this.deploymentTimeYear = []\r\n this.deploymentTimeData1 = []\r\n this.deploymentTimeData2 = []\r\n let data = res.value.chart\r\n data[1] &&\r\n data[1].forEach((item) => {\r\n if (!this.deploymentTimeData[item.x]) {\r\n this.deploymentTimeData[item.x] = {\r\n country: item.y,\r\n }\r\n } else {\r\n this.deploymentTimeData[item.x].country = item.y\r\n }\r\n })\r\n data[2] &&\r\n data[2].forEach((item) => {\r\n if (!this.deploymentTimeData[item.x]) {\r\n this.deploymentTimeData[item.x] = {\r\n city: item.y,\r\n }\r\n } else {\r\n this.deploymentTimeData[item.x].city = item.y\r\n }\r\n })\r\n for (let year in this.deploymentTimeData) {\r\n this.deploymentTimeYear.push(year)\r\n let city =\r\n this.deploymentTimeData[year].city || undefined\r\n let country =\r\n this.deploymentTimeData[year].country || undefined\r\n this.deploymentTimeData1.push(city)\r\n this.deploymentTimeData2.push(country)\r\n }\r\n\r\n if (type) {\r\n this.initLineChart()\r\n } else {\r\n this.deployTimeOption.xAxis.data =\r\n this.deploymentTimeYear\r\n // this.deployTimeOption.series[0].data =\r\n // this.deploymentTimeData1\r\n this.deployTimeOption.series[0].data =\r\n this.deploymentTimeData2\r\n this.deployTimeChart.setOption(this.deployTimeOption)\r\n }\r\n }\r\n if (res && res.value && res.value.achievement) {\r\n res.value.achievement.forEach((item) => {\r\n if (item.achievementType == 1) {\r\n this.achievement1.totalAchievement =\r\n item.totalAchievement || 0\r\n this.achievement1.gapQAchievement =\r\n item.gapQAchievement || 0\r\n }\r\n if (item.achievementType == 2) {\r\n this.achievement2.totalAchievement =\r\n item.totalAchievement || 0\r\n this.achievement2.gapQAchievement =\r\n item.gapQAchievement || 0\r\n }\r\n if (item.achievementType == 3) {\r\n this.achievement3.totalAchievement =\r\n item.totalAchievement || 0\r\n this.achievement3.gapQAchievement =\r\n item.gapQAchievement || 0\r\n }\r\n })\r\n }\r\n this.loadObj.pilotReform = false\r\n })\r\n },\r\n getBroad() {\r\n this.loadObj.scrollListData2 = true\r\n let data = this.qs.stringify({\r\n type: 1,\r\n quarter: this.quarter,\r\n year: this.year,\r\n })\r\n apiList.getBroad(data, (res) => {\r\n if (res && res.value) {\r\n this.scrollListData2 = res.value\r\n }\r\n this.loadObj.scrollListData2 = false\r\n })\r\n },\r\n getBrand(type) {\r\n this.loadObj.brandList = true\r\n this.brandChartData1.length = 12\r\n this.brandChartData2.length = 12\r\n this.brandChartData3.length = 12\r\n let data = this.qs.stringify({\r\n quarter: this.quarter,\r\n year: this.year,\r\n })\r\n apiList.getBrand(data, (res) => {\r\n if (res && res.value && res.value.brand) {\r\n this.scrollListData3 = res.value.brand\r\n }\r\n if (res && res.value && res.value.chart) {\r\n let chartData = res.value.chart\r\n chartData[1].forEach((item, i) => {\r\n this.brandChartData1[i] = item.effectCount\r\n })\r\n chartData[2].forEach((item, i) => {\r\n this.brandChartData2[i] = item.effectCount\r\n })\r\n chartData[3].forEach((item, i) => {\r\n this.brandChartData3[i] = item.effectCount\r\n })\r\n }\r\n if (type) {\r\n this.initReformBrand()\r\n } else {\r\n this.reformBrandChart.setOption(this.reformBrandOption)\r\n }\r\n this.loadObj.brandList = false\r\n })\r\n },\r\n getDemandHeatList(type) {\r\n this.loadObj.scrollListDataBottom = true\r\n let data = this.qs.stringify({\r\n quarter: this.quarter,\r\n year: this.year,\r\n })\r\n // 综合\r\n apiList.getDemandHeatList(data, (res) => {\r\n if (res.chart) {\r\n let chartData = res.chart\r\n let heatBarData = [],\r\n lyqd = {}\r\n if (this.quarter == 1) {\r\n heatBarData[0] = ['需求来源', '1月', '2月', '3月']\r\n } else if (this.quarter == 2) {\r\n heatBarData[0] = ['需求来源', '4月', '5月', '6月']\r\n } else if (this.quarter == 3) {\r\n heatBarData[0] = ['需求来源', '7月', '8月', '9月']\r\n } else if (this.quarter == 4) {\r\n heatBarData[0] = ['需求来源', '10月', '11月', '12月']\r\n }\r\n this.ggbb_lyqd = utils.getDictItemsFromCache('ggbb_lyqd')\r\n this.ggbb_lyqd.forEach((qd, i) => {\r\n lyqd[qd.value] = [\r\n qd.name,\r\n undefined,\r\n undefined,\r\n undefined,\r\n ]\r\n })\r\n chartData.forEach((item) => {\r\n let index = 1\r\n if ([1, 4, 7, 10].includes(item.x)) {\r\n index = 1\r\n } else if ([2, 5, 8, 11].includes(item.x)) {\r\n index = 2\r\n } else if ([3, 6, 9, 12].includes(item.x)) {\r\n index = 3\r\n }\r\n lyqd[item.legend][index] = item.y\r\n })\r\n\r\n for (let qdValue in lyqd) {\r\n heatBarData.push(lyqd[qdValue])\r\n }\r\n\r\n this.heatBarData = heatBarData\r\n if (type) {\r\n this.initNeedWay()\r\n } else {\r\n this.needWayOption.dataset.source = this.heatBarData\r\n this.needWayChart.setOption(this.needWayOption)\r\n }\r\n }\r\n\r\n this.scrollListData4 = res.demandRank || []\r\n this.loadObj.scrollListDataBottom = false\r\n })\r\n },\r\n nowQuarterData() {\r\n let month = new Date().getMonth() + 1\r\n if (month <= 3) {\r\n this.currentQuarter = 1\r\n } else if (month <= 6) {\r\n this.currentQuarter = 2\r\n } else if (month <= 9) {\r\n this.currentQuarter = 3\r\n } else if (month <= 12) {\r\n this.currentQuarter = 4\r\n }\r\n },\r\n checkQuarter() {\r\n this.year = new Date().getFullYear()\r\n let month = new Date().getMonth() + 1\r\n if (month <= 3) {\r\n this.quarter = 1\r\n } else if (month <= 6) {\r\n this.quarter = 2\r\n } else if (month <= 9) {\r\n this.quarter = 3\r\n } else if (month <= 12) {\r\n this.quarter = 4\r\n }\r\n this.year = 2023\r\n this.quarter = 0\r\n },\r\n changeBtnTab(active) {\r\n this.activeBtn = active\r\n },\r\n initNeedWay() {\r\n const chartDom = document.getElementById('need-way')\r\n this.needWayChart = echarts.init(chartDom)\r\n this.needWayOption = {\r\n dataset: {\r\n source: this.heatBarData,\r\n },\r\n grid: {\r\n //图表离外层盒子的距离\r\n top: '25%',\r\n bottom: '2%',\r\n left: '1%',\r\n right: '2%',\r\n containLabel: true,\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 },\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 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 // backgroundColor: 'rgba(6, 47, 107, 1)',\r\n // borderColor: 'rgba(2, 115, 233, 1)',\r\n // textStyle: {\r\n // color: '#1E1E1E',\r\n // },\r\n },\r\n legend: {\r\n position: 'top',\r\n inactiveColor: '#333333',\r\n borderRadius: 6,\r\n itemWidth: 20,\r\n itemHeight: 6,\r\n textStyle: {\r\n color: '#1E1E1E',\r\n },\r\n },\r\n color: ['#52BBB2 ', '#0087fd', '#ff940A', '#ed5050'],\r\n series: [\r\n {\r\n type: 'bar',\r\n seriesLayoutBy: 'row',\r\n barWidth: 8,\r\n barGap: '80%',\r\n itemStyle: {\r\n borderRadius: 5,\r\n },\r\n },\r\n {\r\n type: 'bar',\r\n seriesLayoutBy: 'row',\r\n barWidth: 8,\r\n barGap: '80%',\r\n itemStyle: {\r\n borderRadius: 5,\r\n },\r\n },\r\n {\r\n type: 'bar',\r\n seriesLayoutBy: 'row',\r\n barWidth: 8,\r\n barGap: '80%',\r\n itemStyle: {\r\n borderRadius: 5,\r\n },\r\n },\r\n {\r\n type: 'bar',\r\n seriesLayoutBy: 'row',\r\n barWidth: 8,\r\n barGap: '80%',\r\n itemStyle: {\r\n borderRadius: 5,\r\n },\r\n },\r\n ],\r\n }\r\n this.needWayOption &&\r\n this.needWayChart.setOption(this.needWayOption)\r\n },\r\n initReformBrand() {\r\n const chartDom = document.getElementById('reform-brand-bar')\r\n this.reformBrandChart = echarts.init(chartDom)\r\n this.reformBrandOption = {\r\n grid: {\r\n //图表离外层盒子的距离\r\n top: '18%',\r\n bottom: '2%',\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 // backgroundColor: 'rgba(6, 47, 107, 1)',\r\n // borderColor: 'rgba(2, 115, 233, 1)',\r\n // textStyle: {\r\n // color: '#6c6c6c',\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: ['#59c06c', '#64b4ff', '#ffb51f'],\r\n series: [\r\n {\r\n name: '全国肯定',\r\n data: this.brandChartData1,\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.brandChartData2,\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.brandChartData3,\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 },\r\n initLineChart() {\r\n const chartDom = document.getElementById('deploymentTime')\r\n this.deployTimeChart = echarts.init(chartDom)\r\n this.deployTimeOption = {\r\n grid: {\r\n //图表离外层盒子的距离\r\n top: '20%',\r\n bottom: '6%',\r\n left: 0,\r\n right: '6%',\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 // data: ['市级', '国家级'],\r\n // inactiveColor: '#333333',\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: 'rgba(154,199,220, 0.2)',\r\n },\r\n },\r\n axisLabel: {\r\n color: '#6c6c6c',\r\n },\r\n data: this.deploymentTimeYear,\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: ['#00ffff', '#ce01e0'],\r\n series: [\r\n // {\r\n // name: '市级',\r\n // data: this.deploymentTimeData1,\r\n // type: 'line',\r\n // symbol: 'emptyCircle',\r\n // symbolSize: 4,\r\n // },\r\n {\r\n name: '国家级',\r\n data: this.deploymentTimeData2,\r\n type: 'line',\r\n symbol: 'emptyCircle',\r\n symbolSize: 4,\r\n },\r\n ],\r\n }\r\n this.deployTimeOption &&\r\n this.deployTimeChart.setOption(this.deployTimeOption)\r\n },\r\n },\r\n}\r\n",null]}