{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\stationBuilding.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\stationBuilding.vue","mtime":1690179653925},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\babel.config.js","mtime":1689557787923},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["import _defineProperty from \"D:/\\u6797\\u8C37\\u667A\\u80FD\\u9879\\u76EE/yanchengPowerSupply/node_modules/@babel/runtime/helpers/esm/defineProperty.js\";\n//引入echarts\nimport * as echarts from \"echarts\";\nimport { loadRateTop5 } from \"./../api/stationBuilding.js\";\n// 工单统计弹窗组件\n// import workOrder from \"../component/workOrder.vue\";\n// import ringMainUnit from \"./HomePop/ringMainUnit.vue\";\n// import routeDetail from \"../component/routeDetail.vue\";\n\n// 线路详情\nimport lineDetail from \"../component/lineDetail.vue\";\nexport default {\n  name: \"stationRuilding\",\n  components: {\n    // ringMainUnit, //环网柜弹窗\n    // workOrder, //工单统计弹窗\n    // routeDetail, //线路故障跳闸明细\n    lineDetail: lineDetail //线路详情弹窗\n  },\n  data: function data() {\n    var _ref;\n    return _ref = {\n      pageShow: true,\n      totals: 5,\n      pageSize: 10,\n      page: 1,\n      threeImg: require(\"../assets/images/pieBorder.png\"),\n      enlargeShow: true,\n      dateList: [\"周\", \"月\"],\n      acolor: true,\n      //是否展示颜色\n      currentIndex: -1,\n      alarmInformationData: [],\n      alarmInformationShow: false,\n      //报警详情信息弹窗\n      realTimeAlarmShow: false,\n      //实时报警弹窗\n      modelOthers: false,\n      componentShow: \"\",\n      CompanyInfo: {},\n      tableData: [],\n      btnArr: [\"总览\", \"环网柜\", \"分支箱\", \"箱变\", \"开闭所\"],\n      btnActive: 0,\n      iconGround: [{\n        icon: require(\"@/assets/images/huanwanggui.png\"),\n        name: \"环网柜\"\n      }, {\n        icon: require(\"@/assets/images/fenzhixiang.png\"),\n        name: \"分支箱\"\n      }, {\n        icon: require(\"@/assets/images/xiangbian.png\"),\n        name: \"箱变\"\n      }, {\n        icon: require(\"@/assets/images/kaibisuo.png\"),\n        name: \"开闭所\"\n      }],\n      btnEnlarge: [{\n        icon: require(\"@/assets/images/btnTiShi.png\")\n      }, {\n        icon: require(\"@/assets/images/btnFangDa.png\")\n      }],\n      btnEnlarge1: [{\n        icon: require(\"@/assets/images/btnTiShi.png\")\n      }, {\n        icon: require(\"@/assets/images/suoxiao.png\")\n      }],\n      options: [{\n        value: \"\",\n        label: \"\"\n      }],\n      value: \"\",\n      topContent: [{\n        name: \"配变数量\",\n        count: \"\"\n      }, {\n        name: \"重复停运台次\",\n        count: \"\"\n      }, {\n        name: \"配变重复停运率\",\n        count: \"\"\n      }],\n      device: \"\"\n    }, _defineProperty(_ref, \"tableData\", []), _defineProperty(_ref, \"tableKey\", +new Date()), _defineProperty(_ref, \"scrollTop\", 0), _defineProperty(_ref, \"option\", null), _defineProperty(_ref, \"myChartBin\", null), _defineProperty(_ref, \"orderItem\", null), _defineProperty(_ref, \"orderShow\", \"\"), _defineProperty(_ref, \"routeItem\", null), _defineProperty(_ref, \"routeShow\", \"\"), _defineProperty(_ref, \"lineItem\", null), _defineProperty(_ref, \"lineShow\", \"\"), _defineProperty(_ref, \"timer\", null), _defineProperty(_ref, \"emergencyList\", []), _defineProperty(_ref, \"rowTime\", \"\"), _defineProperty(_ref, \"pvTable\", [{\n      id: 1,\n      name: \"南阳供电所\",\n      stationNumber: \"7104965854-1\",\n      alternatorNumber: \"7104965854\"\n    }, {\n      id: 2,\n      name: \"南阳供电所\",\n      stationNumber: \"7104965854-2\",\n      alternatorNumber: \"7104965854\"\n    }, {\n      id: 3,\n      name: \"南阳供电所\",\n      stationNumber: \"7104965854-3\",\n      alternatorNumber: \"7104965854\"\n    }, {\n      id: 4,\n      name: \"南阳供电所\",\n      stationNumber: \"7104965854-4\",\n      alternatorNumber: \"7104965854\"\n    }, {\n      id: 5,\n      name: \"南阳供电所\",\n      stationNumber: \"7104965854-5\",\n      alternatorNumber: \"7104965854\"\n    }, {\n      id: 6,\n      name: \"南阳供电所\",\n      stationNumber: \"7104965854-6\",\n      alternatorNumber: \"7104965854\"\n    }, {\n      id: 7,\n      name: \"南阳供电所\",\n      stationNumber: \"7104965854-7\",\n      alternatorNumber: \"7104965854\"\n    }, {\n      id: 8,\n      name: \"南阳供电所\",\n      stationNumber: \"7104965854-8\",\n      alternatorNumber: \"7104965854\"\n    }, {\n      id: 9,\n      name: \"南阳供电所\",\n      stationNumber: \"7104965854-9\",\n      alternatorNumber: \"7104965854\"\n    }, {\n      id: 10,\n      name: \"南阳供电所\",\n      stationNumber: \"7104965854-10\",\n      alternatorNumber: \"7104965854\"\n    }, {\n      id: 11,\n      name: \"南阳供电所\",\n      stationNumber: \"7104965854-11\",\n      alternatorNumber: \"7104965854\"\n    }, {\n      id: 12,\n      name: \"南阳供电所\",\n      stationNumber: \"7104965854-12\",\n      alternatorNumber: \"7104965854\"\n    }]), _defineProperty(_ref, \"psTable\", [{\n      id: 1,\n      name: \"南阳供电所\",\n      stationNumber: \"10kv中北线151\",\n      alternatorNumber: \"20089.24\"\n    }, {\n      id: 2,\n      name: \"南阳供电所\",\n      stationNumber: \"10kv中北线151\",\n      alternatorNumber: \"20089.24\"\n    }, {\n      id: 3,\n      name: \"南阳供电所\",\n      stationNumber: \"10kv中北线151\",\n      alternatorNumber: \"20089.24\"\n    }, {\n      id: 4,\n      name: \"南阳供电所\",\n      stationNumber: \"10kv中北线151\",\n      alternatorNumber: \"20089.24\"\n    }, {\n      id: 5,\n      name: \"南阳供电所\",\n      stationNumber: \"10kv中北线151\",\n      alternatorNumber: \"20089.24\"\n    }, {\n      id: 6,\n      name: \"南阳供电所\",\n      stationNumber: \"10kv中北线151\",\n      alternatorNumber: \"20089.24\"\n    }, {\n      id: 7,\n      name: \"南阳供电所\",\n      stationNumber: \"10kv中北线151\",\n      alternatorNumber: \"20089.24\"\n    }, {\n      id: 8,\n      name: \"南阳供电所\",\n      stationNumber: \"10kv中北线151\",\n      alternatorNumber: \"20089.24\"\n    }, {\n      id: 9,\n      name: \"南阳供电所\",\n      stationNumber: \"10kv中北线151\",\n      alternatorNumber: \"20089.24\"\n    }, {\n      id: 10,\n      name: \"南阳供电所\",\n      stationNumber: \"10kv中北线151\",\n      alternatorNumber: \"20089.24\"\n    }, {\n      id: 11,\n      name: \"南阳供电所\",\n      stationNumber: \"10kv中北线151\",\n      alternatorNumber: \"20089.24\"\n    }, {\n      id: 12,\n      name: \"南阳供电所\",\n      stationNumber: \"10kv中北线151\",\n      alternatorNumber: \"20089.24\"\n    }]), _ref;\n  },\n  created: function created() {},\n  mounted: function mounted() {\n    this.init();\n    this.detailedTwo11();\n    this.detailedTwo22();\n    this.detailqe1();\n    this.detailen1();\n    this.xianDuan();\n    window.parent.getLoc();\n  },\n  methods: {\n    init: function init() {\n      var _this = this;\n      loadRateTop5({\n        area: \"大丰区供电公司\",\n        date: \"2023-7-24\"\n      }).then(function (res) {\n        console.log(res, \"配变\");\n        for (var i = 0; i < res.data.data.length; i++) {\n          if (res.data.data[i].gz_time_deal) {\n            var date = new Date(res.data.data[i].gz_time_deal);\n            res.data.data[i].gz_time_deal = _this.$moment(date).format(\"YYYY-MM-DD HH:mm\");\n            // console.log(res.data.data[i].gz_time_deal,'转换后');\n          }\n\n          if (res.data.data[i].gz_time) {\n            var time = new Date(res.data.data[i].gz_time);\n            res.data.data[i].gz_time = _this.$moment(time).format(\"YYYY-MM-DD HH:mm\");\n          }\n          _this.tableData.push(res.data.data[i]);\n        }\n      }).catch(function (error) {\n        var id = _this.$route.query.area;\n        var date = _this.$route.query.area;\n        console.log(id, date);\n        console.log(error, \"报错详情\");\n      });\n    },\n    //地图画线\n    xianDuan: function xianDuan() {\n      var canvas = document.getElementById(\"myCanvas\");\n      var ctx = canvas.getContext(\"2d\");\n      ctx.moveTo(500, 500); // moveTo(x,y) 定义线条开始坐标\n      ctx.lineTo(700, 150); // lineTo(x,y) 定义线条结束坐标\n      ctx.moveTo(400, 500); // moveTo(x,y) 定义线条开始坐标\n      ctx.lineTo(160, 600); // lineTo(x,y) 定义线条结束坐标\n      ctx.strokeStyle = \"orange\";\n      ctx.lineWidth = 5;\n      ctx.stroke();\n    },\n    detailedTwo11: function detailedTwo11() {\n      var fontColor = \"#fff\";\n      var myChart = this.$echarts.init(document.getElementById(\"detailedTwo1\"));\n      var option = {\n        grid: {\n          left: \"5%\",\n          right: \"10%\",\n          top: \"20%\",\n          bottom: \"15%\",\n          containLabel: true\n        },\n        tooltip: {\n          show: true,\n          trigger: \"item\"\n        },\n        legend: {\n          show: true,\n          x: \"center\",\n          y: \"35\",\n          icon: \"stack\",\n          itemWidth: 10,\n          itemHeight: 10,\n          textStyle: {\n            color: \"#1bb4f6\"\n          },\n          data: [\"已采纳\", \"已发布\", \"浏览量\"]\n        },\n        xAxis: [{\n          type: \"category\",\n          boundaryGap: false,\n          axisLabel: {\n            color: fontColor\n          },\n          axisLine: {\n            show: true,\n            lineStyle: {\n              color: \"#397cbc\"\n            }\n          },\n          axisTick: {\n            show: false\n          },\n          splitLine: {\n            show: false,\n            lineStyle: {\n              color: \"#195384\"\n            }\n          },\n          data: [\"0:00\", \"3:00\", \"6:00\", \"9:00\", \"12:00\", \"15:00\", \"18:00\", \"21:00\", \"24:00\"]\n        }],\n        yAxis: [{\n          type: \"value\",\n          name: \"信息量\",\n          min: 0,\n          max: 1000,\n          show: false,\n          axisLabel: {\n            formatter: \"{value}\",\n            textStyle: {\n              color: \"#2ad1d2\"\n            }\n          },\n          axisLine: {\n            lineStyle: {\n              color: \"#27b4c2\"\n            }\n          },\n          axisTick: {\n            show: false\n          }\n        }],\n        series: [{\n          // name: \"已发布\",\n          type: \"line\",\n          stack: \"总量\",\n          symbol: \"none\",\n          symbolSize: 8,\n          itemStyle: {\n            normal: {\n              color: \"yellow\",\n              lineStyle: {\n                color: \"yellow\",\n                width: 3,\n                type: \"solid\"\n              }\n            }\n          },\n          data: [10, 12, 801, 844, 790, 830, 610, 501, 654, 490, 530, 310]\n        }]\n      };\n      myChart.setOption(option);\n      window.addEventListener(\"resize\", function () {\n        myChart.resize();\n      });\n    },\n    detailedTwo22: function detailedTwo22() {\n      var myChart = this.$echarts.init(document.getElementById(\"detailedTwo2\"));\n      var honorData = [{\n        name: \"用电量（单位：亿）\",\n        data: [17.4, 14.1, 17.3, 18.6, 16.6]\n      }, {\n        name: \"碳排放量（单位：万）\",\n        data: [9.4, 8.1, 7.3, 8.6, 6.6]\n      }];\n      var honorXAxisData = [\"No.5\", \"No.4\", \"No.3\", \"No.2\", \"No.1\"];\n      var nameList = [\"自然19#\", \"民权5#变\", \"民权5#变\", \"光顺09号\", \"PMS_碧桂园10#配变\"];\n      var option = {\n        color: [\"#0F9AF8\", \"#2039C3\", \"rgba(32,57,195,.5)\", \"#2ECACE\"],\n        tooltip: {\n          trigger: \"axis\",\n          axisPointer: {\n            type: \"none\"\n          }\n        },\n        grid: {\n          top: \"15%\",\n          left: \"14%\",\n          right: \"0%\",\n          bottom: \"0%\"\n        },\n        xAxis: [{\n          type: \"value\",\n          show: false,\n          axisLine: {\n            show: false\n          },\n          axisTick: {\n            show: false\n          },\n          axisLabel: {\n            color: \"#6B9DD7\",\n            fontSize: 16,\n            // 文字大小\n            fontWeight: 400,\n            interval: 0,\n            formatter: function formatter(value) {\n              return value + \"(万元)\";\n            }\n          },\n          splitLine: {\n            show: false\n          }\n        }],\n        yAxis: [{\n          type: \"category\",\n          offset: 17,\n          axisLine: {\n            show: false\n          },\n          axisTick: {\n            show: false\n          },\n          axisLabel: {\n            color: \"#fff\",\n            fontSize: 20,\n            // 文字大小\n            fontWeight: 700,\n            interval: 0\n          },\n          data: honorXAxisData\n        }, {\n          //名称\n          type: \"category\",\n          offset: -10,\n          position: \"left\",\n          axisLine: {\n            show: false\n          },\n          inverse: true,\n          axisTick: {\n            show: false\n          },\n          axisLabel: {\n            interval: 0,\n            color: \"#fff\",\n            align: \"left\",\n            verticalAlign: \"bottom\",\n            lineHeight: 40,\n            fontSize: 20\n          },\n          data: nameList\n        }],\n        series: [{\n          name: \"60天内掉电客户数\",\n          type: \"bar\",\n          stack: \"zongliang\",\n          barWidth: \"25%\",\n          barGap: 15,\n          // 柱图之间的间距\n          itemStyle: {\n            //自定义颜色\n            // normal: { color: \"orange\" },\n            color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{\n              //代表渐变色从正上方开始\n              offset: 0,\n              //offset范围是0~1，用于表示位置，0是指0%处的颜色\n              color: \"rgba(255,165,0,.4)\"\n            },\n            //柱图渐变色\n            {\n              offset: 1,\n              //指100%处的颜色\n              color: \"rgb(255,165,0)\"\n            }])\n          },\n          label: {\n            normal: {\n              show: true,\n              position: [\"80%\", \"-100%\"],\n              formatter: function formatter(params) {\n                return params.value;\n              },\n              textStyle: {\n                color: \"#fff\",\n                fontSize: 18\n              }\n            }\n          },\n          data: honorData[0].data\n        }, {\n          name: \"60天内掉电总数\",\n          type: \"bar\",\n          stack: \"zongliang\",\n          barWidth: \"25%\",\n          itemStyle: {\n            //自定义颜色\n            // normal: { color: \"orange\" },\n            color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{\n              //代表渐变色从正上方开始\n              offset: 0,\n              //offset范围是0~1，用于表示位置，0是指0%处的颜色\n              color: \"#005BEA\"\n            },\n            //柱图渐变色\n            {\n              offset: 1,\n              //指100%处的颜色\n              color: \"#00C6FB\"\n            }])\n          },\n          label: {\n            normal: {\n              show: true,\n              position: [\"80%\", \"-100%\"],\n              formatter: function formatter(params) {\n                return params.value;\n              },\n              textStyle: {\n                color: \"#fff\",\n                fontSize: 18\n              }\n            }\n          },\n          data: honorData[1].data\n        }]\n      };\n      myChart.setOption(option);\n      window.addEventListener(\"resize\", function () {\n        myChart.resize();\n      });\n    },\n    detailqe1: function detailqe1() {\n      var fontColor = \"#fff\";\n      var myChart = this.$echarts.init(document.getElementById(\"detailqe\"));\n      var option = {\n        xAxis: _defineProperty({\n          type: \"category\",\n          boundaryGap: false,\n          axisLabel: {\n            color: fontColor\n          },\n          axisLine: {\n            show: true,\n            lineStyle: {\n              color: \"#397cbc\"\n            }\n          },\n          axisTick: {\n            show: false\n          },\n          splitLine: {\n            show: false,\n            lineStyle: {\n              color: \"#195384\"\n            }\n          },\n          data: [\"0:00\", \"3:00\", \"6:00\", \"9:00\", \"12:00\", \"15:00\", \"18:00\", \"21:00\", \"24:00\"]\n        }, \"axisTick\", {\n          show: false\n        }),\n        yAxis: [{\n          type: \"value\",\n          name: \"单位：kw\",\n          min: 0,\n          max: 1000,\n          show: true,\n          splitLine: {\n            show: true,\n            lineStyle: {\n              type: \"dashed\",\n              // color: 'rgba(66, 192, 255, .3)',\n              color: \"rgba(102,102,102,0.6)\",\n              width: 1\n            }\n          },\n          axisLabel: {\n            formatter: \"{value}\",\n            textStyle: {\n              color: \"#2ad1d2\"\n            }\n          },\n          axisLine: {\n            lineStyle: {\n              color: \"#27b4c2\"\n            }\n          },\n          axisTick: {\n            show: false\n          }\n        }],\n        series: [{\n          data: [720, 632, 801, 734, 470, 670, 720, 123, 567],\n          type: \"line\",\n          symbol: \"none\",\n          lineStyle: {\n            color: \"#00ffff\",\n            width: 2\n          },\n          itemStyle: {\n            normal: {\n              color: \"00ffff\",\n              lineStyle: {\n                color: \"00ffff\",\n                width: 3,\n                type: \"solid\"\n              }\n            }\n          }\n        }]\n      };\n      myChart.setOption(option);\n      window.addEventListener(\"resize\", function () {\n        myChart.resize();\n      });\n    },\n    detailen1: function detailen1() {\n      var fontColor = \"#30eee9\";\n      var myChart = this.$echarts.init(document.getElementById(\"detailen\"));\n      var option = {\n        tooltip: {\n          trigger: \"axis\",\n          axisPointer: {\n            type: \"shadow\"\n          }\n        },\n        legend: {\n          textStyle: {\n            fontSize: 18,\n            //字体大小\n            color: \"#ffffff\" //字体颜色\n          },\n\n          data: [\"关联电网事故\", \"关联检修单\"]\n        },\n        xAxis: [{\n          type: \"category\",\n          data: [\"10kv北红线124\", \"10kv北红线125\", \"10kv北红线126\", \"10kv北红线127\", \"10kv北红线128\"],\n          axisLabel: {\n            show: true,\n            textStyle: {\n              color: \"#ffffff\"\n            }\n          }\n        }],\n        yAxis: [{\n          type: \"value\",\n          name: \"\",\n          axisLabel: {\n            textStyle: {\n              color: \"#ffffff\"\n            }\n          },\n          splitLine: {\n            show: true,\n            lineStyle: {\n              type: \"dashed\",\n              // color: 'rgba(66, 192, 255, .3)',\n              color: \"rgba(102,102,102,0.6)\",\n              width: 1\n            }\n          }\n        }],\n        series: [{\n          name: \"关联电网事故\",\n          type: \"bar\",\n          itemStyle: {\n            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{\n              offset: 1,\n              color: \"rgba(86,254,226,.2) \"\n            }, {\n              offset: 0.5,\n              color: \"rgb(86,254,226,.6)\"\n            }, {\n              offset: 0,\n              color: \"rgb(86,254,226)\"\n            }]),\n            borderRadius: [7, 7, 0, 0],\n            // 柱状图圆角\n            borderWidth: 0\n          },\n          emphasis: {\n            focus: \"series\"\n          },\n          data: [320, 332, 301, 334, 390]\n        }, {\n          name: \"关联检修单\",\n          type: \"bar\",\n          itemStyle: {\n            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{\n              offset: 1,\n              color: \"rgba(237,125,49,.2) \"\n            }, {\n              offset: 0.5,\n              color: \"rgb(237,125,49,.6)\"\n            }, {\n              offset: 0,\n              color: \"rgb(237,125,49)\"\n            }]),\n            borderRadius: [7, 7, 0, 0],\n            // 柱状图圆角\n            borderWidth: 0\n          },\n          emphasis: {\n            focus: \"series\"\n          },\n          data: [220, 182, 191, 234, 290]\n        }]\n      };\n      myChart.setOption(option);\n      window.addEventListener(\"resize\", function () {\n        myChart.resize();\n      });\n    }\n  },\n  watch: {}\n};",{"version":3,"mappings":";AA0NA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;EACAA;EACAC;IACA;IACA;IACA;IACAC;EACA;EACAC;IAAA;IACA;MACAC;MACAC;MACAC;MACAC;MACAC;MACAC;MACAC;MACAC;MAAA;MACAC;MACAC;MACAC;MAAA;MACAC;MAAA;MACAC;MACAC;MACAC;MACAC;MACAC;MACAC;MACAC,aACA;QACAC;QACAvB;MACA,GACA;QACAuB;QACAvB;MACA,GACA;QACAuB;QACAvB;MACA,GACA;QACAuB;QACAvB;MACA,EACA;MACAwB,aACA;QACAD;MACA,GACA;QACAA;MACA,EACA;MACAE,cACA;QACAF;MACA,GACA;QACAA;MACA,EACA;MACAG,UACA;QACAC;QACAC;MACA,EACA;MACAD;MACAE,aACA;QACA7B;QACA8B;MACA,GACA;QACA9B;QACA8B;MACA,GACA;QACA9B;QACA8B;MACA,EACA;MACAC;IAAA,sCACA,uCACA,iDACA,oCACA,2CACA,0CAEA,0CACA,wCAEA,0CACA,uCAEA,yCACA,oCACA,8CACA,sCACA,sCACA,CACA;MACAC;MACAhC;MACAiC;MACAC;IACA,GACA;MACAF;MACAhC;MACAiC;MACAC;IACA,GACA;MACAF;MACAhC;MACAiC;MACAC;IACA,GACA;MACAF;MACAhC;MACAiC;MACAC;IACA,GACA;MACAF;MACAhC;MACAiC;MACAC;IACA,GACA;MACAF;MACAhC;MACAiC;MACAC;IACA,GACA;MACAF;MACAhC;MACAiC;MACAC;IACA,GACA;MACAF;MACAhC;MACAiC;MACAC;IACA,GACA;MACAF;MACAhC;MACAiC;MACAC;IACA,GACA;MACAF;MACAhC;MACAiC;MACAC;IACA,GACA;MACAF;MACAhC;MACAiC;MACAC;IACA,GACA;MACAF;MACAhC;MACAiC;MACAC;IACA,EACA,oCACA,CACA;MACAF;MACAhC;MACAiC;MACAC;IACA,GACA;MACAF;MACAhC;MACAiC;MACAC;IACA,GACA;MACAF;MACAhC;MACAiC;MACAC;IACA,GACA;MACAF;MACAhC;MACAiC;MACAC;IACA,GACA;MACAF;MACAhC;MACAiC;MACAC;IACA,GACA;MACAF;MACAhC;MACAiC;MACAC;IACA,GACA;MACAF;MACAhC;MACAiC;MACAC;IACA,GACA;MACAF;MACAhC;MACAiC;MACAC;IACA,GACA;MACAF;MACAhC;MACAiC;MACAC;IACA,GACA;MACAF;MACAhC;MACAiC;MACAC;IACA,GACA;MACAF;MACAhC;MACAiC;MACAC;IACA,GACA;MACAF;MACAhC;MACAiC;MACAC;IACA,EACA;EAEA;EACAC;EACAC;IACA;IACA;IACA;IACA;IACA;IACA;IACAC;EACA;EACAC;IACAC;MAAA;MACAC;QACAC;QACAC;MACA,GACAC;QACAC;QACA;UACA;YACA;YACAC,gCACA;YACA;UACA;;UACA;YACA;YACAA,2BACA;UACA;UACA;QACA;MACA,GACAC;QACA;QACA;QACAF;QACAA;MACA;IACA;IACA;IACAG;MACA;MACA;MACAC;MACAA;MACAA;MACAA;MACAA;MACAA;MACAA;IACA;IACAC;MACA;MACA;MACA;QACAC;UACAC;UACAC;UACAC;UACAC;UACAC;QACA;QACAC;UACAC;UACAC;QACA;QACAC;UACAF;UACAG;UACAC;UACAtC;UACAuC;UACAC;UACAC;YACAC;UACA;UACA9D;QACA;QACA+D,QACA;UACAC;UACAC;UACAC;YACAJ;UACA;UACAK;YACAb;YACAc;cACAN;YACA;UACA;UACAO;YACAf;UACA;UACAgB;YACAhB;YACAc;cACAN;YACA;UACA;UACA9D,OACA,QACA,QACA,QACA,QACA,SACA,SACA,SACA,SACA;QAEA,EACA;QACAuE,QACA;UACAP;UACAnE;UACA2E;UACAC;UACAnB;UACAY;YACAQ;YACAb;cACAC;YACA;UACA;UACAK;YACAC;cACAN;YACA;UACA;UACAO;YACAf;UACA;QACA,EACA;QACAqB,SACA;UACA;UACAX;UACAY;UACAC;UACAC;UACAC;YACAC;cACAlB;cACAM;gBACAN;gBACAmB;gBACAjB;cACA;YACA;UACA;UACAhE;QACA;MAEA;MACAkF;MACAhD;QACAgD;MACA;IACA;IACAC;MACA;MACA,iBACA;QACAtF;QACAG;MACA,GACA;QACAH;QACAG;MACA,EACA;MACA;MACA,gBACA,SACA,SACA,SACA,SACA,eACA;MACA;QACA8D;QACAT;UACAE;UACA6B;YACApB;UACA;QACA;QACAjB;UACAG;UACAF;UACAC;UACAE;QACA;QACAY,QACA;UACAC;UACAV;UACAa;YACAb;UACA;UACAe;YACAf;UACA;UACAY;YACAJ;YACAuB;YAAA;YACAC;YACAC;YACAb;cACA;YACA;UACA;UACAJ;YACAhB;UACA;QACA,EACA;QACAiB,QACA;UACAP;UACAwB;UACArB;YACAb;UACA;UACAe;YACAf;UACA;UACAY;YACAJ;YACAuB;YAAA;YACAC;YACAC;UACA;UAEAvF;QACA,GACA;UACA;UACAgE;UACAwB;UACAC;UACAtB;YACAb;UACA;UACAoC;UACArB;YACAf;UACA;UACAY;YACAqB;YACAzB;YACA6B;YACAC;YACAC;YACAR;UACA;UACArF;QACA,EACA;QACA2E,SACA;UACA9E;UACAmE;UACAY;UACAkB;UACAC;UAAA;UACAhB;YACA;YACA;YACAjB,uDACA;cACA;cACA0B;cAAA;cACA1B;YACA;YAAA;YACA;cACA0B;cAAA;cACA1B;YACA,EACA;UACA;UACArC;YACAuD;cACA1B;cACAmC;cACAf;gBACA;cACA;cACAb;gBACAC;gBACAuB;cACA;YACA;UACA;UAEArF;QACA,GACA;UACAH;UACAmE;UACAY;UACAkB;UACAf;YACA;YACA;YACAjB,uDACA;cACA;cACA0B;cAAA;cACA1B;YACA;YAAA;YACA;cACA0B;cAAA;cACA1B;YACA,EACA;UACA;UACArC;YACAuD;cACA1B;cACAmC;cACAf;gBACA;cACA;cACAb;gBACAC;gBACAuB;cACA;YACA;UACA;UACArF;QACA;MAEA;MACAkF;MACAhD;QACAgD;MACA;IACA;IACAc;MACA;MACA;MACA;QACAjC;UACAC;UACAC;UACAC;YACAJ;UACA;UACAK;YACAb;YACAc;cACAN;YACA;UACA;UACAO;YACAf;UACA;UACAgB;YACAhB;YACAc;cACAN;YACA;UACA;UACA9D,OACA,QACA,QACA,QACA,QACA,SACA,SACA,SACA,SACA;QACA,eACA;UACAsD;QACA,EACA;QACAiB,QACA;UACAP;UACAnE;UACA2E;UACAC;UACAnB;UACAgB;YACAhB;YACAc;cACAJ;cACA;cACAF;cACAmB;YACA;UACA;UACAf;YACAQ;YACAb;cACAC;YACA;UACA;UACAK;YACAC;cACAN;YACA;UACA;UACAO;YACAf;UACA;QACA,EACA;QACAqB,SACA;UACA3E;UACAgE;UACAa;UACAT;YACAN;YACAmB;UACA;UACAF;YACAC;cACAlB;cACAM;gBACAN;gBACAmB;gBACAjB;cACA;YACA;UACA;QACA;MAEA;MACAkB;MACAhD;QACAgD;MACA;IACA;IACAe;MACA;MACA;MACA;QACA5C;UACAE;UACA6B;YACApB;UACA;QACA;QACAR;UACAK;YACAwB;YAAA;YACAvB;UACA;;UAEA9D;QACA;QACA+D,QACA;UACAC;UACAhE,OACA,cACA,cACA,cACA,cACA,aACA;UACAkE;YACAZ;YACAO;cACAC;YACA;UACA;QACA,EACA;QACAS,QACA;UACAP;UACAnE;UACAqE;YACAL;cACAC;YACA;UACA;UACAQ;YACAhB;YACAc;cACAJ;cACA;cACAF;cACAmB;YACA;UACA;QACA,EACA;QACAN,SACA;UACA9E;UACAmE;UACAe;YACAjB,uDACA;cAAA0B;cAAA1B;YAAA,GACA;cAAA0B;cAAA1B;YAAA,GACA;cAAA0B;cAAA1B;YAAA,EACA;YACAoC;YAAA;YACAC;UACA;UACAC;YACAC;UACA;UACArG;QACA,GACA;UACAH;UACAmE;UACAe;YACAjB,uDACA;cAAA0B;cAAA1B;YAAA,GACA;cAAA0B;cAAA1B;YAAA,GACA;cAAA0B;cAAA1B;YAAA,EACA;YACAoC;YAAA;YACAC;UACA;UACAC;YACAC;UACA;UACArG;QACA;MAEA;MACAkF;MACAhD;QACAgD;MACA;IACA;EACA;EACAoB;AACA","names":["name","components","lineDetail","data","pageShow","totals","pageSize","page","threeImg","enlargeShow","dateList","acolor","currentIndex","alarmInformationData","alarmInformationShow","realTimeAlarmShow","modelOthers","componentShow","CompanyInfo","tableData","btnArr","btnActive","iconGround","icon","btnEnlarge","btnEnlarge1","options","value","label","topContent","count","device","id","stationNumber","alternatorNumber","created","mounted","window","methods","init","loadRateTop5","area","date","then","console","res","catch","xianDuan","ctx","detailedTwo11","grid","left","right","top","bottom","containLabel","tooltip","show","trigger","legend","x","y","itemWidth","itemHeight","textStyle","color","xAxis","type","boundaryGap","axisLabel","axisLine","lineStyle","axisTick","splitLine","yAxis","min","max","formatter","series","stack","symbol","symbolSize","itemStyle","normal","width","myChart","detailedTwo22","axisPointer","fontSize","fontWeight","interval","offset","position","inverse","align","verticalAlign","lineHeight","barWidth","barGap","detailqe1","detailen1","borderRadius","borderWidth","emphasis","focus","watch"],"sourceRoot":"src/views","sources":["stationBuilding.vue"],"sourcesContent":["<template>\r\n  <div class=\"home\">\r\n    <div class=\"left\" id=\"left\">\r\n      <div class=\"one\" style=\"height: 100%\">\r\n        <div class=\"cartitle\">\r\n          <div class=\"titleFont\">\r\n            <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n            <span>光伏台账</span>\r\n            <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n          </div>\r\n        </div>\r\n        <div class=\"content\">\r\n          <div class=\"line\">\r\n            <table>\r\n              <thead style=\"color: #fff; font-size: 30px\">\r\n                <tr>\r\n                  <td>序号</td>\r\n                  <td>单位名称</td>\r\n                  <td>台区编号</td>\r\n                  <td>发电客户编号</td>\r\n                </tr>\r\n              </thead>\r\n              <tbody>\r\n                <tr v-for=\"(item, index) in pvTable\" :key=\"index\">\r\n                  <td>{{ item.id }}</td>\r\n                  <td>{{ item.name }}</td>\r\n                  <td>{{ item.stationNumber }}</td>\r\n                  <td class=\"titleFont\">{{ item.alternatorNumber }}</td>\r\n                </tr>\r\n              </tbody>\r\n            </table>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"left1\" id=\"left\">\r\n      <div class=\"two\" style=\"height: 49%\">\r\n        <div class=\"cartitle\">\r\n          <div class=\"titleFont\">\r\n            <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n            <span>上网功率</span>\r\n            <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n          </div>\r\n        </div>\r\n        <div class=\"content\">\r\n          <div class=\"line\">\r\n            <div id=\"detailedTwo1\"></div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"two\" style=\"height: 49%\">\r\n        <div class=\"cartitle\">\r\n          <div class=\"titleFont\">\r\n            <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n            <span>配变负载率TOP5</span>\r\n            <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n          </div>\r\n        </div>\r\n        <div class=\"content\">\r\n          <div class=\"line\">\r\n            <div id=\"detailedTwo2\"></div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"middle\" id=\"middle\">\r\n      <div class=\"map\" style=\"height: 100%\">\r\n        <canvas\r\n          id=\"myCanvas\"\r\n          width=\"1000\"\r\n          height=\"600\"\r\n          style=\"position: absolute\"\r\n        ></canvas>\r\n\r\n        <img src=\"../assets/indexN/dfsxz.png\" alt=\"\" />\r\n        <div class=\"imgboxone\">\r\n          <div class=\"contents\">\r\n            <div class=\"lines\">\r\n              <div class=\"total\">\r\n                <div class=\"num\">\r\n                  <span>户数高渗透率</span>\r\n                  <h5 class=\"yellow\">3.40%</h5>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"lines\">\r\n              <div class=\"total\">\r\n                <div class=\"num\">\r\n                  <span>容量渗透率</span>\r\n                  <h5 class=\"orange\">0.01%</h5>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"lines\">\r\n              <div class=\"total\">\r\n                <div class=\"num\">\r\n                  <span>能量渗透率</span>\r\n                  <h5 class=\"yellow\">0.44%</h5>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"imgboxtwo\">\r\n          <ul class=\"contentUl\">\r\n            <li>\r\n              <h5>发电客户数</h5>\r\n              <br />\r\n              <span style=\"color: yellow\">4721</span>\r\n            </li>\r\n            <li>\r\n              <h5>变电站数量</h5>\r\n              <br />\r\n              <span style=\"color: orange\">90</span>\r\n            </li>\r\n            <li>\r\n              <h5>台区总数</h5>\r\n              <br />\r\n              <span style=\"color: yellow\">17416</span>\r\n            </li>\r\n            <li>\r\n              <h5>当前负载率</h5>\r\n              <br />\r\n              <span style=\"color: orange\">40.19%</span>\r\n            </li>\r\n          </ul>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"right\" id=\"right\">\r\n      <div class=\"two\" style=\"height: 49%\">\r\n        <div class=\"cartitle\">\r\n          <div class=\"titleFont\">\r\n            <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n            <span>分布式光伏电量</span>\r\n            <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n          </div>\r\n        </div>\r\n        <div class=\"content\">\r\n          <div class=\"line\">\r\n            <div class=\"eqselect\">\r\n              <span>地区:</span>\r\n              <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n              <span>用户:</span>\r\n              <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n              <span>范围:</span>\r\n              <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n              <span>日期:</span>\r\n              <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n            </div>\r\n            <div id=\"detailqe\"></div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"two\" style=\"height: 49%\">\r\n        <div class=\"cartitle\">\r\n          <div class=\"titleFont\">\r\n            <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n            <span>能量/容量</span>\r\n            <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n          </div>\r\n        </div>\r\n        <div class=\"content\">\r\n          <div class=\"line\">\r\n            <div class=\"enselect\">\r\n              <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n              <span class=\"text\">能量</span>\r\n            </div>\r\n            <div id=\"detailen\"></div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"right1\" id=\"right\">\r\n      <div class=\"one\" style=\"height: 100%\">\r\n        <div class=\"cartitle\">\r\n          <div class=\"titleFont\">\r\n            <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n            <span>渗透率统计</span>\r\n            <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n          </div>\r\n        </div>\r\n        <div class=\"content\">\r\n          <div class=\"line\">\r\n            <table>\r\n              <thead style=\"color: #fff; font-size: 30px\">\r\n                <tr>\r\n                  <td>序号</td>\r\n                  <td>供电公司</td>\r\n                  <td>线路名称</td>\r\n                  <td>光伏全年电量KWF</td>\r\n                </tr>\r\n              </thead>\r\n              <tbody>\r\n                <tr v-for=\"(item, index) in pvTable\" :key=\"index\">\r\n                  <td>{{ item.id }}</td>\r\n                  <td>{{ item.name }}</td>\r\n                  <td>{{ item.stationNumber }}</td>\r\n                  <td class=\"titleFont\">{{ item.alternatorNumber }}</td>\r\n                </tr>\r\n              </tbody>\r\n            </table>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <audio\r\n      controls=\"controls\"\r\n      hidden\r\n      src=\"../assets/videos/police.wav\"\r\n      ref=\"audio\"\r\n    ></audio>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n//引入echarts\r\nimport * as echarts from \"echarts\";\r\nimport { loadRateTop5 } from \"./../api/stationBuilding.js\";\r\n// 工单统计弹窗组件\r\n// import workOrder from \"../component/workOrder.vue\";\r\n// import ringMainUnit from \"./HomePop/ringMainUnit.vue\";\r\n// import routeDetail from \"../component/routeDetail.vue\";\r\n\r\n// 线路详情\r\nimport lineDetail from \"../component/lineDetail.vue\";\r\nexport default {\r\n  name: \"stationRuilding\",\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      enlargeShow: true,\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      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      orderItem: null,\r\n      orderShow: \"\",\r\n      // 线路故障明细\r\n      routeItem: null,\r\n      routeShow: \"\",\r\n      // 配电线路\r\n      lineItem: null,\r\n      lineShow: \"\",\r\n      timer: null, //定时器\r\n      emergencyList: [], //告警数据\r\n      rowTime: \"\",\r\n      pvTable: [\r\n        {\r\n          id: 1,\r\n          name: \"南阳供电所\",\r\n          stationNumber: \"7104965854-1\",\r\n          alternatorNumber: \"7104965854\",\r\n        },\r\n        {\r\n          id: 2,\r\n          name: \"南阳供电所\",\r\n          stationNumber: \"7104965854-2\",\r\n          alternatorNumber: \"7104965854\",\r\n        },\r\n        {\r\n          id: 3,\r\n          name: \"南阳供电所\",\r\n          stationNumber: \"7104965854-3\",\r\n          alternatorNumber: \"7104965854\",\r\n        },\r\n        {\r\n          id: 4,\r\n          name: \"南阳供电所\",\r\n          stationNumber: \"7104965854-4\",\r\n          alternatorNumber: \"7104965854\",\r\n        },\r\n        {\r\n          id: 5,\r\n          name: \"南阳供电所\",\r\n          stationNumber: \"7104965854-5\",\r\n          alternatorNumber: \"7104965854\",\r\n        },\r\n        {\r\n          id: 6,\r\n          name: \"南阳供电所\",\r\n          stationNumber: \"7104965854-6\",\r\n          alternatorNumber: \"7104965854\",\r\n        },\r\n        {\r\n          id: 7,\r\n          name: \"南阳供电所\",\r\n          stationNumber: \"7104965854-7\",\r\n          alternatorNumber: \"7104965854\",\r\n        },\r\n        {\r\n          id: 8,\r\n          name: \"南阳供电所\",\r\n          stationNumber: \"7104965854-8\",\r\n          alternatorNumber: \"7104965854\",\r\n        },\r\n        {\r\n          id: 9,\r\n          name: \"南阳供电所\",\r\n          stationNumber: \"7104965854-9\",\r\n          alternatorNumber: \"7104965854\",\r\n        },\r\n        {\r\n          id: 10,\r\n          name: \"南阳供电所\",\r\n          stationNumber: \"7104965854-10\",\r\n          alternatorNumber: \"7104965854\",\r\n        },\r\n        {\r\n          id: 11,\r\n          name: \"南阳供电所\",\r\n          stationNumber: \"7104965854-11\",\r\n          alternatorNumber: \"7104965854\",\r\n        },\r\n        {\r\n          id: 12,\r\n          name: \"南阳供电所\",\r\n          stationNumber: \"7104965854-12\",\r\n          alternatorNumber: \"7104965854\",\r\n        },\r\n      ],\r\n      psTable: [\r\n        {\r\n          id: 1,\r\n          name: \"南阳供电所\",\r\n          stationNumber: \"10kv中北线151\",\r\n          alternatorNumber: \"20089.24\",\r\n        },\r\n        {\r\n          id: 2,\r\n          name: \"南阳供电所\",\r\n          stationNumber: \"10kv中北线151\",\r\n          alternatorNumber: \"20089.24\",\r\n        },\r\n        {\r\n          id: 3,\r\n          name: \"南阳供电所\",\r\n          stationNumber: \"10kv中北线151\",\r\n          alternatorNumber: \"20089.24\",\r\n        },\r\n        {\r\n          id: 4,\r\n          name: \"南阳供电所\",\r\n          stationNumber: \"10kv中北线151\",\r\n          alternatorNumber: \"20089.24\",\r\n        },\r\n        {\r\n          id: 5,\r\n          name: \"南阳供电所\",\r\n          stationNumber: \"10kv中北线151\",\r\n          alternatorNumber: \"20089.24\",\r\n        },\r\n        {\r\n          id: 6,\r\n          name: \"南阳供电所\",\r\n          stationNumber: \"10kv中北线151\",\r\n          alternatorNumber: \"20089.24\",\r\n        },\r\n        {\r\n          id: 7,\r\n          name: \"南阳供电所\",\r\n          stationNumber: \"10kv中北线151\",\r\n          alternatorNumber: \"20089.24\",\r\n        },\r\n        {\r\n          id: 8,\r\n          name: \"南阳供电所\",\r\n          stationNumber: \"10kv中北线151\",\r\n          alternatorNumber: \"20089.24\",\r\n        },\r\n        {\r\n          id: 9,\r\n          name: \"南阳供电所\",\r\n          stationNumber: \"10kv中北线151\",\r\n          alternatorNumber: \"20089.24\",\r\n        },\r\n        {\r\n          id: 10,\r\n          name: \"南阳供电所\",\r\n          stationNumber: \"10kv中北线151\",\r\n          alternatorNumber: \"20089.24\",\r\n        },\r\n        {\r\n          id: 11,\r\n          name: \"南阳供电所\",\r\n          stationNumber: \"10kv中北线151\",\r\n          alternatorNumber: \"20089.24\",\r\n        },\r\n        {\r\n          id: 12,\r\n          name: \"南阳供电所\",\r\n          stationNumber: \"10kv中北线151\",\r\n          alternatorNumber: \"20089.24\",\r\n        },\r\n      ],\r\n    };\r\n  },\r\n  created() {},\r\n  mounted() {\r\n    this.init();\r\n    this.detailedTwo11();\r\n    this.detailedTwo22();\r\n    this.detailqe1();\r\n    this.detailen1();\r\n    this.xianDuan();\r\n    window.parent.getLoc();\r\n  },\r\n  methods: {\r\n    init() {\r\n      loadRateTop5({\r\n        area: \"大丰区供电公司\",\r\n        date: \"2023-7-24\",\r\n      })\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        .catch((error) => {\r\n          let id = this.$route.query.area;\r\n          let date = this.$route.query.area;\r\n          console.log(id, date);\r\n          console.log(error, \"报错详情\");\r\n        });\r\n    },\r\n    //地图画线\r\n    xianDuan() {\r\n      var canvas = document.getElementById(\"myCanvas\");\r\n      var ctx = canvas.getContext(\"2d\");\r\n      ctx.moveTo(500, 500); // moveTo(x,y) 定义线条开始坐标\r\n      ctx.lineTo(700, 150); // lineTo(x,y) 定义线条结束坐标\r\n      ctx.moveTo(400, 500); // moveTo(x,y) 定义线条开始坐标\r\n      ctx.lineTo(160, 600); // lineTo(x,y) 定义线条结束坐标\r\n      ctx.strokeStyle = \"orange\";\r\n      ctx.lineWidth = 5;\r\n      ctx.stroke();\r\n    },\r\n    detailedTwo11() {\r\n      var fontColor = \"#fff\";\r\n      var myChart = this.$echarts.init(document.getElementById(\"detailedTwo1\"));\r\n      var option = {\r\n        grid: {\r\n          left: \"5%\",\r\n          right: \"10%\",\r\n          top: \"20%\",\r\n          bottom: \"15%\",\r\n          containLabel: true,\r\n        },\r\n        tooltip: {\r\n          show: true,\r\n          trigger: \"item\",\r\n        },\r\n        legend: {\r\n          show: true,\r\n          x: \"center\",\r\n          y: \"35\",\r\n          icon: \"stack\",\r\n          itemWidth: 10,\r\n          itemHeight: 10,\r\n          textStyle: {\r\n            color: \"#1bb4f6\",\r\n          },\r\n          data: [\"已采纳\", \"已发布\", \"浏览量\"],\r\n        },\r\n        xAxis: [\r\n          {\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          },\r\n        ],\r\n        yAxis: [\r\n          {\r\n            type: \"value\",\r\n            name: \"信息量\",\r\n            min: 0,\r\n            max: 1000,\r\n            show: false,\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            // name: \"已发布\",\r\n            type: \"line\",\r\n            stack: \"总量\",\r\n            symbol: \"none\",\r\n            symbolSize: 8,\r\n            itemStyle: {\r\n              normal: {\r\n                color: \"yellow\",\r\n                lineStyle: {\r\n                  color: \"yellow\",\r\n                  width: 3,\r\n                  type: \"solid\",\r\n                },\r\n              },\r\n            },\r\n            data: [10, 12, 801, 844, 790, 830, 610, 501, 654, 490, 530, 310],\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    detailedTwo22() {\r\n      var myChart = this.$echarts.init(document.getElementById(\"detailedTwo2\"));\r\n      var honorData = [\r\n        {\r\n          name: \"用电量（单位：亿）\",\r\n          data: [17.4, 14.1, 17.3, 18.6, 16.6],\r\n        },\r\n        {\r\n          name: \"碳排放量（单位：万）\",\r\n          data: [9.4, 8.1, 7.3, 8.6, 6.6],\r\n        },\r\n      ];\r\n      var honorXAxisData = [\"No.5\", \"No.4\", \"No.3\", \"No.2\", \"No.1\"];\r\n      var nameList = [\r\n        \"自然19#\",\r\n        \"民权5#变\",\r\n        \"民权5#变\",\r\n        \"光顺09号\",\r\n        \"PMS_碧桂园10#配变\",\r\n      ];\r\n      var option = {\r\n        color: [\"#0F9AF8\", \"#2039C3\", \"rgba(32,57,195,.5)\", \"#2ECACE\"],\r\n        tooltip: {\r\n          trigger: \"axis\",\r\n          axisPointer: {\r\n            type: \"none\",\r\n          },\r\n        },\r\n        grid: {\r\n          top: \"15%\",\r\n          left: \"14%\",\r\n          right: \"0%\",\r\n          bottom: \"0%\",\r\n        },\r\n        xAxis: [\r\n          {\r\n            type: \"value\",\r\n            show: false,\r\n            axisLine: {\r\n              show: false,\r\n            },\r\n            axisTick: {\r\n              show: false,\r\n            },\r\n            axisLabel: {\r\n              color: \"#6B9DD7\",\r\n              fontSize: 16, // 文字大小\r\n              fontWeight: 400,\r\n              interval: 0,\r\n              formatter: function (value) {\r\n                return value + \"(万元)\";\r\n              },\r\n            },\r\n            splitLine: {\r\n              show: false,\r\n            },\r\n          },\r\n        ],\r\n        yAxis: [\r\n          {\r\n            type: \"category\",\r\n            offset: 17,\r\n            axisLine: {\r\n              show: false,\r\n            },\r\n            axisTick: {\r\n              show: false,\r\n            },\r\n            axisLabel: {\r\n              color: \"#fff\",\r\n              fontSize: 20, // 文字大小\r\n              fontWeight: 700,\r\n              interval: 0,\r\n            },\r\n\r\n            data: honorXAxisData,\r\n          },\r\n          {\r\n            //名称\r\n            type: \"category\",\r\n            offset: -10,\r\n            position: \"left\",\r\n            axisLine: {\r\n              show: false,\r\n            },\r\n            inverse: true,\r\n            axisTick: {\r\n              show: false,\r\n            },\r\n            axisLabel: {\r\n              interval: 0,\r\n              color: \"#fff\",\r\n              align: \"left\",\r\n              verticalAlign: \"bottom\",\r\n              lineHeight: 40,\r\n              fontSize: 20,\r\n            },\r\n            data: nameList,\r\n          },\r\n        ],\r\n        series: [\r\n          {\r\n            name: \"60天内掉电客户数\",\r\n            type: \"bar\",\r\n            stack: \"zongliang\",\r\n            barWidth: \"25%\",\r\n            barGap: 15, // 柱图之间的间距\r\n            itemStyle: {\r\n              //自定义颜色\r\n              // normal: { color: \"orange\" },\r\n              color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [\r\n                {\r\n                  //代表渐变色从正上方开始\r\n                  offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n                  color: \"rgba(255,165,0,.4)\",\r\n                }, //柱图渐变色\r\n                {\r\n                  offset: 1, //指100%处的颜色\r\n                  color: \"rgb(255,165,0)\",\r\n                },\r\n              ]),\r\n            },\r\n            label: {\r\n              normal: {\r\n                show: true,\r\n                position: [\"80%\", \"-100%\"],\r\n                formatter: function (params) {\r\n                  return params.value;\r\n                },\r\n                textStyle: {\r\n                  color: \"#fff\",\r\n                  fontSize: 18,\r\n                },\r\n              },\r\n            },\r\n\r\n            data: honorData[0].data,\r\n          },\r\n          {\r\n            name: \"60天内掉电总数\",\r\n            type: \"bar\",\r\n            stack: \"zongliang\",\r\n            barWidth: \"25%\",\r\n            itemStyle: {\r\n              //自定义颜色\r\n              // normal: { color: \"orange\" },\r\n              color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [\r\n                {\r\n                  //代表渐变色从正上方开始\r\n                  offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n                  color: \"#005BEA\",\r\n                }, //柱图渐变色\r\n                {\r\n                  offset: 1, //指100%处的颜色\r\n                  color: \"#00C6FB\",\r\n                },\r\n              ]),\r\n            },\r\n            label: {\r\n              normal: {\r\n                show: true,\r\n                position: [\"80%\", \"-100%\"],\r\n                formatter: function (params) {\r\n                  return params.value;\r\n                },\r\n                textStyle: {\r\n                  color: \"#fff\",\r\n                  fontSize: 18,\r\n                },\r\n              },\r\n            },\r\n            data: honorData[1].data,\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    detailqe1() {\r\n      var fontColor = \"#fff\";\r\n      var myChart = this.$echarts.init(document.getElementById(\"detailqe\"));\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    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              \"10kv北红线124\",\r\n              \"10kv北红线125\",\r\n              \"10kv北红线126\",\r\n              \"10kv北红线127\",\r\n              \"10kv北红线128\",\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            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            emphasis: {\r\n              focus: \"series\",\r\n            },\r\n            data: [320, 332, 301, 334, 390],\r\n          },\r\n          {\r\n            name: \"关联检修单\",\r\n            type: \"bar\",\r\n            itemStyle: {\r\n              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n                { offset: 1, color: \"rgba(237,125,49,.2) \" },\r\n                { offset: 0.5, color: \"rgb(237,125,49,.6)\" },\r\n                { offset: 0, color: \"rgb(237,125,49)\" },\r\n              ]),\r\n              borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n              borderWidth: 0,\r\n            },\r\n            emphasis: {\r\n              focus: \"series\",\r\n            },\r\n            data: [220, 182, 191, 234, 290],\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  watch: {},\r\n};\r\n</script>\r\n<style lang=\"less\" scoped>\r\n.content {\r\n  /deep/ .el-table__body td .cell {\r\n    white-space: normal !important;\r\n  }\r\n}\r\n\r\n.two {\r\n  /deep/ .el-table__body-wrapper {\r\n    height: 195px !important;\r\n  }\r\n  .enselect {\r\n    position: absolute;\r\n    right: 30px;\r\n    img {\r\n      float: right;\r\n    }\r\n    .text {\r\n      float: right;\r\n      // right: -10px;\r\n      margin-right: -60px;\r\n      font-size: 20px;\r\n\r\n      color: #fff;\r\n    }\r\n  }\r\n}\r\n\r\n// 滚动条的宽度\r\n/deep/ .el-table__body-wrapper::-webkit-scrollbar {\r\n  width: 6px; // 横向滚动条\r\n  height: 6px; // 纵向滚动条 必写\r\n  // display: block !important;\r\n}\r\n\r\n// 滚动条的滑块\r\n/deep/ .el-table__body-wrapper::-webkit-scrollbar-thumb {\r\n  background-color: rgba(35, 160, 247, 1);\r\n  border-radius: 3px;\r\n}\r\n\r\n/deep/ .el-table--scrollable-x .el-table__body-wrapper {\r\n  overflow-x: hidden;\r\n}\r\n\r\n.user_skills {\r\n  /deep/ .el-table {\r\n    background-color: transparent !important;\r\n  }\r\n\r\n  /deep/ .el-table th {\r\n    background-color: transparent !important;\r\n  }\r\n\r\n  /deep/ .el-table__header {\r\n    width: 100% !important;\r\n    height: 70px;\r\n    background: url(\"../assets/images/tableBg.png\") no-repeat;\r\n    background-size: 100% 100%;\r\n\r\n    .cell {\r\n      text-align: center !important;\r\n      justify-content: center;\r\n    }\r\n  }\r\n\r\n  /deep/ .el-table__header th {\r\n    border: none;\r\n    padding: 0;\r\n    height: 48px;\r\n\r\n    .cell {\r\n      height: 100%;\r\n      display: flex;\r\n      align-items: center;\r\n    }\r\n\r\n    &.el-table__cell.is-leaf {\r\n      border: none !important;\r\n    }\r\n  }\r\n\r\n  /deep/ .el-table tr {\r\n    background-color: transparent;\r\n  }\r\n\r\n  /deep/ .el-table--enable-row-transition .el-table__body td,\r\n  .el-table .cell {\r\n    background-color: transparent !important;\r\n    border: none;\r\n    color: #ffffff;\r\n  }\r\n\r\n  /deep/ .el-table__body td .cell {\r\n    white-space: nowrap;\r\n    // word-break: break-all;\r\n    display: flex !important;\r\n    justify-content: center !important;\r\n  }\r\n\r\n  /deep/ .el-table th.el-table__cell > .cell {\r\n    color: rgb(86, 254, 226);\r\n  }\r\n\r\n  /deep/.el-table__body,\r\n  .el-table__footer,\r\n  .el-table__header {\r\n    width: 100% !important;\r\n  }\r\n\r\n  /deep/ .el-table__body td .cell {\r\n    // width: 60px !important;\r\n  }\r\n\r\n  // &::before {\r\n  //   //去除底部白线\r\n  //   left: 0;\r\n  //   bottom: 0;\r\n  //   width: 100%;\r\n  //   height: 0px;\r\n  // }\r\n  .el-table::before {\r\n    background-color: transparent;\r\n  }\r\n}\r\n\r\n.home {\r\n  width: 100%;\r\n  height: 100%;\r\n  padding: 15px 28px;\r\n  display: flex;\r\n  flex-flow: row nowrap;\r\n  justify-content: space-between;\r\n  box-sizing: border-box;\r\n\r\n  .left {\r\n    padding-right: 15px;\r\n    // width: 604px;\r\n    width: 17.18%;\r\n    height: 100%;\r\n    display: flex;\r\n    flex-flow: column nowrap;\r\n    justify-content: space-between;\r\n  }\r\n\r\n  .left1 {\r\n    // width: 604px;\r\n    // padding: 0 10px;\r\n    width: 17.18%;\r\n    height: 100%;\r\n    display: flex;\r\n    flex-flow: column nowrap;\r\n    justify-content: space-between;\r\n    #detailedTwo1 {\r\n      width: 100%;\r\n      height: 400px;\r\n    }\r\n    #detailedTwo2 {\r\n      width: 100%;\r\n      height: 350px;\r\n    }\r\n  }\r\n\r\n  .middle {\r\n    // width: 1590px;\r\n    width: 32.7%;\r\n    height: 100%;\r\n    display: flex;\r\n    flex-flow: column nowrap;\r\n    justify-content: space-between;\r\n    .imgboxone {\r\n      background: url(\"../assets/02/dttksgsj.png\") no-repeat;\r\n      background-size: 100%;\r\n      float: right;\r\n      width: 40vh;\r\n      height: 10vh;\r\n      position: relative;\r\n      top: 5vh;\r\n      right: 1vh;\r\n      .contents {\r\n        height: 90%;\r\n        padding: 10px 10px 10px 10px;\r\n        box-sizing: border-box;\r\n        display: flex;\r\n        flex-flow: row nowrap;\r\n        justify-content: space-between;\r\n\r\n        .lines {\r\n          width: 100%;\r\n          display: flex;\r\n          flex-flow: column nowrap;\r\n          background: url(\"../assets/02/tkxkz.png\") no-repeat;\r\n        }\r\n\r\n        .total {\r\n          .num {\r\n            display: flex;\r\n            flex-flow: column nowrap;\r\n            justify-content: center;\r\n            align-items: center;\r\n            color: #ffffff;\r\n            h5 {\r\n              font-size: 28px;\r\n            }\r\n            .yellow {\r\n              color: yellow;\r\n            }\r\n            .orange {\r\n              color: orange;\r\n            }\r\n            span {\r\n              float: left;\r\n              font-size: 18px;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .imgboxtwo {\r\n      padding: 0 0 0 20px;\r\n      background: url(\"../assets/02/map4.png\") no-repeat;\r\n      background-size: 100%;\r\n      float: left;\r\n      width: 40vh;\r\n      height: 25vh;\r\n      position: relative;\r\n      top: 52vh;\r\n      left: 30vh;\r\n      display: flex;\r\n      .contentUl {\r\n        display: flex;\r\n        margin: 0;\r\n        padding: 10px;\r\n        width: 100%;\r\n        /* flex布局 */\r\n        display: flex;\r\n        // 开启换行\r\n        flex-wrap: wrap;\r\n        // 主轴上两端对齐\r\n        justify-content: space-between;\r\n        // 副轴上两端对齐\r\n        align-content: space-between;\r\n        //li盒子大小设置\r\n        li {\r\n          h5 {\r\n            float: left;\r\n          }\r\n          span {\r\n            font-size: 30px;\r\n          }\r\n          width: 49.5%;\r\n          //高度调整\r\n          height: 50%;\r\n          list-style: none;\r\n          font-size: 24px;\r\n          color: #fff;\r\n          background: url(\"../assets/02/tkxkz.png\") no-repeat;\r\n          background-size: 100%;\r\n        }\r\n      }\r\n    }\r\n\r\n    .map {\r\n      background: url(\"../assets/indexN/map.png\") no-repeat;\r\n      vertical-align: middle;\r\n      display: table-cell;\r\n      text-align: center;\r\n      margin-left: -20%;\r\n      img {\r\n        position: relative;\r\n        left: 20%;\r\n        top: 35%;\r\n      }\r\n    }\r\n  }\r\n\r\n  .right {\r\n    // width: 604px;\r\n    width: 16.8%;\r\n    height: 100%;\r\n    display: flex;\r\n    flex-flow: column nowrap;\r\n    justify-content: space-between;\r\n    #detailqe {\r\n      width: 100%;\r\n      height: 350px;\r\n    }\r\n    #detailen {\r\n      width: 100%;\r\n      height: 400px;\r\n    }\r\n    .eqselect {\r\n      span {\r\n        font-size: 20px;\r\n        color: #f8f8f8;\r\n      }\r\n      img {\r\n        margin-right: 7px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .right1 {\r\n    // width: 604px;\r\n    width: 17.18%;\r\n    height: 100%;\r\n    display: flex;\r\n    flex-flow: column nowrap;\r\n    justify-content: space-between;\r\n  }\r\n}\r\n\r\n// }\r\n</style>\r\n<style lang=\"less\" scoped>\r\n//  .el-popper {\r\n//   top: 50%;\r\n// }\r\n\r\n/deep/ .popper__arrow {\r\n  left: 171px !important;\r\n  top: 95px !important;\r\n}\r\n\r\n/deep/ .el-select-dropdown {\r\n  background-color: rgb(14, 30, 46) !important;\r\n  border: 1px solid rgba(45, 143, 148, 0.5) !important;\r\n\r\n  /deep/ .el-select-dropdown__item {\r\n    color: #fff !important;\r\n  }\r\n\r\n  /deep/ .el-select-dropdown__item.hover,\r\n  /deep/ .el-select-dropdown__item:hover {\r\n    background-color: rgb(18, 54, 87) !important;\r\n  }\r\n}\r\n\r\n/deep/ .el-popper[x-placement^=\"bottom\"] {\r\n  margin-top: -146px !important;\r\n}\r\n\r\n/**\r\n表格有滚动效果但是不显示滚动条\r\n*/\r\n</style>\r\n<style lang=\"less\">\r\n.el-table .rowColor0 {\r\n  background: red !important;\r\n  animation: fade 2000ms infinite ease-in-out;\r\n}\r\n\r\n@keyframes fade {\r\n  from {\r\n    opacity: 1;\r\n  }\r\n\r\n  50% {\r\n    opacity: 0.6;\r\n  }\r\n\r\n  to {\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n// .el-pager li:hover{\r\n//   color:black\r\n// }\r\n.cartitle {\r\n  height: 52px;\r\n  width: 100%;\r\n  // background: url(\"../assets/images/carTitle.png\") no-repeat;\r\n  font-size: 24px;\r\n  font-weight: 600;\r\n  color: #ffffff;\r\n  line-height: 52px;\r\n  // text-align: left;\r\n  text-indent: 26px;\r\n}\r\n.titleFont {\r\n  color: transparent;\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  background-image: linear-gradient(\r\n    to bottom,\r\n    rgb(255, 255, 255),\r\n    rgb(123, 247, 245)\r\n  );\r\n  img {\r\n    margin: 20px;\r\n  }\r\n}\r\n.content {\r\n  padding: 24px 31px 0 31px;\r\n  box-sizing: border-box;\r\n  display: flex;\r\n  flex-flow: row nowrap;\r\n  justify-content: space-between;\r\n\r\n  .line {\r\n    width: 100%;\r\n    display: flex;\r\n    flex-flow: column nowrap;\r\n    table {\r\n      thead {\r\n        font-size: 22px !important;\r\n        height: 50px;\r\n        background: url(\"../assets/02/bgbth.png\") no-repeat;\r\n      }\r\n      tbody {\r\n        tr {\r\n          height: 50px;\r\n          font-size: 18px !important;\r\n          color: #fff;\r\n          background: url(\"../assets/02/bgqth.png\") no-repeat;\r\n        }\r\n      }\r\n    }\r\n\r\n    .total {\r\n      display: flex;\r\n      flex-flow: row nowrap;\r\n      justify-content: space-around;\r\n      margin-bottom: 15%;\r\n\r\n      .num {\r\n        display: flex;\r\n        flex-flow: column nowrap;\r\n        justify-content: center;\r\n        align-items: center;\r\n        color: #ffffff;\r\n\r\n        .numText {\r\n          color: #ffffff;\r\n        }\r\n\r\n        .numText:before {\r\n          content: attr(text);\r\n          position: absolute;\r\n          z-index: 10;\r\n          color: rgb(86, 254, 246) !important;\r\n          -webkit-mask: linear-gradient(to top, rgb(86, 244, 254), transparent);\r\n        }\r\n      }\r\n    }\r\n\r\n    .info {\r\n      display: flex;\r\n      flex-flow: column nowrap;\r\n\r\n      .lists {\r\n        width: 100%;\r\n        height: 32px;\r\n        background: url(\"../assets/images/cardSquare.png\") no-repeat;\r\n        display: flex;\r\n        flex-flow: row nowrap;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        background-size: 100% 100%;\r\n        margin-bottom: 9%;\r\n        padding: 0 10px 0 0;\r\n        box-sizing: border-box;\r\n\r\n        & > div {\r\n          font-size: 18px;\r\n          color: #ffffff;\r\n        }\r\n\r\n        .number {\r\n          color: rgb(86, 254, 226);\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n.two {\r\n  background: url(\"../assets/indexN/boxLr.png\") no-repeat;\r\n  background-size: 100% 100%;\r\n  position: relative;\r\n}\r\n.one {\r\n  background: url(\"../assets/02/bgk.png\") no-repeat;\r\n  background-size: 100% 100%;\r\n  position: relative;\r\n\r\n  .unityBtn {\r\n    position: absolute;\r\n    top: 40px;\r\n    left: 30%;\r\n    width: 40%;\r\n    display: flex;\r\n    justify-content: space-between;\r\n\r\n    .btn {\r\n      width: 100%;\r\n      height: 38px;\r\n      color: #fff;\r\n      font-size: 18px;\r\n      line-height: 38px;\r\n      background: url(\"../assets/images/btnAct.png\") no-repeat;\r\n      background-size: 100% 100%;\r\n      margin-bottom: 10px;\r\n      margin-right: 15px;\r\n    }\r\n\r\n    .btnAct {\r\n      color: rgb(244, 201, 7);\r\n      background: url(\"../assets/images/unityBtn.png\") no-repeat;\r\n      background-size: 100% 100%;\r\n      margin-right: 15px;\r\n    }\r\n  }\r\n\r\n  .unityIcon {\r\n    background: url(\"../assets/images/iconCard.png\") no-repeat;\r\n    background-size: 100% 100%;\r\n    width: 110px;\r\n    height: 168px;\r\n    position: absolute;\r\n    right: 40px;\r\n    bottom: 80px;\r\n    display: flex;\r\n    -webkit-box-orient: vertical;\r\n    -webkit-box-direction: normal;\r\n    flex-direction: column;\r\n    justify-content: space-around;\r\n    align-items: center;\r\n\r\n    .unityIconGround {\r\n      width: 80%;\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n    }\r\n  }\r\n\r\n  .unityEnlargeBtn {\r\n    width: 100px;\r\n    display: flex;\r\n    justify-content: space-around;\r\n    position: absolute;\r\n    right: 40px;\r\n    top: 40px;\r\n\r\n    .content {\r\n      width: 38px;\r\n      height: 36px;\r\n      background: url(\"../assets/images/btnkuang.png\") no-repeat !important;\r\n      background-size: 100% 100% !important;\r\n    }\r\n  }\r\n\r\n  .unitySelect {\r\n    position: absolute;\r\n    left: 40px;\r\n    width: 222px;\r\n    height: 5%;\r\n    bottom: 20px;\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    .unitySuosou {\r\n      width: 57px;\r\n      height: 53px;\r\n      background: url(\"../assets/images/sousuoKuang.png\") no-repeat;\r\n      background-size: 100% 100%;\r\n    }\r\n  }\r\n}\r\n</style>\r\n"]}]}