{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\index.vue","mtime":1689920765785},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1689642389292},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js","mtime":1689642388897},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1689642389292},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1689642396086}],"contextDependencies":[],"result":["\r\nimport {\r\n getCompanyInfo,\r\n getLine,\r\n getBanzugz,\r\n getGdtj,\r\n getDwbzgz,\r\n getGdsgdzl,\r\n getPbtyqk,\r\n getCabinetInfo,\r\n getCabinetList,\r\n getfaultReportList,\r\n getCabinetAlarmList,\r\n} from \"../api/index.js\";\r\n//引入echarts\r\nimport * as echarts from \"echarts\";\r\n// 工单统计弹窗组件\r\nimport workOrder from \"../component/workOrder.vue\";\r\nimport ringMainUnit from \"./HomePop/ringMainUnit.vue\";\r\nimport routeDetail from \"../component/routeDetail.vue\";\r\n\r\n// 线路详情\r\nimport lineDetail from \"../component/lineDetail.vue\";\r\nexport default {\r\n name: \"home\",\r\n components: {\r\n ringMainUnit, //环网柜弹窗\r\n workOrder, //工单统计弹窗\r\n routeDetail, //线路故障跳闸明细\r\n lineDetail, //线路详情弹窗\r\n },\r\n data() {\r\n return {\r\n pageShow: true,\r\n totals: 5,\r\n pageSize: 10,\r\n page: 1,\r\n threeImg: require(\"../assets/images/pieBorder.png\"),\r\n\r\n enlargeShow: true,\r\n dataGzList: [\r\n {\r\n bz: \"大冈\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"配网二班\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"配网一班\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"尚庄\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"秦南\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"郭猛\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"大纵湖\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"潘黄\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"学富\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"龙冈\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"西区\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"楼王\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n ], //年故障数组\r\n dateList: [\"周\", \"月\"],\r\n acolor: true, //是否展示颜色\r\n currentIndex: -1,\r\n alarmInformationData: [],\r\n alarmInformationShow: false, //报警详情信息弹窗\r\n realTimeAlarmShow: false, //实时报警弹窗\r\n modelOthers: false,\r\n componentShow: \"\",\r\n CompanyInfo: {\r\n pdxl: \"3.4%\",\r\n xlcd: \"0.01%\",\r\n pdxl: \"3.4%\",\r\n pdxl: \"3.4%\",\r\n pdxl: \"3.4%\",\r\n pdxl: \"3.4%\",\r\n },\r\n tableData: [],\r\n btnArr: [\"总览\", \"环网柜\", \"分支箱\", \"箱变\", \"开闭所\"],\r\n btnActive: 0,\r\n iconGround: [\r\n {\r\n icon: require(\"@/assets/images/huanwanggui.png\"),\r\n name: \"环网柜\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/fenzhixiang.png\"),\r\n name: \"分支箱\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/xiangbian.png\"),\r\n name: \"箱变\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/kaibisuo.png\"),\r\n name: \"开闭所\",\r\n },\r\n ],\r\n btnEnlarge: [\r\n {\r\n icon: require(\"@/assets/images/btnTiShi.png\"),\r\n },\r\n {\r\n icon: require(\"@/assets/images/btnFangDa.png\"),\r\n },\r\n ],\r\n btnEnlarge1: [\r\n {\r\n icon: require(\"@/assets/images/btnTiShi.png\"),\r\n },\r\n {\r\n icon: require(\"@/assets/images/suoxiao.png\"),\r\n },\r\n ],\r\n options: [\r\n {\r\n value: \"\",\r\n label: \"\",\r\n },\r\n ],\r\n value: \"\",\r\n topContent: [\r\n {\r\n name: \"配变数量\",\r\n count: \"\",\r\n },\r\n {\r\n name: \"重复停运台次\",\r\n count: \"\",\r\n },\r\n {\r\n name: \"配变重复停运率\",\r\n count: \"\",\r\n },\r\n ],\r\n device: \"\",\r\n tableData: [],\r\n tableKey: +new Date(),\r\n scrollTop: 0, //table距离顶部距离\r\n option: null,\r\n myChartBin: null,\r\n\r\n gongdanList: [\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"频繁停电\",\r\n total: 0,\r\n },\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"处理时间长\",\r\n total: 0,\r\n },\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"运检类投诉\",\r\n total: 0,\r\n },\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"运检类意见\",\r\n total: 0,\r\n },\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"民事赔偿\",\r\n total: 0,\r\n },\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"多次停电\",\r\n total: 0,\r\n },\r\n ],\r\n\r\n // 工单\r\n orderItem: null,\r\n\r\n orderShow: \"\",\r\n // 线路故障明细\r\n routeItem: null,\r\n routeShow: \"\",\r\n\r\n // 配电线路\r\n lineItem: null,\r\n lineShow: \"\",\r\n timer: null, //定时器\r\n emergencyList: [], //告警数据\r\n rowTime: \"\",\r\n };\r\n },\r\n created() {},\r\n mounted() {\r\n // this.beginShowing();\r\n // 监听浏览器窗口大小变化\r\n window.onresize = () => {\r\n clearInterval(this.myTimer);\r\n this.beginShowing();\r\n };\r\n this.xianDuan();\r\n this.detailedTwo11();\r\n this.horizontalChart();\r\n this.detailedOne();\r\n this.barCharts();\r\n this.detailedFive();\r\n this.shuzihuaCharts();\r\n this.roseCharts();\r\n this.detailen1();\r\n this.handleDate(0);\r\n\r\n let that = this;\r\n\r\n //历史故障接口\r\n let faultData = {\r\n token: localStorage.getItem(\"token\"),\r\n pageSize: \"500\",\r\n page: \"1\",\r\n };\r\n },\r\n // beforeDestroy() {\r\n // this.dataDestroy(); // 页面摧毁前，关闭定时器\r\n // },\r\n beforeDestroy() {\r\n // 离开当前路由前的操作\r\n clearInterval(this.timer);\r\n this.timer = null;\r\n },\r\n methods: {\r\n //地图画线\r\n xianDuan() {\r\n var canvas = document.getElementById(\"myCanvas\");\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.moveTo(650, 450); // moveTo(x,y) 定义线条开始坐标\r\n ctx.lineTo(830, 300); // lineTo(x,y) 定义线条结束坐标\r\n ctx.strokeStyle = \"orange\";\r\n ctx.lineWidth = 3;\r\n ctx.stroke();\r\n },\r\n routerTo(data) {\r\n if (data == \"盐城地区分布光伏运行监测\") {\r\n this.$router.push(\"/stationBuilding\");\r\n }\r\n if (data == \"盐城东台区供电所数字化分析\") {\r\n this.$router.push(\"/twentyKV\");\r\n }\r\n if (data == \"配网工程全过程物资审计\") {\r\n this.$router.push(\"/thirtyFiveKV\");\r\n }\r\n if (data == \"盐城供电公司配网电能质量管控\") {\r\n this.$router.push(\"/powerQualityControl\");\r\n }\r\n if (data == \"乡村振兴电力综合指数\") {\r\n this.$router.push(\"/ruralRevitalizationPower\");\r\n }\r\n if (data == \"两高行业企业污染监测\") {\r\n this.$router.push(\"/enterprisePollutionMonitoring\");\r\n }\r\n if (data == \"农村生活污水治理设备电量分析\") {\r\n this.$router.push(\"/ruralDomesticSewageTreatment\");\r\n }\r\n if (data == \"数字化排涝抗旱辅助及检修辅助决策\") {\r\n this.$router.push(\"/digitalFloodDrainageDroughtRelief\");\r\n }\r\n },\r\n detailen1() {\r\n var fontColor = \"#30eee9\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailen\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n },\r\n\r\n data: [\"配变名称\"],\r\n },\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n data: [\r\n \"钱南1配变\",\r\n \"钱南2配变\",\r\n \"钱南3配变\",\r\n \"钱南4配变\",\r\n \"钱南5配变\",\r\n ],\r\n axisLabel: {\r\n show: true,\r\n textStyle: {\r\n color: \"#ffffff\",\r\n },\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"\",\r\n axisLabel: {\r\n textStyle: {\r\n color: \"#ffffff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"配变名称\",\r\n type: \"bar\",\r\n barWidth: 40, // 柱子宽度核心代码\r\n itemStyle: {\r\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n { offset: 1, color: \"rgba(86,254,226,.2) \" },\r\n { offset: 0.5, color: \"rgb(86,254,226,.6)\" },\r\n { offset: 0, color: \"rgb(86,254,226)\" },\r\n ]),\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n data: [320, 332, 301, 334, 390],\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n //班组\r\n getbanzhu() {\r\n getBanzugz({\r\n action: \"detail\",\r\n }).then((res) => {\r\n console.log(res, \"班组故障详情\");\r\n for (let i = 0; i < res.data.data.length; i++) {\r\n if (res.data.data[i].gz_time_deal) {\r\n let date = new Date(res.data.data[i].gz_time_deal);\r\n res.data.data[i].gz_time_deal =\r\n this.$moment(date).format(\"YYYY-MM-DD HH:mm\");\r\n // console.log(res.data.data[i].gz_time_deal,'转换后');\r\n }\r\n if (res.data.data[i].gz_time) {\r\n let time = new Date(res.data.data[i].gz_time);\r\n res.data.data[i].gz_time =\r\n this.$moment(time).format(\"YYYY-MM-DD HH:mm\");\r\n }\r\n this.tableData.push(res.data.data[i]);\r\n }\r\n });\r\n },\r\n //工单\r\n getGongdan() {\r\n getGdtj({ action: \"tongji\" }).then((res) => {\r\n console.log(res, \"工单统计数据\");\r\n let dataList = res.data.data;\r\n\r\n for (let i = 0; i < this.gongdanList.length; i++) {\r\n for (let j = 0; j < res.data.data.length; j++) {\r\n if (\r\n this.gongdanList[i].gd_type_name == res.data.data[j].gd_type_name\r\n ) {\r\n this.gongdanList[i].total = res.data.data[j].total;\r\n this.gongdanList[i].gd_type_id = res.data.data[j].gd_type_id;\r\n }\r\n }\r\n }\r\n // this.gongdanList = res.data.data;\r\n this.detailedThree(dataList);\r\n // this.$nextTick(() => {\r\n // this.detailedThree(dataList);\r\n // setInterval(() => {\r\n // this.doing();\r\n // }, 200);\r\n // });\r\n });\r\n },\r\n // //表格第一行颜色\r\n rowClass(row, rowIndex) {\r\n if (row.rowIndex === 0) {\r\n return \"rowColor0\";\r\n } else {\r\n return \"\";\r\n }\r\n },\r\n //切换当前页\r\n handleCurrentChange(val) {\r\n this.page = val;\r\n let tableData = [];\r\n if (this.emergencyList.length != 0) {\r\n tableData = this.emergencyList;\r\n if (val == 1) {\r\n this.alarmInformationData = tableData.slice(0, 10);\r\n document.getElementsByClassName(\"rowColor0\")[0].style.display = \"\";\r\n } else if (val == 2) {\r\n document.getElementsByClassName(\"rowColor0\")[0].style.display =\r\n \"none\";\r\n this.alarmInformationData = tableData.slice(10, 20);\r\n } else if (val == 3) {\r\n this.alarmInformationData = tableData.slice(20, 30);\r\n document.getElementsByClassName(\"rowColor0\")[0].style.display =\r\n \"none\";\r\n } else if (val == 4) {\r\n this.alarmInformationData = tableData.slice(30, 40);\r\n document.getElementsByClassName(\"rowColor0\")[0].style.display =\r\n \"none\";\r\n } else if (val == 5) {\r\n this.alarmInformationData = tableData.slice(40, 50);\r\n document.getElementsByClassName(\"rowColor0\")[0].style.display =\r\n \"none\";\r\n }\r\n } else {\r\n return false;\r\n }\r\n },\r\n // 线路详情弹窗\r\n openLineDetail(e) {\r\n // console.log(e);\r\n // var line = e + ''\r\n // console.log(line);\r\n getLine({ action: \"pdxl\" }).then(({ data }) => {\r\n console.log(data);\r\n this.lineShow = \"lineDetail\";\r\n this.lineItem = data.data;\r\n });\r\n },\r\n // 线路故障跳闸明细弹窗\r\n rowHandle(e) {\r\n // console.log(e, \"参数\");\r\n this.routeItem = e;\r\n this.routeShow = \"routeDetail\";\r\n // console.log(this.routeItem,'线路组件名称');\r\n },\r\n // 工单统计的弹窗\r\n openGdDetail(item) {\r\n this.orderItem = item;\r\n this.orderShow = \"workOrder\";\r\n },\r\n // 鼠标进入表格\r\n // mouseover() {\r\n // clearInterval(this.myTimer);\r\n // },\r\n // 鼠标离开表格\r\n mouseout() {\r\n this.roll();\r\n },\r\n //调用unity方法\r\n handleUnity(index, item) {\r\n this.btnActive = index;\r\n this.$refs.iframe.contentWindow.handleChange(item);\r\n },\r\n //选择线路\r\n selectLine(value) {\r\n getLine({\r\n action: \"query\",\r\n line_code: value,\r\n }).then((res) => {\r\n // console.log(res,'选择线路');\r\n if (res.data.data != 0 && res.data.data != null) {\r\n this.$refs.iframe.contentWindow.handleChangeLine(\r\n res.data.data.line_name\r\n );\r\n } else if (res.data.data == null) {\r\n this.$refs.iframe.contentWindow.handleChangeLine(\"\");\r\n }\r\n });\r\n },\r\n detailedOne() {\r\n let myChart = this.$echarts.init(document.getElementById(\"detailedOne\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n },\r\n\r\n data: [\"配变名称\"],\r\n },\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n data: [\r\n \"钱南1配变\",\r\n \"钱南2配变\",\r\n \"钱南3配变\",\r\n \"钱南4配变\",\r\n \"钱南5配变\",\r\n ],\r\n axisLabel: {\r\n show: true,\r\n textStyle: {\r\n color: \"#ffffff\",\r\n },\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"\",\r\n axisLabel: {\r\n textStyle: {\r\n color: \"#ffffff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"配变名称\",\r\n type: \"bar\",\r\n barWidth: 40, // 柱子宽度核心代码\r\n itemStyle: {\r\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n { offset: 1, color: \"rgba(86,254,226,.2) \" },\r\n { offset: 0.5, color: \"rgb(86,254,226,.6)\" },\r\n { offset: 0, color: \"rgb(86,254,226)\" },\r\n ]),\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n data: [320, 332, 301, 334, 390],\r\n },\r\n ],\r\n };\r\n\r\n myChart.setOption(option);\r\n\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n shuzihuaCharts() {\r\n let myChart = this.$echarts.init(document.getElementById(\"shuzihua\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"cross\",\r\n crossStyle: {\r\n color: \"#999\",\r\n },\r\n },\r\n },\r\n legend: [\r\n {\r\n x: \"center\",\r\n data: [\"平均停电时间(小时)\", \"平均停电频次(次/户)\"],\r\n textStyle: {\r\n fontSize: 18,\r\n color: \"#fff\",\r\n },\r\n },\r\n {\r\n x: \"center\",\r\n top: \"5%\",\r\n data: [\"总时户数\", \"停电次数\", \"应采数\"],\r\n textStyle: {\r\n fontSize: 18,\r\n color: \"#fff\",\r\n },\r\n },\r\n ],\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n data: [\"2019\", \"2020\", \"2021\", \"2022\"],\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n axisLabel: {\r\n color: \"#fff\",\r\n fontSize: \"18\",\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n min: 0,\r\n max: 5,\r\n interval: 1,\r\n axisLabel: {\r\n formatter: \"{value} 万\",\r\n textStyle: {\r\n fontSize: \"18\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n {\r\n type: \"value\",\r\n min: 0,\r\n max: 0.5,\r\n interval: 0.1,\r\n axisLabel: {\r\n formatter: \"{value}\",\r\n textStyle: {\r\n fontSize: \"18\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"平均停电时间(小时)\",\r\n type: \"bar\",\r\n yAxisIndex: 1,\r\n\r\n tooltip: {\r\n valueFormatter: function (value) {\r\n return value;\r\n },\r\n },\r\n itemStyle: {\r\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n { offset: 1, color: \"rgba(240,230,140,.2) \" },\r\n { offset: 0.5, color: \"rgb(240,230,140,.6)\" },\r\n { offset: 0, color: \"rgb(240,230,140)\" },\r\n ]),\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n data: [0.13, 0.23, 0.13, 0.23],\r\n },\r\n {\r\n name: \"平均停电频次(次/户)\",\r\n type: \"bar\",\r\n yAxisIndex: 1,\r\n\r\n tooltip: {\r\n valueFormatter: function (value) {\r\n return value;\r\n },\r\n },\r\n itemStyle: {\r\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n { offset: 1, color: \"rgba(65,105,225,.2) \" },\r\n { offset: 0.5, color: \"rgb(65,105,225,.6)\" },\r\n { offset: 0, color: \"rgb(65,105,225)\" },\r\n ]),\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n data: [0.23, 0.13, 0.23, 0.13],\r\n },\r\n {\r\n name: \"总时户数\",\r\n type: \"line\",\r\n\r\n tooltip: {\r\n valueFormatter: function (value) {\r\n return value;\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: \"#0080ff\",\r\n lineStyle: {\r\n color: \"#0080ff\",\r\n },\r\n },\r\n },\r\n data: [4, 3, 2, 4],\r\n },\r\n {\r\n name: \"停电次数\",\r\n type: \"line\",\r\n\r\n tooltip: {\r\n valueFormatter: function (value) {\r\n return value;\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: \"#a6a600\",\r\n lineStyle: {\r\n color: \"#a6a600\",\r\n },\r\n },\r\n },\r\n data: [2, 3, 4, 3],\r\n },\r\n {\r\n name: \"应采数\",\r\n type: \"line\",\r\n tooltip: {\r\n valueFormatter: function (value) {\r\n return value;\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: \"#977000\",\r\n lineStyle: {\r\n color: \"#977000\",\r\n },\r\n },\r\n },\r\n data: [3, 1, 4, 2],\r\n },\r\n ],\r\n };\r\n\r\n myChart.setOption(option);\r\n\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedTwo() {\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo1\"));\r\n var option = {\r\n xAxis: {\r\n type: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: fontColor,\r\n },\r\n axisLine: {\r\n show: true,\r\n lineStyle: {\r\n color: \"#397cbc\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#195384\",\r\n },\r\n },\r\n data: [\r\n \"0:00\",\r\n \"3:00\",\r\n \"6:00\",\r\n \"9:00\",\r\n \"12:00\",\r\n \"15:00\",\r\n \"18:00\",\r\n \"21:00\",\r\n \"24:00\",\r\n ],\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"单位：kw\",\r\n min: 0,\r\n max: 1000,\r\n show: true,\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n axisLabel: {\r\n formatter: \"{value}\",\r\n textStyle: {\r\n color: \"#2ad1d2\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#27b4c2\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n data: [720, 632, 801, 734, 470, 670, 720, 123, 567],\r\n type: \"line\",\r\n symbol: \"none\",\r\n lineStyle: {\r\n color: \"#00ffff\",\r\n width: 2,\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: \"00ffff\",\r\n lineStyle: {\r\n color: \"00ffff\",\r\n width: 3,\r\n type: \"solid\",\r\n },\r\n },\r\n },\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedTwo11() {\r\n var fontColor = \"#30eee9\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo1\"));\r\n var option = {\r\n xAxis: {\r\n type: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: fontColor,\r\n },\r\n axisLine: {\r\n show: true,\r\n lineStyle: {\r\n color: \"#397cbc\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#195384\",\r\n },\r\n },\r\n data: [\r\n \"0:00\",\r\n \"3:00\",\r\n \"6:00\",\r\n \"9:00\",\r\n \"12:00\",\r\n \"15:00\",\r\n \"18:00\",\r\n \"21:00\",\r\n \"24:00\",\r\n ],\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"单位：kw\",\r\n min: 0,\r\n max: 1000,\r\n show: true,\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n axisLabel: {\r\n formatter: \"{value}\",\r\n textStyle: {\r\n color: \"#2ad1d2\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#27b4c2\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n data: [720, 632, 801, 734, 470, 670, 720, 123, 567],\r\n type: \"line\",\r\n symbol: \"none\",\r\n lineStyle: {\r\n color: \"#00ffff\",\r\n width: 2,\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: \"00ffff\",\r\n lineStyle: {\r\n color: \"00ffff\",\r\n width: 3,\r\n type: \"solid\",\r\n },\r\n },\r\n },\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n horizontalChart() {\r\n var myChart = this.$echarts.init(\r\n document.getElementById(\"horizontalChart\")\r\n );\r\n var bg =\r\n \"image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARYAAAAUCAMAAAB/LOLCAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAD9QTFRFAABwAAAAAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwrxv9agAAABV0Uk5T/wA1p053q7yaZs0QRIlVJ++IId4ydKfDYQAAAFtJREFUeJzt0McNwDAQwLBzutPb/rMG/gbawOIIjCQQqYtoqxYxckv1BlvQZAvabEG9LSjbgnZb0GoLOV9byHPbQubFFjLaggZb0GQLumxBvS0ol5aj0U9pEfgA+DsJLXE1TzAAAAAASUVORK5CYII=\";\r\n var bar =\r\n \"image://data:image/png;base64,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\";\r\n var data = [20.3, 18.2, 11, 23.4, 29.1, 12, 16, 24];\r\n var barWidth = 20;\r\n var maxNum = 0;\r\n for (var i = 0; i < data.length; i++) {\r\n if (data[i] > maxNum) {\r\n maxNum = data[i];\r\n }\r\n }\r\n var option = {\r\n grid: {\r\n top: \"10%\",\r\n left: \"10%\",\r\n right: \"12%\",\r\n bottom: \"0%\",\r\n },\r\n xAxis: {\r\n show: false,\r\n },\r\n yAxis: {\r\n data: data.map((item, index) => `No. ${index}`),\r\n splitLine: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n textStyle: { fontSize: 18, color: \"#02afff\" },\r\n },\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: false,\r\n },\r\n series: [\r\n {\r\n type: \"pictorialBar\",\r\n barWidth: barWidth,\r\n zlevel: 2,\r\n data: data.map(function (item) {\r\n return {\r\n value: item,\r\n symbol: bar,\r\n };\r\n }),\r\n },\r\n {\r\n type: \"pictorialBar\",\r\n barWidth: barWidth,\r\n data: data.map(function (item) {\r\n return {\r\n realValue: item,\r\n value: maxNum,\r\n symbol: bg,\r\n };\r\n }),\r\n label: {\r\n show: true,\r\n position: \"right\",\r\n distance: 80,\r\n align: \"right\",\r\n formatter: function (params) {\r\n return params.data.realValue + \" 万\";\r\n },\r\n color: \"#02afff\",\r\n fontSize: 18,\r\n },\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n barCharts() {\r\n var myChart = this.$echarts.init(document.getElementById(\"barCharts\"));\r\n let value = 18;\r\n let legendName = [\"华北\", \"华中\", \"华东\", \"华南\", \"东北\", \"西北\"];\r\n var option = {\r\n // backgroundColor: '#031845',\r\n // title:{\r\n // text:\"123\",\r\n // left:'center',\r\n // top:'45%',\r\n // textStyle:{\r\n // color:\"#FFF\",\r\n // fontSize:\"80px\",\r\n\r\n // }\r\n // },\r\n tooltip: {\r\n trigger: \"item\",\r\n formatter: \"{b} : {d}%
{c}\",\r\n },\r\n // graphic: {\r\n // elements: [\r\n // {\r\n // type: 'text',\r\n // left: 'center', // 相对父元素居中\r\n // top: 'center', // 相对父元素上下的位置\r\n // style: {\r\n // fill: '#FFF',\r\n // text: ['357'],\r\n // zlevel:\"100\",\r\n // font: '80px Arial Normal',\r\n // }\r\n // }]\r\n // },\r\n // title: {\r\n // text:'总考生数',\r\n // left:'center',\r\n // top:'center',\r\n // padding:[24,0],\r\n // textStyle:{\r\n // color:'#fff',\r\n // fontSize:18*scale,\r\n // align:'center'\r\n // }\r\n // },\r\n title: {\r\n subtext: \"59.53万\",\r\n text: \"总计\",\r\n x: \"center\",\r\n y: \"40%\",\r\n textStyle: {\r\n fontSize: 24,\r\n fontWeight: \"normal\",\r\n color: \"#00FFFF\",\r\n },\r\n subtextStyle: {\r\n fontSize: 28,\r\n fontWeight: \"normal\",\r\n align: \"center\",\r\n color: \"#CCCCCC\",\r\n },\r\n },\r\n series: [\r\n {\r\n type: \"pie\",\r\n radius: [\"80\", \"120\"],\r\n center: [\"50%\", \"50%\"],\r\n color: [\"#80C269\", \"#00FFFF\", \"#0090F1\", \"#FFA800\", \"#4658F6\"],\r\n itemStyle: {\r\n normal: {\r\n borderWidth: 5,\r\n borderColor: \"#031845\",\r\n },\r\n },\r\n data: [\r\n {\r\n value: 27,\r\n name: \"严重不满人员\",\r\n },\r\n {\r\n value: 30,\r\n name: \"关注群体\",\r\n },\r\n {\r\n value: 24,\r\n name: \"散居外国人\",\r\n },\r\n {\r\n value: 27,\r\n name: \"上访重点人\",\r\n },\r\n {\r\n value: 27,\r\n name: \"重点精神病\",\r\n },\r\n ],\r\n labelLine: {\r\n normal: {\r\n show: true,\r\n length: 50,\r\n length2: 50,\r\n lineStyle: {\r\n color: \"#CCCCCC\",\r\n width: 2,\r\n },\r\n },\r\n },\r\n label: {\r\n normal: {\r\n formatter: \"{b|{b}}\\n{hr|}\\n{c|{c}%}\",\r\n rich: {\r\n b: {\r\n fontSize: 14,\r\n color: \"#FFF\",\r\n align: \"left\",\r\n padding: 4,\r\n },\r\n hr: {\r\n borderColor: \"#CCCCCC\",\r\n width: \"100%\",\r\n borderWidth: 2,\r\n height: 0,\r\n },\r\n c: {\r\n fontSize: 14,\r\n align: \"center\",\r\n padding: 4,\r\n color: \"#00EDED\",\r\n },\r\n },\r\n },\r\n },\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n roseCharts() {\r\n var myChart = this.$echarts.init(document.getElementById(\"roseCharts\"));\r\n var option = {\r\n color: [\r\n \"#EAEA26\",\r\n \"#906BF9\",\r\n \"#FE5656\",\r\n \"#01E17E\",\r\n \"#3DD1F9\",\r\n \"#FFAD05\",\r\n ],\r\n // title: {\r\n // text: '网络/安全设备',\r\n // left: '60',\r\n // top: 0,\r\n // textAlign: 'center',\r\n // textStyle: {\r\n // color: '#fff',\r\n // fontSize: 14,\r\n // fontWeight: 0\r\n // }\r\n // },\r\n grid: {\r\n left: -100,\r\n top: 50,\r\n bottom: 10,\r\n right: 10,\r\n containLabel: true,\r\n },\r\n tooltip: {\r\n trigger: \"item\",\r\n formatter: \"{b} : {c} ({d}%)\",\r\n },\r\n legend: {\r\n type: \"scroll\",\r\n orient: \"vartical\",\r\n // x: \"right\",\r\n top: \"center\",\r\n right: \"15\",\r\n // bottom: \"0%\",\r\n itemWidth: 16,\r\n itemHeight: 8,\r\n itemGap: 16,\r\n textStyle: {\r\n color: \"#A3E2F4\",\r\n fontSize: 12,\r\n fontWeight: 0,\r\n },\r\n data: [\"IDS\", \"VPN\", \"交换机\", \"防火墙\", \"WAF\", \"堡垒机\"],\r\n },\r\n polar: {},\r\n angleAxis: {\r\n interval: 1,\r\n type: \"category\",\r\n data: [],\r\n z: 10,\r\n axisLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#0B4A6B\",\r\n width: 1,\r\n type: \"solid\",\r\n },\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n show: true,\r\n color: \"#0B4A6B\",\r\n margin: 8,\r\n fontSize: 16,\r\n },\r\n },\r\n radiusAxis: {\r\n min: 40,\r\n max: 120,\r\n interval: 20,\r\n axisLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#0B3E5E\",\r\n width: 1,\r\n type: \"solid\",\r\n },\r\n },\r\n axisLabel: {\r\n formatter: \"{value} %\",\r\n show: false,\r\n padding: [0, 0, 20, 0],\r\n color: \"#0B3E5E\",\r\n fontSize: 16,\r\n },\r\n splitLine: {\r\n lineStyle: {\r\n color: \"#0B3E5E\",\r\n width: 2,\r\n type: \"solid\",\r\n },\r\n },\r\n },\r\n calculable: true,\r\n series: [\r\n {\r\n type: \"pie\",\r\n radius: [\"5%\", \"10%\"],\r\n hoverAnimation: false,\r\n labelLine: {\r\n normal: {\r\n show: false,\r\n length: 30,\r\n length2: 55,\r\n },\r\n emphasis: {\r\n show: false,\r\n },\r\n },\r\n data: [\r\n {\r\n name: \"\",\r\n value: 0,\r\n itemStyle: {\r\n normal: {\r\n color: \"#0B4A6B\",\r\n },\r\n },\r\n },\r\n ],\r\n },\r\n {\r\n type: \"pie\",\r\n radius: [\"90%\", \"95%\"],\r\n hoverAnimation: false,\r\n labelLine: {\r\n normal: {\r\n show: false,\r\n length: 30,\r\n length2: 55,\r\n },\r\n emphasis: {\r\n show: false,\r\n },\r\n },\r\n name: \"\",\r\n data: [\r\n {\r\n name: \"\",\r\n value: 0,\r\n itemStyle: {\r\n normal: {\r\n color: \"#0B4A6B\",\r\n },\r\n },\r\n },\r\n ],\r\n },\r\n {\r\n stack: \"a\",\r\n type: \"pie\",\r\n radius: [\"20%\", \"80%\"],\r\n roseType: \"area\",\r\n zlevel: 10,\r\n label: {\r\n normal: {\r\n show: true,\r\n formatter: \"{c}\",\r\n textStyle: {\r\n fontSize: 12,\r\n },\r\n position: \"outside\",\r\n },\r\n emphasis: {\r\n show: true,\r\n },\r\n },\r\n labelLine: {\r\n normal: {\r\n show: true,\r\n length: 20,\r\n length2: 55,\r\n },\r\n emphasis: {\r\n show: false,\r\n },\r\n },\r\n data: [\r\n {\r\n value: 10,\r\n name: \"IDS\",\r\n },\r\n {\r\n value: 5,\r\n name: \"VPN\",\r\n },\r\n {\r\n value: 15,\r\n name: \"交换机\",\r\n },\r\n {\r\n value: 25,\r\n name: \"防火墙\",\r\n },\r\n {\r\n value: 20,\r\n name: \"WAF\",\r\n },\r\n {\r\n value: 35,\r\n name: \"堡垒机\",\r\n },\r\n ],\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedThree(dataList) {\r\n // console.log(this.threeImg,'图片');\r\n // var equipment = [dataList.yjlts, dataList.yjlyj];\r\n var that = this;\r\n // console.log(that,'指向');\r\n var colorList = [\r\n \"#0090ff\",\r\n \"#06d3c4\",\r\n \"#66b0ed\",\r\n \"#7cb79d\",\r\n \"#2361b4\",\r\n \"rgb(198,123,244)\",\r\n ];\r\n var colorList1 = [\"rgb(198,123,244)\", \"#2361b4\"];\r\n // 饼图数据\r\n var threeList = dataList.map((ele) => {\r\n return { name: ele.gd_type_name, value: ele.total };\r\n });\r\n // console.log(threeList, \"饼图数据\");\r\n // var legendData = dataList.concat(\r\n // {\r\n // value: equipment[0],\r\n // name: \"运检类投诉\",\r\n // },\r\n // {\r\n // value: equipment[1],\r\n // name: \"运检类意见\",\r\n // }\r\n // );\r\n this.myChartBin = this.$echarts.init(\r\n document.getElementById(\"detailedThree\")\r\n );\r\n // var graphicList = [];\r\n // legendData.forEach((ele, index) => {\r\n // if (index <= 2) {\r\n // graphicList.push({\r\n // type: \"image\",\r\n // style: {\r\n // image: this.threeImg,\r\n // width: 164,\r\n // height: 41,\r\n // x: 250,\r\n // y: 55 * (index + 1),\r\n // },\r\n // });\r\n // } else {\r\n // graphicList.push({\r\n // type: \"image\",\r\n // style: {\r\n // image: this.threeImg,\r\n // width: 164,\r\n // height: 41,\r\n // x: 424,\r\n // y: 55 * (index - 2),\r\n // },\r\n // });\r\n // }\r\n // });\r\n this.option = {\r\n borderColor: \"none\",\r\n\r\n tooltip: {\r\n formatter: function (param) {\r\n if (param.data.type == null) {\r\n return param.data.name + \":\" + param.value + \"个\";\r\n } else {\r\n return param.data.name + \":\" + param.value + \"个\";\r\n }\r\n },\r\n },\r\n\r\n legend: {\r\n icon: \"pin\",\r\n // height: 90,\r\n top: 20,\r\n show: false,\r\n // bottom:0,\r\n // itemGap: 40,\r\n // lineHeight: 80,\r\n // padding: [30, 0, 30, 0],\r\n // right: '20%',\r\n // orient: \"vertical\", //垂直显示\r\n x: \"center\", //延Y轴居中\r\n data: dataList.map((ele) => {\r\n return ele.gd_type_name;\r\n }),\r\n textStyle: {\r\n color: \"#ffffff\",\r\n fontSize: 15,\r\n\r\n // width:20,\r\n // height:60,\r\n },\r\n },\r\n series: [\r\n {\r\n name: \"\",\r\n type: \"pie\",\r\n radius: [0, \"70%\"],\r\n center: [\"50%\", \"50%\"],\r\n startAngle: 60, //默认角度\r\n label: {\r\n position: \"inner\",\r\n show: false,\r\n },\r\n\r\n itemStyle: {\r\n normal: {\r\n borderColor: \"none\",\r\n borderWidth: 2,\r\n fontSize: 16,\r\n color: function (params) {\r\n return colorList[params.dataIndex];\r\n },\r\n },\r\n },\r\n\r\n selectedMode: \"single\",\r\n data: threeList,\r\n },\r\n // {\r\n // name: \"运检类\",\r\n // type: \"pie\",\r\n // radius: [\"70%\", \"80%\"],\r\n // center: [\"20%\", \"50%\"],\r\n // startAngle: 30,\r\n // itemStyle: {\r\n // normal: {\r\n // fontSize: 16,\r\n // color: function (params) {\r\n // return colorList1[params.dataIndex];\r\n // },\r\n // // color:'#F4C907',\r\n // },\r\n // },\r\n // label: {\r\n // normal: {\r\n // formatter: function (params) {\r\n // return params.data.name + \":\" + params.data.type + \"个\";\r\n // },\r\n // color: \"auto\",\r\n // show: false,\r\n // fontSize: 16,\r\n // },\r\n // },\r\n\r\n // data: [\r\n // {\r\n // value: equipment[0],\r\n // name: \"运检类投诉\",\r\n // type: equipment[0],\r\n // },\r\n // {\r\n // value: equipment[1],\r\n // name: \"运检类意见\",\r\n // type: equipment[1],\r\n // },\r\n // ],\r\n // animation: false,\r\n // },\r\n ],\r\n };\r\n this.myChartBin.setOption(this.option);\r\n window.addEventListener(\"resize\", () => {\r\n this.myChartBin.resize();\r\n });\r\n },\r\n doing() {\r\n this.option.series[0].startAngle = this.option.series[0].startAngle - 5;\r\n this.option.series[1].startAngle = this.option.series[1].startAngle - 5;\r\n this.myChartBin.setOption(this.option);\r\n },\r\n detailedFour(dataList) {\r\n let yearBzData = [];\r\n let yearChcg = [];\r\n let yearChbc = [];\r\n let yearWchz = [];\r\n let yearJieDi = [];\r\n let yearFenJi = [];\r\n for (let i = 0; i < dataList.length; i++) {\r\n yearBzData.push(dataList[i].bz);\r\n yearChcg.push(dataList[i].chcg);\r\n yearChbc.push(dataList[i].chbc);\r\n yearWchz.push(dataList[i].wchz);\r\n yearJieDi.push(dataList[i].jd);\r\n yearFenJi.push(dataList[i].fjbh);\r\n }\r\n // console.log(yearJieDi,'接地数据');\r\n let that = this;\r\n let myChart = this.$echarts.init(document.getElementById(\"detailedFour\"));\r\n var option = {\r\n tooltip: {\r\n axisPointer: {\r\n type: \"shadow\",\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 16,\r\n },\r\n },\r\n },\r\n grid: {\r\n borderWidth: 0,\r\n top: 30,\r\n bottom: \"17%\",\r\n left: \"6%\",\r\n right: \"6%\",\r\n textStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n legend: {\r\n icon: \"rect\",\r\n right: \"4%\",\r\n textStyle: {\r\n color: \"#ffffff\",\r\n },\r\n data: [\"重合成功\", \"重合不成\", \"无重合闸\", \"接地\", \"分级保护\"],\r\n },\r\n calculable: true,\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n trigger: \"axis\",\r\n axisLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#fff\",\r\n fontSize: 16,\r\n },\r\n },\r\n splitLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitArea: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n fontSize: 14,\r\n rotate: 30,\r\n },\r\n data: yearBzData,\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n color: \"rgb(83,83,83)\",\r\n fontSize: 16,\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n fontSize: 16,\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n },\r\n splitArea: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"重合成功\",\r\n type: \"bar\",\r\n stack: \"Total1\",\r\n barMaxWidth: 15,\r\n barGap: \"10%\",\r\n label: {\r\n show: true,\r\n formatter: function (params) {\r\n if (params.value == 0) {\r\n return \"\";\r\n } else {\r\n return params.value;\r\n }\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n {\r\n offset: 0,\r\n color: \"rgba(194,190,190,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(194,190,190,0)\",\r\n },\r\n ]),\r\n borderColor: new that.$echarts.graphic.LinearGradient(\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n [\r\n {\r\n offset: 0,\r\n color: \"rgba(194,190,190,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(194,190,190,0)\",\r\n },\r\n ]\r\n ),\r\n },\r\n },\r\n data: yearChcg,\r\n },\r\n {\r\n name: \"重合不成\",\r\n type: \"bar\",\r\n barMaxWidth: 15,\r\n stack: \"Total1\",\r\n label: {\r\n show: true,\r\n formatter: function (params) {\r\n if (params.value == 0) {\r\n return \"\";\r\n } else {\r\n return params.value;\r\n }\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n {\r\n offset: 0,\r\n color: \"rgba(86,254,226,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(86,254,226,0)\",\r\n },\r\n ]),\r\n borderColor: new that.$echarts.graphic.LinearGradient(\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n [\r\n {\r\n offset: 0,\r\n color: \"rgba(86,254,226,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(86,254,226,0)\",\r\n },\r\n ]\r\n ),\r\n },\r\n },\r\n data: yearChbc,\r\n },\r\n {\r\n name: \"无重合闸\",\r\n type: \"bar\",\r\n barMaxWidth: 15,\r\n stack: \"Total1\",\r\n label: {\r\n show: true,\r\n formatter: function (params) {\r\n if (params.value == 0) {\r\n return \"\";\r\n } else {\r\n return params.value;\r\n }\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n {\r\n offset: 0,\r\n color: \"rgba(237,125,49,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(237,125,49,0)\",\r\n },\r\n ]),\r\n borderColor: new that.$echarts.graphic.LinearGradient(\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n [\r\n {\r\n offset: 0,\r\n color: \"rgba(237,125,49,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(237,125,49,0)\",\r\n },\r\n ]\r\n ),\r\n barBorderRadius: 0,\r\n },\r\n },\r\n data: yearWchz,\r\n },\r\n {\r\n name: \"接地\",\r\n type: \"bar\",\r\n barMaxWidth: 15,\r\n stack: \"Total1\",\r\n label: {\r\n show: true,\r\n formatter: function (params) {\r\n if (params.value == 0) {\r\n return \"\";\r\n } else {\r\n return params.value;\r\n }\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n {\r\n offset: 0,\r\n color: \"rgba(35,160,247,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(35,160,247,0)\",\r\n },\r\n ]),\r\n borderColor: new that.$echarts.graphic.LinearGradient(\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n [\r\n {\r\n offset: 0,\r\n color: \"rgba(35,160,247,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(35,160,247,0)\",\r\n },\r\n ]\r\n ),\r\n barBorderRadius: 0,\r\n },\r\n },\r\n data: yearJieDi,\r\n },\r\n {\r\n name: \"分级保护\",\r\n type: \"bar\",\r\n barMaxWidth: 15,\r\n stack: \"Total1\",\r\n label: {\r\n show: true,\r\n formatter: function (params) {\r\n if (params.value == 0) {\r\n return \"\";\r\n } else {\r\n return params.value;\r\n }\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n {\r\n offset: 0,\r\n color: \"rgba(156,73,200,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(156,73,200,0)\",\r\n },\r\n ]),\r\n borderColor: new that.$echarts.graphic.LinearGradient(\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n [\r\n {\r\n offset: 0,\r\n color: \"rgba(156,73,200,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(156,73,200,0)\",\r\n },\r\n ]\r\n ),\r\n barBorderRadius: 0,\r\n },\r\n },\r\n data: yearFenJi,\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedFive() {\r\n let myChart = this.$echarts.init(document.getElementById(\"detailedFive\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n },\r\n // legend: {\r\n // textStyle: {\r\n // fontSize: 18, //字体大小\r\n // color: \"#ffffff\", //字体颜色\r\n // },\r\n\r\n // data: [\"配变名称\"],\r\n // },\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n data: [\r\n \"钱南1配变\",\r\n \"钱南2配变\",\r\n \"钱南3配变\",\r\n \"钱南4配变\",\r\n \"钱南5配变\",\r\n ],\r\n axisLabel: {\r\n show: true,\r\n textStyle: {\r\n color: \"#ffffff\",\r\n },\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"\",\r\n axisLabel: {\r\n textStyle: {\r\n color: \"#ffffff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"配变名称\",\r\n type: \"bar\",\r\n barWidth: 40, // 柱子宽度核心代码\r\n itemStyle: {\r\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n { offset: 1, color: \"rgba(86,254,226,.2) \" },\r\n { offset: 0.5, color: \"rgb(86,254,226,.6)\" },\r\n { offset: 0, color: \"rgb(86,254,226)\" },\r\n ]),\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n data: [320, 332, 301, 334, 390],\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n //报警详情信息弹窗\r\n enlargeBtn(index) {\r\n let that = this;\r\n this.pageShow = false;\r\n if (index == 0) {\r\n // let endDate = this.$moment(new Date())\r\n // .format(\"YYYY-MM-DD hh:mm:ss\");\r\n // let startDate = this.$moment(new Date()).subtract(1,'h').format('YYYY-MM-DD hh:mm:ss')\r\n // this.page = 1;\r\n // let cabData = {\r\n // token: localStorage.getItem(\"token\"),\r\n // pageSize: this.pageSize,\r\n // page: this.page,\r\n // sn: \"\",\r\n // startDate: startDate,\r\n // endDate: endDate,\r\n // };\r\n // getCabinetAlarmList(cabData).then((res) => {\r\n // if (res.data.data.data != null) {\r\n // this.totals = res.data.data.total;\r\n // this.alarmInformationData = res.data.data.data;\r\n // }\r\n // });\r\n this.$refs.audio.currentTime = 0; //从头开始播放提示音\r\n this.$nextTick(() => {\r\n this.$refs.audio.play();\r\n });\r\n this.alarmInformationShow = true;\r\n this.$nextTick(() => {\r\n this.pageShow = true;\r\n });\r\n this.realTimeAlarmShow = false;\r\n this.handleCurrentChange(1);\r\n } else if (index == 1) {\r\n this.enlargeShow = false;\r\n // this.$refs.iframe.contentWindow.fullscreen(1);\r\n document.getElementById(\"left\").style.display = \"none\";\r\n document.getElementById(\"right\").style.display = \"none\";\r\n // document.getElementById(\"middle\").style.width = \"100%\";\r\n // document.getElementById(\"middle\").style.height = \"100%\";\r\n document.getElementById(\"detailed\").style.display = \"none\";\r\n document.getElementById(\"threeModel\").style.height = \"100%\";\r\n document.getElementById(\"threeModel\").style.width = \"100%\";\r\n }\r\n },\r\n //报警详情信息弹窗\r\n enlargeBtn1(index) {\r\n this.pageShow = false;\r\n if (index == 0) {\r\n // this.$refs.audio.currentTime = 0; //从头开始播放提示音\r\n // this.$refs.audio.play();\r\n // this.alarmInformationShow = true;\r\n // this.realTimeAlarmShow = false;\r\n this.$refs.audio.currentTime = 0; //从头开始播放提示音\r\n this.$nextTick(() => {\r\n this.$refs.audio.play();\r\n });\r\n this.alarmInformationShow = true;\r\n this.$nextTick(() => {\r\n this.pageShow = true;\r\n });\r\n this.realTimeAlarmShow = false;\r\n this.handleCurrentChange(1);\r\n } else if (index == 1) {\r\n this.enlargeShow = true;\r\n // this.$refs.iframe.contentWindow.fullscreen(1);\r\n document.getElementById(\"left\").style.display = \"flex\";\r\n document.getElementById(\"left\").style.width = \"17.18%\";\r\n document.getElementById(\"right\").style.display = \"flex\";\r\n document.getElementById(\"right\").style.width = \"17.18%\";\r\n // document.getElementById(\"middle\").style.width = \"55.7%\";\r\n // document.getElementById(\"middle\").style.height = \"100%\";\r\n document.getElementById(\"detailed\").style.display = \"flex\";\r\n document.getElementById(\"detailed\").style.height = \"350px\";\r\n }\r\n },\r\n handleClose() {\r\n this.alarmInformationShow = false;\r\n this.$refs.audio.pause();\r\n this.page = 1;\r\n this.totals = 0;\r\n },\r\n handleDate(index) {\r\n this.currentIndex = index;\r\n // if (index == 0) {\r\n //周配变停运\r\n getPbtyqk({\r\n action: index == 0 ? \"week\" : \"month\",\r\n }).then((res) => {\r\n let dataPbty = [];\r\n dataPbty = res.data.data;\r\n this.detailedFive(dataPbty);\r\n let dataPb = [];\r\n let dataCf = [];\r\n for (let i = 0; i < dataPbty.length; i++) {\r\n dataPb.push(dataPbty[i].pbsl);\r\n dataCf.push(dataPbty[i].cftytc);\r\n }\r\n this.topContent[0].count = dataPb.reduce((x, y) => x + y);\r\n this.topContent[1].count = dataCf.reduce((x, y) => x + y);\r\n let pbCount =\r\n (this.topContent[1].count / this.topContent[0].count) * 100;\r\n let pbCountString = pbCount.toString();\r\n if (pbCountString.indexOf(\".\") != -1) {\r\n this.topContent[2].count =\r\n pbCountString.substring(0, pbCountString.indexOf(\".\") + 3) + \"%\";\r\n } else {\r\n this.topContent[2].count = pbCountString + \"%\";\r\n }\r\n });\r\n // }else if (index == 1) {\r\n // //月配变停运\r\n // getPbtyqk({\r\n // action:\"month\"\r\n // }).then((res)=>{\r\n // let dataPbty = [];\r\n // dataPbty = res.data.data\r\n // this.detailedFive(dataPbty);\r\n // let dataPb = [];\r\n // let dataCf = [];\r\n // for (let i = 0; i < dataPbty.length; i++) {\r\n // dataPb.push(dataPbty[i].pbsl);\r\n // dataCf.push(dataPbty[i].cftytc);\r\n // }\r\n // this.topContent[0].count = dataPb.reduce((x, y) => x + y)\r\n // this.topContent[1].count = dataCf.reduce((x, y) => x + y)\r\n // let pbCount = (this.topContent[1].count/this.topContent[0].count)*100\r\n // let pbCountString = pbCount.toString()\r\n // if (pbCountString.indexOf(\".\") != -1) {\r\n // this.topContent[2].count = pbCountString.substring(0,pbCountString.indexOf(\".\")+3) + '%'\r\n // }else{\r\n // this.topContent[2].count = pbCountString +'%'\r\n // }\r\n // })\r\n // }\r\n },\r\n addColor(index) {\r\n if (this.currentIndex == index) {\r\n return { active: this.acolor };\r\n }\r\n },\r\n },\r\n watch: {\r\n //监听内容\r\n value(newVal, oldVal) {\r\n if (newVal != oldVal && newVal != \"\") {\r\n this.selectLine(newVal);\r\n } else if (newVal == \"\") {\r\n this.selectLine(\"\");\r\n this.value = \"\";\r\n }\r\n },\r\n rowTime: {\r\n deep: true,\r\n handler(newVal, oldVal) {\r\n console.log(newVal, oldVal, \"pppppppppppppppp\");\r\n if (newVal != oldVal && newVal != \"\" && oldVal != \"\") {\r\n this.enlargeBtn(0);\r\n }\r\n },\r\n },\r\n },\r\n};\r\n",{"version":3,"sources":["index.vue"],"names":[],"mappings":";AAyvBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/views","sourcesContent":["\r\n\r\n\r\n\r\n\r\n\r\n"]}]}