diff --git a/node_modules/.cache/babel-loader/0c54fb258fbec348528cc783e45e0749.json b/node_modules/.cache/babel-loader/0c54fb258fbec348528cc783e45e0749.json
new file mode 100644
index 00000000..5988d35b
--- /dev/null
+++ b/node_modules/.cache/babel-loader/0c54fb258fbec348528cc783e45e0749.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??ref--6!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\component\\routeDetail.vue?vue&type=template&id=21352842&scoped=true&","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\component\\routeDetail.vue","mtime":1689642397092},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\babel.config.js","mtime":1689642387810},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1689642389292},{"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\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1689642396087},{"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":["var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"route\"\n  }, [_c(\"div\", {\n    directives: [{\n      name: \"show\",\n      rawName: \"v-show\",\n      value: _vm.wordShow,\n      expression: \"wordShow\"\n    }],\n    staticClass: \"word\"\n  }, [_c(\"div\", {\n    ref: \"word\",\n    staticClass: \"wordBox\"\n  })]), _c(\"div\", {\n    directives: [{\n      name: \"show\",\n      rawName: \"v-show\",\n      value: _vm.wordShow,\n      expression: \"wordShow\"\n    }],\n    staticClass: \"closeWord\",\n    on: {\n      click: _vm.closeWord\n    }\n  }, [_c(\"img\", {\n    staticStyle: {\n      cursor: \"pointer\"\n    },\n    attrs: {\n      src: require(\"@/assets/images/close.png\")\n    }\n  })]), _c(\"div\", {\n    staticClass: \"close\"\n  }, [_c(\"img\", {\n    staticStyle: {\n      cursor: \"pointer\"\n    },\n    attrs: {\n      src: require(\"@/assets/images/close.png\")\n    },\n    on: {\n      click: _vm.handleClose\n    }\n  })]), _vm._m(0), _c(\"div\", {\n    staticClass: \"route-main\"\n  }, [_c(\"div\", {\n    staticClass: \"mainLeft\"\n  }, [_c(\"div\", {\n    staticClass: \"route-item\"\n  }, [_c(\"div\", {\n    staticClass: \"item-title\"\n  }, [_vm._v(\"班组:\")]), _c(\"div\", [_vm._v(_vm._s(_vm.routeItem.bz))])]), _c(\"div\", {\n    staticClass: \"route-item\"\n  }, [_c(\"div\", {\n    staticClass: \"item-title\"\n  }, [_vm._v(\"故障状态:\")]), _c(\"div\", {\n    staticStyle: {\n      color: \"#b16f18\"\n    }\n  }, [_vm._v(_vm._s(_vm.routeItem.gz_state_dsc))])]), _c(\"div\", {\n    staticClass: \"route-item\"\n  }, [_c(\"div\", {\n    staticClass: \"item-title1\"\n  }, [_vm._v(\"故障发生时间:\")]), _c(\"div\", {\n    staticStyle: {\n      \"margin-left\": \"0px\"\n    }\n  }, [_vm._v(_vm._s(_vm.routeItem.gz_time))])]), _c(\"div\", {\n    staticClass: \"route-item\"\n  }, [_c(\"div\", {\n    staticClass: \"item-title1\"\n  }, [_vm._v(\"处理完成时间:\")]), _c(\"div\", {\n    staticStyle: {\n      \"margin-left\": \"0px\"\n    }\n  }, [_vm._v(_vm._s(_vm.routeItem.gz_time_deal))])]), _c(\"div\", {\n    staticClass: \"route-item\",\n    staticStyle: {\n      width: \"100%\"\n    }\n  }, [_c(\"div\", {\n    staticClass: \"item-title1\"\n  }, [_vm._v(\"影响时户数:\")]), _c(\"div\", {\n    staticStyle: {\n      color: \"#3ebaa7\"\n    }\n  }, [_vm._v(_vm._s(_vm.routeItem.yxshs))])]), _c(\"div\", {\n    staticClass: \"route-item\",\n    staticStyle: {\n      width: \"100%\"\n    }\n  }, [_c(\"div\", {\n    staticClass: \"item-title1\"\n  }, [_vm._v(\"故障处理与分析:\")]), _c(\"div\", {\n    staticClass: \"detailBtn\",\n    on: {\n      click: function click($event) {\n        return _vm.detailBtn(_vm.routeItem.file_url);\n      }\n    }\n  })])]), _c(\"div\", {\n    staticClass: \"mainRight\"\n  }, [_c(\"div\", {\n    staticClass: \"route-item\"\n  }, [_c(\"div\", {\n    staticClass: \"item-title\"\n  }, [_vm._v(\"故障线路:\")]), _c(\"div\", {\n    staticStyle: {\n      color: \"#b16f18\"\n    }\n  }, [_vm._v(_vm._s(_vm.routeItem.gzxl))])]), _c(\"div\", {\n    staticClass: \"route-item\"\n  }, [_c(\"div\", {\n    staticClass: \"item-title\"\n  }, [_vm._v(\"故障类型:\")]), _c(\"div\", [_vm._v(_vm._s(_vm.routeItem.gz_type_dsc))])]), _c(\"div\", {\n    staticClass: \"route-item\",\n    staticStyle: {\n      display: \"flex\",\n      \"align-items\": \"flex-start\"\n    }\n  }, [_c(\"div\", {\n    staticClass: \"item-title\"\n  }, [_vm._v(\"故障描述:\")]), _c(\"div\", {\n    staticStyle: {\n      \"text-align\": \"left\"\n    }\n  }, [_vm._v(_vm._s(_vm.routeItem.dsc))])])])])]);\n};\nvar staticRenderFns = [function () {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"route-title\"\n  }, [_c(\"span\", {\n    staticClass: \"text\"\n  }, [_vm._v(\"故障详情\")])]);\n}];\nrender._withStripped = true;\nexport { render, staticRenderFns };",{"version":3,"names":["render","_vm","_c","_self","staticClass","directives","name","rawName","value","wordShow","expression","ref","on","click","closeWord","staticStyle","cursor","attrs","src","require","handleClose","_m","_v","_s","routeItem","bz","color","gz_state_dsc","gz_time","gz_time_deal","width","yxshs","$event","detailBtn","file_url","gzxl","gz_type_dsc","display","dsc","staticRenderFns","_withStripped"],"sources":["E:/2023/yancheng0718/yanchengPowerSupply/src/component/routeDetail.vue"],"sourcesContent":["var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\"div\", { staticClass: \"route\" }, [\n    _c(\n      \"div\",\n      {\n        directives: [\n          {\n            name: \"show\",\n            rawName: \"v-show\",\n            value: _vm.wordShow,\n            expression: \"wordShow\",\n          },\n        ],\n        staticClass: \"word\",\n      },\n      [_c(\"div\", { ref: \"word\", staticClass: \"wordBox\" })]\n    ),\n    _c(\n      \"div\",\n      {\n        directives: [\n          {\n            name: \"show\",\n            rawName: \"v-show\",\n            value: _vm.wordShow,\n            expression: \"wordShow\",\n          },\n        ],\n        staticClass: \"closeWord\",\n        on: { click: _vm.closeWord },\n      },\n      [\n        _c(\"img\", {\n          staticStyle: { cursor: \"pointer\" },\n          attrs: { src: require(\"@/assets/images/close.png\") },\n        }),\n      ]\n    ),\n    _c(\"div\", { staticClass: \"close\" }, [\n      _c(\"img\", {\n        staticStyle: { cursor: \"pointer\" },\n        attrs: { src: require(\"@/assets/images/close.png\") },\n        on: { click: _vm.handleClose },\n      }),\n    ]),\n    _vm._m(0),\n    _c(\"div\", { staticClass: \"route-main\" }, [\n      _c(\"div\", { staticClass: \"mainLeft\" }, [\n        _c(\"div\", { staticClass: \"route-item\" }, [\n          _c(\"div\", { staticClass: \"item-title\" }, [_vm._v(\"班组:\")]),\n          _c(\"div\", [_vm._v(_vm._s(_vm.routeItem.bz))]),\n        ]),\n        _c(\"div\", { staticClass: \"route-item\" }, [\n          _c(\"div\", { staticClass: \"item-title\" }, [_vm._v(\"故障状态:\")]),\n          _c(\"div\", { staticStyle: { color: \"#b16f18\" } }, [\n            _vm._v(_vm._s(_vm.routeItem.gz_state_dsc)),\n          ]),\n        ]),\n        _c(\"div\", { staticClass: \"route-item\" }, [\n          _c(\"div\", { staticClass: \"item-title1\" }, [_vm._v(\"故障发生时间:\")]),\n          _c(\"div\", { staticStyle: { \"margin-left\": \"0px\" } }, [\n            _vm._v(_vm._s(_vm.routeItem.gz_time)),\n          ]),\n        ]),\n        _c(\"div\", { staticClass: \"route-item\" }, [\n          _c(\"div\", { staticClass: \"item-title1\" }, [_vm._v(\"处理完成时间:\")]),\n          _c(\"div\", { staticStyle: { \"margin-left\": \"0px\" } }, [\n            _vm._v(_vm._s(_vm.routeItem.gz_time_deal)),\n          ]),\n        ]),\n        _c(\n          \"div\",\n          { staticClass: \"route-item\", staticStyle: { width: \"100%\" } },\n          [\n            _c(\"div\", { staticClass: \"item-title1\" }, [_vm._v(\"影响时户数:\")]),\n            _c(\"div\", { staticStyle: { color: \"#3ebaa7\" } }, [\n              _vm._v(_vm._s(_vm.routeItem.yxshs)),\n            ]),\n          ]\n        ),\n        _c(\n          \"div\",\n          { staticClass: \"route-item\", staticStyle: { width: \"100%\" } },\n          [\n            _c(\"div\", { staticClass: \"item-title1\" }, [\n              _vm._v(\"故障处理与分析:\"),\n            ]),\n            _c(\"div\", {\n              staticClass: \"detailBtn\",\n              on: {\n                click: function ($event) {\n                  return _vm.detailBtn(_vm.routeItem.file_url)\n                },\n              },\n            }),\n          ]\n        ),\n      ]),\n      _c(\"div\", { staticClass: \"mainRight\" }, [\n        _c(\"div\", { staticClass: \"route-item\" }, [\n          _c(\"div\", { staticClass: \"item-title\" }, [_vm._v(\"故障线路:\")]),\n          _c(\"div\", { staticStyle: { color: \"#b16f18\" } }, [\n            _vm._v(_vm._s(_vm.routeItem.gzxl)),\n          ]),\n        ]),\n        _c(\"div\", { staticClass: \"route-item\" }, [\n          _c(\"div\", { staticClass: \"item-title\" }, [_vm._v(\"故障类型:\")]),\n          _c(\"div\", [_vm._v(_vm._s(_vm.routeItem.gz_type_dsc))]),\n        ]),\n        _c(\n          \"div\",\n          {\n            staticClass: \"route-item\",\n            staticStyle: { display: \"flex\", \"align-items\": \"flex-start\" },\n          },\n          [\n            _c(\"div\", { staticClass: \"item-title\" }, [_vm._v(\"故障描述:\")]),\n            _c(\"div\", { staticStyle: { \"text-align\": \"left\" } }, [\n              _vm._v(_vm._s(_vm.routeItem.dsc)),\n            ]),\n          ]\n        ),\n      ]),\n    ]),\n  ])\n}\nvar staticRenderFns = [\n  function () {\n    var _vm = this,\n      _c = _vm._self._c\n    return _c(\"div\", { staticClass: \"route-title\" }, [\n      _c(\"span\", { staticClass: \"text\" }, [_vm._v(\"故障详情\")]),\n    ])\n  },\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }"],"mappings":"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"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/106c1b2165eb0ec187d6bcbe0478f18d.json b/node_modules/.cache/babel-loader/106c1b2165eb0ec187d6bcbe0478f18d.json
new file mode 100644
index 00000000..f49c5df9
--- /dev/null
+++ b/node_modules/.cache/babel-loader/106c1b2165eb0ec187d6bcbe0478f18d.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??ref--6!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\component\\workOrder.vue?vue&type=template&id=52a0f862&scoped=true&","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\component\\workOrder.vue","mtime":1689642397092},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\babel.config.js","mtime":1689642387810},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1689642389292},{"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\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1689642396087},{"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":["var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", [_c(\"div\", {\n    staticClass: \"workOrder\",\n    class: _vm.wordShow == true ? \"addblur\" : \"\"\n  }, [_c(\"div\", {\n    staticClass: \"top\"\n  }, [_c(\"div\", {\n    staticClass: \"title\"\n  }, [_vm._v(_vm._s(_vm.orderItem.gd_type_name) + \"详情\")]), _c(\"div\", {\n    staticClass: \"close\"\n  }, [_c(\"img\", {\n    staticStyle: {\n      cursor: \"pointer\"\n    },\n    attrs: {\n      src: require(\"@/assets/images/close.png\")\n    },\n    on: {\n      click: _vm.handleClose\n    }\n  })])]), _c(\"div\", {\n    staticClass: \"table user_skills\"\n  }, [_c(\"el-table\", {\n    staticStyle: {\n      width: \"100%\",\n      height: \"100%\"\n    },\n    attrs: {\n      data: _vm.workList,\n      \"header-cell-style\": {\n        \"text-align\": \"center\"\n      },\n      \"cell-style\": {\n        \"text-align\": \"center\"\n      },\n      stripe: \"\"\n    }\n  }, [_c(\"el-table-column\", {\n    attrs: {\n      label: \"序号\",\n      align: \"center\",\n      width: \"60\"\n    },\n    scopedSlots: _vm._u([{\n      key: \"default\",\n      fn: function fn(scope) {\n        return [_vm._v(\"\\n            \" + _vm._s(scope.$index + 1) + \"\\n          \")];\n      }\n    }])\n  }), _c(\"el-table-column\", {\n    attrs: {\n      prop: \"bz\",\n      label: \"班组\",\n      align: \"center\"\n    }\n  }), _c(\"el-table-column\", {\n    attrs: {\n      prop: \"gd_type_id\",\n      label: \"工单类型\",\n      align: \"center\"\n    }\n  }), _c(\"el-table-column\", {\n    attrs: {\n      prop: \"gd_zrr\",\n      label: \"工单责任人\",\n      align: \"center\"\n    }\n  }), _c(\"el-table-column\", {\n    attrs: {\n      prop: \"gd_title\",\n      label: \"工单标题\",\n      align: \"center\"\n    }\n  }), _c(\"el-table-column\", {\n    attrs: {\n      prop: \"gd_time\",\n      label: \"工单时间\",\n      align: \"center\"\n    }\n  }), _c(\"el-table-column\", {\n    attrs: {\n      prop: \"is_manyi_dsc\",\n      label: \"是否满意\",\n      align: \"center\"\n    }\n  }), _c(\"el-table-column\", {\n    attrs: {\n      label: \"资料路径\",\n      align: \"center\"\n    },\n    scopedSlots: _vm._u([{\n      key: \"default\",\n      fn: function fn(scope) {\n        return [_c(\"div\", {\n          class: scope.row.file_url ? \"openBtn\" : \"\",\n          on: {\n            click: function click($event) {\n              return _vm.openFile(scope.row.file_url, scope.row.bz);\n            }\n          }\n        })];\n      }\n    }])\n  })], 1)], 1)]), _c(\"div\", {\n    directives: [{\n      name: \"show\",\n      rawName: \"v-show\",\n      value: _vm.wordShow,\n      expression: \"wordShow\"\n    }],\n    staticClass: \"wordDialog\"\n  }, [_c(\"div\", {\n    staticClass: \"title\"\n  }, [_vm._v(\"\\n      \" + _vm._s(_vm.wordShow == true ? this.wordTitle + \"详情\" : \"\") + \"\\n    \")]), _c(\"div\", {\n    ref: \"word\",\n    staticClass: \"word\"\n  }, [_c(\"div\", {\n    staticClass: \"wordBox\"\n  })]), _c(\"div\", {\n    staticClass: \"wordBtn\"\n  }, [_c(\"img\", {\n    staticStyle: {\n      cursor: \"pointer\"\n    },\n    attrs: {\n      src: require(\"@/assets/images/close.png\")\n    },\n    on: {\n      click: _vm.wordClose\n    }\n  })])])]);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\nexport { render, staticRenderFns };",{"version":3,"names":["render","_vm","_c","_self","staticClass","class","wordShow","_v","_s","orderItem","gd_type_name","staticStyle","cursor","attrs","src","require","on","click","handleClose","width","height","data","workList","stripe","label","align","scopedSlots","_u","key","fn","scope","$index","prop","row","file_url","$event","openFile","bz","directives","name","rawName","value","expression","wordTitle","ref","wordClose","staticRenderFns","_withStripped"],"sources":["E:/2023/yancheng0718/yanchengPowerSupply/src/component/workOrder.vue"],"sourcesContent":["var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\"div\", [\n    _c(\n      \"div\",\n      {\n        staticClass: \"workOrder\",\n        class: _vm.wordShow == true ? \"addblur\" : \"\",\n      },\n      [\n        _c(\"div\", { staticClass: \"top\" }, [\n          _c(\"div\", { staticClass: \"title\" }, [\n            _vm._v(_vm._s(_vm.orderItem.gd_type_name) + \"详情\"),\n          ]),\n          _c(\"div\", { staticClass: \"close\" }, [\n            _c(\"img\", {\n              staticStyle: { cursor: \"pointer\" },\n              attrs: { src: require(\"@/assets/images/close.png\") },\n              on: { click: _vm.handleClose },\n            }),\n          ]),\n        ]),\n        _c(\n          \"div\",\n          { staticClass: \"table user_skills\" },\n          [\n            _c(\n              \"el-table\",\n              {\n                staticStyle: { width: \"100%\", height: \"100%\" },\n                attrs: {\n                  data: _vm.workList,\n                  \"header-cell-style\": { \"text-align\": \"center\" },\n                  \"cell-style\": { \"text-align\": \"center\" },\n                  stripe: \"\",\n                },\n              },\n              [\n                _c(\"el-table-column\", {\n                  attrs: { label: \"序号\", align: \"center\", width: \"60\" },\n                  scopedSlots: _vm._u([\n                    {\n                      key: \"default\",\n                      fn: function (scope) {\n                        return [\n                          _vm._v(\n                            \"\\n            \" +\n                              _vm._s(scope.$index + 1) +\n                              \"\\n          \"\n                          ),\n                        ]\n                      },\n                    },\n                  ]),\n                }),\n                _c(\"el-table-column\", {\n                  attrs: { prop: \"bz\", label: \"班组\", align: \"center\" },\n                }),\n                _c(\"el-table-column\", {\n                  attrs: {\n                    prop: \"gd_type_id\",\n                    label: \"工单类型\",\n                    align: \"center\",\n                  },\n                }),\n                _c(\"el-table-column\", {\n                  attrs: {\n                    prop: \"gd_zrr\",\n                    label: \"工单责任人\",\n                    align: \"center\",\n                  },\n                }),\n                _c(\"el-table-column\", {\n                  attrs: {\n                    prop: \"gd_title\",\n                    label: \"工单标题\",\n                    align: \"center\",\n                  },\n                }),\n                _c(\"el-table-column\", {\n                  attrs: {\n                    prop: \"gd_time\",\n                    label: \"工单时间\",\n                    align: \"center\",\n                  },\n                }),\n                _c(\"el-table-column\", {\n                  attrs: {\n                    prop: \"is_manyi_dsc\",\n                    label: \"是否满意\",\n                    align: \"center\",\n                  },\n                }),\n                _c(\"el-table-column\", {\n                  attrs: { label: \"资料路径\", align: \"center\" },\n                  scopedSlots: _vm._u([\n                    {\n                      key: \"default\",\n                      fn: function (scope) {\n                        return [\n                          _c(\"div\", {\n                            class: scope.row.file_url ? \"openBtn\" : \"\",\n                            on: {\n                              click: function ($event) {\n                                return _vm.openFile(\n                                  scope.row.file_url,\n                                  scope.row.bz\n                                )\n                              },\n                            },\n                          }),\n                        ]\n                      },\n                    },\n                  ]),\n                }),\n              ],\n              1\n            ),\n          ],\n          1\n        ),\n      ]\n    ),\n    _c(\n      \"div\",\n      {\n        directives: [\n          {\n            name: \"show\",\n            rawName: \"v-show\",\n            value: _vm.wordShow,\n            expression: \"wordShow\",\n          },\n        ],\n        staticClass: \"wordDialog\",\n      },\n      [\n        _c(\"div\", { staticClass: \"title\" }, [\n          _vm._v(\n            \"\\n      \" +\n              _vm._s(_vm.wordShow == true ? this.wordTitle + \"详情\" : \"\") +\n              \"\\n    \"\n          ),\n        ]),\n        _c(\"div\", { ref: \"word\", staticClass: \"word\" }, [\n          _c(\"div\", { staticClass: \"wordBox\" }),\n        ]),\n        _c(\"div\", { staticClass: \"wordBtn\" }, [\n          _c(\"img\", {\n            staticStyle: { cursor: \"pointer\" },\n            attrs: { src: require(\"@/assets/images/close.png\") },\n            on: { click: _vm.wordClose },\n          }),\n        ]),\n      ]\n    ),\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"],"mappings":"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"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/11a25ae4dbd545461b225f8caed7f33c.json b/node_modules/.cache/babel-loader/11a25ae4dbd545461b225f8caed7f33c.json
new file mode 100644
index 00000000..cceaefdb
--- /dev/null
+++ b/node_modules/.cache/babel-loader/11a25ae4dbd545461b225f8caed7f33c.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-pdf\\src\\vuePdfNoSss.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-pdf\\src\\vuePdfNoSss.vue","mtime":1689642396276},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\babel.config.js","mtime":1689642387810},{"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":["import componentFactory from \"./componentFactory.js\";\nif (process.env.VUE_ENV !== 'server') {\n  var pdfjsWrapper = require(\"./pdfjsWrapper.js\").default;\n  var PDFJS = require('pdfjs-dist/es5/build/pdf.js');\n  if (typeof window !== 'undefined' && 'Worker' in window && navigator.appVersion.indexOf('MSIE 10') === -1) {\n    var PdfjsWorker = require('worker-loader!pdfjs-dist/es5/build/pdf.worker.js');\n    PDFJS.GlobalWorkerOptions.workerPort = new PdfjsWorker();\n  }\n  var component = componentFactory(pdfjsWrapper(PDFJS));\n} else {\n  var component = componentFactory({});\n}\nexport default component;",{"version":3,"mappings":"AAGA;AAEA;EAEA;EACA;EAEA;IAEA;IACAA;EACA;EAEA;AACA;EAEA;AACA;AAEA","names":["PDFJS"],"sourceRoot":"node_modules/vue-pdf/src","sources":["vuePdfNoSss.vue"],"sourcesContent":["<style src=\"./annotationLayer.css\"></style>\n<script>\n\n\timport componentFactory from './componentFactory.js'\n\n\tif ( process.env.VUE_ENV !== 'server' ) {\n\n\t\tvar pdfjsWrapper = require('./pdfjsWrapper.js').default;\n\t\tvar PDFJS = require('pdfjs-dist/es5/build/pdf.js');\n\n\t\tif ( typeof window !== 'undefined' && 'Worker' in window && navigator.appVersion.indexOf('MSIE 10') === -1 ) {\n\n\t\t\tvar PdfjsWorker = require('worker-loader!pdfjs-dist/es5/build/pdf.worker.js');\n\t\t\tPDFJS.GlobalWorkerOptions.workerPort = new PdfjsWorker();\n\t\t}\n\n\t\tvar component = componentFactory(pdfjsWrapper(PDFJS));\n\t} else {\n\n\t\tvar component = componentFactory({});\n\t}\n\n\texport default component;\n</script>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/1537abec82c1a03c8ce8259ff40c2258.json b/node_modules/.cache/babel-loader/1537abec82c1a03c8ce8259ff40c2258.json
new file mode 100644
index 00000000..5de25fc6
--- /dev/null
+++ b/node_modules/.cache/babel-loader/1537abec82c1a03c8ce8259ff40c2258.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\HomePop\\ringMainUnit.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\HomePop\\ringMainUnit.vue","mtime":1689642397095},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\babel.config.js","mtime":1689642387810},{"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":["import \"core-js/modules/es6.object.keys\";\nimport \"core-js/modules/es6.function.name\";\nimport \"core-js/modules/web.dom.iterable\";\nimport { getDevice, getCabinetInfo, getCabinetList, getCabinetData, getCabinetCameraList, getCabinetPointHistory } from \"../../api/index.js\";\nimport JSMpeg from \"../../util/jsmpeg.min\";\nimport axios from \"axios\";\n// import JSMpeg from 'jsmpeg'\nexport default {\n  name: \"ringMainUnit\",\n  props: [\"ringMainUnit\"],\n  data: function data() {\n    return {\n      echartsShow: true,\n      //\n      fenzhiArr: [\"电压/KV\", \"电流/A\", \"温度/℃\"],\n      JSMpeg: null,\n      //视频\n      player: null,\n      webRtcServer: null,\n      rtsp: \"\",\n      //红外视频地址\n      rtsp1: \"\",\n      //普通视频地址\n      waterLevel: \"\",\n      //水位值\n      waterLevel1: \"\",\n      //水位告警\n      grounding: \"\",\n      photoShow: true,\n      videoShow: false,\n      videoShow1: false,\n      deviceId: \"\",\n      tabPosition: \"left\",\n      activeName: \"first\",\n      intervalName: \"interval1\",\n      intervalName1: \"\",\n      InfraredName: \"first\",\n      vectorgraphData: [{\n        vectorgraph: require(\"@/assets/images/shiliangIcon4.png\"),\n        name: \"现场照片\",\n        color: \"rgb(60,127,127)\"\n      }, {\n        vectorgraph: require(\"@/assets/images/shiliangIcon4.png\"),\n        name: \"红外视频\",\n        color: \"rgb(60,127,127)\"\n      }, {\n        vectorgraph: require(\"@/assets/images/shiliangIcon4.png\"),\n        name: \"普通视频\",\n        color: \"rgb(60,127,127)\"\n      }],\n      tableData1: [],\n      tableData: [{\n        name: \"\",\n        phase: \"Uab\",\n        interval1: \"220\",\n        interval2: \"220\",\n        interval3: \"220\",\n        interval4: \"220\",\n        interval5: \"220\",\n        interval6: \"220\",\n        interval7: \"220\",\n        interval8: \"220\"\n      }, {\n        name: \"电压/V\",\n        phase: \"Ubc\",\n        interval1: \"220\",\n        interval2: \"220\",\n        interval3: \"220\",\n        interval4: \"220\",\n        interval5: \"220\",\n        interval6: \"220\",\n        interval7: \"220\",\n        interval8: \"220\"\n      }, {\n        name: \"\",\n        phase: \"Uca\",\n        interval1: \"220\",\n        interval2: \"220\",\n        interval3: \"220\",\n        interval4: \"220\",\n        interval5: \"220\",\n        interval6: \"220\",\n        interval7: \"220\",\n        interval8: \"220\"\n      }, {\n        name: \"\",\n        phase: \"A\",\n        interval1: \"21\",\n        interval2: \"25\",\n        interval3: \"23\",\n        interval4: \"27\",\n        interval5: \"24\",\n        interval6: \"28\",\n        interval7: \"22\",\n        interval8: \"21\"\n      }, {\n        name: \"电流/A\",\n        phase: \"B\",\n        interval1: \"25\",\n        interval2: \"20\",\n        interval3: \"24\",\n        interval4: \"23\",\n        interval5: \"24\",\n        interval6: \"22\",\n        interval7: \"21\",\n        interval8: \"29\"\n      }, {\n        name: \"\",\n        phase: \"C\",\n        interval1: \"21\",\n        interval2: \"25\",\n        interval3: \"23\",\n        interval4: \"27\",\n        interval5: \"24\",\n        interval6: \"28\",\n        interval7: \"22\",\n        interval8: \"21\"\n      }, {\n        name: \"\",\n        phase: \"A\",\n        interval1: \"21\",\n        interval2: \"25\",\n        interval3: \"23\",\n        interval4: \"27\",\n        interval5: \"24\",\n        interval6: \"28\",\n        interval7: \"22\",\n        interval8: \"21\"\n      }, {\n        name: \"温度/℃\",\n        phase: \"B\",\n        interval1: \"25\",\n        interval2: \"20\",\n        interval3: \"24\",\n        interval4: \"23\",\n        interval5: \"24\",\n        interval6: \"22\",\n        interval7: \"21\",\n        interval8: \"29\"\n      }, {\n        name: \"\",\n        phase: \"C\",\n        interval1: \"25\",\n        interval2: \"20\",\n        interval3: \"24\",\n        interval4: \"23\",\n        interval5: \"24\",\n        interval6: \"22\",\n        interval7: \"21\",\n        interval8: \"29\"\n      }],\n      tableColumns: [{\n        name: \"间隔1\"\n      }, {\n        name: \"间隔2\"\n      }, {\n        name: \"间隔3\"\n      }, {\n        name: \"间隔4\"\n      }],\n      echartsTab: [],\n      echartsTab1: [],\n      echartsData: {\n        time: [\"0点\", \"1点\", \"2点\", \"3点\", \"4点\", \"5点\", \"6点\", \"7点\", \"8点\", \"9点\", \"10点\", \"11点\", \"12点\", \"13点\", \"14点\", \"15点\", \"16点\", \"17点\", \"18点\", \"19点\", \"20点\", \"21点\", \"22点\", \"23点\"],\n        num: []\n      },\n      photoList: [{\n        photo: \"\"\n      }],\n      deviceInformation: {},\n      equipmentName: \"\",\n      deviceSn: \"\",\n      partialDischarge: [],\n      //局放数据\n      totalInterval: \"\",\n      tabName: '',\n      //选择温度tab\n      temperatureChildDataA: [],\n      temperatureChildDataB: [],\n      temperatureChildDataC: [],\n      voltageDataAB: [],\n      voltageDataBC: [],\n      voltageDataCA: []\n    };\n  },\n  mounted: function mounted() {\n    var _this = this;\n    var that = this;\n    //sssss\n    getDevice({\n      action: \"querydevice\",\n      device_name: this.ringMainUnit\n    }).then(function (res) {\n      if (res.data.data != null) {\n        _this.deviceInformation = res.data.data.device;\n      }\n    });\n    this.equipmentName = this.ringMainUnit.substring(this.ringMainUnit.length - 3, this.ringMainUnit.length);\n    if (this.equipmentName.substring(this.equipmentName.length - 2, this.equipmentName.length) == \"箱变\") {\n      this.equipmentName = \"箱变\";\n    }\n    this.getDeviceData();\n    if (this.ringMainUnit != \"金盾FH9环网柜\") {\n      window.setTimeout(function () {\n        var tab = {\n          index: 0,\n          name: \"interval1\"\n        };\n        _this.intervalClick(tab);\n      }, 1000);\n    } else {\n      window.setTimeout(function () {\n        var tab = {\n          index: 1,\n          name: \"interval2\"\n        };\n        _this.intervalClick(tab);\n      }, 1000);\n    }\n  },\n  //  beforeDestroy() {\n  //   this.webRtcServer.disconnect();\n  //   this.webRtcServer = null;\n  // },\n  // beforeDestroy () {\n  //   // 页面销毁前 关闭flvjs\n  //   this.player.destroy()\n  // },\n  methods: {\n    //查询所有网柜信息\n    getDeviceData: function getDeviceData() {\n      var _this2 = this;\n      var params = {\n        pageSize: 50,\n        token: localStorage.getItem(\"token\")\n      };\n      getCabinetList(params).then(function (res) {\n        res.data.data.data.forEach(function (item, index) {\n          if (item.name == _this2.ringMainUnit) {\n            _this2.deviceSn = item.sn;\n          }\n        });\n        //查询单个网柜\n        var data = {\n          sn: _this2.deviceSn,\n          token: localStorage.getItem(\"token\")\n        };\n        //现场图片\n        getCabinetInfo(data).then(function (res) {\n          console.log(res.data.data, \"Jieguo\");\n        });\n        //间隔监测\n        getCabinetData(data).then(function (res) {\n          var units = [];\n          console.log(res.data.data, '---------');\n          Object.keys(res.data.data.units).map(function (item, index) {\n            if (res.data.data.units[item].name.indexOf(\"开关\") != -1) {\n              units.push(res.data.data.units[item]);\n            }\n          });\n          _this2.tableColumns = Object.keys(units).map(function (x, y) {\n            var heardName = [];\n            heardName.push(heardName = \"间隔\" + units[x].name.substring(0, 1));\n            return {\n              name: heardName,\n              key: \"interval\" + units[x].name.substring(0, 1)\n            };\n          });\n          _this2.totalInterval = _this2.tableColumns.length;\n          _this2.echartsTab = Object.keys(units).map(function (x, y) {\n            var heardName = [];\n            heardName.push(heardName = \"间隔\" + units[x].name.substring(0, 1) + \"局放数据\");\n            return {\n              name: heardName,\n              key: \"interval\" + units[x].name.substring(0, 1)\n            };\n          });\n          _this2.echartsTab1 = Object.keys(units).map(function (x, y) {\n            var heardName = [];\n            heardName.push(heardName = \"间隔\" + units[x].name.substring(0, 1) + \"温度数据\");\n            return {\n              name: heardName,\n              key: \"interval\" + units[x].name.substring(0, 1)\n            };\n          });\n          var electricCurrentA = [];\n          var electricCurrentB = [];\n          var electricCurrentC = [];\n          // let voltageA = []\n          // let voltageB = []\n          // let voltageC = []\n          res.data.data.units.forEach(function (item, index) {\n            res.data.data.yc.forEach(function (n, i) {\n              if (n.name == \"温度\") {\n                n.child.forEach(function (z, j) {\n                  if (item.name == z.point_name.substring(0, 4) && z.point_name.indexOf(\"A\") != -1) {\n                    _this2.temperatureChildDataA.push(z);\n                  }\n                  if (item.name == z.point_name.substring(0, 4) && z.point_name.indexOf(\"B\") != -1) {\n                    _this2.temperatureChildDataB.push(z);\n                  }\n                  if (item.name == z.point_name.substring(0, 4) && z.point_name.indexOf(\"C\") != -1) {\n                    _this2.temperatureChildDataC.push(z);\n                  }\n                });\n              } else if (n.name == \"电流\") {\n                n.child.forEach(function (z, j) {\n                  if (item.name == z.point_name.substring(0, 4) && z.point_name.indexOf(\"a\") != -1) {\n                    electricCurrentA.push(z);\n                  }\n                  if (item.name == z.point_name.substring(0, 4) && z.point_name.indexOf(\"b\") != -1) {\n                    electricCurrentB.push(z);\n                  }\n                  if (item.name == z.point_name.substring(0, 4) && z.point_name.indexOf(\"c\") != -1) {\n                    electricCurrentC.push(z);\n                  }\n                });\n              } else if (n.name == \"局放\") {\n                n.child.forEach(function (z, j) {\n                  if (item.name == z.point_name.substring(0, 4) && z.point_name.indexOf(\"均值\") != -1) {\n                    _this2.partialDischarge.push(z);\n                  }\n                });\n              } else if (n.name == \"水位\") {\n                n.child.forEach(function (z, j) {\n                  _this2.waterLevel = z.value;\n                });\n              } else if (n.name == \"电压\") {\n                n.child.forEach(function (z, j) {\n                  if (z.point_name.indexOf(\"Uab\") != -1) {\n                    _this2.voltageDataAB.push(z);\n                  }\n                  if (z.point_name.indexOf(\"Ubc\") != -1) {\n                    _this2.voltageDataBC.push(z);\n                  }\n                  if (z.point_name.indexOf(\"Uca\") != -1) {\n                    _this2.voltageDataCA.push(z);\n                  }\n                });\n              }\n            });\n          });\n          //表格电流\n          for (var i = 0; i < electricCurrentA.length; i++) {\n            var interval = \"interval\" + electricCurrentA[i].point_name.substring(0, 1);\n            _this2.tableData[3][interval] = electricCurrentA[i].value;\n          }\n          for (var _i = 0; _i < electricCurrentB.length; _i++) {\n            var _interval = \"interval\" + electricCurrentB[_i].point_name.substring(0, 1);\n            _this2.tableData[4][_interval] = electricCurrentB[_i].value;\n          }\n          for (var _i2 = 0; _i2 < electricCurrentC.length; _i2++) {\n            var _interval2 = \"interval\" + electricCurrentC[_i2].point_name.substring(0, 1);\n            _this2.tableData[5][_interval2] = electricCurrentC[_i2].value;\n          }\n          //电压\n          for (var _i3 = 0; _i3 < _this2.voltageDataAB.length; _i3++) {\n            for (var j = 0; j < units.length; j++) {\n              var _interval3 = \"interval\" + units[j].name.substring(0, 1);\n              _this2.tableData[0][_interval3] = _this2.voltageDataAB[_i3].value + ' kV';\n            }\n          }\n          for (var _i4 = 0; _i4 < _this2.voltageDataBC.length; _i4++) {\n            for (var _j = 0; _j < units.length; _j++) {\n              var _interval4 = \"interval\" + units[_j].name.substring(0, 1);\n              _this2.tableData[1][_interval4] = _this2.voltageDataBC[_i4].value + ' kV';\n            }\n          }\n          for (var _i5 = 0; _i5 < _this2.voltageDataCA.length; _i5++) {\n            for (var _j2 = 0; _j2 < units.length; _j2++) {\n              var _interval5 = \"interval\" + units[_j2].name.substring(0, 1);\n              _this2.tableData[2][_interval5] = _this2.voltageDataCA[_i5].value + ' kV';\n            }\n          }\n          //警告\n          res.data.data.yx.forEach(function (item, index) {\n            if (item.name == \"水位告警\") {\n              _this2.waterLevel1 = item.child[0].value;\n            } else if (item.name == \"接地告警\") {\n              _this2.grounding = item.child[0].value;\n            }\n          });\n          _this2.getIntervalTep(null);\n        });\n      });\n    },\n    handleClick: function handleClick(tab) {\n      var _this3 = this;\n      var that = this;\n      if (tab.index == 0) {\n        this.activeName = \"first\";\n        this.$nextTick(function () {\n          var tab = {\n            name: 'interval1'\n          };\n          _this3.intervalClick(tab);\n        });\n      } else if (tab.index == 1) {\n        this.activeName = \"second\";\n        this.photoShow = true;\n        this.videoShow = false;\n        this.videoShow1 = false;\n        this.InfraredClick(0);\n        getDevice({\n          action: \"querydevice\",\n          device_name: that.ringMainUnit\n        }).then(function (res) {\n          if (res.data.data.pic != null) {\n            _this3.photoList = Object.keys(res.data.data.pic).map(function (item, index) {\n              var photoUrl = res.data.data.pic[index].url;\n              return {\n                photo: photoUrl\n              };\n            });\n          }\n        });\n      }\n    },\n    //echarts切换\n    intervalClick: function intervalClick(tab) {\n      if (tab != null) {\n        this.intervalName = tab.name;\n        this.intervalName1 = '';\n        var echartsData = [];\n        // let index = Number(tab.index) + 1;\n        var index = tab.name.substring(8, 9);\n        for (var i = 0; i < this.partialDischarge.length; i++) {\n          if (this.partialDischarge[i].point_name.substring(0, 4).indexOf(index) != -1) {\n            echartsData.push(this.partialDischarge[i]);\n          }\n        }\n        this.intervalShow(echartsData);\n        this.echartsShow = true;\n      } else {\n        this.intervalShow(null);\n      }\n    },\n    intervalClick1: function intervalClick1(tab) {\n      this.intervalName = '';\n      this.intervalName1 = tab.name;\n      this.echartsShow = false;\n      if (tab != null) {\n        this.getIntervalTep(tab.name);\n      } else {\n        this.getIntervalTep(null);\n      }\n    },\n    //获取间隔温度\n    getIntervalTep: function getIntervalTep(tabName) {\n      var _this4 = this;\n      var dataA = [];\n      var dataB = [];\n      var dataC = [];\n      var time = [];\n      //表格温度\n      for (var i = 0; i < this.temperatureChildDataA.length; i++) {\n        var interval = \"interval\" + this.temperatureChildDataA[i].point_name.substring(0, 1);\n        this.tableData[6][interval] = this.temperatureChildDataA[i].value;\n        if (tabName == interval) {\n          var data = {\n            token: localStorage.getItem(\"token\"),\n            sn: this.deviceSn,\n            point: this.temperatureChildDataA[i].point_id,\n            date: this.$moment().format(\"YYYY-MM-DD\")\n          };\n          getCabinetPointHistory(data).then(function (res) {\n            for (var _i6 = 0; _i6 < res.data.data.value.length; _i6++) {\n              dataA.push(parseInt(res.data.data.value[_i6]));\n            }\n          });\n        }\n      }\n      for (var _i7 = 0; _i7 < this.temperatureChildDataB.length; _i7++) {\n        var _interval6 = \"interval\" + this.temperatureChildDataB[_i7].point_name.substring(0, 1);\n        this.tableData[7][_interval6] = this.temperatureChildDataB[_i7].value;\n        if (tabName == _interval6) {\n          var _data = {\n            token: localStorage.getItem(\"token\"),\n            sn: this.deviceSn,\n            point: this.temperatureChildDataA[_i7].point_id,\n            date: this.$moment().format(\"YYYY-MM-DD\")\n          };\n          getCabinetPointHistory(_data).then(function (res) {\n            for (var _i8 = 0; _i8 < res.data.data.value.length; _i8++) {\n              dataB.push(parseInt(res.data.data.value[_i8]));\n            }\n          });\n        }\n      }\n      for (var _i9 = 0; _i9 < this.temperatureChildDataC.length; _i9++) {\n        var _interval7 = \"interval\" + this.temperatureChildDataC[_i9].point_name.substring(0, 1);\n        this.tableData[8][_interval7] = this.temperatureChildDataC[_i9].value;\n        if (tabName == _interval7) {\n          var _data2 = {\n            token: localStorage.getItem(\"token\"),\n            sn: this.deviceSn,\n            point: this.temperatureChildDataA[_i9].point_id,\n            date: this.$moment().format(\"YYYY-MM-DD\")\n          };\n          getCabinetPointHistory(_data2).then(function (res) {\n            for (var _i10 = 0; _i10 < res.data.data.value.length; _i10++) {\n              dataC.push(parseInt(res.data.data.value[_i10]));\n            }\n            for (var _i11 = 0; _i11 < res.data.data.time.length; _i11++) {\n              time.push(parseInt(res.data.data.time[_i11]));\n            }\n            setTimeout(function () {\n              _this4.$nextTick(function () {\n                _this4.temperatureShow(dataA, dataB, dataC, time);\n              });\n            }, 100);\n          });\n        }\n      }\n    },\n    //视频切换\n    InfraredClick: function InfraredClick(index) {\n      var _this5 = this;\n      var data = {\n        sn: this.deviceSn,\n        token: localStorage.getItem(\"token\")\n      };\n      if (index == 1) {\n        var that = this;\n        Object.keys(this.vectorgraphData).forEach(function (key) {\n          _this5.vectorgraphData[key].vectorgraph = require(\"@/assets/images/shiliangIcon4.png\");\n          _this5.vectorgraphData[key].color = \"rgb(60,127,127)\";\n          if (key == index) {\n            _this5.vectorgraphData[index].vectorgraph = require(\"@/assets/images/shiliangIcon3.png\");\n            _this5.vectorgraphData[index].color = \"#56fefe\";\n            _this5.photoShow = false;\n            _this5.videoShow = true;\n            _this5.videoShow1 = false;\n            //这里的port要与index.js的port保持一致\n            //解析视频流\n            //视频数据\n            getCabinetCameraList(data).then(function (res) {\n              console.log(res.data.data, \"视频\");\n              _this5.rtsp = res.data.data[1].url;\n              _this5.$nextTick(function () {\n                _this5.JSMpeg = new JSMpeg.Player(\"ws://localhost:9999/rtsp?url=\" + btoa(_this5.rtsp), {\n                  canvas: document.getElementById(\"canvas\")\n                });\n              });\n            });\n\n            // let video = document.getElementById('video')\n            //  try{\n            //    if ('srcObject' in video) {\n            //      video.srcObject = null;\n            //  this.webRtcServer = new WebRtcStreamer(\n            //     \"video\",\n            //     location.protocol + \"//127.0.0.1:8000\"\n            //   );\n            // //   //需要看的rtsp视频地址，可以在网上找在线的rtsp视频地址来进行demo实验，在vlc中能播放就能用\n            //   this.webRtcServer.connect(\n            //     \"rtsp://221.231.99.214:554/cam=109/channel=0\"\n            //   );\n            //       this.webRtcServer.connect(\n            //         \"rtsp://wowzaec2demo.streamlock.net/vod/mp4:BigBuckBunny_115k.mp4\"\n            //       );\n            //    }else{\n            //      video.src = null;\n            //    }\n\n            //  }catch(e){\n            //       console.log(e)\n            //     }\n          }\n        });\n      } else if (index == 0) {\n        var _that = this;\n        Object.keys(this.vectorgraphData).forEach(function (key) {\n          _this5.vectorgraphData[key].vectorgraph = require(\"@/assets/images/shiliangIcon4.png\");\n          _this5.vectorgraphData[key].color = \"rgb(60,127,127)\";\n          if (key == index) {\n            _this5.vectorgraphData[index].vectorgraph = require(\"@/assets/images/shiliangIcon3.png\");\n            _this5.vectorgraphData[index].color = \"#56fefe\";\n            _this5.photoShow = true, _this5.videoShow = false;\n            _this5.videoShow1 = false;\n          }\n        });\n      } else if (index == 2) {\n        var _that2 = this;\n        Object.keys(this.vectorgraphData).forEach(function (key) {\n          _this5.vectorgraphData[key].vectorgraph = require(\"@/assets/images/shiliangIcon4.png\");\n          _this5.vectorgraphData[key].color = \"rgb(60,127,127)\";\n          if (key == index) {\n            _this5.vectorgraphData[index].vectorgraph = require(\"@/assets/images/shiliangIcon3.png\");\n            _this5.vectorgraphData[index].color = \"#56fefe\";\n            _this5.photoShow = false;\n            _this5.videoShow = false;\n            _this5.videoShow1 = true;\n            //这里的port要与index.js的port保持一致\n            //解析视频流\n            getCabinetCameraList(data).then(function (res) {\n              console.log(res.data.data, \"视频\");\n              _this5.rtsp1 = res.data.data[0].url;\n              _this5.JSMpeg = new JSMpeg.Player(\"ws://localhost:9999/rtsp?url=\" + btoa(_this5.rtsp1), {\n                canvas: document.getElementById(\"canvas1\")\n              });\n            });\n          }\n        });\n      }\n    },\n    closeJSMpeg: function closeJSMpeg() {\n      //销毁\n      this.JSMpeg.destroy();\n    },\n    handleClose: function handleClose() {\n      this.$parent.componentShow = \"\";\n      this.$parent.modelOthers = false;\n      // this.$emit(\"closeStatus\", this.closeStatus)\n      this.rtsp = \"\";\n      this.rtsp1 = \"\";\n      if (this.JSMpeg != null) {\n        this.closeJSMpeg();\n      }\n    },\n    //局放图\n    intervalShow: function intervalShow(InintervalData) {\n      var num = [];\n      var time = [];\n      if (InintervalData != null && InintervalData != []) {\n        for (var i in InintervalData[0].hour_data) {\n          num.push(InintervalData[0].hour_data[i]);\n          time.push(i);\n        }\n        this.echartsData.num = num;\n        this.echartsData.time = time;\n      }\n      var that = this;\n      var data = this.echartsData;\n      var myChart = this.$echarts.init(document.getElementById(\"intervalShow\"));\n      var option = {\n        tooltip: {\n          trigger: \"axis\",\n          formatter: function formatter(params) {\n            return '时间：' + params[0].name + '<br/>' + '局放数据：' + params[0].value + 'dbm';\n          }\n        },\n        grid: {\n          top: \"10%\",\n          left: \"3%\",\n          right: \"3%\",\n          bottom: \"10%\"\n          // containLabel: true\n        },\n\n        xAxis: [{\n          type: \"category\",\n          boundaryGap: true,\n          axisLine: {\n            //坐标轴轴线相关设置。数学上的x轴\n            show: true,\n            lineStyle: {\n              color: 'color:\"#93dcfe\"'\n            }\n          },\n          axisLabel: {\n            //坐标轴刻度标签的相关设置\n            textStyle: {\n              color: \"#93dcfe\",\n              margin: 15\n            },\n            formatter: function formatter(data) {\n              return data;\n            }\n          },\n          axisTick: {\n            show: false\n          },\n          data: data.time\n        }],\n        yAxis: [{\n          //   min: 0,\n          //   max: 100,\n          name: \"dbm\",\n          splitLine: {\n            show: true,\n            lineStyle: {\n              color: \"rgba(147,220,254,0.3)\"\n            }\n          },\n          axisLine: {\n            show: false,\n            lineStyle: {\n              color: \"#93dcfe\"\n            }\n          },\n          axisLabel: {\n            show: true,\n            textStyle: {\n              color: \"#93dcfe\"\n            }\n            // formatter: function (value) {\n            //   if (value === 0) {\n            //     return value;\n            //   }\n            //   return value + \"%\";\n            // },\n          },\n\n          axisTick: {\n            show: false\n          }\n        }],\n        series: [{\n          name: \"局放数据\",\n          type: \"line\",\n          symbol: \"circle\",\n          // 默认是空心圆（中间是白色的），改成实心圆\n          showAllSymbol: true,\n          symbolSize: 8,\n          lineStyle: {\n            normal: {\n              color: \"#1f93fa\" // 线条颜色\n            },\n\n            borderColor: \"rgba(0,0,0,.4)\"\n          },\n          itemStyle: {\n            color: \"#1f93fa\",\n            borderColor: \"#1f93fa\",\n            borderWidth: 2\n          },\n          label: {\n            normal: {\n              show: false,\n              position: \"top\",\n              formatter: [\" {a|{c}%}\"].join(\",\"),\n              rich: {\n                a: {\n                  color: \"#fff\",\n                  align: \"center\"\n                }\n              }\n            }\n          },\n          tooltip: {\n            show: true\n          },\n          data: data.num\n        }]\n      };\n      myChart.setOption(option);\n    },\n    //图\n    temperatureShow: function temperatureShow(dataA, dataB, dataC, date) {\n      var numA = dataA;\n      var time = date;\n      var numB = dataB;\n      var numC = dataC;\n      // if (temperatureData != null && temperatureData != []) {\n      //   for (const i in temperatureData[0].hour_data) {\n      //     num.push(temperatureData[0].hour_data[i]);\n      //     time.push(i);\n      //   }\n      //   this.echartsData.num = num;\n      //   this.echartsData.time = time;\n      // }\n      var that = this;\n      // var data = this.echartsData;\n      var myChart = this.$echarts.init(document.getElementById(\"temperatureShow\"));\n      var option = {\n        tooltip: {\n          trigger: \"axis\",\n          formatter: function formatter(params) {\n            return '时间：' + params[0].name + '<br/>' + '温度A：' + params[0].value + '℃' + '<br/>' + '温度B：' + params[1].value + '℃' + '<br/>' + '温度C：' + params[2].value + '℃';\n          }\n        },\n        legend: {\n          origin: 'horizontal',\n          textStyle: {\n            color: \"#fff\",\n            fontSize: \"18px\"\n          }\n        },\n        grid: {\n          top: \"10%\",\n          left: \"3%\",\n          right: \"3%\",\n          bottom: \"10%\"\n          // containLabel: true\n        },\n\n        xAxis: [{\n          type: \"category\",\n          boundaryGap: true,\n          axisLine: {\n            //坐标轴轴线相关设置。数学上的x轴\n            show: true,\n            lineStyle: {\n              color: 'color:\"#93dcfe\"'\n            }\n          },\n          axisLabel: {\n            //坐标轴刻度标签的相关设置\n            textStyle: {\n              color: \"#93dcfe\",\n              margin: 15\n            },\n            formatter: function formatter(data) {\n              return data;\n            }\n          },\n          axisTick: {\n            show: false\n          },\n          data: time\n        }],\n        yAxis: [{\n          //   min: 0,\n          //   max: 100,\n          name: \"℃\",\n          splitLine: {\n            show: true,\n            lineStyle: {\n              color: \"rgba(147,220,254,0.3)\"\n            }\n          },\n          axisLine: {\n            show: false,\n            lineStyle: {\n              color: \"#93dcfe\"\n            }\n          },\n          axisLabel: {\n            show: true,\n            textStyle: {\n              color: \"#93dcfe\"\n            }\n            // formatter: function (value) {\n            //   if (value === 0) {\n            //     return value;\n            //   }\n            //   return value + \"%\";\n            // },\n          },\n\n          axisTick: {\n            show: false\n          }\n        }],\n        series: [{\n          name: \"A相位\",\n          type: \"line\",\n          symbol: \"circle\",\n          // 默认是空心圆（中间是白色的），改成实心圆\n          showAllSymbol: true,\n          symbolSize: 8,\n          lineStyle: {\n            normal: {\n              color: \"#1f93fa\" // 线条颜色\n            },\n\n            borderColor: \"rgba(0,0,0,0.4)\"\n          },\n          itemStyle: {\n            color: \"#1f93fa\",\n            borderColor: \"#1f93fa\",\n            borderWidth: 2\n          },\n          label: {\n            normal: {\n              show: false,\n              position: \"top\",\n              formatter: [\" {a|{c}%}\"].join(\",\"),\n              rich: {\n                a: {\n                  color: \"#fff\",\n                  align: \"center\"\n                }\n              }\n            }\n          },\n          tooltip: {\n            show: true\n          },\n          data: numA\n        }, {\n          name: \"B相位\",\n          type: \"line\",\n          symbol: \"circle\",\n          // 默认是空心圆（中间是白色的），改成实心圆\n          showAllSymbol: true,\n          symbolSize: 8,\n          lineStyle: {\n            normal: {\n              color: \"rgb(39,239,94)\" // 线条颜色\n            },\n\n            borderColor: \"rgba(0,0,0,0.4)\"\n          },\n          itemStyle: {\n            color: \"rgb(39,239,94)\",\n            borderColor: \"rgb(39,239,94)\",\n            borderWidth: 2\n          },\n          label: {\n            normal: {\n              show: false,\n              position: \"top\",\n              formatter: [\" {a|{c}%}\"].join(\",\"),\n              rich: {\n                a: {\n                  color: \"#fff\",\n                  align: \"center\"\n                }\n              }\n            }\n          },\n          tooltip: {\n            show: true\n          },\n          data: numB\n        }, {\n          name: \"C相位\",\n          type: \"line\",\n          symbol: \"circle\",\n          // 默认是空心圆（中间是白色的），改成实心圆\n          showAllSymbol: true,\n          symbolSize: 8,\n          lineStyle: {\n            normal: {\n              color: \"rgb(255,193,64)\" // 线条颜色\n            },\n\n            borderColor: \"rgba(0,0,0,0.4)\"\n          },\n          itemStyle: {\n            color: \"rgb(255,193,64)\",\n            borderColor: \"rgb(255,193,64)\",\n            borderWidth: 2\n          },\n          label: {\n            normal: {\n              show: false,\n              position: \"top\",\n              formatter: [\" {a|{c}%}\"].join(\",\"),\n              rich: {\n                a: {\n                  color: \"#fff\",\n                  align: \"center\"\n                }\n              }\n            }\n          },\n          tooltip: {\n            show: true\n          },\n          data: numC\n        }]\n      };\n      myChart.setOption(option);\n    }\n  },\n  watch: {\n    equipmentName: {\n      handler: function handler(newVal, oldVal) {\n        if (newVal == \"箱变\") {\n          this.tableColumns.forEach(function (item, index) {\n            if (index == 0 || index % 2 == 0) {\n              item.name = \"进线\";\n            } else {\n              item.name = \"出线\";\n            }\n          });\n        } else {\n          this.tableColumns.forEach(function (item, index) {\n            item.name = \"间隔\" + (index + 1);\n          });\n        }\n      }\n    }\n  }\n};",{"version":3,"mappings":";;;AAyMA,SACAA,WACAC,gBACAC,gBACAC,gBACAC,sBACAC;AAEA;AACA;AACA;AACA;EACAC;EACAC;EACAC;IACA;MACAC;MACA;MACAC;MACAC;MAAA;MACAC;MACAC;MACAC;MAAA;MACAC;MAAA;MACAC;MAAA;MACAC;MAAA;MACAC;MACAC;MACAC;MACAC;MACAC;MACAC;MACAC;MACAC;MACAC;MACAC;MACAC,kBACA;QACAC;QACAvB;QACAwB;MACA,GACA;QACAD;QACAvB;QACAwB;MACA,GACA;QACAD;QACAvB;QACAwB;MACA,EACA;MACAC;MACAC,YACA;QACA1B;QACA2B;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;MACA,GACA;QACAnC;QACA2B;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;MACA,GACA;QACAnC;QACA2B;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;MACA,GACA;QACAnC;QACA2B;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;MACA,GACA;QACAnC;QACA2B;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;MACA,GACA;QACAnC;QACA2B;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;MACA,GACA;QACAnC;QACA2B;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;MACA,GACA;QACAnC;QACA2B;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;MACA,GACA;QACAnC;QACA2B;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;MACA,EACA;MACAC,eACA;QACApC;MACA,GACA;QACAA;MACA,GACA;QACAA;MACA,GACA;QACAA;MACA,EACA;MACAqC;MACAC;MACAC;QACAC,OACA,MACA,MACA,MACA,MACA,MACA,MACA,MACA,MACA,MACA,MACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,MACA;QACAC;MACA;MACAC,YACA;QACAC;MACA,EACA;MAEAC;MACAC;MACAC;MACAC;MAAA;MACAC;MACAC;MAAA;MACAC;MACAC;MACAC;MACAC;MACAC;MACAC;IACA;EACA;EACAC;IAAA;IACA;IACA;IACA9D;MACA+D;MACAC;IACA;MACA;QACA;MACA;IACA;IACA,iDACA,8BACA,yBACA;IACA,IACA,6BACA,+BACA,0BACA,UACA;MACA;IACA;IACA;IAEA;MACAC;QACA;UAAAC;UAAA5D;QAAA;QACA;MACA;IACA;MACA2D;QACA;UAAAC;UAAA5D;QAAA;QACA;MACA;IACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA6D;IACA;IACAC;MAAA;MACA;QACAC;QACAC;MACA;MACApE;QACAqE;UACA;YACA;UACA;QACA;QACA;QACA;UACAC;UACAF;QACA;QACA;QACArE;UACAwE;QACA;QACA;QACAtE;UACA;UACAsE;UACAC;YACA;cACAC;YACA;UACA;UACA;YACA;YACAC,eACAA,iDACA;YACA;cACAtE;cACAuE;YACA;UACA;UACA;UACA;YACA;YACAD,eACAA,0DACA;YACA;cACAtE;cACAuE;YACA;UACA;UACA;YACA;YACAD,eACAA,0DACA;YACA;cACAtE;cACAuE;YACA;UACA;UAEA;UACA;UACA;UACA;UACA;UACA;UACAN;YACAA;cACA;gBACAO;kBACA,IACAC,6CACAC,iCACA;oBACA;kBACA;kBACA,IACAD,6CACAC,iCACA;oBACA;kBACA;kBACA,IACAD,6CACAC,iCACA;oBACA;kBACA;gBACA;cACA;gBACAF;kBACA,IACAC,6CACAC,iCACA;oBACAC;kBACA;kBACA,IACAF,6CACAC,iCACA;oBACAE;kBACA;kBACA,IACAH,6CACAC,iCACA;oBACAG;kBACA;gBACA;cACA;gBACAL;kBACA,IACAC,6CACAC,kCACA;oBACA;kBACA;gBACA;cACA;gBACAF;kBACA;gBACA;cACA;gBACAA;kBACA,IACAE,mCACA;oBACA;kBACA;kBACA,IACAA,mCACA;oBACA;kBACA;kBACA,IACAA,mCACA;oBACA;kBACA;gBACA;cACA;YACA;UACA;UACA;UACA;YACA;YACA;UACA;UACA;YACA;YACA;UACA;UACA;YACA;YACA;UACA;UACA;UACA;YACA;cACA;cACA;YACA;UACA;UACA;YACA;cACA;cACA;YACA;UACA;UACA;YACA;cACA;cACA;YACA;UACA;UACA;UACAT;YACA;cACA;YACA;cACA;YACA;UACA;UACA;QACA;MACA;IAEA;IACAa;MAAA;MACA;MACA;QACA;QACA;UACA;YACA9E;UACA;UACA;QACA;MACA;QACA;QACA;QACA;QACA;QACA;QACAN;UACA+D;UACAC;QACA;UACA;YACA,sDACA;cACA;cACA;gBAAAf;cAAA;YACA,EACA;UACA;QACA;MACA;IACA;IACA;IACAoC;MACA;QACA;QACA;QACA;QACA;QACA;QACA;UACA;YACAxC;UACA;QACA;QACA;QACA;MACA;QACA;MACA;IACA;IACAyC;MACA;MACA;MACA;MACA;QACA;MACA;QACA;MACA;IACA;IACA;IACAC;MAAA;MACA;MACA;MACA;MACA;MACA;MACA;QACA;QACA;QACA;UACA;YACAjB;YACAE;YACAgB;YACAC;UACA;UACApF;YACA;cACAqF;YACA;UACA;QACA;MACA;MACA;QACA;QACA;QACA;UACA;YACApB;YACAE;YACAgB;YACAC;UACA;UACApF;YACA;cACAsF;YACA;UACA;QACA;MACA;MACA;QACA;QACA;QACA;UACA;YACArB;YACAE;YACAgB;YACAC;UACA;UACApF;YAEA;cACAuF;YACA;YACA;cACA9C;YACA;YACA+C;cACA;gBACA;cACA;YACA;UAEA;QACA;MACA;IACA;IACA;IACAC;MAAA;MACA;QACAtB;QACAF;MACA;MACA;QACA;QACAI;UACA,uBACAG,IACA;UACA;UACA;YACA,uBACAX,MACA;YACA;YACA;YACA;YACA;YACA;YACA;YACA;YACA9D;cACAqE;cACA;cACA;gBACA,kCACA,qDACA;kBACAsB;gBACA,EACA;cACA;YACA;;YAEA;YACA;YACA;YACA;YACA;YACA;YACA;YACA;YACA;YACA;YACA;YACA;YACA;YACA;YACA;YACA;YACA;YACA;;YAEA;YACA;YACA;UACA;QACA;MACA;QACA;QACArB;UACA,uBACAG,IACA;UACA;UACA;YACA,uBACAX,MACA;YACA;YACA;YACA;UACA;QACA;MACA;QACA;QACAQ;UACA,uBACAG,IACA;UACA;UACA;YACA,uBACAX,MACA;YACA;YACA;YACA;YACA;YACA;YACA;YACA9D;cACAqE;cACA;cACA,kCACA,sDACA;gBACAsB;cACA,EACA;YACA;UACA;QACA;MACA;IACA;IACAC;MACA;MACA;IACA;IACAC;MACA;MACA;MACA;MACA;MACA;MACA;QACA;MACA;IACA;IACA;IACAC;MACA;MACA;MACA;QACA;UACAnD;UACAD;QACA;QACA;QACA;MACA;MACA;MACA;MACA;MACA;QACAqD;UACAC;UACAC;YACA;UACA;QACA;QACAC;UACAC;UACAC;UACAC;UACAC;UACA;QACA;;QACAC,QACA;UACAC;UACAC;UACAC;YACA;YACAC;YACAC;cACAlF;YACA;UACA;UACAmF;YACA;YACAC;cACApF;cACAqF;YACA;YACAd;cACA;YACA;UACA;UACAe;YACAL;UACA;UACAvG;QACA,EACA;QACA6G,QACA;UACA;UACA;UACA/G;UACAgH;YACAP;YACAC;cACAlF;YACA;UACA;UACAgF;YACAC;YACAC;cACAlF;YACA;UACA;UACAmF;YACAF;YACAG;cACApF;YACA;YACA;YACA;YACA;YACA;YACA;YACA;UACA;;UACAsF;YACAL;UACA;QACA,EACA;QACAQ,SACA;UACAjH;UACAsG;UACAY;UAAA;UACAC;UACAC;UACAV;YACAW;cACA7F;YACA;;YACA8F;UACA;UACAC;YACA/F;YACA8F;YACAE;UACA;UACAC;YACAJ;cACAZ;cACAiB;cACA3B;cACA4B;gBACAC;kBACApG;kBACAqG;gBACA;cACA;YACA;UACA;UACAhC;YACAY;UACA;UAEAvG;QACA;MAEA;MACA4H;IACA;IACA;IACAC;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;QACAlC;UACAC;UACAC;YACA,2EACA,2CACA;UACA;QACA;QACAiC;UACAC;UACArB;YACApF;YACA0G;UACA;QACA;QACAlC;UACAC;UACAC;UACAC;UACAC;UACA;QACA;;QACAC,QACA;UACAC;UACAC;UACAC;YACA;YACAC;YACAC;cACAlF;YACA;UACA;UACAmF;YACA;YACAC;cACApF;cACAqF;YACA;YACAd;cACA;YACA;UACA;UACAe;YACAL;UACA;UACAvG;QACA,EACA;QACA6G,QACA;UACA;UACA;UACA/G;UACAgH;YACAP;YACAC;cACAlF;YACA;UACA;UACAgF;YACAC;YACAC;cACAlF;YACA;UACA;UACAmF;YACAF;YACAG;cACApF;YACA;YACA;YACA;YACA;YACA;YACA;YACA;UACA;;UACAsF;YACAL;UACA;QACA,EACA;QACAQ,SACA;UACAjH;UACAsG;UACAY;UAAA;UACAC;UACAC;UACAV;YACAW;cACA7F;YACA;;YACA8F;UACA;UACAC;YACA/F;YACA8F;YACAE;UACA;UACAC;YACAJ;cACAZ;cACAiB;cACA3B;cACA4B;gBACAC;kBACApG;kBACAqG;gBACA;cACA;YACA;UACA;UACAhC;YACAY;UACA;UAEAvG;QACA,GACA;UACAF;UACAsG;UACAY;UAAA;UACAC;UACAC;UACAV;YACAW;cACA7F;YACA;;YACA8F;UACA;UACAC;YACA/F;YACA8F;YACAE;UACA;UACAC;YACAJ;cACAZ;cACAiB;cACA3B;cACA4B;gBACAC;kBACApG;kBACAqG;gBACA;cACA;YACA;UACA;UACAhC;YACAY;UACA;UAEAvG;QACA,GACA;UACAF;UACAsG;UACAY;UAAA;UACAC;UACAC;UACAV;YACAW;cACA7F;YACA;;YACA8F;UACA;UACAC;YACA/F;YACA8F;YACAE;UACA;UACAC;YACAJ;cACAZ;cACAiB;cACA3B;cACA4B;gBACAC;kBACApG;kBACAqG;gBACA;cACA;YACA;UACA;UACAhC;YACAY;UACA;UAEAvG;QACA;MAEA;MACA4H;IACA;EACA;EACAK;IACAtF;MACAuF;QACA;UACA;YACA;cACA3D;YACA;cACAA;YACA;UACA;QACA;UACA;YACAA;UACA;QACA;MACA;IACA;EACA;AACA","names":["getDevice","getCabinetInfo","getCabinetList","getCabinetData","getCabinetCameraList","getCabinetPointHistory","name","props","data","echartsShow","fenzhiArr","JSMpeg","player","webRtcServer","rtsp","rtsp1","waterLevel","waterLevel1","grounding","photoShow","videoShow","videoShow1","deviceId","tabPosition","activeName","intervalName","intervalName1","InfraredName","vectorgraphData","vectorgraph","color","tableData1","tableData","phase","interval1","interval2","interval3","interval4","interval5","interval6","interval7","interval8","tableColumns","echartsTab","echartsTab1","echartsData","time","num","photoList","photo","deviceInformation","equipmentName","deviceSn","partialDischarge","totalInterval","tabName","temperatureChildDataA","temperatureChildDataB","temperatureChildDataC","voltageDataAB","voltageDataBC","voltageDataCA","mounted","action","device_name","window","index","methods","getDeviceData","pageSize","token","res","sn","console","Object","units","heardName","key","n","item","z","electricCurrentA","electricCurrentB","electricCurrentC","handleClick","intervalClick","intervalClick1","getIntervalTep","point","date","dataA","dataB","dataC","setTimeout","InfraredClick","canvas","closeJSMpeg","handleClose","intervalShow","tooltip","trigger","formatter","grid","top","left","right","bottom","xAxis","type","boundaryGap","axisLine","show","lineStyle","axisLabel","textStyle","margin","axisTick","yAxis","splitLine","series","symbol","showAllSymbol","symbolSize","normal","borderColor","itemStyle","borderWidth","label","position","rich","a","align","myChart","temperatureShow","legend","origin","fontSize","watch","handler"],"sourceRoot":"src/views/HomePop","sources":["ringMainUnit.vue"],"sourcesContent":["<template>\r\n  <div :class=\"equipmentName=='分支箱'?'ringMain':''\"  class=\"ringMainUnit\"> \r\n    <div class=\"top\">\r\n      <div class=\"title\">{{ ringMainUnit }}</div>\r\n      <div class=\"close\">\r\n        <img\r\n          @click=\"handleClose\"\r\n          src=\"@/assets/images/close.png\"\r\n          style=\"cursor: pointer\"\r\n        />\r\n      </div>\r\n    </div>\r\n    <div class=\"main\">\r\n      <el-tabs v-model=\"activeName\" @tab-click=\"handleClick\" style=\"height: 4%\" v-if=\"ringMainUnit.includes('总览')||ringMainUnit.includes('环网柜')\">\r\n        </el-tab-pane><el-tab-pane label=\"设备信息\" name=\"first\" style=\"font-size:20px\" > </el-tab-pane>\r\n        <el-tab-pane label=\"现场照片/红外视频\" name=\"second\" style=\"font-size:20px\"></el-tab-pane>\r\n        \r\n      </el-tabs>\r\n      <!-- 分支箱 -->\r\n      <el-tabs v-model=\"activeName\" @tab-click=\"handleClick\" style=\"height: 4%\" v-if=\"ringMainUnit.includes('分支箱')\">\r\n        <el-tab-pane label=\"设备信息\" name=\"first\" style=\"font-size:20px\" ></el-tab-pane>\r\n        <el-tab-pane label=\"现场照片\" name=\"second\" style=\"font-size:20px\"></el-tab-pane>\r\n      </el-tabs>\r\n      <!-- 箱变 -->\r\n      <el-tabs v-model=\"activeName\" @tab-click=\"handleClick\" style=\"height: 4%\" v-if=\"ringMainUnit.includes('箱变')\">\r\n        <el-tab-pane label=\"设备信息\" name=\"first\" style=\"font-size:20px\" ></el-tab-pane>\r\n        <el-tab-pane label=\"现场照片/红外视频\" name=\"second\" style=\"font-size:20px\"></el-tab-pane>\r\n      </el-tabs>\r\n      <!-- 开闭所 -->\r\n      <el-tabs v-model=\"activeName\" @tab-click=\"handleClick\" style=\"height: 4%\" v-if=\"ringMainUnit.includes('开闭所')\">\r\n        <el-tab-pane label=\"设备信息\" name=\"first\" style=\"font-size:20px\" ></el-tab-pane>\r\n        <el-tab-pane label=\"红外线视频/监检视频/现场照片\" name=\"second\" style=\"font-size:20px\"></el-tab-pane>\r\n      </el-tabs>\r\n      <div v-if=\"activeName == 'first'\" style=\"height: 100%; width: 100%\">\r\n        <div class=\"basic\">\r\n          <div class=\"title\" style=\"margin-top: 10px\">基本信息</div>\r\n          <div class=\"content\">\r\n            <div class=\"information\">\r\n              <div class=\"informationContent\">\r\n                {{ equipmentName }}名称&nbsp;&nbsp;&nbsp;&nbsp;{{\r\n                  ringMainUnit\r\n                }}\r\n              </div>\r\n              <div class=\"informationContent\">\r\n                {{ equipmentName }}编号&nbsp;&nbsp;&nbsp;&nbsp;{{ deviceSn }}\r\n              </div>\r\n              <div class=\"informationContent\" v-if='equipmentName==\"分支箱\"'> \r\n                蓄电池电压(v)\r\n              </div>\r\n              <template v-else-if='equipmentName==\"箱变\"'>\r\n\r\n              </template>\r\n\r\n              <template v-else>\r\n              <div class=\"informationContent\" >\r\n                IP地址&nbsp;&nbsp;&nbsp;&nbsp;{{ deviceInformation.device_ip }}\r\n              </div>\r\n              <div class=\"informationContent\">\r\n                总间隔&nbsp;&nbsp;&nbsp;&nbsp;{{ totalInterval }}\r\n              </div>\r\n              </template>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"earlyWarning\" v-show='equipmentName!=\"分支箱\"'>\r\n          <div class=\"title\">预警信息</div>\r\n          <div class=\"content\">\r\n            <div class=\"information\">\r\n              <div class=\"informationContent\">\r\n                <img src=\"@/assets/images/shiliangIcon1.png\" />\r\n                电缆沟水位&nbsp;:&nbsp;&nbsp;&nbsp;&nbsp;{{ waterLevel }}米\r\n                \r\n              </div>\r\n              <div class=\"informationContent\">\r\n                <span v-if=\"equipmentName!='箱变'\" style=\"margin-left:10px\">&nbsp;状态:&nbsp;&nbsp;&nbsp;&nbsp;{{ waterLevel1 }}</span>\r\n              </div>\r\n              <div class=\"informationContent\">\r\n                <img src=\"@/assets/images/shiliangIcon2.png\" />\r\n                小电流接地故障状态&nbsp;:&nbsp;&nbsp;&nbsp;&nbsp;{{ grounding }}\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div v-if=\"equipmentName=='分支箱'\" class=\"interval\" >\r\n            <div class=\"title\" >出现线缆温度监测</div>\r\n            <div class=\"fenzhiMessage\">\r\n              <div class=\"fenzhiItem\" v-for=\"s in fenzhiArr\">\r\n                  <div class=\"unitNum\">\r\n                    <span>55</span>\r\n                  </div>\r\n                  <div class=\"fenzhiUnit\">\r\n                    <span>{{s}}</span>\r\n                  </div>\r\n              </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"interval\" v-else>\r\n          <div class=\"title\" v-if='equipmentName==\"箱变\"'>电参数监测</div>\r\n        \r\n          <div class=\"title\" v-else>间隔监测</div>\r\n          <!-- 分支箱 -->\r\n          \r\n          <div  class=\"table user_skills\">\r\n            <el-table\r\n              :data=\"tableData\"\r\n              style=\"width: 100%; height: 100%\"\r\n              :header-cell-style=\"{ 'text-align': 'center' }\"\r\n              :cell-style=\"{ 'text-align': 'center' }\"\r\n              stripe\r\n            >\r\n              <el-table-column prop=\"name\" label=\"\" align=\"center\" width=\"150\">\r\n              </el-table-column>\r\n              <el-table-column prop=\"phase\" label=\"相位\"> </el-table-column>\r\n              <el-table-column\r\n                v-for=\"(item, index) in tableColumns\"\r\n                :key=\"index\"\r\n                :prop=\"item.key\"\r\n                align=\"center\"\r\n                :label=\"item.name\"\r\n              >\r\n              </el-table-column>\r\n            </el-table>\r\n          </div>\r\n        </div>\r\n        \r\n        <div class=\"addTitle\" v-if='equipmentName==\"箱变\"'>进线局放数据</div>\r\n        <div class=\"addTitle\" v-else-if='equipmentName==\"分支箱\"'>局放数据</div>\r\n        \r\n        <div class=\"intervalData\">\r\n          <!-- <template v-if='equipmentName==\"箱变\"||equipmentName==\"分支箱\"'>\r\n          </template> -->\r\n          <el-tabs  v-model=\"intervalName\" @tab-click=\"intervalClick\">\r\n            <el-tab-pane\r\n              :label=\"item.name\"\r\n              :name=\"item.key\"\r\n              v-for=\"(item, index) in echartsTab\"\r\n              :key=\"index\"\r\n            ></el-tab-pane>\r\n          </el-tabs>\r\n          <el-tabs  v-model=\"intervalName1\" @tab-click=\"intervalClick1\">\r\n            <el-tab-pane\r\n              :label=\"item.name\"\r\n              :name=\"item.key\"\r\n              v-for=\"(item, index) in echartsTab1\"\r\n              :key=\"index\"\r\n            ></el-tab-pane>\r\n          </el-tabs>\r\n          <div id=\"intervalShow\" v-show=\"echartsShow\"></div>\r\n          <div id=\"temperatureShow\" v-show=\"!echartsShow\"></div>\r\n        </div>\r\n      </div>\r\n\r\n      <div\r\n        class=\"InfraredVideo\"\r\n        v-if=\"activeName == 'second'\"\r\n        style=\"height: 96%; width: 100%\"\r\n      >\r\n        <div class=\"title\">\r\n          <el-tabs\r\n            :tab-position=\"tabPosition\"\r\n            v-model=\"InfraredName\"\r\n            style=\"height: 100%\"\r\n          >\r\n            <el-tab-pane v-for=\"(item, index) in vectorgraphData\" :key=\"index\">\r\n              <span\r\n                slot=\"label\"\r\n                style=\"display: flex; align-items: center\"\r\n                @click=\"InfraredClick(index)\"\r\n              >\r\n                <img :src=\"item.vectorgraph\" />\r\n                <span\r\n                  style=\"margin-left: 10px; font-size: 19px\"\r\n                  :style=\"{ color: item.color }\"\r\n                  >{{ item.name }}</span\r\n                >\r\n              </span>\r\n            </el-tab-pane>\r\n            <div class=\"content\" v-show=\"photoShow\">\r\n              <div\r\n                v-for=\"(item, index) in photoList\"\r\n                :key=\"index\"\r\n                style=\"margin-top: 40px; margin-right: 20px\"\r\n              >\r\n                <img :src=\"item.photo\" style=\"width: 407px; height: 274px\" />\r\n              </div>\r\n            </div>\r\n            <div class=\"content1\" v-show=\"videoShow\">\r\n              <canvas id=\"canvas\" style=\"width: 100%; height: 100%\"></canvas>\r\n              <!-- <video id=\"video\" autoplay  style=\"width:100%; height:100%\"></video> -->\r\n            </div>\r\n            <div class=\"content1\" v-show=\"videoShow1\">\r\n              <canvas id=\"canvas1\" style=\"width: 100%; height: 100%\"></canvas>\r\n              <!-- <video id=\"video\" autoplay  style=\"width:100%; height:100%\"></video> -->\r\n            </div>\r\n          </el-tabs>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nimport {\r\n  getDevice,\r\n  getCabinetInfo,\r\n  getCabinetList,\r\n  getCabinetData,\r\n  getCabinetCameraList,\r\n  getCabinetPointHistory\r\n} from \"../../api/index.js\";\r\nimport JSMpeg from \"../../util/jsmpeg.min\";\r\nimport axios from \"axios\";\r\n// import JSMpeg from 'jsmpeg'\r\nexport default {\r\n  name: \"ringMainUnit\",\r\n  props: [\"ringMainUnit\"],\r\n  data() {\r\n    return {\r\n      echartsShow:true,\r\n      //\r\n      fenzhiArr: [\"电压/KV\", \"电流/A\", \"温度/℃\"],\r\n      JSMpeg: null, //视频\r\n      player: null,\r\n      webRtcServer: null,\r\n      rtsp: \"\", //红外视频地址\r\n      rtsp1: \"\", //普通视频地址\r\n      waterLevel: \"\", //水位值\r\n      waterLevel1: \"\", //水位告警\r\n      grounding: \"\",\r\n      photoShow: true,\r\n      videoShow: false,\r\n      videoShow1: false,\r\n      deviceId: \"\",\r\n      tabPosition: \"left\",\r\n      activeName: \"first\",\r\n      intervalName: \"interval1\",\r\n      intervalName1: \"\",\r\n      InfraredName: \"first\",\r\n      vectorgraphData: [\r\n        {\r\n          vectorgraph: require(\"@/assets/images/shiliangIcon4.png\"),\r\n          name: \"现场照片\",\r\n          color: \"rgb(60,127,127)\",\r\n        },\r\n        {\r\n          vectorgraph: require(\"@/assets/images/shiliangIcon4.png\"),\r\n          name: \"红外视频\",\r\n          color: \"rgb(60,127,127)\",\r\n        },\r\n        {\r\n          vectorgraph: require(\"@/assets/images/shiliangIcon4.png\"),\r\n          name: \"普通视频\",\r\n          color: \"rgb(60,127,127)\",\r\n        },\r\n      ],\r\n      tableData1: [],\r\n      tableData: [\r\n        {\r\n          name: \"\",\r\n          phase: \"Uab\",\r\n          interval1: \"220\",\r\n          interval2: \"220\",\r\n          interval3: \"220\",\r\n          interval4: \"220\",\r\n          interval5: \"220\",\r\n          interval6: \"220\",\r\n          interval7: \"220\",\r\n          interval8: \"220\",\r\n        },\r\n        {\r\n          name: \"电压/V\",\r\n          phase: \"Ubc\",\r\n          interval1: \"220\",\r\n          interval2: \"220\",\r\n          interval3: \"220\",\r\n          interval4: \"220\",\r\n          interval5: \"220\",\r\n          interval6: \"220\",\r\n          interval7: \"220\",\r\n          interval8: \"220\",\r\n        },\r\n        {\r\n          name: \"\",\r\n          phase: \"Uca\",\r\n          interval1: \"220\",\r\n          interval2: \"220\",\r\n          interval3: \"220\",\r\n          interval4: \"220\",\r\n          interval5: \"220\",\r\n          interval6: \"220\",\r\n          interval7: \"220\",\r\n          interval8: \"220\",\r\n        },\r\n        {\r\n          name: \"\",\r\n          phase: \"A\",\r\n          interval1: \"21\",\r\n          interval2: \"25\",\r\n          interval3: \"23\",\r\n          interval4: \"27\",\r\n          interval5: \"24\",\r\n          interval6: \"28\",\r\n          interval7: \"22\",\r\n          interval8: \"21\",\r\n        },\r\n        {\r\n          name: \"电流/A\",\r\n          phase: \"B\",\r\n          interval1: \"25\",\r\n          interval2: \"20\",\r\n          interval3: \"24\",\r\n          interval4: \"23\",\r\n          interval5: \"24\",\r\n          interval6: \"22\",\r\n          interval7: \"21\",\r\n          interval8: \"29\",\r\n        },\r\n        {\r\n          name: \"\",\r\n          phase: \"C\",\r\n          interval1: \"21\",\r\n          interval2: \"25\",\r\n          interval3: \"23\",\r\n          interval4: \"27\",\r\n          interval5: \"24\",\r\n          interval6: \"28\",\r\n          interval7: \"22\",\r\n          interval8: \"21\",\r\n        },\r\n        {\r\n          name: \"\",\r\n          phase: \"A\",\r\n          interval1: \"21\",\r\n          interval2: \"25\",\r\n          interval3: \"23\",\r\n          interval4: \"27\",\r\n          interval5: \"24\",\r\n          interval6: \"28\",\r\n          interval7: \"22\",\r\n          interval8: \"21\",\r\n        },\r\n        {\r\n          name: \"温度/℃\",\r\n          phase: \"B\",\r\n          interval1: \"25\",\r\n          interval2: \"20\",\r\n          interval3: \"24\",\r\n          interval4: \"23\",\r\n          interval5: \"24\",\r\n          interval6: \"22\",\r\n          interval7: \"21\",\r\n          interval8: \"29\",\r\n        },\r\n        {\r\n          name: \"\",\r\n          phase: \"C\",\r\n          interval1: \"25\",\r\n          interval2: \"20\",\r\n          interval3: \"24\",\r\n          interval4: \"23\",\r\n          interval5: \"24\",\r\n          interval6: \"22\",\r\n          interval7: \"21\",\r\n          interval8: \"29\",\r\n        },\r\n      ],\r\n      tableColumns: [\r\n        {\r\n          name: \"间隔1\",\r\n        },\r\n        {\r\n          name: \"间隔2\",\r\n        },\r\n        {\r\n          name: \"间隔3\",\r\n        },\r\n        {\r\n          name: \"间隔4\",\r\n        },\r\n      ],\r\n      echartsTab: [],\r\n      echartsTab1: [],\r\n      echartsData: {\r\n        time: [\r\n          \"0点\",\r\n          \"1点\",\r\n          \"2点\",\r\n          \"3点\",\r\n          \"4点\",\r\n          \"5点\",\r\n          \"6点\",\r\n          \"7点\",\r\n          \"8点\",\r\n          \"9点\",\r\n          \"10点\",\r\n          \"11点\",\r\n          \"12点\",\r\n          \"13点\",\r\n          \"14点\",\r\n          \"15点\",\r\n          \"16点\",\r\n          \"17点\",\r\n          \"18点\",\r\n          \"19点\",\r\n          \"20点\",\r\n          \"21点\",\r\n          \"22点\",\r\n          \"23点\",\r\n        ],\r\n        num: [],\r\n      },\r\n      photoList: [\r\n        {\r\n          photo: \"\",\r\n        },\r\n      ],\r\n\r\n      deviceInformation: {},\r\n      equipmentName: \"\",\r\n      deviceSn: \"\",\r\n      partialDischarge: [], //局放数据\r\n      totalInterval: \"\",\r\n      tabName:'',//选择温度tab\r\n       temperatureChildDataA : [],\r\n       temperatureChildDataB : [],\r\n      temperatureChildDataC :[],\r\n      voltageDataAB : [],\r\n       voltageDataBC : [],\r\n      voltageDataCA :[],\r\n    };\r\n  },\r\n  mounted() {\r\n    var that = this;\r\n    //sssss\r\n    getDevice({\r\n      action: \"querydevice\",\r\n      device_name: this.ringMainUnit,\r\n    }).then((res) => {\r\n      if (res.data.data != null) {\r\n        this.deviceInformation = res.data.data.device;\r\n      }\r\n    });\r\n    this.equipmentName = this.ringMainUnit.substring(\r\n      this.ringMainUnit.length - 3,\r\n      this.ringMainUnit.length\r\n    );\r\n    if (\r\n      this.equipmentName.substring(\r\n        this.equipmentName.length - 2,\r\n        this.equipmentName.length\r\n      ) == \"箱变\"\r\n    ) {\r\n      this.equipmentName = \"箱变\";\r\n    }\r\n    this.getDeviceData();\r\n\r\n    if (this.ringMainUnit != \"金盾FH9环网柜\") {\r\n      window.setTimeout(() => {\r\n        let tab = { index: 0, name: \"interval1\" };\r\n        this.intervalClick(tab);\r\n      }, 1000);\r\n    } else {\r\n      window.setTimeout(() => {\r\n        let tab = { index: 1, name: \"interval2\" };\r\n        this.intervalClick(tab);\r\n      }, 1000);\r\n    }\r\n  },\r\n  //  beforeDestroy() {\r\n  //   this.webRtcServer.disconnect();\r\n  //   this.webRtcServer = null;\r\n  // },\r\n  // beforeDestroy () {\r\n  //   // 页面销毁前 关闭flvjs\r\n  //   this.player.destroy()\r\n  // },\r\n  methods: {\r\n    //查询所有网柜信息\r\n    getDeviceData() {\r\n      let params = {\r\n        pageSize: 50,\r\n        token: localStorage.getItem(\"token\"),\r\n      };\r\n      getCabinetList(params).then((res) => {\r\n        res.data.data.data.forEach((item, index) => {\r\n          if (item.name == this.ringMainUnit) {\r\n            this.deviceSn = item.sn;\r\n          }\r\n        });\r\n        //查询单个网柜\r\n        let data = {\r\n          sn: this.deviceSn,\r\n          token: localStorage.getItem(\"token\"),\r\n        };\r\n        //现场图片\r\n        getCabinetInfo(data).then((res) => {\r\n          console.log(res.data.data, \"Jieguo\");\r\n        });\r\n        //间隔监测\r\n        getCabinetData(data).then((res) => {\r\n          let units = [];\r\n          console.log(res.data.data,'---------');\r\n          Object.keys(res.data.data.units).map((item, index) => {\r\n            if (res.data.data.units[item].name.indexOf(\"开关\") != -1) {\r\n              units.push(res.data.data.units[item]);\r\n            }\r\n          });\r\n          this.tableColumns = Object.keys(units).map((x, y) => {\r\n            let heardName = [];\r\n            heardName.push(\r\n              (heardName = \"间隔\" + units[x].name.substring(0, 1))\r\n            );\r\n            return {\r\n              name: heardName,\r\n              key: \"interval\" + units[x].name.substring(0, 1),\r\n            };\r\n          });\r\n          this.totalInterval = this.tableColumns.length;\r\n          this.echartsTab = Object.keys(units).map((x, y) => {\r\n            let heardName = [];\r\n            heardName.push(\r\n              (heardName = \"间隔\" + units[x].name.substring(0, 1) + \"局放数据\")\r\n            );\r\n            return {\r\n              name: heardName,\r\n              key: \"interval\" + units[x].name.substring(0, 1),\r\n            };\r\n          });\r\n          this.echartsTab1 = Object.keys(units).map((x, y) => {\r\n            let heardName = [];\r\n            heardName.push(\r\n              (heardName = \"间隔\" + units[x].name.substring(0, 1) + \"温度数据\")\r\n            );\r\n            return {\r\n              name: heardName,\r\n              key: \"interval\" + units[x].name.substring(0, 1),\r\n            };\r\n          });\r\n          \r\n          let electricCurrentA = [];\r\n          let electricCurrentB = [];\r\n          let electricCurrentC = [];\r\n          // let voltageA = []\r\n          // let voltageB = []\r\n          // let voltageC = []\r\n          res.data.data.units.forEach((item, index) => {\r\n            res.data.data.yc.forEach((n, i) => {\r\n              if (n.name == \"温度\") {\r\n                n.child.forEach((z, j) => {\r\n                  if (\r\n                    item.name == z.point_name.substring(0,4) &&\r\n                    z.point_name.indexOf(\"A\") != -1\r\n                  ) {\r\n                    this.temperatureChildDataA.push(z);\r\n                  }\r\n                  if (\r\n                    item.name == z.point_name.substring(0,4) &&\r\n                    z.point_name.indexOf(\"B\") != -1\r\n                  ) {\r\n                    this.temperatureChildDataB.push(z);\r\n                  }\r\n                  if (\r\n                    item.name == z.point_name.substring(0,4) &&\r\n                    z.point_name.indexOf(\"C\") != -1\r\n                  ) {\r\n                    this.temperatureChildDataC.push(z);\r\n                  }\r\n                });\r\n              } else if (n.name == \"电流\") {\r\n                n.child.forEach((z, j) => {\r\n                  if (\r\n                    item.name == z.point_name.substring(0,4) &&\r\n                    z.point_name.indexOf(\"a\") != -1\r\n                  ) {\r\n                    electricCurrentA.push(z);\r\n                  }\r\n                  if (\r\n                    item.name == z.point_name.substring(0,4) &&\r\n                    z.point_name.indexOf(\"b\") != -1\r\n                  ) {\r\n                    electricCurrentB.push(z);\r\n                  }\r\n                  if (\r\n                    item.name == z.point_name.substring(0,4) &&\r\n                    z.point_name.indexOf(\"c\") != -1\r\n                  ) {\r\n                    electricCurrentC.push(z);\r\n                  }\r\n                });\r\n              } else if (n.name == \"局放\") {\r\n                n.child.forEach((z, j) => {\r\n                  if (\r\n                    item.name == z.point_name.substring(0,4) &&\r\n                    z.point_name.indexOf(\"均值\") != -1\r\n                  ) {\r\n                    this.partialDischarge.push(z);\r\n                  }\r\n                });\r\n              } else if (n.name == \"水位\") {\r\n                n.child.forEach((z, j) => {\r\n                  this.waterLevel = z.value;\r\n                });\r\n              }else if (n.name == \"电压\") {\r\n                n.child.forEach((z, j) => {\r\n                  if (\r\n                    z.point_name.indexOf(\"Uab\") != -1\r\n                  ) {\r\n                    this.voltageDataAB.push(z);\r\n                  }\r\n                  if (\r\n                    z.point_name.indexOf(\"Ubc\") != -1\r\n                  ) {\r\n                    this.voltageDataBC.push(z);\r\n                  }\r\n                  if (\r\n                    z.point_name.indexOf(\"Uca\") != -1\r\n                  ) {\r\n                    this.voltageDataCA.push(z);\r\n                  }\r\n                });\r\n              }\r\n            });\r\n          });\r\n          //表格电流\r\n          for (let i = 0; i < electricCurrentA.length; i++) {\r\n            let interval = \"interval\" + electricCurrentA[i].point_name.substring(0,1);\r\n            this.tableData[3][interval] = electricCurrentA[i].value;\r\n          }\r\n          for (let i = 0; i < electricCurrentB.length; i++) {\r\n            let interval = \"interval\" + electricCurrentB[i].point_name.substring(0,1);\r\n            this.tableData[4][interval] = electricCurrentB[i].value;\r\n          }\r\n          for (let i = 0; i < electricCurrentC.length; i++) {\r\n            let interval = \"interval\" + electricCurrentC[i].point_name.substring(0,1);\r\n            this.tableData[5][interval] = electricCurrentC[i].value;\r\n          }\r\n          //电压\r\n          for (let i = 0; i < this.voltageDataAB.length; i++) {\r\n            for (let j = 0; j < units.length; j++) {\r\n              let interval = \"interval\" + units[j].name.substring(0,1);\r\n              this.tableData[0][interval] = this.voltageDataAB[i].value + ' kV';\r\n            }\r\n          }\r\n          for (let i = 0; i < this.voltageDataBC.length; i++) {\r\n            for (let j = 0; j < units.length; j++) {\r\n              let interval = \"interval\" + units[j].name.substring(0,1);\r\n              this.tableData[1][interval] = this.voltageDataBC[i].value + ' kV';\r\n            }\r\n          }\r\n          for (let i = 0; i < this.voltageDataCA.length; i++) {\r\n            for (let j = 0; j < units.length; j++) {\r\n              let interval = \"interval\" + units[j].name.substring(0,1);\r\n              this.tableData[2][interval] = this.voltageDataCA[i].value + ' kV';\r\n            }\r\n          }\r\n          //警告\r\n          res.data.data.yx.forEach((item, index) => {\r\n            if (item.name == \"水位告警\") {\r\n              this.waterLevel1 = item.child[0].value;\r\n            } else if (item.name == \"接地告警\") {\r\n              this.grounding = item.child[0].value;\r\n            }\r\n          });\r\n          this.getIntervalTep(null)\r\n        });\r\n      });\r\n       \r\n    },\r\n    handleClick(tab) {\r\n      let that = this;\r\n      if (tab.index == 0) {\r\n        this.activeName = \"first\";\r\n        this.$nextTick(() => {\r\n          let tab = {\r\n            name:'interval1'\r\n          }\r\n          this.intervalClick(tab);\r\n        });\r\n      } else if (tab.index == 1) {\r\n        this.activeName = \"second\";\r\n        this.photoShow = true;\r\n        this.videoShow = false;\r\n        this.videoShow1 = false;\r\n        this.InfraredClick(0);\r\n        getDevice({\r\n          action: \"querydevice\",\r\n          device_name: that.ringMainUnit,\r\n        }).then((res) => {\r\n          if (res.data.data.pic != null) {\r\n            this.photoList = Object.keys(res.data.data.pic).map(\r\n              (item, index) => {\r\n                let photoUrl = res.data.data.pic[index].url;\r\n                return { photo: photoUrl };\r\n              }\r\n            );\r\n          }\r\n        });\r\n      }\r\n    },\r\n    //echarts切换\r\n    intervalClick(tab) {\r\n      if (tab != null) {\r\n        this.intervalName = tab.name;\r\n        this.intervalName1 = '';\r\n        let echartsData = [];\r\n        // let index = Number(tab.index) + 1;\r\n        let index = tab.name.substring(8,9)\r\n        for (let i = 0; i < this.partialDischarge.length; i++) {\r\n          if (this.partialDischarge[i].point_name.substring(0,4).indexOf(index) != -1) {\r\n            echartsData.push(this.partialDischarge[i]);\r\n          }\r\n        }\r\n        this.intervalShow(echartsData);\r\n        this.echartsShow = true\r\n      } else {\r\n        this.intervalShow(null);\r\n      }\r\n    },\r\n    intervalClick1(tab) {\r\n      this.intervalName = '';\r\n      this.intervalName1 = tab.name;\r\n      this.echartsShow = false\r\n      if (tab != null) {\r\n        this.getIntervalTep(tab.name)\r\n      } else {\r\n        this.getIntervalTep(null);\r\n      }\r\n    },\r\n    //获取间隔温度\r\n    getIntervalTep(tabName){\r\n      let dataA = []\r\n      let dataB = []\r\n      let dataC = []\r\n      let time = []\r\n        //表格温度\r\n          for (let i = 0; i < this.temperatureChildDataA.length; i++) {\r\n            let interval = \"interval\" + this.temperatureChildDataA[i].point_name.substring(0,1);\r\n            this.tableData[6][interval] = this.temperatureChildDataA[i].value;\r\n              if (tabName == interval) {\r\n                 let data = {\r\n                      token:localStorage.getItem(\"token\"),\r\n                      sn: this.deviceSn,\r\n                      point:this.temperatureChildDataA[i].point_id,\r\n                      date:this.$moment().format(\"YYYY-MM-DD\")\r\n                    }\r\n                    getCabinetPointHistory(data).then((res)=>{\r\n                      for (let i = 0; i < res.data.data.value.length; i++) {\r\n                        dataA.push(parseInt(res.data.data.value[i]))\r\n                      }\r\n                    })\r\n              }\r\n          }\r\n          for (let i = 0; i < this.temperatureChildDataB.length; i++) {\r\n            let interval = \"interval\" + this.temperatureChildDataB[i].point_name.substring(0,1);\r\n            this.tableData[7][interval] = this.temperatureChildDataB[i].value;\r\n              if (tabName == interval) {\r\n                 let data = {\r\n                      token:localStorage.getItem(\"token\"),\r\n                      sn: this.deviceSn,\r\n                      point:this.temperatureChildDataA[i].point_id,\r\n                      date:this.$moment().format(\"YYYY-MM-DD\")\r\n                    }\r\n                    getCabinetPointHistory(data).then((res)=>{\r\n                      for (let i = 0; i < res.data.data.value.length; i++) {\r\n                        dataB.push(parseInt(res.data.data.value[i]))\r\n                      }\r\n                    })\r\n              }\r\n          }\r\n          for (let i = 0; i < this.temperatureChildDataC.length; i++) {\r\n            let interval = \"interval\" + this.temperatureChildDataC[i].point_name.substring(0,1);\r\n            this.tableData[8][interval] = this.temperatureChildDataC[i].value;\r\n              if (tabName == interval) {\r\n                 let data = {\r\n                      token:localStorage.getItem(\"token\"),\r\n                      sn: this.deviceSn,\r\n                      point:this.temperatureChildDataA[i].point_id,\r\n                      date:this.$moment().format(\"YYYY-MM-DD\")\r\n                    }\r\n                    getCabinetPointHistory(data).then((res)=>{\r\n                      \r\n                      for (let i = 0; i < res.data.data.value.length; i++) {\r\n                        dataC.push(parseInt(res.data.data.value[i]))\r\n                      }\r\n                      for (let i = 0; i < res.data.data.time.length; i++) {\r\n                        time.push(parseInt(res.data.data.time[i]))\r\n                      }\r\n                      setTimeout(()=>{\r\n                        this.$nextTick(()=>{\r\n                        this.temperatureShow(dataA,dataB,dataC,time);\r\n                        })\r\n                      },100)\r\n                      \r\n                    })\r\n              }\r\n          }\r\n    },\r\n    //视频切换\r\n    InfraredClick(index) {\r\n      let data = {\r\n        sn: this.deviceSn,\r\n        token: localStorage.getItem(\"token\"),\r\n      };\r\n      if (index == 1) {\r\n        let that = this;\r\n        Object.keys(this.vectorgraphData).forEach((key) => {\r\n          this.vectorgraphData[\r\n            key\r\n          ].vectorgraph = require(\"@/assets/images/shiliangIcon4.png\");\r\n          this.vectorgraphData[key].color = \"rgb(60,127,127)\";\r\n          if (key == index) {\r\n            this.vectorgraphData[\r\n              index\r\n            ].vectorgraph = require(\"@/assets/images/shiliangIcon3.png\");\r\n            this.vectorgraphData[index].color = \"#56fefe\";\r\n            this.photoShow = false;\r\n            this.videoShow = true;\r\n            this.videoShow1 = false;\r\n            //这里的port要与index.js的port保持一致\r\n            //解析视频流\r\n            //视频数据\r\n            getCabinetCameraList(data).then((res) => {\r\n              console.log(res.data.data, \"视频\");\r\n              this.rtsp = res.data.data[1].url;\r\n              this.$nextTick(() => {\r\n                this.JSMpeg = new JSMpeg.Player(\r\n                  \"ws://localhost:9999/rtsp?url=\" + btoa(this.rtsp),\r\n                  {\r\n                    canvas: document.getElementById(\"canvas\"),\r\n                  }\r\n                );\r\n              });\r\n            });\r\n\r\n            // let video = document.getElementById('video')\r\n            //  try{\r\n            //    if ('srcObject' in video) {\r\n            //      video.srcObject = null;\r\n            //  this.webRtcServer = new WebRtcStreamer(\r\n            //     \"video\",\r\n            //     location.protocol + \"//127.0.0.1:8000\"\r\n            //   );\r\n            // //   //需要看的rtsp视频地址，可以在网上找在线的rtsp视频地址来进行demo实验，在vlc中能播放就能用\r\n            //   this.webRtcServer.connect(\r\n            //     \"rtsp://221.231.99.214:554/cam=109/channel=0\"\r\n            //   );\r\n            //       this.webRtcServer.connect(\r\n            //         \"rtsp://wowzaec2demo.streamlock.net/vod/mp4:BigBuckBunny_115k.mp4\"\r\n            //       );\r\n            //    }else{\r\n            //      video.src = null;\r\n            //    }\r\n\r\n            //  }catch(e){\r\n            //       console.log(e)\r\n            //     }\r\n          }\r\n        });\r\n      } else if (index == 0) {\r\n        let that = this;\r\n        Object.keys(this.vectorgraphData).forEach((key) => {\r\n          this.vectorgraphData[\r\n            key\r\n          ].vectorgraph = require(\"@/assets/images/shiliangIcon4.png\");\r\n          this.vectorgraphData[key].color = \"rgb(60,127,127)\";\r\n          if (key == index) {\r\n            this.vectorgraphData[\r\n              index\r\n            ].vectorgraph = require(\"@/assets/images/shiliangIcon3.png\");\r\n            this.vectorgraphData[index].color = \"#56fefe\";\r\n            (this.photoShow = true), (this.videoShow = false);\r\n            this.videoShow1 = false;\r\n          }\r\n        });\r\n      } else if (index == 2) {\r\n        let that = this;\r\n        Object.keys(this.vectorgraphData).forEach((key) => {\r\n          this.vectorgraphData[\r\n            key\r\n          ].vectorgraph = require(\"@/assets/images/shiliangIcon4.png\");\r\n          this.vectorgraphData[key].color = \"rgb(60,127,127)\";\r\n          if (key == index) {\r\n            this.vectorgraphData[\r\n              index\r\n            ].vectorgraph = require(\"@/assets/images/shiliangIcon3.png\");\r\n            this.vectorgraphData[index].color = \"#56fefe\";\r\n            this.photoShow = false;\r\n            this.videoShow = false;\r\n            this.videoShow1 = true;\r\n            //这里的port要与index.js的port保持一致\r\n            //解析视频流\r\n            getCabinetCameraList(data).then((res) => {\r\n              console.log(res.data.data, \"视频\");\r\n              this.rtsp1 = res.data.data[0].url;\r\n              this.JSMpeg = new JSMpeg.Player(\r\n                \"ws://localhost:9999/rtsp?url=\" + btoa(this.rtsp1),\r\n                {\r\n                  canvas: document.getElementById(\"canvas1\"),\r\n                }\r\n              );\r\n            });\r\n          }\r\n        });\r\n      }\r\n    },\r\n    closeJSMpeg() {\r\n      //销毁\r\n      this.JSMpeg.destroy();\r\n    },\r\n    handleClose() {\r\n      this.$parent.componentShow = \"\";\r\n      this.$parent.modelOthers = false;\r\n      // this.$emit(\"closeStatus\", this.closeStatus)\r\n      this.rtsp = \"\";\r\n      this.rtsp1 = \"\";\r\n      if (this.JSMpeg != null) {\r\n        this.closeJSMpeg();\r\n      }\r\n    },\r\n    //局放图\r\n    intervalShow(InintervalData) {\r\n      let num = [];\r\n      let time = [];\r\n      if (InintervalData != null && InintervalData != []) {\r\n        for (const i in InintervalData[0].hour_data) {\r\n          num.push(InintervalData[0].hour_data[i]);\r\n          time.push(i);\r\n        }\r\n        this.echartsData.num = num;\r\n        this.echartsData.time = time;\r\n      }\r\n      let that = this;\r\n      var data = this.echartsData;\r\n      var myChart = this.$echarts.init(document.getElementById(\"intervalShow\"));\r\n      var option = {\r\n        tooltip: {\r\n          trigger: \"axis\",\r\n          formatter:function(params){\r\n            return '时间：' + params[0].name+'<br/>'+'局放数据：'+params[0].value+'dbm'\r\n          }\r\n        },\r\n        grid: {\r\n          top: \"10%\",\r\n          left: \"3%\",\r\n          right: \"3%\",\r\n          bottom: \"10%\",\r\n          // containLabel: true\r\n        },\r\n        xAxis: [\r\n          {\r\n            type: \"category\",\r\n            boundaryGap: true,\r\n            axisLine: {\r\n              //坐标轴轴线相关设置。数学上的x轴\r\n              show: true,\r\n              lineStyle: {\r\n                color: 'color:\"#93dcfe\"',\r\n              },\r\n            },\r\n            axisLabel: {\r\n              //坐标轴刻度标签的相关设置\r\n              textStyle: {\r\n                color: \"#93dcfe\",\r\n                margin: 15,\r\n              },\r\n              formatter: function (data) {\r\n                return data;\r\n              },\r\n            },\r\n            axisTick: {\r\n              show: false,\r\n            },\r\n            data: data.time,\r\n          },\r\n        ],\r\n        yAxis: [\r\n          {\r\n            //   min: 0,\r\n            //   max: 100,\r\n            name: \"dbm\",\r\n            splitLine: {\r\n              show: true,\r\n              lineStyle: {\r\n                color: \"rgba(147,220,254,0.3)\",\r\n              },\r\n            },\r\n            axisLine: {\r\n              show: false,\r\n              lineStyle: {\r\n                color: \"#93dcfe\",\r\n              },\r\n            },\r\n            axisLabel: {\r\n              show: true,\r\n              textStyle: {\r\n                color: \"#93dcfe\",\r\n              },\r\n              // formatter: function (value) {\r\n              //   if (value === 0) {\r\n              //     return value;\r\n              //   }\r\n              //   return value + \"%\";\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            symbol: \"circle\", // 默认是空心圆（中间是白色的），改成实心圆\r\n            showAllSymbol: true,\r\n            symbolSize: 8,\r\n            lineStyle: {\r\n              normal: {\r\n                color: \"#1f93fa\", // 线条颜色\r\n              },\r\n              borderColor: \"rgba(0,0,0,.4)\",\r\n            },\r\n            itemStyle: {\r\n              color: \"#1f93fa\",\r\n              borderColor: \"#1f93fa\",\r\n              borderWidth: 2,\r\n            },\r\n            label: {\r\n              normal: {\r\n                show: false,\r\n                position: \"top\",\r\n                formatter: [\" {a|{c}%}\"].join(\",\"),\r\n                rich: {\r\n                  a: {\r\n                    color: \"#fff\",\r\n                    align: \"center\",\r\n                  },\r\n                },\r\n              },\r\n            },\r\n            tooltip: {\r\n              show: true,\r\n            },\r\n\r\n            data: data.num,\r\n          },\r\n        ],\r\n      };\r\n      myChart.setOption(option);\r\n    },\r\n     //图\r\n    temperatureShow(dataA,dataB,dataC,date) {\r\n      let numA = dataA;\r\n      let time = date;\r\n      let numB = dataB;\r\n      let numC = dataC;\r\n      // if (temperatureData != null && temperatureData != []) {\r\n      //   for (const i in temperatureData[0].hour_data) {\r\n      //     num.push(temperatureData[0].hour_data[i]);\r\n      //     time.push(i);\r\n      //   }\r\n      //   this.echartsData.num = num;\r\n      //   this.echartsData.time = time;\r\n      // }\r\n      let that = this;\r\n      // var data = this.echartsData;\r\n      var myChart = this.$echarts.init(document.getElementById(\"temperatureShow\"));\r\n      var option = {\r\n        tooltip: {\r\n          trigger: \"axis\",\r\n          formatter:function(params){\r\n            return '时间：' + params[0].name+'<br/>'+'温度A：'+params[0].value+'℃'\r\n            +'<br/>'+'温度B：'+params[1].value+'℃'\r\n            +'<br/>'+'温度C：'+params[2].value+'℃'\r\n          }\r\n        },\r\n        legend:{\r\n          origin:'horizontal',\r\n          textStyle: {\r\n            color: \"#fff\",\r\n            fontSize: \"18px\",\r\n          },\r\n        },\r\n        grid: {\r\n          top: \"10%\",\r\n          left: \"3%\",\r\n          right: \"3%\",\r\n          bottom: \"10%\",\r\n          // containLabel: true\r\n        },\r\n        xAxis: [\r\n          {\r\n            type: \"category\",\r\n            boundaryGap: true,\r\n            axisLine: {\r\n              //坐标轴轴线相关设置。数学上的x轴\r\n              show: true,\r\n              lineStyle: {\r\n                color: 'color:\"#93dcfe\"',\r\n              },\r\n            },\r\n            axisLabel: {\r\n              //坐标轴刻度标签的相关设置\r\n              textStyle: {\r\n                color: \"#93dcfe\",\r\n                margin: 15,\r\n              },\r\n              formatter: function (data) {\r\n                return data;\r\n              },\r\n            },\r\n            axisTick: {\r\n              show: false,\r\n            },\r\n            data: time,\r\n          },\r\n        ],\r\n        yAxis: [\r\n          {\r\n            //   min: 0,\r\n            //   max: 100,\r\n            name: \"℃\",\r\n            splitLine: {\r\n              show: true,\r\n              lineStyle: {\r\n                color: \"rgba(147,220,254,0.3)\",\r\n              },\r\n            },\r\n            axisLine: {\r\n              show: false,\r\n              lineStyle: {\r\n                color: \"#93dcfe\",\r\n              },\r\n            },\r\n            axisLabel: {\r\n              show: true,\r\n              textStyle: {\r\n                color: \"#93dcfe\",\r\n              },\r\n              // formatter: function (value) {\r\n              //   if (value === 0) {\r\n              //     return value;\r\n              //   }\r\n              //   return value + \"%\";\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: \"A相位\",\r\n            type: \"line\",\r\n            symbol: \"circle\", // 默认是空心圆（中间是白色的），改成实心圆\r\n            showAllSymbol: true,\r\n            symbolSize: 8,\r\n            lineStyle: {\r\n              normal: {\r\n                color: \"#1f93fa\", // 线条颜色\r\n              },\r\n              borderColor: \"rgba(0,0,0,0.4)\",\r\n            },\r\n            itemStyle: {\r\n              color: \"#1f93fa\",\r\n              borderColor: \"#1f93fa\",\r\n              borderWidth: 2,\r\n            },\r\n            label: {\r\n              normal: {\r\n                show: false,\r\n                position: \"top\",\r\n                formatter: [\" {a|{c}%}\"].join(\",\"),\r\n                rich: {\r\n                  a: {\r\n                    color: \"#fff\",\r\n                    align: \"center\",\r\n                  },\r\n                },\r\n              },\r\n            },\r\n            tooltip: {\r\n              show: true,\r\n            },\r\n\r\n            data: numA,\r\n          },\r\n          {\r\n            name: \"B相位\",\r\n            type: \"line\",\r\n            symbol: \"circle\", // 默认是空心圆（中间是白色的），改成实心圆\r\n            showAllSymbol: true,\r\n            symbolSize: 8,\r\n            lineStyle: {\r\n              normal: {\r\n                color: \"rgb(39,239,94)\", // 线条颜色\r\n              },\r\n              borderColor: \"rgba(0,0,0,0.4)\",\r\n            },\r\n            itemStyle: {\r\n              color: \"rgb(39,239,94)\",\r\n              borderColor: \"rgb(39,239,94)\",\r\n              borderWidth: 2,\r\n            },\r\n            label: {\r\n              normal: {\r\n                show: false,\r\n                position: \"top\",\r\n                formatter: [\" {a|{c}%}\"].join(\",\"),\r\n                rich: {\r\n                  a: {\r\n                    color: \"#fff\",\r\n                    align: \"center\",\r\n                  },\r\n                },\r\n              },\r\n            },\r\n            tooltip: {\r\n              show: true,\r\n            },\r\n\r\n            data: numB,\r\n          },\r\n          {\r\n            name: \"C相位\",\r\n            type: \"line\",\r\n            symbol: \"circle\", // 默认是空心圆（中间是白色的），改成实心圆\r\n            showAllSymbol: true,\r\n            symbolSize: 8,\r\n            lineStyle: {\r\n              normal: {\r\n                color: \"rgb(255,193,64)\", // 线条颜色\r\n              },\r\n              borderColor: \"rgba(0,0,0,0.4)\",\r\n            },\r\n            itemStyle: {\r\n              color: \"rgb(255,193,64)\",\r\n              borderColor: \"rgb(255,193,64)\",\r\n              borderWidth: 2,\r\n            },\r\n            label: {\r\n              normal: {\r\n                show: false,\r\n                position: \"top\",\r\n                formatter: [\" {a|{c}%}\"].join(\",\"),\r\n                rich: {\r\n                  a: {\r\n                    color: \"#fff\",\r\n                    align: \"center\",\r\n                  },\r\n                },\r\n              },\r\n            },\r\n            tooltip: {\r\n              show: true,\r\n            },\r\n\r\n            data: numC,\r\n          },\r\n        ],\r\n      };\r\n      myChart.setOption(option);\r\n    },\r\n  },\r\n  watch: {\r\n    equipmentName: {\r\n      handler(newVal, oldVal) {\r\n        if (newVal == \"箱变\") {\r\n          this.tableColumns.forEach((item, index) => {\r\n            if (index == 0 || index % 2 == 0) {\r\n              item.name = \"进线\";\r\n            } else {\r\n              item.name = \"出线\";\r\n            }\r\n          });\r\n        } else {\r\n          this.tableColumns.forEach((item, index) => {\r\n            item.name=\"间隔\"+(index+1)\r\n          });\r\n        }\r\n      },\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.fenzhiMessage {\r\n  width: 100%;\r\n  margin-top: 6px;\r\n  height: calc(100% - 30px);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-around;\r\n  background: url(\"../../assets/images/intervalFrame.png\") no-repeat;\r\n  .fenzhiItem {\r\n    background-image: url(\"../../assets/images/fenzhiBg.png\");\r\n    width: 295px;\r\n    height: 116px;\r\n    background-size: 100% 100%;\r\n    .unitNum {\r\n      height: 83px;\r\n      line-height: 83px;\r\n      width: 100%;\r\n      text-align: center;\r\n      font-size: 30px;\r\n      color: #56fefe;\r\n    }\r\n    .fenzhiUnit {\r\n      height: 33px;\r\n      text-align: center;\r\n      font-size: 20px;\r\n      line-height: 28px;\r\n      color: #fff;\r\n    }\r\n  }\r\n}\r\n.addTitle {\r\n  color: rgb(86, 244, 254);\r\n  text-align: left;\r\n}\r\n//表格\r\n.user_skills {\r\n  /**\r\n  表格有滚动效果但是不显示滚动条\r\n  */\r\n  /deep/ .is-scrolling-none {\r\n    overflow: hidden;\r\n    overflow-y: auto;\r\n    overflow-x: scroll;\r\n  }\r\n  /deep/ .is-scrolling-none::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n  /deep/.el-table--scrollable-y ::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n  /deep/.el-table--scrollable-x ::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n  /deep/ .el-table {\r\n    background-color: transparent !important;\r\n  }\r\n  /deep/ .el-table th {\r\n    background-color: transparent !important;\r\n  }\r\n  /deep/ .el-table__header {\r\n    height: 48px;\r\n    background: url(\"../../assets/images/intervalTable.png\") no-repeat;\r\n    background-size: 100% 100%;\r\n  }\r\n  /deep/ .el-table__header th {\r\n    border: none;\r\n    padding: 0;\r\n    height: 40px;\r\n    .cell {\r\n      height: 100%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-around;\r\n    }\r\n    &.el-table__cell.is-leaf {\r\n      border: none !important;\r\n    }\r\n  }\r\n  /deep/ .el-table tr {\r\n    background-color: transparent !important;\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  /deep/ .el-table__body td .cell {\r\n    white-space: nowrap !important;\r\n    // word-break: break-all;\r\n  }\r\n  /deep/ .el-table th.el-table__cell > .cell {\r\n    color: rgb(86, 254, 226);\r\n  }\r\n  /deep/.el-table .el-table__cell {\r\n    padding: 5px 0;\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}\r\n.el-table::before {\r\n  background-color: transparent;\r\n}\r\n::v-deep .el-table .el-table__body tr.el-table__row td {\r\n  background: rgba(79, 218, 255, 0.1) !important;\r\n}\r\n::v-deep .el-table--striped .el-table__body tr.el-table__row--striped td {\r\n  background: rgba(79, 218, 255, 0.06) !important;\r\n}\r\n.ringMain {\r\n  width: 1332px !important;\r\n  height: 739px !important;\r\n  background-image: url(\"../../assets/images/ringMain.png\") !important;\r\n  .main {\r\n    height: 93% !important;\r\n    .basic {\r\n      margin-top: 20px;\r\n      .title {\r\n        margin-bottom: 5px;\r\n      }\r\n    }\r\n  }\r\n}\r\n.ringMainUnit {\r\n  width: 1511px;\r\n  height: 1071px;\r\n  background: url(\"../../assets/images/ringMainUnitKuang.png\") no-repeat;\r\n  background-size: 100% 100%;\r\n  -webkit-animation: fadeInDown 0.3s;\r\n  animation: fadeInDown 0.3s;\r\n  padding: 15px 25px;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  align-content: space-between;\r\n  .top {\r\n    height: 4%;\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    .title {\r\n      font-size: 28px;\r\n      font-weight: 700;\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(86, 244, 254)\r\n      );\r\n    }\r\n  }\r\n  .main {\r\n    height: 95%;\r\n    width: 100%;\r\n    //   border: 1px solid blue;\r\n    .basic {\r\n      height: 8.8%;\r\n      width: 100%;\r\n      //   border: 1px solid red;\r\n      .title {\r\n        height: 27%;\r\n        width: 100%;\r\n        //  border: 1px solid yellow;\r\n        color: rgb(86, 244, 254);\r\n        display: flex;\r\n      }\r\n      .content {\r\n        height: 73%;\r\n        width: 100%;\r\n        background: url(\"../../assets/images/basicFrame.png\") no-repeat;\r\n        display: flex;\r\n        background-size: 100% 100%;\r\n        justify-content: space-around;\r\n        overflow: auto;\r\n        .information {\r\n          color: #ffffff;\r\n          height: 100%;\r\n          width: 96%;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: space-between;\r\n          .informationContent {\r\n            height: 35px;\r\n            line-height: 35px;\r\n            background: url(\"../../assets/images/cardSquare.png\") no-repeat;\r\n            background-size: 100% 100%;\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .earlyWarning {\r\n      height: 8.8%;\r\n      width: 100%;\r\n      margin-top: 10px;\r\n      //   border: 1px solid red;\r\n      .title {\r\n        height: 27%;\r\n        width: 100%;\r\n        //  border: 1px solid yellow;\r\n        color: rgb(86, 244, 254);\r\n        display: flex;\r\n      }\r\n      .content {\r\n        height: 73%;\r\n        width: 100%;\r\n        background: url(\"../../assets/images/basicFrame.png\") no-repeat;\r\n        display: flex;\r\n        background-size: 100% 100%;\r\n        justify-content: flex-start;\r\n        .information {\r\n          color: #ffffff;\r\n          height: 100%;\r\n          width: 79%;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: space-between;\r\n          display: flex;\r\n          align-items: center;\r\n          -webkit-box-pack: justify;\r\n          padding-left: 24px;\r\n          .informationContent {\r\n            height: 35px;\r\n            background: url(\"../../assets/images/cardSquare.png\") no-repeat;\r\n            background-size: 100% 100%;\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .interval {\r\n      height: 40%;\r\n      width: 100%;\r\n      margin-top: 10px;\r\n      .title {\r\n        height: 7%;\r\n        width: 100%;\r\n        color: rgb(86, 244, 254);\r\n        display: flex;\r\n      }\r\n      .table {\r\n        height: 85%;\r\n        // border: 1px solid red;\r\n        background: url(\"../../assets/images/intervalFrame.png\") no-repeat;\r\n        background-size: 100% 100%;\r\n        padding: 15px 20px;\r\n      }\r\n    }\r\n    .intervalData {\r\n      height: 33%;\r\n      margin-top: 10px;\r\n      padding-left: 10px;\r\n      background: url(\"../../assets/images/intervalFrame.png\") no-repeat;\r\n      background-size: 100% 100%;\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      /deep/ .el-tabs__nav-wrap::after {\r\n        background-color: transparent !important;\r\n      }\r\n      /deep/ .el-tabs--top{\r\n        width: 50%;\r\n      }\r\n      #intervalShow {\r\n        width: 100%;\r\n        height: calc(100% - 54px);\r\n      }\r\n      #temperatureShow{\r\n        width: 100%;\r\n        height: calc(100% - 54px);\r\n      }\r\n    }\r\n    .InfraredVideo {\r\n      .title {\r\n        height: 100%;\r\n        .content {\r\n          margin-left: 30px;\r\n          display: flex;\r\n          flex-direction: row;\r\n          flex-wrap: wrap;\r\n          justify-content: flex-start;\r\n        }\r\n      }\r\n      /deep/ .el-tabs__item {\r\n        margin-top: 20px;\r\n        padding: 0 30px;\r\n      }\r\n    }\r\n  }\r\n}\r\n.content1 {\r\n  height: 100%;\r\n  width: 100%;\r\n  overflow: hidden;\r\n}\r\n/deep/.el-tabs__content {\r\n  height: 100%;\r\n  overflow: auto;\r\n  position: relative;\r\n}\r\n/**\r\n下拉显示动画效果\r\n*/\r\n@keyframes fadeInDown {\r\n  0% {\r\n    -webkit-transform: translate3d(0, -20%, 0);\r\n    transform: translate3d(0, -20%, 0);\r\n    opacity: 0;\r\n  }\r\n\r\n  100% {\r\n    -webkit-transform: none;\r\n    transform: none;\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n@-webkit-keyframes fadeInDown {\r\n  0% {\r\n    -webkit-transform: translate3d(0, -20%, 0);\r\n    opacity: 0;\r\n  }\r\n\r\n  100% {\r\n    -webkit-transform: none;\r\n    opacity: 1;\r\n  }\r\n}\r\n</style>\r\n<style lang=\"less\">\r\n.el-tabs__item:hover {\r\n  color: #56fefe !important;\r\n}\r\n.el-tabs__item.is-active {\r\n  color: #56fefe !important;\r\n  font-size: 23px;\r\n}\r\n.el-tabs__item {\r\n  color: rgb(60, 127, 127) !important;\r\n  font-size: 18px;\r\n}\r\n\r\n.el-tabs__active-bar {\r\n  background-color: transparent !important;\r\n  background: url(\"../../assets/images/ringMainGH.png\") no-repeat;\r\n  background-size: 100% 100%;\r\n  bottom: -5px !important;\r\n  height: 19px !important;\r\n}\r\n.el-tabs__nav-wrap::after {\r\n  background-color: rgb(38, 114, 120) !important;\r\n}\r\n</style>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/19e63776db5cea6922589d21f67f15de.json b/node_modules/.cache/babel-loader/19e63776db5cea6922589d21f67f15de.json
new file mode 100644
index 00000000..638001a1
--- /dev/null
+++ b/node_modules/.cache/babel-loader/19e63776db5cea6922589d21f67f15de.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??ref--6!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\stationBuilding.vue?vue&type=template&id=878d5e44&scoped=true&","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\stationBuilding.vue","mtime":1689642397096},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\babel.config.js","mtime":1689642387810},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1689642389292},{"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\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1689642396087},{"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":["import \"core-js/modules/es6.function.name\";\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"home\"\n  }, [_c(\"div\", {\n    staticClass: \"left\",\n    attrs: {\n      id: \"left\"\n    }\n  }, [_c(\"div\", {\n    staticClass: \"one\",\n    staticStyle: {\n      height: \"100%\"\n    }\n  }, [_vm._m(0), _c(\"div\", {\n    staticClass: \"content\"\n  }, [_c(\"div\", {\n    staticClass: \"line\"\n  }, [_c(\"table\", [_vm._m(1), _c(\"tbody\", _vm._l(_vm.pvTable, function (item, index) {\n    return _c(\"tr\", {\n      key: index\n    }, [_c(\"td\", [_vm._v(_vm._s(item.id))]), _c(\"td\", [_vm._v(_vm._s(item.name))]), _c(\"td\", [_vm._v(_vm._s(item.stationNumber))]), _c(\"td\", {\n      staticClass: \"titleFont\"\n    }, [_vm._v(_vm._s(item.alternatorNumber))])]);\n  }), 0)])])])])]), _vm._m(2), _vm._m(3), _vm._m(4), _c(\"div\", {\n    staticClass: \"right1\",\n    attrs: {\n      id: \"right\"\n    }\n  }, [_c(\"div\", {\n    staticClass: \"one\",\n    staticStyle: {\n      height: \"100%\"\n    }\n  }, [_vm._m(5), _c(\"div\", {\n    staticClass: \"content\"\n  }, [_c(\"div\", {\n    staticClass: \"line\"\n  }, [_c(\"table\", [_vm._m(6), _c(\"tbody\", _vm._l(_vm.pvTable, function (item, index) {\n    return _c(\"tr\", {\n      key: index\n    }, [_c(\"td\", [_vm._v(_vm._s(item.id))]), _c(\"td\", [_vm._v(_vm._s(item.name))]), _c(\"td\", [_vm._v(_vm._s(item.stationNumber))]), _c(\"td\", {\n      staticClass: \"titleFont\"\n    }, [_vm._v(_vm._s(item.alternatorNumber))])]);\n  }), 0)])])])])]), _c(\"audio\", {\n    ref: \"audio\",\n    attrs: {\n      controls: \"controls\",\n      hidden: \"\",\n      src: require(\"../assets/videos/police.wav\")\n    }\n  })]);\n};\nvar staticRenderFns = [function () {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"cartitle\"\n  }, [_c(\"div\", {\n    staticClass: \"titleFont\"\n  }, [_c(\"img\", {\n    attrs: {\n      src: require(\"./../assets/indexN/\\u6807\\u9898\\u7BAD\\u5934.png\"),\n      alt: \"\"\n    }\n  }), _c(\"span\", [_vm._v(\"光伏台账\")]), _c(\"img\", {\n    attrs: {\n      src: require(\"./../assets/indexN/\\u6807\\u9898\\u7BAD\\u59341.png\"),\n      alt: \"\"\n    }\n  })])]);\n}, function () {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"thead\", {\n    staticStyle: {\n      color: \"#fff\",\n      \"font-size\": \"30px\"\n    }\n  }, [_c(\"tr\", [_c(\"td\", [_vm._v(\"序号\")]), _c(\"td\", [_vm._v(\"单位名称\")]), _c(\"td\", [_vm._v(\"台区编号\")]), _c(\"td\", [_vm._v(\"发电客户编号\")])])]);\n}, function () {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"left1\",\n    attrs: {\n      id: \"left\"\n    }\n  }, [_c(\"div\", {\n    staticClass: \"two\",\n    staticStyle: {\n      height: \"49%\"\n    }\n  }, [_c(\"div\", {\n    staticClass: \"cartitle\"\n  }, [_c(\"div\", {\n    staticClass: \"titleFont\"\n  }, [_c(\"img\", {\n    attrs: {\n      src: require(\"./../assets/indexN/\\u6807\\u9898\\u7BAD\\u5934.png\"),\n      alt: \"\"\n    }\n  }), _c(\"span\", [_vm._v(\"上网功率\")]), _c(\"img\", {\n    attrs: {\n      src: require(\"./../assets/indexN/\\u6807\\u9898\\u7BAD\\u59341.png\"),\n      alt: \"\"\n    }\n  })])]), _c(\"div\", {\n    staticClass: \"content\"\n  }, [_c(\"div\", {\n    staticClass: \"line\"\n  }, [_c(\"div\", {\n    attrs: {\n      id: \"detailedTwo1\"\n    }\n  })])])]), _c(\"div\", {\n    staticClass: \"two\",\n    staticStyle: {\n      height: \"49%\"\n    }\n  }, [_c(\"div\", {\n    staticClass: \"cartitle\"\n  }, [_c(\"div\", {\n    staticClass: \"titleFont\"\n  }, [_c(\"img\", {\n    attrs: {\n      src: require(\"./../assets/indexN/\\u6807\\u9898\\u7BAD\\u5934.png\"),\n      alt: \"\"\n    }\n  }), _c(\"span\", [_vm._v(\"配变负载率TOP5\")]), _c(\"img\", {\n    attrs: {\n      src: require(\"./../assets/indexN/\\u6807\\u9898\\u7BAD\\u59341.png\"),\n      alt: \"\"\n    }\n  })])]), _c(\"div\", {\n    staticClass: \"content\"\n  }, [_c(\"div\", {\n    staticClass: \"line\"\n  }, [_c(\"div\", {\n    attrs: {\n      id: \"detailedTwo2\"\n    }\n  })])])])]);\n}, function () {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"middle\",\n    attrs: {\n      id: \"middle\"\n    }\n  }, [_c(\"div\", {\n    staticClass: \"map\",\n    staticStyle: {\n      height: \"100%\"\n    }\n  }, [_c(\"div\", {\n    staticClass: \"imgboxone\"\n  }, [_c(\"div\", {\n    staticClass: \"contents\"\n  }, [_c(\"div\", {\n    staticClass: \"lines\"\n  }, [_c(\"div\", {\n    staticClass: \"total\"\n  }, [_c(\"div\", {\n    staticClass: \"num\"\n  }, [_c(\"span\", {\n    staticStyle: {\n      \"font-size\": \"18px\"\n    }\n  }, [_vm._v(\"户数高渗透率\")]), _c(\"h5\", {\n    staticStyle: {\n      \"font-size\": \"28px\",\n      color: \"yellow\"\n    }\n  }, [_vm._v(\"3.40%\")])])])]), _c(\"div\", {\n    staticClass: \"lines\"\n  }, [_c(\"div\", {\n    staticClass: \"total\"\n  }, [_c(\"div\", {\n    staticClass: \"num\"\n  }, [_c(\"span\", {\n    staticStyle: {\n      \"font-size\": \"18px\"\n    }\n  }, [_vm._v(\"容量渗透率\")]), _c(\"h5\", {\n    staticStyle: {\n      \"font-size\": \"28px\",\n      color: \"orange\"\n    }\n  }, [_vm._v(\"0.01%\")])])])]), _c(\"div\", {\n    staticClass: \"lines\"\n  }, [_c(\"div\", {\n    staticClass: \"total\"\n  }, [_c(\"div\", {\n    staticClass: \"num\"\n  }, [_c(\"span\", {\n    staticStyle: {\n      \"font-size\": \"18px\"\n    }\n  }, [_vm._v(\"能量渗透率\")]), _c(\"h5\", {\n    staticStyle: {\n      \"font-size\": \"28px\",\n      color: \"yellow\"\n    }\n  }, [_vm._v(\"0.44%\")])])])])])]), _c(\"div\", {\n    staticClass: \"imgboxtwo\"\n  }, [_c(\"ul\", {\n    staticClass: \"contentUl\"\n  }, [_c(\"li\", [_c(\"h5\", [_vm._v(\"发电客户数\")]), _c(\"br\"), _c(\"span\", {\n    staticStyle: {\n      color: \"yellow\"\n    }\n  }, [_vm._v(\"4721\")])]), _c(\"li\", [_c(\"h5\", [_vm._v(\"变电站数量\")]), _c(\"br\"), _c(\"span\", {\n    staticStyle: {\n      color: \"orange\"\n    }\n  }, [_vm._v(\"90\")])]), _c(\"li\", [_c(\"h5\", [_vm._v(\"台区总数\")]), _c(\"br\"), _c(\"span\", {\n    staticStyle: {\n      color: \"yellow\"\n    }\n  }, [_vm._v(\"17416\")])]), _c(\"li\", [_c(\"h5\", [_vm._v(\"当前负载率\")]), _c(\"br\"), _c(\"span\", {\n    staticStyle: {\n      color: \"orange\"\n    }\n  }, [_vm._v(\"40.19%\")])])])])])]);\n}, function () {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"right\",\n    attrs: {\n      id: \"right\"\n    }\n  }, [_c(\"div\", {\n    staticClass: \"two\",\n    staticStyle: {\n      height: \"49%\"\n    }\n  }, [_c(\"div\", {\n    staticClass: \"cartitle\"\n  }, [_c(\"div\", {\n    staticClass: \"titleFont\"\n  }, [_c(\"img\", {\n    attrs: {\n      src: require(\"./../assets/indexN/\\u6807\\u9898\\u7BAD\\u5934.png\"),\n      alt: \"\"\n    }\n  }), _c(\"span\", [_vm._v(\"分布式光伏电量\")]), _c(\"img\", {\n    attrs: {\n      src: require(\"./../assets/indexN/\\u6807\\u9898\\u7BAD\\u59341.png\"),\n      alt: \"\"\n    }\n  })])]), _c(\"div\", {\n    staticClass: \"content\"\n  }, [_c(\"div\", {\n    staticClass: \"line\"\n  }, [_c(\"div\", {\n    staticClass: \"eqselect\"\n  }, [_c(\"span\", [_vm._v(\"地区:\")]), _c(\"img\", {\n    attrs: {\n      src: require(\"../assets/02/\\u5730\\u533A\\u9009\\u62E9\\u4E0B\\u62C9\\u83DC\\u5355.png\"),\n      alt: \"\"\n    }\n  }), _c(\"span\", [_vm._v(\"用户:\")]), _c(\"img\", {\n    attrs: {\n      src: require(\"../assets/02/\\u5730\\u533A\\u9009\\u62E9\\u4E0B\\u62C9\\u83DC\\u5355.png\"),\n      alt: \"\"\n    }\n  }), _c(\"span\", [_vm._v(\"范围:\")]), _c(\"img\", {\n    attrs: {\n      src: require(\"../assets/02/\\u5730\\u533A\\u9009\\u62E9\\u4E0B\\u62C9\\u83DC\\u5355.png\"),\n      alt: \"\"\n    }\n  }), _c(\"span\", [_vm._v(\"日期:\")]), _c(\"img\", {\n    attrs: {\n      src: require(\"../assets/02/\\u5730\\u533A\\u9009\\u62E9\\u4E0B\\u62C9\\u83DC\\u5355.png\"),\n      alt: \"\"\n    }\n  })]), _c(\"div\", {\n    attrs: {\n      id: \"detailqe\"\n    }\n  })])])]), _c(\"div\", {\n    staticClass: \"two\",\n    staticStyle: {\n      height: \"49%\"\n    }\n  }, [_c(\"div\", {\n    staticClass: \"cartitle\"\n  }, [_c(\"div\", {\n    staticClass: \"titleFont\"\n  }, [_c(\"img\", {\n    attrs: {\n      src: require(\"./../assets/indexN/\\u6807\\u9898\\u7BAD\\u5934.png\"),\n      alt: \"\"\n    }\n  }), _c(\"span\", [_vm._v(\"能量/容量\")]), _c(\"img\", {\n    attrs: {\n      src: require(\"./../assets/indexN/\\u6807\\u9898\\u7BAD\\u59341.png\"),\n      alt: \"\"\n    }\n  })])]), _c(\"div\", {\n    staticClass: \"content\"\n  }, [_c(\"div\", {\n    staticClass: \"line\"\n  }, [_c(\"div\", {\n    staticClass: \"enselect\"\n  }, [_c(\"img\", {\n    attrs: {\n      src: require(\"../assets/02/\\u5730\\u533A\\u9009\\u62E9\\u4E0B\\u62C9\\u83DC\\u5355.png\"),\n      alt: \"\"\n    }\n  }), _c(\"span\", {\n    staticClass: \"text\"\n  }, [_vm._v(\"能量\")])]), _c(\"div\", {\n    attrs: {\n      id: \"detailen\"\n    }\n  })])])])]);\n}, function () {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"cartitle\"\n  }, [_c(\"div\", {\n    staticClass: \"titleFont\"\n  }, [_c(\"img\", {\n    attrs: {\n      src: require(\"./../assets/indexN/\\u6807\\u9898\\u7BAD\\u5934.png\"),\n      alt: \"\"\n    }\n  }), _c(\"span\", [_vm._v(\"渗透率统计\")]), _c(\"img\", {\n    attrs: {\n      src: require(\"./../assets/indexN/\\u6807\\u9898\\u7BAD\\u59341.png\"),\n      alt: \"\"\n    }\n  })])]);\n}, function () {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"thead\", {\n    staticStyle: {\n      color: \"#fff\",\n      \"font-size\": \"30px\"\n    }\n  }, [_c(\"tr\", [_c(\"td\", [_vm._v(\"序号\")]), _c(\"td\", [_vm._v(\"供电公司\")]), _c(\"td\", [_vm._v(\"线路名称\")]), _c(\"td\", [_vm._v(\"光伏全年电量KWF\")])])]);\n}];\nrender._withStripped = true;\nexport { render, staticRenderFns };",{"version":3,"names":["render","_vm","_c","_self","staticClass","attrs","id","staticStyle","height","_m","_l","pvTable","item","index","key","_v","_s","name","stationNumber","alternatorNumber","ref","controls","hidden","src","require","staticRenderFns","alt","color","_withStripped"],"sources":["E:/2023/yancheng0718/yanchengPowerSupply/src/views/stationBuilding.vue"],"sourcesContent":["var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\"div\", { staticClass: \"home\" }, [\n    _c(\"div\", { staticClass: \"left\", attrs: { id: \"left\" } }, [\n      _c(\"div\", { staticClass: \"one\", staticStyle: { height: \"100%\" } }, [\n        _vm._m(0),\n        _c(\"div\", { staticClass: \"content\" }, [\n          _c(\"div\", { staticClass: \"line\" }, [\n            _c(\"table\", [\n              _vm._m(1),\n              _c(\n                \"tbody\",\n                _vm._l(_vm.pvTable, function (item, index) {\n                  return _c(\"tr\", { key: index }, [\n                    _c(\"td\", [_vm._v(_vm._s(item.id))]),\n                    _c(\"td\", [_vm._v(_vm._s(item.name))]),\n                    _c(\"td\", [_vm._v(_vm._s(item.stationNumber))]),\n                    _c(\"td\", { staticClass: \"titleFont\" }, [\n                      _vm._v(_vm._s(item.alternatorNumber)),\n                    ]),\n                  ])\n                }),\n                0\n              ),\n            ]),\n          ]),\n        ]),\n      ]),\n    ]),\n    _vm._m(2),\n    _vm._m(3),\n    _vm._m(4),\n    _c(\"div\", { staticClass: \"right1\", attrs: { id: \"right\" } }, [\n      _c(\"div\", { staticClass: \"one\", staticStyle: { height: \"100%\" } }, [\n        _vm._m(5),\n        _c(\"div\", { staticClass: \"content\" }, [\n          _c(\"div\", { staticClass: \"line\" }, [\n            _c(\"table\", [\n              _vm._m(6),\n              _c(\n                \"tbody\",\n                _vm._l(_vm.pvTable, function (item, index) {\n                  return _c(\"tr\", { key: index }, [\n                    _c(\"td\", [_vm._v(_vm._s(item.id))]),\n                    _c(\"td\", [_vm._v(_vm._s(item.name))]),\n                    _c(\"td\", [_vm._v(_vm._s(item.stationNumber))]),\n                    _c(\"td\", { staticClass: \"titleFont\" }, [\n                      _vm._v(_vm._s(item.alternatorNumber)),\n                    ]),\n                  ])\n                }),\n                0\n              ),\n            ]),\n          ]),\n        ]),\n      ]),\n    ]),\n    _c(\"audio\", {\n      ref: \"audio\",\n      attrs: {\n        controls: \"controls\",\n        hidden: \"\",\n        src: require(\"../assets/videos/police.wav\"),\n      },\n    }),\n  ])\n}\nvar staticRenderFns = [\n  function () {\n    var _vm = this,\n      _c = _vm._self._c\n    return _c(\"div\", { staticClass: \"cartitle\" }, [\n      _c(\"div\", { staticClass: \"titleFont\" }, [\n        _c(\"img\", {\n          attrs: { src: require(\"./../assets/indexN/标题箭头.png\"), alt: \"\" },\n        }),\n        _c(\"span\", [_vm._v(\"光伏台账\")]),\n        _c(\"img\", {\n          attrs: { src: require(\"./../assets/indexN/标题箭头1.png\"), alt: \"\" },\n        }),\n      ]),\n    ])\n  },\n  function () {\n    var _vm = this,\n      _c = _vm._self._c\n    return _c(\n      \"thead\",\n      { staticStyle: { color: \"#fff\", \"font-size\": \"30px\" } },\n      [\n        _c(\"tr\", [\n          _c(\"td\", [_vm._v(\"序号\")]),\n          _c(\"td\", [_vm._v(\"单位名称\")]),\n          _c(\"td\", [_vm._v(\"台区编号\")]),\n          _c(\"td\", [_vm._v(\"发电客户编号\")]),\n        ]),\n      ]\n    )\n  },\n  function () {\n    var _vm = this,\n      _c = _vm._self._c\n    return _c(\"div\", { staticClass: \"left1\", attrs: { id: \"left\" } }, [\n      _c(\"div\", { staticClass: \"two\", staticStyle: { height: \"49%\" } }, [\n        _c(\"div\", { staticClass: \"cartitle\" }, [\n          _c(\"div\", { staticClass: \"titleFont\" }, [\n            _c(\"img\", {\n              attrs: {\n                src: require(\"./../assets/indexN/标题箭头.png\"),\n                alt: \"\",\n              },\n            }),\n            _c(\"span\", [_vm._v(\"上网功率\")]),\n            _c(\"img\", {\n              attrs: {\n                src: require(\"./../assets/indexN/标题箭头1.png\"),\n                alt: \"\",\n              },\n            }),\n          ]),\n        ]),\n        _c(\"div\", { staticClass: \"content\" }, [\n          _c(\"div\", { staticClass: \"line\" }, [\n            _c(\"div\", { attrs: { id: \"detailedTwo1\" } }),\n          ]),\n        ]),\n      ]),\n      _c(\"div\", { staticClass: \"two\", staticStyle: { height: \"49%\" } }, [\n        _c(\"div\", { staticClass: \"cartitle\" }, [\n          _c(\"div\", { staticClass: \"titleFont\" }, [\n            _c(\"img\", {\n              attrs: {\n                src: require(\"./../assets/indexN/标题箭头.png\"),\n                alt: \"\",\n              },\n            }),\n            _c(\"span\", [_vm._v(\"配变负载率TOP5\")]),\n            _c(\"img\", {\n              attrs: {\n                src: require(\"./../assets/indexN/标题箭头1.png\"),\n                alt: \"\",\n              },\n            }),\n          ]),\n        ]),\n        _c(\"div\", { staticClass: \"content\" }, [\n          _c(\"div\", { staticClass: \"line\" }, [\n            _c(\"div\", { attrs: { id: \"detailedTwo2\" } }),\n          ]),\n        ]),\n      ]),\n    ])\n  },\n  function () {\n    var _vm = this,\n      _c = _vm._self._c\n    return _c(\"div\", { staticClass: \"middle\", attrs: { id: \"middle\" } }, [\n      _c(\"div\", { staticClass: \"map\", staticStyle: { height: \"100%\" } }, [\n        _c(\"div\", { staticClass: \"imgboxone\" }, [\n          _c(\"div\", { staticClass: \"contents\" }, [\n            _c(\"div\", { staticClass: \"lines\" }, [\n              _c(\"div\", { staticClass: \"total\" }, [\n                _c(\"div\", { staticClass: \"num\" }, [\n                  _c(\"span\", { staticStyle: { \"font-size\": \"18px\" } }, [\n                    _vm._v(\"户数高渗透率\"),\n                  ]),\n                  _c(\n                    \"h5\",\n                    { staticStyle: { \"font-size\": \"28px\", color: \"yellow\" } },\n                    [_vm._v(\"3.40%\")]\n                  ),\n                ]),\n              ]),\n            ]),\n            _c(\"div\", { staticClass: \"lines\" }, [\n              _c(\"div\", { staticClass: \"total\" }, [\n                _c(\"div\", { staticClass: \"num\" }, [\n                  _c(\"span\", { staticStyle: { \"font-size\": \"18px\" } }, [\n                    _vm._v(\"容量渗透率\"),\n                  ]),\n                  _c(\n                    \"h5\",\n                    { staticStyle: { \"font-size\": \"28px\", color: \"orange\" } },\n                    [_vm._v(\"0.01%\")]\n                  ),\n                ]),\n              ]),\n            ]),\n            _c(\"div\", { staticClass: \"lines\" }, [\n              _c(\"div\", { staticClass: \"total\" }, [\n                _c(\"div\", { staticClass: \"num\" }, [\n                  _c(\"span\", { staticStyle: { \"font-size\": \"18px\" } }, [\n                    _vm._v(\"能量渗透率\"),\n                  ]),\n                  _c(\n                    \"h5\",\n                    { staticStyle: { \"font-size\": \"28px\", color: \"yellow\" } },\n                    [_vm._v(\"0.44%\")]\n                  ),\n                ]),\n              ]),\n            ]),\n          ]),\n        ]),\n        _c(\"div\", { staticClass: \"imgboxtwo\" }, [\n          _c(\"ul\", { staticClass: \"contentUl\" }, [\n            _c(\"li\", [\n              _c(\"h5\", [_vm._v(\"发电客户数\")]),\n              _c(\"br\"),\n              _c(\"span\", { staticStyle: { color: \"yellow\" } }, [\n                _vm._v(\"4721\"),\n              ]),\n            ]),\n            _c(\"li\", [\n              _c(\"h5\", [_vm._v(\"变电站数量\")]),\n              _c(\"br\"),\n              _c(\"span\", { staticStyle: { color: \"orange\" } }, [_vm._v(\"90\")]),\n            ]),\n            _c(\"li\", [\n              _c(\"h5\", [_vm._v(\"台区总数\")]),\n              _c(\"br\"),\n              _c(\"span\", { staticStyle: { color: \"yellow\" } }, [\n                _vm._v(\"17416\"),\n              ]),\n            ]),\n            _c(\"li\", [\n              _c(\"h5\", [_vm._v(\"当前负载率\")]),\n              _c(\"br\"),\n              _c(\"span\", { staticStyle: { color: \"orange\" } }, [\n                _vm._v(\"40.19%\"),\n              ]),\n            ]),\n          ]),\n        ]),\n      ]),\n    ])\n  },\n  function () {\n    var _vm = this,\n      _c = _vm._self._c\n    return _c(\"div\", { staticClass: \"right\", attrs: { id: \"right\" } }, [\n      _c(\"div\", { staticClass: \"two\", staticStyle: { height: \"49%\" } }, [\n        _c(\"div\", { staticClass: \"cartitle\" }, [\n          _c(\"div\", { staticClass: \"titleFont\" }, [\n            _c(\"img\", {\n              attrs: {\n                src: require(\"./../assets/indexN/标题箭头.png\"),\n                alt: \"\",\n              },\n            }),\n            _c(\"span\", [_vm._v(\"分布式光伏电量\")]),\n            _c(\"img\", {\n              attrs: {\n                src: require(\"./../assets/indexN/标题箭头1.png\"),\n                alt: \"\",\n              },\n            }),\n          ]),\n        ]),\n        _c(\"div\", { staticClass: \"content\" }, [\n          _c(\"div\", { staticClass: \"line\" }, [\n            _c(\"div\", { staticClass: \"eqselect\" }, [\n              _c(\"span\", [_vm._v(\"地区:\")]),\n              _c(\"img\", {\n                attrs: {\n                  src: require(\"../assets/02/地区选择下拉菜单.png\"),\n                  alt: \"\",\n                },\n              }),\n              _c(\"span\", [_vm._v(\"用户:\")]),\n              _c(\"img\", {\n                attrs: {\n                  src: require(\"../assets/02/地区选择下拉菜单.png\"),\n                  alt: \"\",\n                },\n              }),\n              _c(\"span\", [_vm._v(\"范围:\")]),\n              _c(\"img\", {\n                attrs: {\n                  src: require(\"../assets/02/地区选择下拉菜单.png\"),\n                  alt: \"\",\n                },\n              }),\n              _c(\"span\", [_vm._v(\"日期:\")]),\n              _c(\"img\", {\n                attrs: {\n                  src: require(\"../assets/02/地区选择下拉菜单.png\"),\n                  alt: \"\",\n                },\n              }),\n            ]),\n            _c(\"div\", { attrs: { id: \"detailqe\" } }),\n          ]),\n        ]),\n      ]),\n      _c(\"div\", { staticClass: \"two\", staticStyle: { height: \"49%\" } }, [\n        _c(\"div\", { staticClass: \"cartitle\" }, [\n          _c(\"div\", { staticClass: \"titleFont\" }, [\n            _c(\"img\", {\n              attrs: {\n                src: require(\"./../assets/indexN/标题箭头.png\"),\n                alt: \"\",\n              },\n            }),\n            _c(\"span\", [_vm._v(\"能量/容量\")]),\n            _c(\"img\", {\n              attrs: {\n                src: require(\"./../assets/indexN/标题箭头1.png\"),\n                alt: \"\",\n              },\n            }),\n          ]),\n        ]),\n        _c(\"div\", { staticClass: \"content\" }, [\n          _c(\"div\", { staticClass: \"line\" }, [\n            _c(\"div\", { staticClass: \"enselect\" }, [\n              _c(\"img\", {\n                attrs: {\n                  src: require(\"../assets/02/地区选择下拉菜单.png\"),\n                  alt: \"\",\n                },\n              }),\n              _c(\"span\", { staticClass: \"text\" }, [_vm._v(\"能量\")]),\n            ]),\n            _c(\"div\", { attrs: { id: \"detailen\" } }),\n          ]),\n        ]),\n      ]),\n    ])\n  },\n  function () {\n    var _vm = this,\n      _c = _vm._self._c\n    return _c(\"div\", { staticClass: \"cartitle\" }, [\n      _c(\"div\", { staticClass: \"titleFont\" }, [\n        _c(\"img\", {\n          attrs: { src: require(\"./../assets/indexN/标题箭头.png\"), alt: \"\" },\n        }),\n        _c(\"span\", [_vm._v(\"渗透率统计\")]),\n        _c(\"img\", {\n          attrs: { src: require(\"./../assets/indexN/标题箭头1.png\"), alt: \"\" },\n        }),\n      ]),\n    ])\n  },\n  function () {\n    var _vm = this,\n      _c = _vm._self._c\n    return _c(\n      \"thead\",\n      { staticStyle: { color: \"#fff\", \"font-size\": \"30px\" } },\n      [\n        _c(\"tr\", [\n          _c(\"td\", [_vm._v(\"序号\")]),\n          _c(\"td\", [_vm._v(\"供电公司\")]),\n          _c(\"td\", [_vm._v(\"线路名称\")]),\n          _c(\"td\", [_vm._v(\"光伏全年电量KWF\")]),\n        ]),\n      ]\n    )\n  },\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }"],"mappings":"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"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/1a7411ab8b7cf3f7a842219f19b7fdd4.json b/node_modules/.cache/babel-loader/1a7411ab8b7cf3f7a842219f19b7fdd4.json
new file mode 100644
index 00000000..309f1e09
--- /dev/null
+++ b/node_modules/.cache/babel-loader/1a7411ab8b7cf3f7a842219f19b7fdd4.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\mixins.js","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\mixins.js","mtime":1689642397092},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\babel.config.js","mtime":1689642387810},{"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}],"contextDependencies":[],"result":["export default {\n  methods: {\n    // 路由跳转\n    handleRouter: function handleRouter(routerName, param) {\n      this.$router.push({\n        name: routerName,\n        query: param\n      });\n    }\n  }\n};",{"version":3,"names":["methods","handleRouter","routerName","param","$router","push","name","query"],"sources":["E:/2023/yancheng0718/yanchengPowerSupply/src/mixins.js"],"sourcesContent":["export default {\r\n      methods:{\r\n        // 路由跳转\r\n        handleRouter(routerName,param){\r\n            this.$router.push({name:routerName,query:param})\r\n        }\r\n      }\r\n}"],"mappings":"AAAA,eAAe;EACTA,OAAO,EAAC;IACN;IACAC,YAAY,wBAACC,UAAU,EAACC,KAAK,EAAC;MAC1B,IAAI,CAACC,OAAO,CAACC,IAAI,CAAC;QAACC,IAAI,EAACJ,UAAU;QAACK,KAAK,EAACJ;MAAK,CAAC,CAAC;IACpD;EACF;AACN,CAAC"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/1ca25bcbe154b65dd028d94ed8317784.json b/node_modules/.cache/babel-loader/1ca25bcbe154b65dd028d94ed8317784.json
new file mode 100644
index 00000000..5de6bcfb
--- /dev/null
+++ b/node_modules/.cache/babel-loader/1ca25bcbe154b65dd028d94ed8317784.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??ref--6!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\App.vue?vue&type=template&id=7ba5bd90&scoped=true&","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\App.vue","mtime":1689642396895},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\babel.config.js","mtime":1689642387810},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1689642389292},{"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\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1689642396087},{"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":["var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    attrs: {\n      id: \"app\"\n    }\n  }, [_c(\"div\", {\n    staticClass: \"top\"\n  }, [_c(\"div\", {\n    staticClass: \"left\"\n  }, [_c(\"div\", {\n    staticClass: \"time\"\n  }, [_c(\"span\", [_vm._v(_vm._s(this.$moment().format(\"YYYY-MM-DD\")) + \" \" + _vm._s(_vm.week))]), _c(\"span\", {\n    staticStyle: {\n      \"font-size\": \"24px\",\n      \"margin-top\": \"3px\"\n    }\n  }, [_vm._v(_vm._s(_vm.nowDate))])])]), _vm._m(0), _c(\"div\", {\n    staticClass: \"right\"\n  }, [_c(\"div\", {\n    staticClass: \"time\"\n  }, [_c(\"span\", [_vm._v(_vm._s(this.$moment().format(\"YYYY-MM-DD\")) + \" \" + _vm._s(_vm.week))]), _c(\"span\", {\n    staticStyle: {\n      \"font-size\": \"24px\",\n      \"margin-top\": \"3px\"\n    }\n  }, [_vm._v(_vm._s(_vm.nowDate))])]), _vm._l(_vm.weatherArr, function (item, index) {\n    return _c(\"div\", {\n      key: index,\n      staticClass: \"weather\"\n    }, [_c(\"div\", {\n      staticClass: \"pic\"\n    }, [_c(\"img\", {\n      staticStyle: {\n        height: \"100%\",\n        width: \"100%\"\n      },\n      attrs: {\n        src: item.pic,\n        alt: \"\"\n      }\n    })]), _c(\"div\", {\n      staticClass: \"date\"\n    }, [_c(\"span\", [_vm._v(_vm._s(item.date))]), _c(\"span\", {\n      staticStyle: {\n        \"font-size\": \"24px\",\n        \"margin-top\": \"3px\"\n      }\n    }, [_vm._v(_vm._s(item.wendu))])])]);\n  })], 2)]), _c(\"div\", {\n    staticClass: \"content\"\n  }, [_c(\"router-view\")], 1)]);\n};\nvar staticRenderFns = [function () {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"middle\"\n  }, [_c(\"div\", {\n    staticClass: \"box\"\n  })]);\n}];\nrender._withStripped = true;\nexport { render, staticRenderFns };",{"version":3,"names":["render","_vm","_c","_self","attrs","id","staticClass","_v","_s","$moment","format","week","staticStyle","nowDate","_m","_l","weatherArr","item","index","key","height","width","src","pic","alt","date","wendu","staticRenderFns","_withStripped"],"sources":["E:/2023/yancheng0718/yanchengPowerSupply/src/App.vue"],"sourcesContent":["var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\"div\", { attrs: { id: \"app\" } }, [\n    _c(\"div\", { staticClass: \"top\" }, [\n      _c(\"div\", { staticClass: \"left\" }, [\n        _c(\"div\", { staticClass: \"time\" }, [\n          _c(\"span\", [\n            _vm._v(\n              _vm._s(this.$moment().format(\"YYYY-MM-DD\")) +\n                \" \" +\n                _vm._s(_vm.week)\n            ),\n          ]),\n          _c(\n            \"span\",\n            { staticStyle: { \"font-size\": \"24px\", \"margin-top\": \"3px\" } },\n            [_vm._v(_vm._s(_vm.nowDate))]\n          ),\n        ]),\n      ]),\n      _vm._m(0),\n      _c(\n        \"div\",\n        { staticClass: \"right\" },\n        [\n          _c(\"div\", { staticClass: \"time\" }, [\n            _c(\"span\", [\n              _vm._v(\n                _vm._s(this.$moment().format(\"YYYY-MM-DD\")) +\n                  \" \" +\n                  _vm._s(_vm.week)\n              ),\n            ]),\n            _c(\n              \"span\",\n              { staticStyle: { \"font-size\": \"24px\", \"margin-top\": \"3px\" } },\n              [_vm._v(_vm._s(_vm.nowDate))]\n            ),\n          ]),\n          _vm._l(_vm.weatherArr, function (item, index) {\n            return _c(\"div\", { key: index, staticClass: \"weather\" }, [\n              _c(\"div\", { staticClass: \"pic\" }, [\n                _c(\"img\", {\n                  staticStyle: { height: \"100%\", width: \"100%\" },\n                  attrs: { src: item.pic, alt: \"\" },\n                }),\n              ]),\n              _c(\"div\", { staticClass: \"date\" }, [\n                _c(\"span\", [_vm._v(_vm._s(item.date))]),\n                _c(\n                  \"span\",\n                  { staticStyle: { \"font-size\": \"24px\", \"margin-top\": \"3px\" } },\n                  [_vm._v(_vm._s(item.wendu))]\n                ),\n              ]),\n            ])\n          }),\n        ],\n        2\n      ),\n    ]),\n    _c(\"div\", { staticClass: \"content\" }, [_c(\"router-view\")], 1),\n  ])\n}\nvar staticRenderFns = [\n  function () {\n    var _vm = this,\n      _c = _vm._self._c\n    return _c(\"div\", { staticClass: \"middle\" }, [\n      _c(\"div\", { staticClass: \"box\" }),\n    ])\n  },\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }"],"mappings":"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"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/2579aa47f9de5843f0bc97257c9be439.json b/node_modules/.cache/babel-loader/2579aa47f9de5843f0bc97257c9be439.json
new file mode 100644
index 00000000..ea143acb
--- /dev/null
+++ b/node_modules/.cache/babel-loader/2579aa47f9de5843f0bc97257c9be439.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\thirtyFiveKV.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\thirtyFiveKV.vue","mtime":1689642397096},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\babel.config.js","mtime":1689642387810},{"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":["export default {\n  name: \"thirtyFiveKV\",\n  data: function data() {\n    return {\n      // 视频播放器配置\n      playerOptions: {\n        height: 400,\n        playbackRates: [0.7, 1.0, 1.5, 2.0],\n        // 播放速度\n        autoplay: false,\n        // 如果true,浏览器准备好时开始回放。\n        muted: false,\n        // 默认情况下将会消除任何音频。\n        loop: false,\n        // 导致视频一结束就重新开始。\n        preload: \"auto\",\n        // 建议浏览器在<video>加载元素后是否应该开始下载视频数据。auto浏览器选择最佳行为,立即开始加载视频（如果浏览器支持）\n        language: \"zh-CN\",\n        aspectRatio: \"16:9\",\n        // 将播放器置于流畅模式，并在计算播放器的动态大小时使用该值。值应该代表一个比例 - 用冒号分隔的两个数字（例如\"16:9\"或\"4:3\"）\n        fluid: true,\n        // 当true时，Video.js player将拥有流体大小。换句话说，它将按比例缩放以适应其容器。\n        sources: [{\n          type: \"video/mp4\",\n          // 这里的种类支持很多种：基本视频格式、直播、流媒体等，具体可以参看git网址项目\n          src: require(\"../assets/videos/video.mp4\") // url地址\n        }],\n\n        poster: require(\"../assets/images/sun.png\"),\n        // 你的封面地址\n        // width: document.documentElement.clientWidth, //播放器宽度\n        notSupportedMessage: \"此视频暂无法播放，请稍后再试\",\n        // 允许覆盖Video.js无法播放媒体源时显示的默认信息。\n        controlBar: {\n          timeDivider: true,\n          durationDisplay: true,\n          remainingTimeDisplay: false,\n          fullscreenToggle: true // 全屏按钮\n        }\n      }\n    };\n  }\n};",{"version":3,"mappings":"AAoBA;EACAA;EACAC;IACA;MACA;MACAC;QACAC;QACAC;QAAA;QACAC;QAAA;QACAC;QAAA;QACAC;QAAA;QACAC;QAAA;QACAC;QACAC;QAAA;QACAC;QAAA;QACAC,UACA;UACAC;UAAA;UACAC;QACA,EACA;;QACAC;QAAA;QACA;QACAC;QAAA;QACAC;UACAC;UACAC;UACAC;UACAC;QACA;MACA;IACA;EACA;AACA","names":["name","data","playerOptions","height","playbackRates","autoplay","muted","loop","preload","language","aspectRatio","fluid","sources","type","src","poster","notSupportedMessage","controlBar","timeDivider","durationDisplay","remainingTimeDisplay","fullscreenToggle"],"sourceRoot":"src/views","sources":["thirtyFiveKV.vue"],"sourcesContent":["<template>\r\n  <div class=\"stationBuilding\">\r\n    <!-- <video-player\r\n      class=\"video-player vjs-custom-skin\"\r\n      style=\"heght:100%;width:100%\"\r\n      ref=\"VideoPlayer\"\r\n      :playsinline=\"true\"\r\n      :options=\"playerOptions\"\r\n      > \r\n      </video-player> -->\r\n    <div class=\"stationContent\">\r\n      <div class=\"systemText\">\r\n        <i class=\"el-icon-loading\" style=\"color: #4bfffd; font-size: 80px\"></i>\r\n        <p style=\"font-size: 30px;color:#fff\">系统正在加载中...</p>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"thirtyFiveKV\",\r\n  data() {\r\n    return {\r\n      // 视频播放器配置\r\n      playerOptions: {\r\n        height: 400,\r\n        playbackRates: [0.7, 1.0, 1.5, 2.0], // 播放速度\r\n        autoplay: false, // 如果true,浏览器准备好时开始回放。\r\n        muted: false, // 默认情况下将会消除任何音频。\r\n        loop: false, // 导致视频一结束就重新开始。\r\n        preload: \"auto\", // 建议浏览器在<video>加载元素后是否应该开始下载视频数据。auto浏览器选择最佳行为,立即开始加载视频（如果浏览器支持）\r\n        language: \"zh-CN\",\r\n        aspectRatio: \"16:9\", // 将播放器置于流畅模式，并在计算播放器的动态大小时使用该值。值应该代表一个比例 - 用冒号分隔的两个数字（例如\"16:9\"或\"4:3\"）\r\n        fluid: true, // 当true时，Video.js player将拥有流体大小。换句话说，它将按比例缩放以适应其容器。\r\n        sources: [\r\n          {\r\n            type: \"video/mp4\", // 这里的种类支持很多种：基本视频格式、直播、流媒体等，具体可以参看git网址项目\r\n            src: require(\"../assets/videos/video.mp4\"), // url地址\r\n          },\r\n        ],\r\n        poster: require(\"../assets/images/sun.png\"), // 你的封面地址\r\n        // width: document.documentElement.clientWidth, //播放器宽度\r\n        notSupportedMessage: \"此视频暂无法播放，请稍后再试\", // 允许覆盖Video.js无法播放媒体源时显示的默认信息。\r\n        controlBar: {\r\n          timeDivider: true,\r\n          durationDisplay: true,\r\n          remainingTimeDisplay: false,\r\n          fullscreenToggle: true, // 全屏按钮\r\n        },\r\n      },\r\n    };\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.stationBuilding {\r\n  width: 1722px;\r\n  height: 982px;\r\n  background: url(\"../assets/images/stationBuildingKuang.png\") no-repeat;\r\n  background-size: 100% 100%;\r\n  padding: 15px 25px;\r\n  z-index: 100;\r\n  .stationContent {\r\n    width: 100%;\r\n    height: 100%;\r\n    background: url(\"../assets/images/zhifu.png\") no-repeat;\r\n    background-size: 100% 100%;\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    .systemText {\r\n      position: absolute;\r\n      display: flex;\r\n      flex-direction: column;\r\n    }\r\n  }\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/2989b92dcb182dedc10e47e047ade6f0.json b/node_modules/.cache/babel-loader/2989b92dcb182dedc10e47e047ade6f0.json
new file mode 100644
index 00000000..0d8fc0ce
--- /dev/null
+++ b/node_modules/.cache/babel-loader/2989b92dcb182dedc10e47e047ade6f0.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\stationBuilding.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\stationBuilding.vue","mtime":1689642397096},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\babel.config.js","mtime":1689642387810},{"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":["import _defineProperty from \"E:/2023/yancheng0718/yanchengPowerSupply/node_modules/@babel/runtime/helpers/esm/defineProperty.js\";\n// 工单统计弹窗组件\nimport workOrder from \"../component/workOrder.vue\";\nimport ringMainUnit from \"./HomePop/ringMainUnit.vue\";\nimport routeDetail from \"../component/routeDetail.vue\";\n\n// 线路详情\nimport lineDetail from \"../component/lineDetail.vue\";\nexport default {\n  name: \"home\",\n  components: {\n    ringMainUnit: ringMainUnit,\n    //环网柜弹窗\n    workOrder: workOrder,\n    //工单统计弹窗\n    routeDetail: routeDetail,\n    //线路故障跳闸明细\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.detailedTwo11();\n    this.detailedTwo22();\n    this.detailqe1();\n    this.detailen1();\n  },\n  methods: {\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 _yAxis;\n      var fontColor = \"#30eee9\";\n      var myChart = this.$echarts.init(document.getElementById(\"detailedTwo2\"));\n      var option = {\n        grid: {\n          left: \"3%\",\n          right: \"4%\",\n          bottom: \"3%\",\n          containLabel: true\n        },\n        xAxis: {\n          type: \"value\",\n          show: false\n        },\n        yAxis: (_yAxis = {\n          type: \"category\",\n          axisLine: {\n            lineStyle: {\n              color: \"#206489\"\n            }\n          },\n          axisLabel: {\n            color: \"#fff\",\n            fontSize: \"18\"\n          }\n        }, _defineProperty(_yAxis, \"axisLine\", {\n          show: false\n        }), _defineProperty(_yAxis, \"axisTick\", {\n          show: false,\n          alignWithLabel: true\n        }), _defineProperty(_yAxis, \"splitArea\", {\n          show: false\n        }), _defineProperty(_yAxis, \"data\", [\"No.5\", \"No.4\", \"No.3\", \"No.2\", \"No.1\"]), _yAxis),\n        series: [{\n          name: \"Direct\",\n          type: \"bar\",\n          stack: \"total\",\n          barWidth: 10,\n          label: {\n            show: true\n          },\n          emphasis: {\n            focus: \"series\"\n          },\n          data: [320, 302, 310, 299, 288]\n        }, {\n          name: \"Mail Ad\",\n          type: \"bar\",\n          stack: \"total\",\n          barWidth: 10,\n          label: {\n            show: true\n          },\n          emphasis: {\n            focus: \"series\"\n          },\n          data: [99, 88, 100, 101, 97]\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          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        }],\n        series: [{\n          name: \"关联电网事故\",\n          type: \"bar\",\n          itemStyle: {\n            color: \"#00ffff\",\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: \"yellow\",\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":";AAuOA;AACA;AACA;AACA;;AAEA;AACA;AACA;EACAA;EACAC;IACAC;IAAA;IACAC;IAAA;IACAC;IAAA;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;QACA1B;MACA,GACA;QACA0B;QACA1B;MACA,GACA;QACA0B;QACA1B;MACA,GACA;QACA0B;QACA1B;MACA,EACA;MACA2B,aACA;QACAD;MACA,GACA;QACAA;MACA,EACA;MACAE,cACA;QACAF;MACA,GACA;QACAA;MACA,EACA;MACAG,UACA;QACAC;QACAC;MACA,EACA;MACAD;MACAE,aACA;QACAhC;QACAiC;MACA,GACA;QACAjC;QACAiC;MACA,GACA;QACAjC;QACAiC;MACA,EACA;MACAC;IAAA,sCACA,uCACA,iDACA,oCACA,2CACA,0CAEA,0CACA,wCAEA,0CACA,uCAEA,yCACA,oCACA,8CACA,sCACA,sCACA,CACA;MACAC;MACAnC;MACAoC;MACAC;IACA,GACA;MACAF;MACAnC;MACAoC;MACAC;IACA,GACA;MACAF;MACAnC;MACAoC;MACAC;IACA,GACA;MACAF;MACAnC;MACAoC;MACAC;IACA,GACA;MACAF;MACAnC;MACAoC;MACAC;IACA,GACA;MACAF;MACAnC;MACAoC;MACAC;IACA,GACA;MACAF;MACAnC;MACAoC;MACAC;IACA,GACA;MACAF;MACAnC;MACAoC;MACAC;IACA,GACA;MACAF;MACAnC;MACAoC;MACAC;IACA,GACA;MACAF;MACAnC;MACAoC;MACAC;IACA,GACA;MACAF;MACAnC;MACAoC;MACAC;IACA,GACA;MACAF;MACAnC;MACAoC;MACAC;IACA,EACA,oCACA,CACA;MACAF;MACAnC;MACAoC;MACAC;IACA,GACA;MACAF;MACAnC;MACAoC;MACAC;IACA,GACA;MACAF;MACAnC;MACAoC;MACAC;IACA,GACA;MACAF;MACAnC;MACAoC;MACAC;IACA,GACA;MACAF;MACAnC;MACAoC;MACAC;IACA,GACA;MACAF;MACAnC;MACAoC;MACAC;IACA,GACA;MACAF;MACAnC;MACAoC;MACAC;IACA,GACA;MACAF;MACAnC;MACAoC;MACAC;IACA,GACA;MACAF;MACAnC;MACAoC;MACAC;IACA,GACA;MACAF;MACAnC;MACAoC;MACAC;IACA,GACA;MACAF;MACAnC;MACAoC;MACAC;IACA,GACA;MACAF;MACAnC;MACAoC;MACAC;IACA,EACA;EAEA;EACAC;EACAC;IACA;IACA;IACA;IACA;EACA;EACAC;IACAC;MACA;MACA;MACA;QACAC;UACAC;UACAC;UACAC;UACAC;UACAC;QACA;QACAC;UACAC;UACAC;QACA;QACAC;UACAF;UACAG;UACAC;UACA3B;UACA4B;UACAC;UACAC;YACAC;UACA;UACAnD;QACA;QACAoD,QACA;UACAC;UACAC;UACAC;YACAJ;UACA;UACAK;YACAb;YACAc;cACAN;YACA;UACA;UACAO;YACAf;UACA;UACAgB;YACAhB;YACAc;cACAN;YACA;UACA;UACAnD,OACA,QACA,QACA,QACA,QACA,SACA,SACA,SACA,SACA;QAEA,EACA;QACA4D,QACA;UACAP;UACA3D;UACAmE;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;UACArD;QACA;MAEA;MACAuE;MACAC;QACAD;MACA;IACA;IACAE;MAAA;MACA;MACA;MACA;QACArC;UACAC;UACAC;UACAE;UACAC;QACA;QACAW;UACAC;UACAV;QACA;QACAiB;UACAP;UACAG;YACAC;cACAN;YACA;UACA;UACAI;YACAJ;YACAuB;UACA;QAAA,uCACA;UACA/B;QACA,wCACA;UACAA;UACAgC;QACA,yCACA;UAAAhC;QAAA,oCACA,kDACA;QACAqB,SACA;UACAtE;UACA2D;UACAY;UACAW;UACAnD;YACAkB;UACA;UACAkC;YACAC;UACA;UACA9E;QACA,GACA;UACAN;UACA2D;UACAY;UACAW;UAEAnD;YACAkB;UACA;UACAkC;YACAC;UACA;UACA9E;QACA;MAEA;MACAuE;MACAC;QACAD;MACA;IACA;IACAQ;MACA;MACA;MACA;QACA3B;UACAC;UACAC;UACAC;YACAJ;UACA;UACAK;YACAb;YACAc;cACAN;YACA;UACA;UACAO;YACAf;UACA;UACAgB;YACAhB;YACAc;cACAN;YACA;UACA;UACAnD,OACA,QACA,QACA,QACA,QACA,SACA,SACA,SACA,SACA;QACA,eACA;UACA2C;QACA,EACA;QACAiB,QACA;UACAP;UACA3D;UACAmE;UACAC;UACAnB;UACAY;YACAQ;YACAb;cACAC;YACA;UACA;UACAK;YACAC;cACAN;YACA;UACA;UACAO;YACAf;UACA;QACA,EACA;QACAqB,SACA;UACAhE;UACAqD;UACAa;UACAT;YACAN;YACAmB;UACA;UACAF;YACAC;cACAlB;cACAM;gBACAN;gBACAmB;gBACAjB;cACA;YACA;UACA;QACA;MAEA;MACAkB;MACAC;QACAD;MACA;IACA;IACAS;MACA;MACA;MACA;QACAtC;UACAE;UACAqC;YACA5B;UACA;QACA;QACAR;UACAK;YACAwB;YAAA;YACAvB;UACA;;UAEAnD;QACA;QACAoD,QACA;UACAC;UACArD,OACA,cACA,cACA,cACA,cACA,aACA;UACAuD;YACAZ;YACAO;cACAC;YACA;UACA;QACA,EACA;QACAS,QACA;UACAP;UACA3D;UACA6D;YACAL;cACAC;YACA;UACA;QACA,EACA;QACAa,SACA;UACAtE;UACA2D;UACAe;YACAjB;YAAA;YACA+B;YAAA;YACAC;UACA;UACAN;YACAC;UACA;UACA9E;QACA,GACA;UACAN;UACA2D;UACAe;YACAjB;YAAA;YACA+B;YAAA;YACAC;UACA;UACAN;YACAC;UACA;UACA9E;QACA;MAEA;MACAuE;MACAC;QACAD;MACA;IACA;EACA;EACAa;AACA","names":["name","components","ringMainUnit","workOrder","routeDetail","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","methods","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","window","detailedTwo22","fontSize","alignWithLabel","barWidth","emphasis","focus","detailqe1","detailen1","axisPointer","borderRadius","borderWidth","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/标题箭头.png\" alt=\"\" />\r\n            <span>光伏台账</span>\r\n            <img src=\"./../assets/indexN/标题箭头1.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/标题箭头.png\" alt=\"\" />\r\n            <span>上网功率</span>\r\n            <img src=\"./../assets/indexN/标题箭头1.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/标题箭头.png\" alt=\"\" />\r\n            <span>配变负载率TOP5</span>\r\n            <img src=\"./../assets/indexN/标题箭头1.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        <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 style=\"font-size: 18px\">户数高渗透率</span>\r\n                  <h5 style=\"font-size: 28px; color: 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 style=\"font-size: 18px\">容量渗透率</span>\r\n                  <h5 style=\"font-size: 28px; color: 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 style=\"font-size: 18px\">能量渗透率</span>\r\n                  <h5 style=\"font-size: 28px; color: 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/标题箭头.png\" alt=\"\" />\r\n            <span>分布式光伏电量</span>\r\n            <img src=\"./../assets/indexN/标题箭头1.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/地区选择下拉菜单.png\" alt=\"\" />\r\n              <span>用户:</span>\r\n              <img src=\"../assets/02/地区选择下拉菜单.png\" alt=\"\" />\r\n              <span>范围:</span>\r\n              <img src=\"../assets/02/地区选择下拉菜单.png\" alt=\"\" />\r\n              <span>日期:</span>\r\n              <img src=\"../assets/02/地区选择下拉菜单.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/标题箭头.png\" alt=\"\" />\r\n            <span>能量/容量</span>\r\n            <img src=\"./../assets/indexN/标题箭头1.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/地区选择下拉菜单.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/标题箭头.png\" alt=\"\" />\r\n            <span>渗透率统计</span>\r\n            <img src=\"./../assets/indexN/标题箭头1.png\" alt=\"\" />\r\n          </div>\r\n        </div>\r\n        <div class=\"content\">\r\n          <div class=\"line\">\r\n            <!-- <div class=\"total\">\r\n              <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n                <span style=\"font-size: 18px\">户数高渗透率&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.pdxl\">{{ CompanyInfo.pdxl }}</span>\r\n\r\n              </div>\r\n            </div> -->\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    <!-- <div style=\"height:40px;width:40px\" class=\"suoxiao\">\r\n        <img src=\"../assets/images/btnFangDa.png\" style=\"height:40px;width:40px\"/>\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// 工单统计弹窗组件\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      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.detailedTwo11();\r\n    this.detailedTwo22();\r\n    this.detailqe1();\r\n    this.detailen1();\r\n  },\r\n  methods: {\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 fontColor = \"#30eee9\";\r\n      var myChart = this.$echarts.init(document.getElementById(\"detailedTwo2\"));\r\n      var option = {\r\n        grid: {\r\n          left: \"3%\",\r\n          right: \"4%\",\r\n          bottom: \"3%\",\r\n          containLabel: true,\r\n        },\r\n        xAxis: {\r\n          type: \"value\",\r\n          show: false,\r\n        },\r\n        yAxis: {\r\n          type: \"category\",\r\n          axisLine: {\r\n            lineStyle: {\r\n              color: \"#206489\",\r\n            },\r\n          },\r\n          axisLabel: {\r\n            color: \"#fff\",\r\n            fontSize: \"18\",\r\n          },\r\n          axisLine: {\r\n            show: false,\r\n          },\r\n          axisTick: {\r\n            show: false,\r\n            alignWithLabel: true,\r\n          },\r\n          splitArea: { show: false },\r\n          data: [\"No.5\", \"No.4\", \"No.3\", \"No.2\", \"No.1\"],\r\n        },\r\n        series: [\r\n          {\r\n            name: \"Direct\",\r\n            type: \"bar\",\r\n            stack: \"total\",\r\n            barWidth: 10,\r\n            label: {\r\n              show: true,\r\n            },\r\n            emphasis: {\r\n              focus: \"series\",\r\n            },\r\n            data: [320, 302, 310, 299, 288],\r\n          },\r\n          {\r\n            name: \"Mail Ad\",\r\n            type: \"bar\",\r\n            stack: \"total\",\r\n            barWidth: 10,\r\n\r\n            label: {\r\n              show: true,\r\n            },\r\n            emphasis: {\r\n              focus: \"series\",\r\n            },\r\n            data: [99, 88, 100, 101, 97],\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            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          },\r\n        ],\r\n        series: [\r\n          {\r\n            name: \"关联电网事故\",\r\n            type: \"bar\",\r\n            itemStyle: {\r\n              color: \"#00ffff\", // 柱状图颜色\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: \"yellow\", // 柱状图颜色\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/地图弹窗三个数据外框.png\") no-repeat;\r\n      background-size: 100%;\r\n      float: right;\r\n      width: 40vh;\r\n      height: 25vh;\r\n      position: relative;\r\n      top: 5vh;\r\n      right: 1vh;\r\n      .contents {\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/弹窗里的小框子.png\") no-repeat;\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            float: left;\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        }\r\n      }\r\n    }\r\n    .imgboxtwo {\r\n      padding: 0 0 0 20px;\r\n      background: url(\"../assets/02/地图弹窗四个内容的框.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        height: 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: 49%;\r\n          list-style: none;\r\n          font-size: 24px;\r\n          color: #fff;\r\n          background: url(\"../assets/02/弹窗里的小框子.png\") no-repeat;\r\n        }\r\n      }\r\n    }\r\n\r\n    .map {\r\n      background: url(\"../assets/indexN/地图.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    }\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/表格标题行.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/表格其他行.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/表格框.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"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/31c125f5e0d00d4ffe25c776360c2678.json b/node_modules/.cache/babel-loader/31c125f5e0d00d4ffe25c776360c2678.json
new file mode 100644
index 00000000..b4765b7f
--- /dev/null
+++ b/node_modules/.cache/babel-loader/31c125f5e0d00d4ffe25c776360c2678.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\router.js","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\router.js","mtime":1689642397093},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\babel.config.js","mtime":1689642387810},{"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}],"contextDependencies":[],"result":["import Vue from 'vue';\nimport Router from 'vue-router';\nVue.use(Router);\nvar originalPush = Router.prototype.push;\nRouter.prototype.push = function push(location) {\n  return originalPush.call(this, location).catch(function (err) {\n    return err;\n  });\n};\nexport default new Router({\n  mode: 'history',\n  base: process.env.BASE_URL,\n  routes: [{\n    path: '/',\n    redirect: '/index'\n  }, {\n    path: '/index',\n    name: 'index',\n    component: function component() {\n      return import(\"./views/index.vue\");\n    }\n  }, {\n    path: '/stationBuilding',\n    name: 'stationBuilding',\n    component: function component() {\n      return import(\"./views/stationBuilding.vue\");\n    }\n  }, {\n    path: '/twentyKV',\n    name: 'twentyKV',\n    component: function component() {\n      return import(\"./views/twentyKV.vue\");\n    }\n  }, {\n    path: '/thirtyFiveKV',\n    name: 'thirtyFiveKV',\n    component: function component() {\n      return import(\"./views/thirtyFiveKV.vue\");\n    }\n  }]\n});",{"version":3,"names":["Vue","Router","use","originalPush","prototype","push","location","call","catch","err","mode","base","process","env","BASE_URL","routes","path","redirect","name","component"],"sources":["E:/2023/yancheng0718/yanchengPowerSupply/src/router.js"],"sourcesContent":["import Vue from 'vue'\r\nimport Router from 'vue-router'\r\n\r\nVue.use(Router)\r\n\r\nconst originalPush = Router.prototype.push\r\n\r\nRouter.prototype.push = function push(location) {\r\n\r\n  return originalPush.call(this, location).catch(err => err)\r\n\r\n}\r\n\r\nexport default new Router({\r\n  mode: 'history',\r\n  base: process.env.BASE_URL,\r\n  routes: [\r\n    {\r\n      path: '/',\r\n      redirect: '/index',\r\n    },\r\n    {\r\n      path: '/index',\r\n      name: 'index',\r\n      component: () => import('./views/index.vue')\r\n    },\r\n    {\r\n      path: '/stationBuilding',\r\n      name: 'stationBuilding',\r\n      component: () => import('./views/stationBuilding.vue')\r\n    },\r\n    {\r\n      path: '/twentyKV',\r\n      name: 'twentyKV',\r\n      component: () => import('./views/twentyKV.vue')\r\n    },\r\n    {\r\n      path: '/thirtyFiveKV',\r\n      name: 'thirtyFiveKV',\r\n      component: () => import('./views/thirtyFiveKV.vue')\r\n    },\r\n  ]\r\n})\r\n"],"mappings":"AAAA,OAAOA,GAAG,MAAM,KAAK;AACrB,OAAOC,MAAM,MAAM,YAAY;AAE/BD,GAAG,CAACE,GAAG,CAACD,MAAM,CAAC;AAEf,IAAME,YAAY,GAAGF,MAAM,CAACG,SAAS,CAACC,IAAI;AAE1CJ,MAAM,CAACG,SAAS,CAACC,IAAI,GAAG,SAASA,IAAI,CAACC,QAAQ,EAAE;EAE9C,OAAOH,YAAY,CAACI,IAAI,CAAC,IAAI,EAAED,QAAQ,CAAC,CAACE,KAAK,CAAC,UAAAC,GAAG;IAAA,OAAIA,GAAG;EAAA,EAAC;AAE5D,CAAC;AAED,eAAe,IAAIR,MAAM,CAAC;EACxBS,IAAI,EAAE,SAAS;EACfC,IAAI,EAAEC,OAAO,CAACC,GAAG,CAACC,QAAQ;EAC1BC,MAAM,EAAE,CACN;IACEC,IAAI,EAAE,GAAG;IACTC,QAAQ,EAAE;EACZ,CAAC,EACD;IACED,IAAI,EAAE,QAAQ;IACdE,IAAI,EAAE,OAAO;IACbC,SAAS,EAAE;MAAA,OAAM,MAAM,qBAAqB;IAAA;EAC9C,CAAC,EACD;IACEH,IAAI,EAAE,kBAAkB;IACxBE,IAAI,EAAE,iBAAiB;IACvBC,SAAS,EAAE;MAAA,OAAM,MAAM,+BAA+B;IAAA;EACxD,CAAC,EACD;IACEH,IAAI,EAAE,WAAW;IACjBE,IAAI,EAAE,UAAU;IAChBC,SAAS,EAAE;MAAA,OAAM,MAAM,wBAAwB;IAAA;EACjD,CAAC,EACD;IACEH,IAAI,EAAE,eAAe;IACrBE,IAAI,EAAE,cAAc;IACpBC,SAAS,EAAE;MAAA,OAAM,MAAM,4BAA4B;IAAA;EACrD,CAAC;AAEL,CAAC,CAAC"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/32b3335d08bb4a13f57727b50f58fb35.json b/node_modules/.cache/babel-loader/32b3335d08bb4a13f57727b50f58fb35.json
new file mode 100644
index 00000000..ba45468b
--- /dev/null
+++ b/node_modules/.cache/babel-loader/32b3335d08bb4a13f57727b50f58fb35.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??ref--6!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\component\\lineDetail.vue?vue&type=template&id=9cf184e0&scoped=true&","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\component\\lineDetail.vue","mtime":1689642397091},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\babel.config.js","mtime":1689642387810},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1689642389292},{"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\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1689642396087},{"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":["import \"core-js/modules/es6.regexp.search\";\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"lineContent\"\n  }, [_c(\"div\", {\n    staticClass: \"lineDetail\"\n  }, [_c(\"div\", {\n    staticClass: \"close\"\n  }, [_c(\"img\", {\n    staticStyle: {\n      cursor: \"pointer\"\n    },\n    attrs: {\n      src: require(\"@/assets/images/close.png\")\n    },\n    on: {\n      click: _vm.handleClose\n    }\n  })]), _c(\"div\", {\n    staticClass: \"table user_skills\"\n  }, [_c(\"div\", {\n    staticClass: \"search\"\n  }, [_c(\"el-select\", {\n    staticStyle: {\n      \"margin-left\": \"30px\"\n    },\n    attrs: {\n      placeholder: \"请选择\"\n    },\n    model: {\n      value: _vm.value1,\n      callback: function callback($$v) {\n        _vm.value1 = $$v;\n      },\n      expression: \"value1\"\n    }\n  }, _vm._l(_vm.districtList, function (item, index) {\n    return _c(\"el-option\", {\n      key: item.index,\n      attrs: {\n        label: item,\n        value: item\n      }\n    });\n  }), 1), _c(\"el-select\", {\n    staticStyle: {\n      \"margin-left\": \"10px\"\n    },\n    attrs: {\n      placeholder: \"请选择\"\n    },\n    model: {\n      value: _vm.value2,\n      callback: function callback($$v) {\n        _vm.value2 = $$v;\n      },\n      expression: \"value2\"\n    }\n  }, _vm._l(_vm.taiwanList, function (item, index) {\n    return _c(\"el-option\", {\n      key: item.index,\n      attrs: {\n        label: item,\n        value: item\n      }\n    });\n  }), 1), _c(\"el-input\", {\n    staticStyle: {\n      \"margin-left\": \"10px\"\n    },\n    attrs: {\n      placeholder: \"模糊中文搜索\"\n    },\n    nativeOn: {\n      keyup: function keyup($event) {\n        if (!$event.type.indexOf(\"key\") && _vm._k($event.keyCode, \"enter\", 13, $event.key, \"Enter\")) return null;\n        return _vm.search.apply(null, arguments);\n      }\n    },\n    model: {\n      value: _vm.searchData,\n      callback: function callback($$v) {\n        _vm.searchData = typeof $$v === \"string\" ? $$v.trim() : $$v;\n      },\n      expression: \"searchData\"\n    }\n  }), _c(\"div\", {\n    staticClass: \"searchBtn\",\n    on: {\n      click: _vm.search\n    }\n  }), _c(\"div\", {\n    staticClass: \"refurbish\",\n    on: {\n      click: _vm.refurbish\n    }\n  })], 1), _c(\"el-table\", {\n    staticStyle: {\n      width: \"100%\",\n      height: \"calc(100% - 80px)\",\n      \"overflow-y\": \"scroll\",\n      position: \"relative\"\n    },\n    attrs: {\n      data: _vm.lineList,\n      \"header-cell-style\": {\n        \"text-align\": \"center\"\n      },\n      \"cell-style\": {\n        \"text-align\": \"center\"\n      },\n      stripe: \"\"\n    },\n    on: {\n      \"row-click\": _vm.rowHandle\n    }\n  }, [_c(\"el-table-column\", {\n    attrs: {\n      prop: \"line_name\",\n      label: \"序号\",\n      align: \"center\",\n      width: \"60\"\n    },\n    scopedSlots: _vm._u([{\n      key: \"default\",\n      fn: function fn(scope) {\n        return [_vm._v(\"\\n            \" + _vm._s(scope.$index + 1) + \"\\n          \")];\n      }\n    }])\n  }), _c(\"el-table-column\", {\n    attrs: {\n      prop: \"qushu\",\n      label: \"区域\",\n      align: \"center\"\n    }\n  }), _c(\"el-table-column\", {\n    attrs: {\n      prop: \"taiqu\",\n      label: \"变电站\",\n      align: \"center\"\n    }\n  }), _c(\"el-table-column\", {\n    attrs: {\n      prop: \"line_name\",\n      label: \"线路名称\",\n      align: \"center\",\n      width: \"170\"\n    }\n  }), _c(\"el-table-column\", {\n    attrs: {\n      prop: \"url_init\",\n      label: \"原状\",\n      align: \"center\"\n    },\n    scopedSlots: _vm._u([{\n      key: \"default\",\n      fn: function fn(scope) {\n        return [scope.row.url_init ? _c(\"div\", {\n          staticClass: \"cad-icon\",\n          on: {\n            click: function click($event) {\n              $event.stopPropagation();\n              return _vm.openInit(scope.row);\n            }\n          }\n        }) : _vm._e()];\n      }\n    }])\n  }), _c(\"el-table-column\", {\n    attrs: {\n      prop: \"url_dest\",\n      label: \"目标\",\n      align: \"center\"\n    },\n    scopedSlots: _vm._u([{\n      key: \"default\",\n      fn: function fn(scope) {\n        return [scope.row.url_dest ? _c(\"div\", {\n          staticClass: \"cad-icon\",\n          on: {\n            click: function click($event) {\n              $event.stopPropagation();\n              return _vm.openCad(scope.row);\n            }\n          }\n        }) : _vm._e()];\n      }\n    }])\n  }), _c(\"el-table-column\", {\n    attrs: {\n      prop: \"url_nigai\",\n      label: \"本年度拟改\",\n      align: \"center\"\n    },\n    scopedSlots: _vm._u([{\n      key: \"default\",\n      fn: function fn(scope) {\n        return [scope.row.url_nigai ? _c(\"div\", {\n          staticClass: \"cad-icon\"\n        }) : _vm._e()];\n      }\n    }])\n  }), _c(\"el-table-column\", {\n    attrs: {\n      prop: \"nigai_state\",\n      label: \"当前状态\",\n      align: \"center\"\n    },\n    scopedSlots: _vm._u([{\n      key: \"default\",\n      fn: function fn(scope) {\n        return [_c(\"div\", {\n          class: \"circle\" + scope.row.nigai_state\n        })];\n      }\n    }])\n  })], 1)], 1)]), _c(\"div\", {\n    directives: [{\n      name: \"show\",\n      rawName: \"v-show\",\n      value: _vm.rightDialog,\n      expression: \"rightDialog\"\n    }],\n    staticClass: \"right-dialog\"\n  }, [_c(\"div\", {\n    staticClass: \"closeBtn\"\n  }, [_c(\"img\", {\n    staticStyle: {\n      cursor: \"pointer\"\n    },\n    attrs: {\n      src: require(\"@/assets/images/close.png\")\n    },\n    on: {\n      click: _vm.handleClose1\n    }\n  })]), _c(\"div\", {\n    staticClass: \"title\"\n  }, [_vm._v(\"拟改图对比\")]), _c(\"div\", {\n    staticClass: \"funBtn\"\n  }, [_c(\"div\", {\n    staticClass: \"initBtn\"\n  }, [_c(\"span\", {\n    staticClass: \"title\"\n  }, [_vm._v(_vm._s(_vm.title))])]), _vm._m(0)]), _c(\"div\", {\n    staticClass: \"pdf-content\"\n  }, [_c(\"div\", {\n    staticClass: \"left-content\",\n    attrs: {\n      id: \"leftContent\"\n    }\n  }, [_c(\"iframe\", {\n    attrs: {\n      src: _vm.init,\n      frameborder: \"0\",\n      width: \"100%\",\n      height: \"100%\",\n      scrolling: \"no\"\n    }\n  })]), _c(\"div\", {\n    staticClass: \"right-content\"\n  }, [_c(\"iframe\", {\n    ref: \"iframeId\",\n    attrs: {\n      src: _vm.nigai,\n      frameborder: \"0\",\n      width: \"100%\",\n      height: \"100%\",\n      scrolling: \"no\"\n    }\n  })])])])]);\n};\nvar staticRenderFns = [function () {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"nigaiBtn\"\n  }, [_c(\"span\", {\n    staticClass: \"title\"\n  }, [_vm._v(\"拟改图\")])]);\n}];\nrender._withStripped = true;\nexport { render, staticRenderFns };",{"version":3,"names":["render","_vm","_c","_self","staticClass","staticStyle","cursor","attrs","src","require","on","click","handleClose","placeholder","model","value","value1","callback","$$v","expression","_l","districtList","item","index","key","label","value2","taiwanList","nativeOn","keyup","$event","type","indexOf","_k","keyCode","search","apply","arguments","searchData","trim","refurbish","width","height","position","data","lineList","stripe","rowHandle","prop","align","scopedSlots","_u","fn","scope","_v","_s","$index","row","url_init","stopPropagation","openInit","_e","url_dest","openCad","url_nigai","class","nigai_state","directives","name","rawName","rightDialog","handleClose1","title","_m","id","init","frameborder","scrolling","ref","nigai","staticRenderFns","_withStripped"],"sources":["E:/2023/yancheng0718/yanchengPowerSupply/src/component/lineDetail.vue"],"sourcesContent":["var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\"div\", { staticClass: \"lineContent\" }, [\n    _c(\"div\", { staticClass: \"lineDetail\" }, [\n      _c(\"div\", { staticClass: \"close\" }, [\n        _c(\"img\", {\n          staticStyle: { cursor: \"pointer\" },\n          attrs: { src: require(\"@/assets/images/close.png\") },\n          on: { click: _vm.handleClose },\n        }),\n      ]),\n      _c(\n        \"div\",\n        { staticClass: \"table user_skills\" },\n        [\n          _c(\n            \"div\",\n            { staticClass: \"search\" },\n            [\n              _c(\n                \"el-select\",\n                {\n                  staticStyle: { \"margin-left\": \"30px\" },\n                  attrs: { placeholder: \"请选择\" },\n                  model: {\n                    value: _vm.value1,\n                    callback: function ($$v) {\n                      _vm.value1 = $$v\n                    },\n                    expression: \"value1\",\n                  },\n                },\n                _vm._l(_vm.districtList, function (item, index) {\n                  return _c(\"el-option\", {\n                    key: item.index,\n                    attrs: { label: item, value: item },\n                  })\n                }),\n                1\n              ),\n              _c(\n                \"el-select\",\n                {\n                  staticStyle: { \"margin-left\": \"10px\" },\n                  attrs: { placeholder: \"请选择\" },\n                  model: {\n                    value: _vm.value2,\n                    callback: function ($$v) {\n                      _vm.value2 = $$v\n                    },\n                    expression: \"value2\",\n                  },\n                },\n                _vm._l(_vm.taiwanList, function (item, index) {\n                  return _c(\"el-option\", {\n                    key: item.index,\n                    attrs: { label: item, value: item },\n                  })\n                }),\n                1\n              ),\n              _c(\"el-input\", {\n                staticStyle: { \"margin-left\": \"10px\" },\n                attrs: { placeholder: \"模糊中文搜索\" },\n                nativeOn: {\n                  keyup: function ($event) {\n                    if (\n                      !$event.type.indexOf(\"key\") &&\n                      _vm._k($event.keyCode, \"enter\", 13, $event.key, \"Enter\")\n                    )\n                      return null\n                    return _vm.search.apply(null, arguments)\n                  },\n                },\n                model: {\n                  value: _vm.searchData,\n                  callback: function ($$v) {\n                    _vm.searchData = typeof $$v === \"string\" ? $$v.trim() : $$v\n                  },\n                  expression: \"searchData\",\n                },\n              }),\n              _c(\"div\", {\n                staticClass: \"searchBtn\",\n                on: { click: _vm.search },\n              }),\n              _c(\"div\", {\n                staticClass: \"refurbish\",\n                on: { click: _vm.refurbish },\n              }),\n            ],\n            1\n          ),\n          _c(\n            \"el-table\",\n            {\n              staticStyle: {\n                width: \"100%\",\n                height: \"calc(100% - 80px)\",\n                \"overflow-y\": \"scroll\",\n                position: \"relative\",\n              },\n              attrs: {\n                data: _vm.lineList,\n                \"header-cell-style\": { \"text-align\": \"center\" },\n                \"cell-style\": { \"text-align\": \"center\" },\n                stripe: \"\",\n              },\n              on: { \"row-click\": _vm.rowHandle },\n            },\n            [\n              _c(\"el-table-column\", {\n                attrs: {\n                  prop: \"line_name\",\n                  label: \"序号\",\n                  align: \"center\",\n                  width: \"60\",\n                },\n                scopedSlots: _vm._u([\n                  {\n                    key: \"default\",\n                    fn: function (scope) {\n                      return [\n                        _vm._v(\n                          \"\\n            \" +\n                            _vm._s(scope.$index + 1) +\n                            \"\\n          \"\n                        ),\n                      ]\n                    },\n                  },\n                ]),\n              }),\n              _c(\"el-table-column\", {\n                attrs: { prop: \"qushu\", label: \"区域\", align: \"center\" },\n              }),\n              _c(\"el-table-column\", {\n                attrs: { prop: \"taiqu\", label: \"变电站\", align: \"center\" },\n              }),\n              _c(\"el-table-column\", {\n                attrs: {\n                  prop: \"line_name\",\n                  label: \"线路名称\",\n                  align: \"center\",\n                  width: \"170\",\n                },\n              }),\n              _c(\"el-table-column\", {\n                attrs: { prop: \"url_init\", label: \"原状\", align: \"center\" },\n                scopedSlots: _vm._u([\n                  {\n                    key: \"default\",\n                    fn: function (scope) {\n                      return [\n                        scope.row.url_init\n                          ? _c(\"div\", {\n                              staticClass: \"cad-icon\",\n                              on: {\n                                click: function ($event) {\n                                  $event.stopPropagation()\n                                  return _vm.openInit(scope.row)\n                                },\n                              },\n                            })\n                          : _vm._e(),\n                      ]\n                    },\n                  },\n                ]),\n              }),\n              _c(\"el-table-column\", {\n                attrs: { prop: \"url_dest\", label: \"目标\", align: \"center\" },\n                scopedSlots: _vm._u([\n                  {\n                    key: \"default\",\n                    fn: function (scope) {\n                      return [\n                        scope.row.url_dest\n                          ? _c(\"div\", {\n                              staticClass: \"cad-icon\",\n                              on: {\n                                click: function ($event) {\n                                  $event.stopPropagation()\n                                  return _vm.openCad(scope.row)\n                                },\n                              },\n                            })\n                          : _vm._e(),\n                      ]\n                    },\n                  },\n                ]),\n              }),\n              _c(\"el-table-column\", {\n                attrs: {\n                  prop: \"url_nigai\",\n                  label: \"本年度拟改\",\n                  align: \"center\",\n                },\n                scopedSlots: _vm._u([\n                  {\n                    key: \"default\",\n                    fn: function (scope) {\n                      return [\n                        scope.row.url_nigai\n                          ? _c(\"div\", { staticClass: \"cad-icon\" })\n                          : _vm._e(),\n                      ]\n                    },\n                  },\n                ]),\n              }),\n              _c(\"el-table-column\", {\n                attrs: {\n                  prop: \"nigai_state\",\n                  label: \"当前状态\",\n                  align: \"center\",\n                },\n                scopedSlots: _vm._u([\n                  {\n                    key: \"default\",\n                    fn: function (scope) {\n                      return [\n                        _c(\"div\", { class: \"circle\" + scope.row.nigai_state }),\n                      ]\n                    },\n                  },\n                ]),\n              }),\n            ],\n            1\n          ),\n        ],\n        1\n      ),\n    ]),\n    _c(\n      \"div\",\n      {\n        directives: [\n          {\n            name: \"show\",\n            rawName: \"v-show\",\n            value: _vm.rightDialog,\n            expression: \"rightDialog\",\n          },\n        ],\n        staticClass: \"right-dialog\",\n      },\n      [\n        _c(\"div\", { staticClass: \"closeBtn\" }, [\n          _c(\"img\", {\n            staticStyle: { cursor: \"pointer\" },\n            attrs: { src: require(\"@/assets/images/close.png\") },\n            on: { click: _vm.handleClose1 },\n          }),\n        ]),\n        _c(\"div\", { staticClass: \"title\" }, [_vm._v(\"拟改图对比\")]),\n        _c(\"div\", { staticClass: \"funBtn\" }, [\n          _c(\"div\", { staticClass: \"initBtn\" }, [\n            _c(\"span\", { staticClass: \"title\" }, [_vm._v(_vm._s(_vm.title))]),\n          ]),\n          _vm._m(0),\n        ]),\n        _c(\"div\", { staticClass: \"pdf-content\" }, [\n          _c(\n            \"div\",\n            { staticClass: \"left-content\", attrs: { id: \"leftContent\" } },\n            [\n              _c(\"iframe\", {\n                attrs: {\n                  src: _vm.init,\n                  frameborder: \"0\",\n                  width: \"100%\",\n                  height: \"100%\",\n                  scrolling: \"no\",\n                },\n              }),\n            ]\n          ),\n          _c(\"div\", { staticClass: \"right-content\" }, [\n            _c(\"iframe\", {\n              ref: \"iframeId\",\n              attrs: {\n                src: _vm.nigai,\n                frameborder: \"0\",\n                width: \"100%\",\n                height: \"100%\",\n                scrolling: \"no\",\n              },\n            }),\n          ]),\n        ]),\n      ]\n    ),\n  ])\n}\nvar staticRenderFns = [\n  function () {\n    var _vm = this,\n      _c = _vm._self._c\n    return _c(\"div\", { staticClass: \"nigaiBtn\" }, [\n      _c(\"span\", { staticClass: \"title\" }, [_vm._v(\"拟改图\")]),\n    ])\n  },\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }"],"mappings":"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"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/5694db265661b2bde5f302ef7cb39d40.json b/node_modules/.cache/babel-loader/5694db265661b2bde5f302ef7cb39d40.json
new file mode 100644
index 00000000..6fc16228
--- /dev/null
+++ b/node_modules/.cache/babel-loader/5694db265661b2bde5f302ef7cb39d40.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??ref--6!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\index.vue?vue&type=template&id=a83bd3b0&scoped=true&","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\index.vue","mtime":1689657980988},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\babel.config.js","mtime":1689642387810},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1689642389292},{"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\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1689642396087},{"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":["import \"core-js/modules/es6.function.name\";\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"home\"\n  }, [_c(\"div\", {\n    staticClass: \"left\",\n    attrs: {\n      id: \"left\"\n    }\n  }, [_c(\"div\", {\n    staticClass: \"one\",\n    staticStyle: {\n      height: \"48%\"\n    }\n  }, [_c(\"div\", {\n    staticClass: \"cartitle\",\n    on: {\n      click: function click($event) {\n        return _vm.routerTo(\"盐城地区分布光伏运行监测\");\n      }\n    }\n  }, [_vm._m(0)]), _c(\"div\", {\n    staticClass: \"content\"\n  }, [_c(\"div\", {\n    staticClass: \"line\"\n  }, [_c(\"div\", {\n    staticClass: \"total\"\n  }, [_c(\"div\", {\n    staticClass: \"num\",\n    on: {\n      click: function click($event) {\n        return _vm.openLineDetail(_vm.CompanyInfo.pdxl);\n      }\n    }\n  }, [_c(\"span\", {\n    staticStyle: {\n      \"font-size\": \"18px\"\n    }\n  }, [_vm._v(\"户数高渗透率 \")]), _c(\"span\", {\n    staticClass: \"numText\",\n    staticStyle: {\n      \"font-size\": \"45px\",\n      \"font-weight\": \"600\",\n      \"-webkit-background-clip\": \"text\",\n      \"background-clip\": \"text\",\n      \"background-image\": \"linear-gradient(\"\n    },\n    attrs: {\n      text: _vm.CompanyInfo.pdxl\n    }\n  }, [_vm._v(_vm._s(_vm.CompanyInfo.pdxl))])])])]), _c(\"div\", {\n    staticClass: \"line\"\n  }, [_c(\"div\", {\n    staticClass: \"total\"\n  }, [_c(\"div\", {\n    staticClass: \"num\"\n  }, [_c(\"span\", {\n    staticStyle: {\n      \"font-size\": \"18px\"\n    }\n  }, [_vm._v(\"容量渗透率  \")]), _c(\"span\", {\n    staticClass: \"numText\",\n    staticStyle: {\n      \"font-size\": \"45px\",\n      \"font-weight\": \"600\",\n      \"-webkit-background-clip\": \"text\",\n      \"background-clip\": \"text\",\n      \"background-image\": \"linear-gradient(\"\n    },\n    attrs: {\n      text: _vm.CompanyInfo.xlcd\n    }\n  }, [_vm._v(_vm._s(_vm.CompanyInfo.xlcd))])])])]), _c(\"div\", {\n    staticClass: \"line\"\n  }, [_c(\"div\", {\n    staticClass: \"total\"\n  }, [_c(\"div\", {\n    staticClass: \"num\"\n  }, [_c(\"span\", {\n    staticStyle: {\n      \"font-size\": \"18px\"\n    }\n  }, [_vm._v(\"能量渗透率  \")]), _c(\"span\", {\n    staticClass: \"numText\",\n    staticStyle: {\n      \"font-size\": \"45px\",\n      \"font-weight\": \"600\",\n      \"-webkit-background-clip\": \"text\",\n      \"background-clip\": \"text\",\n      \"background-image\": \"linear-gradient(\"\n    },\n    attrs: {\n      text: _vm.CompanyInfo.xlcd\n    }\n  }, [_vm._v(_vm._s(_vm.CompanyInfo.xlcd))])])])])]), _c(\"div\", {\n    attrs: {\n      id: \"detailedTwo1\"\n    }\n  })]), _c(\"div\", {\n    staticClass: \"two\",\n    staticStyle: {\n      height: \"49%\"\n    }\n  }, [_vm._m(1), _c(\"div\", {\n    staticClass: \"content\",\n    staticStyle: {\n      display: \"inline\"\n    }\n  }, [_c(\"div\", {\n    staticClass: \"line\"\n  }, [_c(\"div\", {\n    staticClass: \"total\"\n  }, [_c(\"div\", {\n    staticClass: \"num\",\n    on: {\n      click: function click($event) {\n        return _vm.openLineDetail(_vm.CompanyInfo.pdxl);\n      }\n    }\n  }, [_c(\"span\", {\n    staticStyle: {\n      \"font-size\": \"18px\"\n    }\n  }, [_vm._v(\"项目数 \")]), _c(\"span\", {\n    staticClass: \"numText\",\n    staticStyle: {\n      \"font-size\": \"45px\",\n      \"font-weight\": \"600\",\n      \"-webkit-background-clip\": \"text\",\n      \"background-clip\": \"text\",\n      \"background-image\": \"linear-gradient(\"\n    },\n    attrs: {\n      text: _vm.CompanyInfo.pdxl\n    }\n  }, [_vm._v(_vm._s(_vm.CompanyInfo.pdxl))])])])]), _c(\"div\", {\n    staticClass: \"line\"\n  }, [_c(\"div\", {\n    staticClass: \"total\"\n  }, [_c(\"div\", {\n    staticClass: \"num\"\n  }, [_c(\"span\", {\n    staticStyle: {\n      \"font-size\": \"18px\"\n    }\n  }, [_vm._v(\"预算费用总和\")]), _vm._v(\"  \"), _c(\"span\", {\n    staticClass: \"numText\",\n    staticStyle: {\n      \"font-size\": \"45px\",\n      \"font-weight\": \"600\",\n      \"-webkit-background-clip\": \"text\",\n      \"background-clip\": \"text\",\n      \"background-image\": \"linear-gradient(\"\n    },\n    attrs: {\n      text: _vm.CompanyInfo.xlcd\n    }\n  }, [_vm._v(_vm._s(_vm.CompanyInfo.xlcd))])])])]), _c(\"div\", {\n    staticClass: \"line\"\n  }, [_c(\"div\", {\n    staticClass: \"total\"\n  }, [_c(\"div\", {\n    staticClass: \"num\"\n  }, [_c(\"span\", {\n    staticStyle: {\n      \"font-size\": \"18px\"\n    }\n  }, [_vm._v(\"计划数  \")]), _c(\"span\", {\n    staticClass: \"numText\",\n    staticStyle: {\n      \"font-size\": \"45px\",\n      \"font-weight\": \"600\",\n      \"-webkit-background-clip\": \"text\",\n      \"background-clip\": \"text\",\n      \"background-image\": \"linear-gradient(\"\n    },\n    attrs: {\n      text: _vm.CompanyInfo.xlcd\n    }\n  }, [_vm._v(_vm._s(_vm.CompanyInfo.xlcd))])])])])]), _c(\"div\", {\n    attrs: {\n      id: \"barCharts\"\n    }\n  })])]), _c(\"div\", {\n    staticClass: \"left1\",\n    attrs: {\n      id: \"left\"\n    }\n  }, [_c(\"div\", {\n    staticClass: \"one\",\n    staticStyle: {\n      height: \"48%\"\n    }\n  }, [_vm._m(2), _c(\"div\", {\n    staticClass: \"content\"\n  }, [_c(\"div\", {\n    staticClass: \"line\"\n  }, [_c(\"div\", {\n    staticClass: \"total\"\n  }, [_c(\"div\", {\n    staticClass: \"num\",\n    on: {\n      click: function click($event) {\n        return _vm.openLineDetail(_vm.CompanyInfo.pdxl);\n      }\n    }\n  }, [_c(\"span\", {\n    staticStyle: {\n      \"font-size\": \"18px\"\n    }\n  }, [_vm._v(\"升档配变数量 \")]), _c(\"span\", {\n    staticClass: \"numText\",\n    staticStyle: {\n      \"font-size\": \"45px\",\n      \"font-weight\": \"600\",\n      \"-webkit-background-clip\": \"text\",\n      \"background-clip\": \"text\",\n      \"background-image\": \"linear-gradient(\"\n    },\n    attrs: {\n      text: _vm.CompanyInfo.pdxl\n    }\n  }, [_vm._v(_vm._s(_vm.CompanyInfo.pdxl))])])])]), _c(\"div\", {\n    staticClass: \"line\"\n  }, [_c(\"div\", {\n    staticClass: \"total\"\n  }, [_c(\"div\", {\n    staticClass: \"num\"\n  }, [_c(\"span\", {\n    staticStyle: {\n      \"font-size\": \"18px\"\n    }\n  }, [_vm._v(\"降档配比数量\")]), _vm._v(\"  \\n              \"), _c(\"span\", {\n    staticClass: \"numText\",\n    staticStyle: {\n      \"font-size\": \"45px\",\n      \"font-weight\": \"600\",\n      \"-webkit-background-clip\": \"text\",\n      \"background-clip\": \"text\",\n      \"background-image\": \"linear-gradient(\"\n    },\n    attrs: {\n      text: _vm.CompanyInfo.xlcd\n    }\n  }, [_vm._v(_vm._s(_vm.CompanyInfo.xlcd))])])])]), _c(\"div\", {\n    staticClass: \"line\"\n  }, [_c(\"div\", {\n    staticClass: \"total\"\n  }, [_c(\"div\", {\n    staticClass: \"num\"\n  }, [_c(\"span\", {\n    staticStyle: {\n      \"font-size\": \"18px\"\n    }\n  }, [_vm._v(\"负荷关注配变数量  \")]), _c(\"span\", {\n    staticClass: \"numText\",\n    staticStyle: {\n      \"font-size\": \"45px\",\n      \"font-weight\": \"600\",\n      \"-webkit-background-clip\": \"text\",\n      \"background-clip\": \"text\",\n      \"background-image\": \"linear-gradient(\"\n    },\n    attrs: {\n      text: _vm.CompanyInfo.xlcd\n    }\n  }, [_vm._v(_vm._s(_vm.CompanyInfo.xlcd))])])])])]), _c(\"div\", {\n    attrs: {\n      id: \"horizontalChart\"\n    }\n  })]), _c(\"div\", {\n    staticClass: \"two\",\n    staticStyle: {\n      height: \"49%\"\n    }\n  }, [_vm._m(3), _c(\"div\", {\n    staticClass: \"content\"\n  }, [_c(\"div\", {\n    staticClass: \"line\"\n  }, [_c(\"div\", {\n    staticClass: \"total\"\n  }, [_c(\"div\", {\n    staticClass: \"num\",\n    on: {\n      click: function click($event) {\n        return _vm.openLineDetail(_vm.CompanyInfo.pdxl);\n      }\n    }\n  }, [_c(\"span\", {\n    staticStyle: {\n      \"font-size\": \"18px\"\n    }\n  }, [_vm._v(\"月供电可靠性 \")]), _c(\"span\", {\n    staticClass: \"numText\",\n    staticStyle: {\n      \"font-size\": \"45px\",\n      \"font-weight\": \"600\",\n      \"-webkit-background-clip\": \"text\",\n      \"background-clip\": \"text\",\n      \"background-image\": \"linear-gradient(\"\n    },\n    attrs: {\n      text: _vm.CompanyInfo.pdxl\n    }\n  }, [_vm._v(_vm._s(_vm.CompanyInfo.pdxl))])])])]), _c(\"div\", {\n    staticClass: \"line\"\n  }, [_c(\"div\", {\n    staticClass: \"total\"\n  }, [_c(\"div\", {\n    staticClass: \"num\"\n  }, [_c(\"span\", {\n    staticStyle: {\n      \"font-size\": \"18px\"\n    }\n  }, [_vm._v(\"平均停电频次  \")]), _c(\"span\", {\n    staticClass: \"numText\",\n    staticStyle: {\n      \"font-size\": \"45px\",\n      \"font-weight\": \"600\",\n      \"-webkit-background-clip\": \"text\",\n      \"background-clip\": \"text\",\n      \"background-image\": \"linear-gradient(\"\n    },\n    attrs: {\n      text: _vm.CompanyInfo.xlcd\n    }\n  }, [_vm._v(_vm._s(_vm.CompanyInfo.xlcd))])])])]), _c(\"div\", {\n    staticClass: \"line\"\n  }, [_c(\"div\", {\n    staticClass: \"total\"\n  }, [_c(\"div\", {\n    staticClass: \"num\"\n  }, [_c(\"span\", {\n    staticStyle: {\n      \"font-size\": \"18px\"\n    }\n  }, [_vm._v(\"平均停电时间  \")]), _c(\"span\", {\n    staticClass: \"numText\",\n    staticStyle: {\n      \"font-size\": \"45px\",\n      \"font-weight\": \"600\",\n      \"-webkit-background-clip\": \"text\",\n      \"background-clip\": \"text\",\n      \"background-image\": \"linear-gradient(\"\n    },\n    attrs: {\n      text: _vm.CompanyInfo.xlcd\n    }\n  }, [_vm._v(_vm._s(_vm.CompanyInfo.xlcd))])])])])]), _c(\"div\", {\n    staticStyle: {\n      height: \"calc(100% - 200px)\"\n    },\n    attrs: {\n      id: \"detailedOne\"\n    }\n  })])]), _vm._m(4), _c(\"div\", {\n    staticClass: \"right\",\n    attrs: {\n      id: \"right\"\n    }\n  }, [_c(\"div\", {\n    staticClass: \"one\",\n    staticStyle: {\n      height: \"48%\",\n      width: \"100%\"\n    }\n  }, [_vm._m(5), _c(\"div\", {\n    staticClass: \"top\"\n  }, _vm._l(_vm.topContent, function (item, index) {\n    return _c(\"div\", {\n      key: index,\n      staticClass: \"topContent\"\n    }, [_c(\"div\", {\n      staticStyle: {\n        color: \"#ffffff\"\n      }\n    }, [_vm._v(_vm._s(item.name))]), _c(\"div\", {\n      staticStyle: {\n        color: \"rgb(86, 254, 226)\",\n        \"font-size\": \"22px\"\n      }\n    }, [_vm._v(\"\\n            \" + _vm._s(item.count) + \"\\n          \")])]);\n  }), 0), _c(\"div\", {\n    staticStyle: {\n      height: \"90%\"\n    },\n    attrs: {\n      id: \"detailedFive\"\n    }\n  })]), _c(\"div\", {\n    staticClass: \"three\",\n    staticStyle: {\n      height: \"48%\",\n      width: \"100%\"\n    }\n  }, [_vm._m(6), _c(\"div\", {\n    staticClass: \"content\",\n    staticStyle: {\n      display: \"inline\"\n    }\n  }, [_c(\"div\", {\n    staticClass: \"line\"\n  }, [_c(\"div\", {\n    staticClass: \"total\"\n  }, [_c(\"div\", {\n    staticClass: \"num\",\n    on: {\n      click: function click($event) {\n        return _vm.openLineDetail(_vm.CompanyInfo.pdxl);\n      }\n    }\n  }, [_c(\"span\", {\n    staticStyle: {\n      \"font-size\": \"18px\"\n    }\n  }, [_vm._v(\"项目数 \")]), _c(\"span\", {\n    staticClass: \"numText\",\n    staticStyle: {\n      \"font-size\": \"45px\",\n      \"font-weight\": \"600\",\n      \"-webkit-background-clip\": \"text\",\n      \"background-clip\": \"text\",\n      \"background-image\": \"linear-gradient(\"\n    },\n    attrs: {\n      text: _vm.CompanyInfo.pdxl\n    }\n  }, [_vm._v(_vm._s(_vm.CompanyInfo.pdxl))])])])]), _c(\"div\", {\n    staticClass: \"line\"\n  }, [_c(\"div\", {\n    staticClass: \"total\"\n  }, [_c(\"div\", {\n    staticClass: \"num\"\n  }, [_c(\"span\", {\n    staticStyle: {\n      \"font-size\": \"18px\"\n    }\n  }, [_vm._v(\"预算费用总和\")]), _vm._v(\"  \"), _c(\"span\", {\n    staticClass: \"numText\",\n    staticStyle: {\n      \"font-size\": \"45px\",\n      \"font-weight\": \"600\",\n      \"-webkit-background-clip\": \"text\",\n      \"background-clip\": \"text\",\n      \"background-image\": \"linear-gradient(\"\n    },\n    attrs: {\n      text: _vm.CompanyInfo.xlcd\n    }\n  }, [_vm._v(_vm._s(_vm.CompanyInfo.xlcd))])])])]), _c(\"div\", {\n    staticClass: \"line\"\n  }, [_c(\"div\", {\n    staticClass: \"total\"\n  }, [_c(\"div\", {\n    staticClass: \"num\"\n  }, [_c(\"span\", {\n    staticStyle: {\n      \"font-size\": \"18px\"\n    }\n  }, [_vm._v(\"计划数  \")]), _c(\"span\", {\n    staticClass: \"numText\",\n    staticStyle: {\n      \"font-size\": \"45px\",\n      \"font-weight\": \"600\",\n      \"-webkit-background-clip\": \"text\",\n      \"background-clip\": \"text\",\n      \"background-image\": \"linear-gradient(\"\n    },\n    attrs: {\n      text: _vm.CompanyInfo.xlcd\n    }\n  }, [_vm._v(_vm._s(_vm.CompanyInfo.xlcd))])])])])]), _c(\"div\", {\n    attrs: {\n      id: \"roseCharts\"\n    }\n  })])]), _c(\"div\", {\n    staticClass: \"right1\",\n    attrs: {\n      id: \"right\"\n    }\n  }, [_c(\"div\", {\n    staticClass: \"one\",\n    staticStyle: {\n      height: \"48%\",\n      width: \"100%\"\n    }\n  }, [_vm._m(7), _c(\"div\", {\n    staticClass: \"content\"\n  }, [_c(\"div\", {\n    staticClass: \"line\"\n  }, [_c(\"div\", {\n    staticClass: \"total\"\n  }, [_c(\"div\", {\n    staticClass: \"num\",\n    on: {\n      click: function click($event) {\n        return _vm.openLineDetail(_vm.CompanyInfo.pdxl);\n      }\n    }\n  }, [_c(\"span\", {\n    staticStyle: {\n      \"font-size\": \"18px\"\n    }\n  }, [_vm._v(\"户数高渗透率 \")]), _c(\"span\", {\n    staticClass: \"numText\",\n    staticStyle: {\n      \"font-size\": \"45px\",\n      \"font-weight\": \"600\",\n      \"-webkit-background-clip\": \"text\",\n      \"background-clip\": \"text\",\n      \"background-image\": \"linear-gradient(\"\n    },\n    attrs: {\n      text: _vm.CompanyInfo.pdxl\n    }\n  }, [_vm._v(_vm._s(_vm.CompanyInfo.pdxl))])])])]), _c(\"div\", {\n    staticClass: \"line\"\n  }, [_c(\"div\", {\n    staticClass: \"total\"\n  }, [_c(\"div\", {\n    staticClass: \"num\"\n  }, [_c(\"span\", {\n    staticStyle: {\n      \"font-size\": \"18px\"\n    }\n  }, [_vm._v(\"容量渗透率  \")]), _c(\"span\", {\n    staticClass: \"numText\",\n    staticStyle: {\n      \"font-size\": \"45px\",\n      \"font-weight\": \"600\",\n      \"-webkit-background-clip\": \"text\",\n      \"background-clip\": \"text\",\n      \"background-image\": \"linear-gradient(\"\n    },\n    attrs: {\n      text: _vm.CompanyInfo.xlcd\n    }\n  }, [_vm._v(_vm._s(_vm.CompanyInfo.xlcd))])])])]), _c(\"div\", {\n    staticClass: \"line\"\n  }, [_c(\"div\", {\n    staticClass: \"total\"\n  }, [_c(\"div\", {\n    staticClass: \"num\"\n  }, [_c(\"span\", {\n    staticStyle: {\n      \"font-size\": \"18px\"\n    }\n  }, [_vm._v(\"能量渗透率  \")]), _c(\"span\", {\n    staticClass: \"numText\",\n    staticStyle: {\n      \"font-size\": \"45px\",\n      \"font-weight\": \"600\",\n      \"-webkit-background-clip\": \"text\",\n      \"background-clip\": \"text\",\n      \"background-image\": \"linear-gradient(\"\n    },\n    attrs: {\n      text: _vm.CompanyInfo.xlcd\n    }\n  }, [_vm._v(_vm._s(_vm.CompanyInfo.xlcd))])])])])]), _vm._m(8)]), _c(\"div\", {\n    staticClass: \"three\",\n    staticStyle: {\n      height: \"48%\",\n      width: \"100%\"\n    }\n  }, [_vm._m(9), _c(\"div\", {\n    staticClass: \"three-content\"\n  }, [_vm._m(10), _c(\"div\", {\n    staticClass: \"three-right\"\n  }, [_c(\"ul\", _vm._l(_vm.gongdanList, function (s) {\n    return _c(\"li\", {\n      on: {\n        click: function click($event) {\n          return _vm.openGdDetail(s);\n        }\n      }\n    }, [_vm._v(\"\\n              \" + _vm._s(s.gd_type_name) + \"\\n              \"), _c(\"span\", {\n      staticStyle: {\n        color: \"#56fee2\"\n      }\n    }, [_vm._v(_vm._s(s.total))])]);\n  }), 0)])])])]), _c(\"div\", {\n    directives: [{\n      name: \"show\",\n      rawName: \"v-show\",\n      value: _vm.realTimeAlarmShow,\n      expression: \"realTimeAlarmShow\"\n    }],\n    staticClass: \"realTimeAlarm\"\n  }, [_vm._m(11)]), _c(\"div\", {\n    directives: [{\n      name: \"show\",\n      rawName: \"v-show\",\n      value: _vm.alarmInformationShow,\n      expression: \"alarmInformationShow\"\n    }],\n    staticClass: \"alarmInformation\"\n  }, [_c(\"div\", {\n    staticClass: \"top\"\n  }, [_c(\"div\", {\n    staticClass: \"title\"\n  }, [_vm._v(\"报警详情信息\")]), _c(\"div\", {\n    staticClass: \"close\"\n  }, [_c(\"img\", {\n    staticStyle: {\n      cursor: \"pointer\"\n    },\n    attrs: {\n      src: require(\"@/assets/images/close.png\")\n    },\n    on: {\n      click: _vm.handleClose\n    }\n  })])]), _c(\"div\", {\n    staticClass: \"content\"\n  }, [_c(\"div\", {\n    staticClass: \"table user_skills\"\n  }, [_c(\"el-table\", {\n    staticStyle: {\n      width: \"100%\",\n      height: \"100%\"\n    },\n    attrs: {\n      data: _vm.alarmInformationData,\n      \"header-cell-style\": {\n        \"text-align\": \"center\"\n      },\n      \"cell-style\": {\n        \"text-align\": \"center\"\n      },\n      \"row-class-name\": _vm.rowClass\n    }\n  }, [_c(\"el-table-column\", {\n    attrs: {\n      label: \"序号\",\n      width: \"100\",\n      align: \"center\"\n    },\n    scopedSlots: _vm._u([{\n      key: \"default\",\n      fn: function fn(scop) {\n        return [_vm._v(\"\\n              \" + _vm._s(scop.$index + 1) + \"\\n            \")];\n      }\n    }])\n  }), _c(\"el-table-column\", {\n    attrs: {\n      prop: \"cabinet_name\",\n      label: \"告警位置\",\n      align: \"center\"\n    }\n  }), _c(\"el-table-column\", {\n    attrs: {\n      prop: \"event_desc\",\n      label: \"告警信息\",\n      align: \"center\"\n    }\n  }), _c(\"el-table-column\", {\n    attrs: {\n      prop: \"created_at\",\n      label: \"发生时间\",\n      align: \"center\"\n    }\n  })], 1)], 1)]), _vm.pageShow ? _c(\"el-pagination\", {\n    attrs: {\n      \"current-page\": _vm.page,\n      \"page-size\": _vm.pageSize,\n      layout: \"prev, pager, next\",\n      total: _vm.totals\n    },\n    on: {\n      \"current-change\": _vm.handleCurrentChange\n    }\n  }) : _vm._e()], 1), _vm.modelOthers ? _c(\"div\", {\n    staticClass: \"componentShow\"\n  }, [_c(\"keep-alive\", [_c(_vm.componentShow, {\n    tag: \"component\",\n    attrs: {\n      ringMainUnit: _vm.device\n    }\n  })], 1)], 1) : _vm._e(), _vm.orderItem != null ? _c(\"div\", {\n    staticClass: \"componentShow\"\n  }, [_c(_vm.orderShow, {\n    tag: \"component\",\n    attrs: {\n      orderItem: _vm.orderItem\n    }\n  })], 1) : _vm._e(), _vm.routeItem != null ? _c(\"div\", {\n    staticClass: \"componentShow\"\n  }, [_c(_vm.routeShow, {\n    tag: \"component\",\n    attrs: {\n      routeItem: _vm.routeItem\n    }\n  })], 1) : _vm._e(), _vm.lineItem != null ? _c(\"div\", {\n    staticClass: \"componentShow\",\n    staticStyle: {\n      display: \"block\",\n      height: \"calc(100% - 100px)\",\n      top: \"100px\"\n    }\n  }, [_c(_vm.lineShow, {\n    tag: \"component\",\n    attrs: {\n      lineItem: _vm.lineItem\n    }\n  })], 1) : _vm._e(), _c(\"audio\", {\n    ref: \"audio\",\n    attrs: {\n      controls: \"controls\",\n      hidden: \"\",\n      src: require(\"../assets/videos/police.wav\")\n    }\n  })]);\n};\nvar staticRenderFns = [function () {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"titleFont\"\n  }, [_c(\"img\", {\n    attrs: {\n      src: require(\"./../assets/indexN/\\u6807\\u9898\\u7BAD\\u5934.png\"),\n      alt: \"\"\n    }\n  }), _c(\"span\", [_vm._v(\"盐城地区分布光伏运行监测\")]), _c(\"img\", {\n    attrs: {\n      src: require(\"./../assets/indexN/\\u6807\\u9898\\u7BAD\\u59341.png\"),\n      alt: \"\"\n    }\n  })]);\n}, function () {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"cartitle\"\n  }, [_c(\"div\", {\n    staticClass: \"titleFont\"\n  }, [_c(\"img\", {\n    attrs: {\n      src: require(\"./../assets/indexN/\\u6807\\u9898\\u7BAD\\u5934.png\"),\n      alt: \"\"\n    }\n  }), _c(\"span\", [_vm._v(\"配网工程全过程物资审计\")]), _c(\"img\", {\n    attrs: {\n      src: require(\"./../assets/indexN/\\u6807\\u9898\\u7BAD\\u59341.png\"),\n      alt: \"\"\n    }\n  })])]);\n}, function () {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"cartitle\"\n  }, [_c(\"div\", {\n    staticClass: \"titleFont\"\n  }, [_c(\"img\", {\n    attrs: {\n      src: require(\"./../assets/indexN/\\u6807\\u9898\\u7BAD\\u5934.png\"),\n      alt: \"\"\n    }\n  }), _c(\"span\", [_vm._v(\"盐都东台区供电所数字化分析\")]), _c(\"img\", {\n    attrs: {\n      src: require(\"./../assets/indexN/\\u6807\\u9898\\u7BAD\\u59341.png\"),\n      alt: \"\"\n    }\n  })])]);\n}, function () {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"cartitle\"\n  }, [_c(\"div\", {\n    staticClass: \"titleFont\"\n  }, [_c(\"img\", {\n    attrs: {\n      src: require(\"./../assets/indexN/\\u6807\\u9898\\u7BAD\\u5934.png\"),\n      alt: \"\"\n    }\n  }), _c(\"span\", [_vm._v(\"盐城供电公司配网电能质量管控\")]), _c(\"img\", {\n    attrs: {\n      src: require(\"./../assets/indexN/\\u6807\\u9898\\u7BAD\\u59341.png\"),\n      alt: \"\"\n    }\n  })])]);\n}, function () {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"middle\",\n    attrs: {\n      id: \"middle\"\n    }\n  }, [_c(\"div\", {\n    staticClass: \"map\",\n    staticStyle: {\n      height: \"100%\"\n    }\n  }, [_c(\"div\", {\n    staticClass: \"imgboxone\"\n  }, [_c(\"div\", {\n    staticClass: \"contents\"\n  }, [_c(\"div\", {\n    staticClass: \"lines\"\n  }, [_c(\"div\", {\n    staticClass: \"total\"\n  }, [_c(\"div\", {\n    staticClass: \"num\"\n  }, [_c(\"span\", {\n    staticStyle: {\n      \"font-size\": \"18px\"\n    }\n  }, [_vm._v(\"户数高渗透率\")]), _c(\"h5\", {\n    staticStyle: {\n      \"font-size\": \"28px\",\n      color: \"yellow\"\n    }\n  }, [_vm._v(\"3.40%\")])])])]), _c(\"div\", {\n    staticClass: \"lines\"\n  }, [_c(\"div\", {\n    staticClass: \"total\"\n  }, [_c(\"div\", {\n    staticClass: \"num\"\n  }, [_c(\"span\", {\n    staticStyle: {\n      \"font-size\": \"18px\"\n    }\n  }, [_vm._v(\"容量渗透率\")]), _c(\"h5\", {\n    staticStyle: {\n      \"font-size\": \"28px\",\n      color: \"orange\"\n    }\n  }, [_vm._v(\"0.01%\")])])])]), _c(\"div\", {\n    staticClass: \"lines\"\n  }, [_c(\"div\", {\n    staticClass: \"total\"\n  }, [_c(\"div\", {\n    staticClass: \"num\"\n  }, [_c(\"span\", {\n    staticStyle: {\n      \"font-size\": \"18px\"\n    }\n  }, [_vm._v(\"能量渗透率\")]), _c(\"h5\", {\n    staticStyle: {\n      \"font-size\": \"28px\",\n      color: \"yellow\"\n    }\n  }, [_vm._v(\"0.44%\")])])])])])]), _c(\"div\", {\n    staticClass: \"imgboxtwo\"\n  }, [_c(\"ul\", {\n    staticClass: \"contentUl\"\n  }, [_c(\"li\", [_c(\"h5\", [_vm._v(\"发电客户数\")]), _c(\"br\"), _c(\"span\", {\n    staticStyle: {\n      color: \"yellow\"\n    }\n  }, [_vm._v(\"4721\")])]), _c(\"li\", [_c(\"h5\", [_vm._v(\"变电站数量\")]), _c(\"br\"), _c(\"span\", {\n    staticStyle: {\n      color: \"orange\"\n    }\n  }, [_vm._v(\"90\")])]), _c(\"li\", [_c(\"h5\", [_vm._v(\"台区总数\")]), _c(\"br\"), _c(\"span\", {\n    staticStyle: {\n      color: \"yellow\"\n    }\n  }, [_vm._v(\"17416\")])]), _c(\"li\", [_c(\"h5\", [_vm._v(\"当前负载率\")]), _c(\"br\"), _c(\"span\", {\n    staticStyle: {\n      color: \"orange\"\n    }\n  }, [_vm._v(\"40.19%\")])])])])])]);\n}, function () {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"cartitle\"\n  }, [_c(\"div\", {\n    staticClass: \"titleFont\"\n  }, [_c(\"img\", {\n    attrs: {\n      src: require(\"./../assets/indexN/\\u6807\\u9898\\u7BAD\\u5934.png\"),\n      alt: \"\"\n    }\n  }), _c(\"span\", [_vm._v(\"乡村振兴电力综合指数\")]), _c(\"img\", {\n    attrs: {\n      src: require(\"./../assets/indexN/\\u6807\\u9898\\u7BAD\\u59341.png\"),\n      alt: \"\"\n    }\n  })])]);\n}, function () {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"cartitle\"\n  }, [_c(\"div\", {\n    staticClass: \"titleFont\"\n  }, [_c(\"img\", {\n    attrs: {\n      src: require(\"./../assets/indexN/\\u6807\\u9898\\u7BAD\\u5934.png\"),\n      alt: \"\"\n    }\n  }), _c(\"span\", [_vm._v(\"两高行业企业污染监测\")]), _c(\"img\", {\n    attrs: {\n      src: require(\"./../assets/indexN/\\u6807\\u9898\\u7BAD\\u59341.png\"),\n      alt: \"\"\n    }\n  })])]);\n}, function () {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"cartitle\"\n  }, [_c(\"div\", {\n    staticClass: \"titleFont\"\n  }, [_c(\"img\", {\n    attrs: {\n      src: require(\"./../assets/indexN/\\u6807\\u9898\\u7BAD\\u5934.png\"),\n      alt: \"\"\n    }\n  }), _c(\"span\", [_vm._v(\"农村生活污水治理设备电量分析\")]), _c(\"img\", {\n    attrs: {\n      src: require(\"./../assets/indexN/\\u6807\\u9898\\u7BAD\\u59341.png\"),\n      alt: \"\"\n    }\n  })])]);\n}, function () {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"line\"\n  }, [_c(\"div\", {\n    staticClass: \"enselect\"\n  }, [_c(\"img\", {\n    attrs: {\n      src: require(\"../assets/02/\\u5730\\u533A\\u9009\\u62E9\\u4E0B\\u62C9\\u83DC\\u5355.png\"),\n      alt: \"\"\n    }\n  }), _c(\"span\", {\n    staticClass: \"text\"\n  }, [_vm._v(\"能量\")])]), _c(\"div\", {\n    attrs: {\n      id: \"detailen\"\n    }\n  })]);\n}, function () {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"cartitle\"\n  }, [_c(\"div\", {\n    staticClass: \"titleFont\"\n  }, [_c(\"img\", {\n    attrs: {\n      src: require(\"./../assets/indexN/\\u6807\\u9898\\u7BAD\\u5934.png\"),\n      alt: \"\"\n    }\n  }), _c(\"span\", [_vm._v(\"数字化排涝抗旱辅助及检修辅助决策\")]), _c(\"img\", {\n    attrs: {\n      src: require(\"./../assets/indexN/\\u6807\\u9898\\u7BAD\\u59341.png\"),\n      alt: \"\"\n    }\n  })])]);\n}, function () {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"three-left\"\n  }, [_c(\"div\", {\n    attrs: {\n      id: \"detailedThree\"\n    }\n  })]);\n}, function () {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"content\"\n  }, [_c(\"img\", {\n    attrs: {\n      src: require(\"../assets/images/baojing.png\")\n    }\n  }), _c(\"div\", [_vm._v(\"都政线XXX环网柜间隔3发生局部放电故障\")])]);\n}];\nrender._withStripped = true;\nexport { render, staticRenderFns };",{"version":3,"names":["render","_vm","_c","_self","staticClass","attrs","id","staticStyle","height","on","click","$event","routerTo","_m","openLineDetail","CompanyInfo","pdxl","_v","text","_s","xlcd","display","width","_l","topContent","item","index","key","color","name","count","gongdanList","s","openGdDetail","gd_type_name","total","directives","rawName","value","realTimeAlarmShow","expression","alarmInformationShow","cursor","src","require","handleClose","data","alarmInformationData","rowClass","label","align","scopedSlots","_u","fn","scop","$index","prop","pageShow","page","pageSize","layout","totals","handleCurrentChange","_e","modelOthers","componentShow","tag","ringMainUnit","device","orderItem","orderShow","routeItem","routeShow","lineItem","top","lineShow","ref","controls","hidden","staticRenderFns","alt","_withStripped"],"sources":["E:/2023/yancheng0718/yanchengPowerSupply/src/views/index.vue"],"sourcesContent":["var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\"div\", { staticClass: \"home\" }, [\n    _c(\"div\", { staticClass: \"left\", attrs: { id: \"left\" } }, [\n      _c(\"div\", { staticClass: \"one\", staticStyle: { height: \"48%\" } }, [\n        _c(\n          \"div\",\n          {\n            staticClass: \"cartitle\",\n            on: {\n              click: function ($event) {\n                return _vm.routerTo(\"盐城地区分布光伏运行监测\")\n              },\n            },\n          },\n          [_vm._m(0)]\n        ),\n        _c(\"div\", { staticClass: \"content\" }, [\n          _c(\"div\", { staticClass: \"line\" }, [\n            _c(\"div\", { staticClass: \"total\" }, [\n              _c(\n                \"div\",\n                {\n                  staticClass: \"num\",\n                  on: {\n                    click: function ($event) {\n                      return _vm.openLineDetail(_vm.CompanyInfo.pdxl)\n                    },\n                  },\n                },\n                [\n                  _c(\"span\", { staticStyle: { \"font-size\": \"18px\" } }, [\n                    _vm._v(\"户数高渗透率 \"),\n                  ]),\n                  _c(\n                    \"span\",\n                    {\n                      staticClass: \"numText\",\n                      staticStyle: {\n                        \"font-size\": \"45px\",\n                        \"font-weight\": \"600\",\n                        \"-webkit-background-clip\": \"text\",\n                        \"background-clip\": \"text\",\n                        \"background-image\": \"linear-gradient(\",\n                      },\n                      attrs: { text: _vm.CompanyInfo.pdxl },\n                    },\n                    [_vm._v(_vm._s(_vm.CompanyInfo.pdxl))]\n                  ),\n                ]\n              ),\n            ]),\n          ]),\n          _c(\"div\", { staticClass: \"line\" }, [\n            _c(\"div\", { staticClass: \"total\" }, [\n              _c(\"div\", { staticClass: \"num\" }, [\n                _c(\"span\", { staticStyle: { \"font-size\": \"18px\" } }, [\n                  _vm._v(\"容量渗透率  \"),\n                ]),\n                _c(\n                  \"span\",\n                  {\n                    staticClass: \"numText\",\n                    staticStyle: {\n                      \"font-size\": \"45px\",\n                      \"font-weight\": \"600\",\n                      \"-webkit-background-clip\": \"text\",\n                      \"background-clip\": \"text\",\n                      \"background-image\": \"linear-gradient(\",\n                    },\n                    attrs: { text: _vm.CompanyInfo.xlcd },\n                  },\n                  [_vm._v(_vm._s(_vm.CompanyInfo.xlcd))]\n                ),\n              ]),\n            ]),\n          ]),\n          _c(\"div\", { staticClass: \"line\" }, [\n            _c(\"div\", { staticClass: \"total\" }, [\n              _c(\"div\", { staticClass: \"num\" }, [\n                _c(\"span\", { staticStyle: { \"font-size\": \"18px\" } }, [\n                  _vm._v(\"能量渗透率  \"),\n                ]),\n                _c(\n                  \"span\",\n                  {\n                    staticClass: \"numText\",\n                    staticStyle: {\n                      \"font-size\": \"45px\",\n                      \"font-weight\": \"600\",\n                      \"-webkit-background-clip\": \"text\",\n                      \"background-clip\": \"text\",\n                      \"background-image\": \"linear-gradient(\",\n                    },\n                    attrs: { text: _vm.CompanyInfo.xlcd },\n                  },\n                  [_vm._v(_vm._s(_vm.CompanyInfo.xlcd))]\n                ),\n              ]),\n            ]),\n          ]),\n        ]),\n        _c(\"div\", { attrs: { id: \"detailedTwo1\" } }),\n      ]),\n      _c(\"div\", { staticClass: \"two\", staticStyle: { height: \"49%\" } }, [\n        _vm._m(1),\n        _c(\n          \"div\",\n          { staticClass: \"content\", staticStyle: { display: \"inline\" } },\n          [\n            _c(\"div\", { staticClass: \"line\" }, [\n              _c(\"div\", { staticClass: \"total\" }, [\n                _c(\n                  \"div\",\n                  {\n                    staticClass: \"num\",\n                    on: {\n                      click: function ($event) {\n                        return _vm.openLineDetail(_vm.CompanyInfo.pdxl)\n                      },\n                    },\n                  },\n                  [\n                    _c(\"span\", { staticStyle: { \"font-size\": \"18px\" } }, [\n                      _vm._v(\"项目数 \"),\n                    ]),\n                    _c(\n                      \"span\",\n                      {\n                        staticClass: \"numText\",\n                        staticStyle: {\n                          \"font-size\": \"45px\",\n                          \"font-weight\": \"600\",\n                          \"-webkit-background-clip\": \"text\",\n                          \"background-clip\": \"text\",\n                          \"background-image\": \"linear-gradient(\",\n                        },\n                        attrs: { text: _vm.CompanyInfo.pdxl },\n                      },\n                      [_vm._v(_vm._s(_vm.CompanyInfo.pdxl))]\n                    ),\n                  ]\n                ),\n              ]),\n            ]),\n            _c(\"div\", { staticClass: \"line\" }, [\n              _c(\"div\", { staticClass: \"total\" }, [\n                _c(\"div\", { staticClass: \"num\" }, [\n                  _c(\"span\", { staticStyle: { \"font-size\": \"18px\" } }, [\n                    _vm._v(\"预算费用总和\"),\n                  ]),\n                  _vm._v(\"  \"),\n                  _c(\n                    \"span\",\n                    {\n                      staticClass: \"numText\",\n                      staticStyle: {\n                        \"font-size\": \"45px\",\n                        \"font-weight\": \"600\",\n                        \"-webkit-background-clip\": \"text\",\n                        \"background-clip\": \"text\",\n                        \"background-image\": \"linear-gradient(\",\n                      },\n                      attrs: { text: _vm.CompanyInfo.xlcd },\n                    },\n                    [_vm._v(_vm._s(_vm.CompanyInfo.xlcd))]\n                  ),\n                ]),\n              ]),\n            ]),\n            _c(\"div\", { staticClass: \"line\" }, [\n              _c(\"div\", { staticClass: \"total\" }, [\n                _c(\"div\", { staticClass: \"num\" }, [\n                  _c(\"span\", { staticStyle: { \"font-size\": \"18px\" } }, [\n                    _vm._v(\"计划数  \"),\n                  ]),\n                  _c(\n                    \"span\",\n                    {\n                      staticClass: \"numText\",\n                      staticStyle: {\n                        \"font-size\": \"45px\",\n                        \"font-weight\": \"600\",\n                        \"-webkit-background-clip\": \"text\",\n                        \"background-clip\": \"text\",\n                        \"background-image\": \"linear-gradient(\",\n                      },\n                      attrs: { text: _vm.CompanyInfo.xlcd },\n                    },\n                    [_vm._v(_vm._s(_vm.CompanyInfo.xlcd))]\n                  ),\n                ]),\n              ]),\n            ]),\n          ]\n        ),\n        _c(\"div\", { attrs: { id: \"barCharts\" } }),\n      ]),\n    ]),\n    _c(\"div\", { staticClass: \"left1\", attrs: { id: \"left\" } }, [\n      _c(\"div\", { staticClass: \"one\", staticStyle: { height: \"48%\" } }, [\n        _vm._m(2),\n        _c(\"div\", { staticClass: \"content\" }, [\n          _c(\"div\", { staticClass: \"line\" }, [\n            _c(\"div\", { staticClass: \"total\" }, [\n              _c(\n                \"div\",\n                {\n                  staticClass: \"num\",\n                  on: {\n                    click: function ($event) {\n                      return _vm.openLineDetail(_vm.CompanyInfo.pdxl)\n                    },\n                  },\n                },\n                [\n                  _c(\"span\", { staticStyle: { \"font-size\": \"18px\" } }, [\n                    _vm._v(\"升档配变数量 \"),\n                  ]),\n                  _c(\n                    \"span\",\n                    {\n                      staticClass: \"numText\",\n                      staticStyle: {\n                        \"font-size\": \"45px\",\n                        \"font-weight\": \"600\",\n                        \"-webkit-background-clip\": \"text\",\n                        \"background-clip\": \"text\",\n                        \"background-image\": \"linear-gradient(\",\n                      },\n                      attrs: { text: _vm.CompanyInfo.pdxl },\n                    },\n                    [_vm._v(_vm._s(_vm.CompanyInfo.pdxl))]\n                  ),\n                ]\n              ),\n            ]),\n          ]),\n          _c(\"div\", { staticClass: \"line\" }, [\n            _c(\"div\", { staticClass: \"total\" }, [\n              _c(\"div\", { staticClass: \"num\" }, [\n                _c(\"span\", { staticStyle: { \"font-size\": \"18px\" } }, [\n                  _vm._v(\"降档配比数量\"),\n                ]),\n                _vm._v(\"  \\n              \"),\n                _c(\n                  \"span\",\n                  {\n                    staticClass: \"numText\",\n                    staticStyle: {\n                      \"font-size\": \"45px\",\n                      \"font-weight\": \"600\",\n                      \"-webkit-background-clip\": \"text\",\n                      \"background-clip\": \"text\",\n                      \"background-image\": \"linear-gradient(\",\n                    },\n                    attrs: { text: _vm.CompanyInfo.xlcd },\n                  },\n                  [_vm._v(_vm._s(_vm.CompanyInfo.xlcd))]\n                ),\n              ]),\n            ]),\n          ]),\n          _c(\"div\", { staticClass: \"line\" }, [\n            _c(\"div\", { staticClass: \"total\" }, [\n              _c(\"div\", { staticClass: \"num\" }, [\n                _c(\"span\", { staticStyle: { \"font-size\": \"18px\" } }, [\n                  _vm._v(\"负荷关注配变数量  \"),\n                ]),\n                _c(\n                  \"span\",\n                  {\n                    staticClass: \"numText\",\n                    staticStyle: {\n                      \"font-size\": \"45px\",\n                      \"font-weight\": \"600\",\n                      \"-webkit-background-clip\": \"text\",\n                      \"background-clip\": \"text\",\n                      \"background-image\": \"linear-gradient(\",\n                    },\n                    attrs: { text: _vm.CompanyInfo.xlcd },\n                  },\n                  [_vm._v(_vm._s(_vm.CompanyInfo.xlcd))]\n                ),\n              ]),\n            ]),\n          ]),\n        ]),\n        _c(\"div\", { attrs: { id: \"horizontalChart\" } }),\n      ]),\n      _c(\"div\", { staticClass: \"two\", staticStyle: { height: \"49%\" } }, [\n        _vm._m(3),\n        _c(\"div\", { staticClass: \"content\" }, [\n          _c(\"div\", { staticClass: \"line\" }, [\n            _c(\"div\", { staticClass: \"total\" }, [\n              _c(\n                \"div\",\n                {\n                  staticClass: \"num\",\n                  on: {\n                    click: function ($event) {\n                      return _vm.openLineDetail(_vm.CompanyInfo.pdxl)\n                    },\n                  },\n                },\n                [\n                  _c(\"span\", { staticStyle: { \"font-size\": \"18px\" } }, [\n                    _vm._v(\"月供电可靠性 \"),\n                  ]),\n                  _c(\n                    \"span\",\n                    {\n                      staticClass: \"numText\",\n                      staticStyle: {\n                        \"font-size\": \"45px\",\n                        \"font-weight\": \"600\",\n                        \"-webkit-background-clip\": \"text\",\n                        \"background-clip\": \"text\",\n                        \"background-image\": \"linear-gradient(\",\n                      },\n                      attrs: { text: _vm.CompanyInfo.pdxl },\n                    },\n                    [_vm._v(_vm._s(_vm.CompanyInfo.pdxl))]\n                  ),\n                ]\n              ),\n            ]),\n          ]),\n          _c(\"div\", { staticClass: \"line\" }, [\n            _c(\"div\", { staticClass: \"total\" }, [\n              _c(\"div\", { staticClass: \"num\" }, [\n                _c(\"span\", { staticStyle: { \"font-size\": \"18px\" } }, [\n                  _vm._v(\"平均停电频次  \"),\n                ]),\n                _c(\n                  \"span\",\n                  {\n                    staticClass: \"numText\",\n                    staticStyle: {\n                      \"font-size\": \"45px\",\n                      \"font-weight\": \"600\",\n                      \"-webkit-background-clip\": \"text\",\n                      \"background-clip\": \"text\",\n                      \"background-image\": \"linear-gradient(\",\n                    },\n                    attrs: { text: _vm.CompanyInfo.xlcd },\n                  },\n                  [_vm._v(_vm._s(_vm.CompanyInfo.xlcd))]\n                ),\n              ]),\n            ]),\n          ]),\n          _c(\"div\", { staticClass: \"line\" }, [\n            _c(\"div\", { staticClass: \"total\" }, [\n              _c(\"div\", { staticClass: \"num\" }, [\n                _c(\"span\", { staticStyle: { \"font-size\": \"18px\" } }, [\n                  _vm._v(\"平均停电时间  \"),\n                ]),\n                _c(\n                  \"span\",\n                  {\n                    staticClass: \"numText\",\n                    staticStyle: {\n                      \"font-size\": \"45px\",\n                      \"font-weight\": \"600\",\n                      \"-webkit-background-clip\": \"text\",\n                      \"background-clip\": \"text\",\n                      \"background-image\": \"linear-gradient(\",\n                    },\n                    attrs: { text: _vm.CompanyInfo.xlcd },\n                  },\n                  [_vm._v(_vm._s(_vm.CompanyInfo.xlcd))]\n                ),\n              ]),\n            ]),\n          ]),\n        ]),\n        _c(\"div\", {\n          staticStyle: { height: \"calc(100% - 200px)\" },\n          attrs: { id: \"detailedOne\" },\n        }),\n      ]),\n    ]),\n    _vm._m(4),\n    _c(\"div\", { staticClass: \"right\", attrs: { id: \"right\" } }, [\n      _c(\n        \"div\",\n        { staticClass: \"one\", staticStyle: { height: \"48%\", width: \"100%\" } },\n        [\n          _vm._m(5),\n          _c(\n            \"div\",\n            { staticClass: \"top\" },\n            _vm._l(_vm.topContent, function (item, index) {\n              return _c(\"div\", { key: index, staticClass: \"topContent\" }, [\n                _c(\"div\", { staticStyle: { color: \"#ffffff\" } }, [\n                  _vm._v(_vm._s(item.name)),\n                ]),\n                _c(\n                  \"div\",\n                  {\n                    staticStyle: {\n                      color: \"rgb(86, 254, 226)\",\n                      \"font-size\": \"22px\",\n                    },\n                  },\n                  [\n                    _vm._v(\n                      \"\\n            \" + _vm._s(item.count) + \"\\n          \"\n                    ),\n                  ]\n                ),\n              ])\n            }),\n            0\n          ),\n          _c(\"div\", {\n            staticStyle: { height: \"90%\" },\n            attrs: { id: \"detailedFive\" },\n          }),\n        ]\n      ),\n      _c(\n        \"div\",\n        { staticClass: \"three\", staticStyle: { height: \"48%\", width: \"100%\" } },\n        [\n          _vm._m(6),\n          _c(\n            \"div\",\n            { staticClass: \"content\", staticStyle: { display: \"inline\" } },\n            [\n              _c(\"div\", { staticClass: \"line\" }, [\n                _c(\"div\", { staticClass: \"total\" }, [\n                  _c(\n                    \"div\",\n                    {\n                      staticClass: \"num\",\n                      on: {\n                        click: function ($event) {\n                          return _vm.openLineDetail(_vm.CompanyInfo.pdxl)\n                        },\n                      },\n                    },\n                    [\n                      _c(\"span\", { staticStyle: { \"font-size\": \"18px\" } }, [\n                        _vm._v(\"项目数 \"),\n                      ]),\n                      _c(\n                        \"span\",\n                        {\n                          staticClass: \"numText\",\n                          staticStyle: {\n                            \"font-size\": \"45px\",\n                            \"font-weight\": \"600\",\n                            \"-webkit-background-clip\": \"text\",\n                            \"background-clip\": \"text\",\n                            \"background-image\": \"linear-gradient(\",\n                          },\n                          attrs: { text: _vm.CompanyInfo.pdxl },\n                        },\n                        [_vm._v(_vm._s(_vm.CompanyInfo.pdxl))]\n                      ),\n                    ]\n                  ),\n                ]),\n              ]),\n              _c(\"div\", { staticClass: \"line\" }, [\n                _c(\"div\", { staticClass: \"total\" }, [\n                  _c(\"div\", { staticClass: \"num\" }, [\n                    _c(\"span\", { staticStyle: { \"font-size\": \"18px\" } }, [\n                      _vm._v(\"预算费用总和\"),\n                    ]),\n                    _vm._v(\"  \"),\n                    _c(\n                      \"span\",\n                      {\n                        staticClass: \"numText\",\n                        staticStyle: {\n                          \"font-size\": \"45px\",\n                          \"font-weight\": \"600\",\n                          \"-webkit-background-clip\": \"text\",\n                          \"background-clip\": \"text\",\n                          \"background-image\": \"linear-gradient(\",\n                        },\n                        attrs: { text: _vm.CompanyInfo.xlcd },\n                      },\n                      [_vm._v(_vm._s(_vm.CompanyInfo.xlcd))]\n                    ),\n                  ]),\n                ]),\n              ]),\n              _c(\"div\", { staticClass: \"line\" }, [\n                _c(\"div\", { staticClass: \"total\" }, [\n                  _c(\"div\", { staticClass: \"num\" }, [\n                    _c(\"span\", { staticStyle: { \"font-size\": \"18px\" } }, [\n                      _vm._v(\"计划数  \"),\n                    ]),\n                    _c(\n                      \"span\",\n                      {\n                        staticClass: \"numText\",\n                        staticStyle: {\n                          \"font-size\": \"45px\",\n                          \"font-weight\": \"600\",\n                          \"-webkit-background-clip\": \"text\",\n                          \"background-clip\": \"text\",\n                          \"background-image\": \"linear-gradient(\",\n                        },\n                        attrs: { text: _vm.CompanyInfo.xlcd },\n                      },\n                      [_vm._v(_vm._s(_vm.CompanyInfo.xlcd))]\n                    ),\n                  ]),\n                ]),\n              ]),\n            ]\n          ),\n          _c(\"div\", { attrs: { id: \"roseCharts\" } }),\n        ]\n      ),\n    ]),\n    _c(\"div\", { staticClass: \"right1\", attrs: { id: \"right\" } }, [\n      _c(\n        \"div\",\n        { staticClass: \"one\", staticStyle: { height: \"48%\", width: \"100%\" } },\n        [\n          _vm._m(7),\n          _c(\"div\", { staticClass: \"content\" }, [\n            _c(\"div\", { staticClass: \"line\" }, [\n              _c(\"div\", { staticClass: \"total\" }, [\n                _c(\n                  \"div\",\n                  {\n                    staticClass: \"num\",\n                    on: {\n                      click: function ($event) {\n                        return _vm.openLineDetail(_vm.CompanyInfo.pdxl)\n                      },\n                    },\n                  },\n                  [\n                    _c(\"span\", { staticStyle: { \"font-size\": \"18px\" } }, [\n                      _vm._v(\"户数高渗透率 \"),\n                    ]),\n                    _c(\n                      \"span\",\n                      {\n                        staticClass: \"numText\",\n                        staticStyle: {\n                          \"font-size\": \"45px\",\n                          \"font-weight\": \"600\",\n                          \"-webkit-background-clip\": \"text\",\n                          \"background-clip\": \"text\",\n                          \"background-image\": \"linear-gradient(\",\n                        },\n                        attrs: { text: _vm.CompanyInfo.pdxl },\n                      },\n                      [_vm._v(_vm._s(_vm.CompanyInfo.pdxl))]\n                    ),\n                  ]\n                ),\n              ]),\n            ]),\n            _c(\"div\", { staticClass: \"line\" }, [\n              _c(\"div\", { staticClass: \"total\" }, [\n                _c(\"div\", { staticClass: \"num\" }, [\n                  _c(\"span\", { staticStyle: { \"font-size\": \"18px\" } }, [\n                    _vm._v(\"容量渗透率  \"),\n                  ]),\n                  _c(\n                    \"span\",\n                    {\n                      staticClass: \"numText\",\n                      staticStyle: {\n                        \"font-size\": \"45px\",\n                        \"font-weight\": \"600\",\n                        \"-webkit-background-clip\": \"text\",\n                        \"background-clip\": \"text\",\n                        \"background-image\": \"linear-gradient(\",\n                      },\n                      attrs: { text: _vm.CompanyInfo.xlcd },\n                    },\n                    [_vm._v(_vm._s(_vm.CompanyInfo.xlcd))]\n                  ),\n                ]),\n              ]),\n            ]),\n            _c(\"div\", { staticClass: \"line\" }, [\n              _c(\"div\", { staticClass: \"total\" }, [\n                _c(\"div\", { staticClass: \"num\" }, [\n                  _c(\"span\", { staticStyle: { \"font-size\": \"18px\" } }, [\n                    _vm._v(\"能量渗透率  \"),\n                  ]),\n                  _c(\n                    \"span\",\n                    {\n                      staticClass: \"numText\",\n                      staticStyle: {\n                        \"font-size\": \"45px\",\n                        \"font-weight\": \"600\",\n                        \"-webkit-background-clip\": \"text\",\n                        \"background-clip\": \"text\",\n                        \"background-image\": \"linear-gradient(\",\n                      },\n                      attrs: { text: _vm.CompanyInfo.xlcd },\n                    },\n                    [_vm._v(_vm._s(_vm.CompanyInfo.xlcd))]\n                  ),\n                ]),\n              ]),\n            ]),\n          ]),\n          _vm._m(8),\n        ]\n      ),\n      _c(\n        \"div\",\n        { staticClass: \"three\", staticStyle: { height: \"48%\", width: \"100%\" } },\n        [\n          _vm._m(9),\n          _c(\"div\", { staticClass: \"three-content\" }, [\n            _vm._m(10),\n            _c(\"div\", { staticClass: \"three-right\" }, [\n              _c(\n                \"ul\",\n                _vm._l(_vm.gongdanList, function (s) {\n                  return _c(\n                    \"li\",\n                    {\n                      on: {\n                        click: function ($event) {\n                          return _vm.openGdDetail(s)\n                        },\n                      },\n                    },\n                    [\n                      _vm._v(\n                        \"\\n              \" +\n                          _vm._s(s.gd_type_name) +\n                          \"\\n              \"\n                      ),\n                      _c(\"span\", { staticStyle: { color: \"#56fee2\" } }, [\n                        _vm._v(_vm._s(s.total)),\n                      ]),\n                    ]\n                  )\n                }),\n                0\n              ),\n            ]),\n          ]),\n        ]\n      ),\n    ]),\n    _c(\n      \"div\",\n      {\n        directives: [\n          {\n            name: \"show\",\n            rawName: \"v-show\",\n            value: _vm.realTimeAlarmShow,\n            expression: \"realTimeAlarmShow\",\n          },\n        ],\n        staticClass: \"realTimeAlarm\",\n      },\n      [_vm._m(11)]\n    ),\n    _c(\n      \"div\",\n      {\n        directives: [\n          {\n            name: \"show\",\n            rawName: \"v-show\",\n            value: _vm.alarmInformationShow,\n            expression: \"alarmInformationShow\",\n          },\n        ],\n        staticClass: \"alarmInformation\",\n      },\n      [\n        _c(\"div\", { staticClass: \"top\" }, [\n          _c(\"div\", { staticClass: \"title\" }, [_vm._v(\"报警详情信息\")]),\n          _c(\"div\", { staticClass: \"close\" }, [\n            _c(\"img\", {\n              staticStyle: { cursor: \"pointer\" },\n              attrs: { src: require(\"@/assets/images/close.png\") },\n              on: { click: _vm.handleClose },\n            }),\n          ]),\n        ]),\n        _c(\"div\", { staticClass: \"content\" }, [\n          _c(\n            \"div\",\n            { staticClass: \"table user_skills\" },\n            [\n              _c(\n                \"el-table\",\n                {\n                  staticStyle: { width: \"100%\", height: \"100%\" },\n                  attrs: {\n                    data: _vm.alarmInformationData,\n                    \"header-cell-style\": { \"text-align\": \"center\" },\n                    \"cell-style\": { \"text-align\": \"center\" },\n                    \"row-class-name\": _vm.rowClass,\n                  },\n                },\n                [\n                  _c(\"el-table-column\", {\n                    attrs: { label: \"序号\", width: \"100\", align: \"center\" },\n                    scopedSlots: _vm._u([\n                      {\n                        key: \"default\",\n                        fn: function (scop) {\n                          return [\n                            _vm._v(\n                              \"\\n              \" +\n                                _vm._s(scop.$index + 1) +\n                                \"\\n            \"\n                            ),\n                          ]\n                        },\n                      },\n                    ]),\n                  }),\n                  _c(\"el-table-column\", {\n                    attrs: {\n                      prop: \"cabinet_name\",\n                      label: \"告警位置\",\n                      align: \"center\",\n                    },\n                  }),\n                  _c(\"el-table-column\", {\n                    attrs: {\n                      prop: \"event_desc\",\n                      label: \"告警信息\",\n                      align: \"center\",\n                    },\n                  }),\n                  _c(\"el-table-column\", {\n                    attrs: {\n                      prop: \"created_at\",\n                      label: \"发生时间\",\n                      align: \"center\",\n                    },\n                  }),\n                ],\n                1\n              ),\n            ],\n            1\n          ),\n        ]),\n        _vm.pageShow\n          ? _c(\"el-pagination\", {\n              attrs: {\n                \"current-page\": _vm.page,\n                \"page-size\": _vm.pageSize,\n                layout: \"prev, pager, next\",\n                total: _vm.totals,\n              },\n              on: { \"current-change\": _vm.handleCurrentChange },\n            })\n          : _vm._e(),\n      ],\n      1\n    ),\n    _vm.modelOthers\n      ? _c(\n          \"div\",\n          { staticClass: \"componentShow\" },\n          [\n            _c(\n              \"keep-alive\",\n              [\n                _c(_vm.componentShow, {\n                  tag: \"component\",\n                  attrs: { ringMainUnit: _vm.device },\n                }),\n              ],\n              1\n            ),\n          ],\n          1\n        )\n      : _vm._e(),\n    _vm.orderItem != null\n      ? _c(\n          \"div\",\n          { staticClass: \"componentShow\" },\n          [\n            _c(_vm.orderShow, {\n              tag: \"component\",\n              attrs: { orderItem: _vm.orderItem },\n            }),\n          ],\n          1\n        )\n      : _vm._e(),\n    _vm.routeItem != null\n      ? _c(\n          \"div\",\n          { staticClass: \"componentShow\" },\n          [\n            _c(_vm.routeShow, {\n              tag: \"component\",\n              attrs: { routeItem: _vm.routeItem },\n            }),\n          ],\n          1\n        )\n      : _vm._e(),\n    _vm.lineItem != null\n      ? _c(\n          \"div\",\n          {\n            staticClass: \"componentShow\",\n            staticStyle: {\n              display: \"block\",\n              height: \"calc(100% - 100px)\",\n              top: \"100px\",\n            },\n          },\n          [\n            _c(_vm.lineShow, {\n              tag: \"component\",\n              attrs: { lineItem: _vm.lineItem },\n            }),\n          ],\n          1\n        )\n      : _vm._e(),\n    _c(\"audio\", {\n      ref: \"audio\",\n      attrs: {\n        controls: \"controls\",\n        hidden: \"\",\n        src: require(\"../assets/videos/police.wav\"),\n      },\n    }),\n  ])\n}\nvar staticRenderFns = [\n  function () {\n    var _vm = this,\n      _c = _vm._self._c\n    return _c(\"div\", { staticClass: \"titleFont\" }, [\n      _c(\"img\", {\n        attrs: { src: require(\"./../assets/indexN/标题箭头.png\"), alt: \"\" },\n      }),\n      _c(\"span\", [_vm._v(\"盐城地区分布光伏运行监测\")]),\n      _c(\"img\", {\n        attrs: { src: require(\"./../assets/indexN/标题箭头1.png\"), alt: \"\" },\n      }),\n    ])\n  },\n  function () {\n    var _vm = this,\n      _c = _vm._self._c\n    return _c(\"div\", { staticClass: \"cartitle\" }, [\n      _c(\"div\", { staticClass: \"titleFont\" }, [\n        _c(\"img\", {\n          attrs: { src: require(\"./../assets/indexN/标题箭头.png\"), alt: \"\" },\n        }),\n        _c(\"span\", [_vm._v(\"配网工程全过程物资审计\")]),\n        _c(\"img\", {\n          attrs: { src: require(\"./../assets/indexN/标题箭头1.png\"), alt: \"\" },\n        }),\n      ]),\n    ])\n  },\n  function () {\n    var _vm = this,\n      _c = _vm._self._c\n    return _c(\"div\", { staticClass: \"cartitle\" }, [\n      _c(\"div\", { staticClass: \"titleFont\" }, [\n        _c(\"img\", {\n          attrs: { src: require(\"./../assets/indexN/标题箭头.png\"), alt: \"\" },\n        }),\n        _c(\"span\", [_vm._v(\"盐都东台区供电所数字化分析\")]),\n        _c(\"img\", {\n          attrs: { src: require(\"./../assets/indexN/标题箭头1.png\"), alt: \"\" },\n        }),\n      ]),\n    ])\n  },\n  function () {\n    var _vm = this,\n      _c = _vm._self._c\n    return _c(\"div\", { staticClass: \"cartitle\" }, [\n      _c(\"div\", { staticClass: \"titleFont\" }, [\n        _c(\"img\", {\n          attrs: { src: require(\"./../assets/indexN/标题箭头.png\"), alt: \"\" },\n        }),\n        _c(\"span\", [_vm._v(\"盐城供电公司配网电能质量管控\")]),\n        _c(\"img\", {\n          attrs: { src: require(\"./../assets/indexN/标题箭头1.png\"), alt: \"\" },\n        }),\n      ]),\n    ])\n  },\n  function () {\n    var _vm = this,\n      _c = _vm._self._c\n    return _c(\"div\", { staticClass: \"middle\", attrs: { id: \"middle\" } }, [\n      _c(\"div\", { staticClass: \"map\", staticStyle: { height: \"100%\" } }, [\n        _c(\"div\", { staticClass: \"imgboxone\" }, [\n          _c(\"div\", { staticClass: \"contents\" }, [\n            _c(\"div\", { staticClass: \"lines\" }, [\n              _c(\"div\", { staticClass: \"total\" }, [\n                _c(\"div\", { staticClass: \"num\" }, [\n                  _c(\"span\", { staticStyle: { \"font-size\": \"18px\" } }, [\n                    _vm._v(\"户数高渗透率\"),\n                  ]),\n                  _c(\n                    \"h5\",\n                    { staticStyle: { \"font-size\": \"28px\", color: \"yellow\" } },\n                    [_vm._v(\"3.40%\")]\n                  ),\n                ]),\n              ]),\n            ]),\n            _c(\"div\", { staticClass: \"lines\" }, [\n              _c(\"div\", { staticClass: \"total\" }, [\n                _c(\"div\", { staticClass: \"num\" }, [\n                  _c(\"span\", { staticStyle: { \"font-size\": \"18px\" } }, [\n                    _vm._v(\"容量渗透率\"),\n                  ]),\n                  _c(\n                    \"h5\",\n                    { staticStyle: { \"font-size\": \"28px\", color: \"orange\" } },\n                    [_vm._v(\"0.01%\")]\n                  ),\n                ]),\n              ]),\n            ]),\n            _c(\"div\", { staticClass: \"lines\" }, [\n              _c(\"div\", { staticClass: \"total\" }, [\n                _c(\"div\", { staticClass: \"num\" }, [\n                  _c(\"span\", { staticStyle: { \"font-size\": \"18px\" } }, [\n                    _vm._v(\"能量渗透率\"),\n                  ]),\n                  _c(\n                    \"h5\",\n                    { staticStyle: { \"font-size\": \"28px\", color: \"yellow\" } },\n                    [_vm._v(\"0.44%\")]\n                  ),\n                ]),\n              ]),\n            ]),\n          ]),\n        ]),\n        _c(\"div\", { staticClass: \"imgboxtwo\" }, [\n          _c(\"ul\", { staticClass: \"contentUl\" }, [\n            _c(\"li\", [\n              _c(\"h5\", [_vm._v(\"发电客户数\")]),\n              _c(\"br\"),\n              _c(\"span\", { staticStyle: { color: \"yellow\" } }, [\n                _vm._v(\"4721\"),\n              ]),\n            ]),\n            _c(\"li\", [\n              _c(\"h5\", [_vm._v(\"变电站数量\")]),\n              _c(\"br\"),\n              _c(\"span\", { staticStyle: { color: \"orange\" } }, [_vm._v(\"90\")]),\n            ]),\n            _c(\"li\", [\n              _c(\"h5\", [_vm._v(\"台区总数\")]),\n              _c(\"br\"),\n              _c(\"span\", { staticStyle: { color: \"yellow\" } }, [\n                _vm._v(\"17416\"),\n              ]),\n            ]),\n            _c(\"li\", [\n              _c(\"h5\", [_vm._v(\"当前负载率\")]),\n              _c(\"br\"),\n              _c(\"span\", { staticStyle: { color: \"orange\" } }, [\n                _vm._v(\"40.19%\"),\n              ]),\n            ]),\n          ]),\n        ]),\n      ]),\n    ])\n  },\n  function () {\n    var _vm = this,\n      _c = _vm._self._c\n    return _c(\"div\", { staticClass: \"cartitle\" }, [\n      _c(\"div\", { staticClass: \"titleFont\" }, [\n        _c(\"img\", {\n          attrs: { src: require(\"./../assets/indexN/标题箭头.png\"), alt: \"\" },\n        }),\n        _c(\"span\", [_vm._v(\"乡村振兴电力综合指数\")]),\n        _c(\"img\", {\n          attrs: { src: require(\"./../assets/indexN/标题箭头1.png\"), alt: \"\" },\n        }),\n      ]),\n    ])\n  },\n  function () {\n    var _vm = this,\n      _c = _vm._self._c\n    return _c(\"div\", { staticClass: \"cartitle\" }, [\n      _c(\"div\", { staticClass: \"titleFont\" }, [\n        _c(\"img\", {\n          attrs: { src: require(\"./../assets/indexN/标题箭头.png\"), alt: \"\" },\n        }),\n        _c(\"span\", [_vm._v(\"两高行业企业污染监测\")]),\n        _c(\"img\", {\n          attrs: { src: require(\"./../assets/indexN/标题箭头1.png\"), alt: \"\" },\n        }),\n      ]),\n    ])\n  },\n  function () {\n    var _vm = this,\n      _c = _vm._self._c\n    return _c(\"div\", { staticClass: \"cartitle\" }, [\n      _c(\"div\", { staticClass: \"titleFont\" }, [\n        _c(\"img\", {\n          attrs: { src: require(\"./../assets/indexN/标题箭头.png\"), alt: \"\" },\n        }),\n        _c(\"span\", [_vm._v(\"农村生活污水治理设备电量分析\")]),\n        _c(\"img\", {\n          attrs: { src: require(\"./../assets/indexN/标题箭头1.png\"), alt: \"\" },\n        }),\n      ]),\n    ])\n  },\n  function () {\n    var _vm = this,\n      _c = _vm._self._c\n    return _c(\"div\", { staticClass: \"line\" }, [\n      _c(\"div\", { staticClass: \"enselect\" }, [\n        _c(\"img\", {\n          attrs: { src: require(\"../assets/02/地区选择下拉菜单.png\"), alt: \"\" },\n        }),\n        _c(\"span\", { staticClass: \"text\" }, [_vm._v(\"能量\")]),\n      ]),\n      _c(\"div\", { attrs: { id: \"detailen\" } }),\n    ])\n  },\n  function () {\n    var _vm = this,\n      _c = _vm._self._c\n    return _c(\"div\", { staticClass: \"cartitle\" }, [\n      _c(\"div\", { staticClass: \"titleFont\" }, [\n        _c(\"img\", {\n          attrs: { src: require(\"./../assets/indexN/标题箭头.png\"), alt: \"\" },\n        }),\n        _c(\"span\", [_vm._v(\"数字化排涝抗旱辅助及检修辅助决策\")]),\n        _c(\"img\", {\n          attrs: { src: require(\"./../assets/indexN/标题箭头1.png\"), alt: \"\" },\n        }),\n      ]),\n    ])\n  },\n  function () {\n    var _vm = this,\n      _c = _vm._self._c\n    return _c(\"div\", { staticClass: \"three-left\" }, [\n      _c(\"div\", { attrs: { id: \"detailedThree\" } }),\n    ])\n  },\n  function () {\n    var _vm = this,\n      _c = _vm._self._c\n    return _c(\"div\", { staticClass: \"content\" }, [\n      _c(\"img\", { attrs: { src: require(\"../assets/images/baojing.png\") } }),\n      _c(\"div\", [_vm._v(\"都政线XXX环网柜间隔3发生局部放电故障\")]),\n    ])\n  },\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }"],"mappings":"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"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/5c2b629f678f18bb35496ecf32811081.json b/node_modules/.cache/babel-loader/5c2b629f678f18bb35496ecf32811081.json
new file mode 100644
index 00000000..d968a9ed
--- /dev/null
+++ b/node_modules/.cache/babel-loader/5c2b629f678f18bb35496ecf32811081.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\twentyKV.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\twentyKV.vue","mtime":1689642397097},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\babel.config.js","mtime":1689642387810},{"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":["export default {\n  name: \"twentyKV\",\n  data: function data() {\n    return {};\n  }\n};",{"version":3,"mappings":"AAOA;EACAA;EACAC;IACA,QAEA;EACA;AACA","names":["name","data"],"sourceRoot":"src/views","sources":["twentyKV.vue"],"sourcesContent":["<template>\r\n  <div class=\"twentyKV\">\r\n      twentyKV\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n   name:\"twentyKV\",\r\n   data() {\r\n  \t  return {\r\n\r\n\t}\r\n}\r\n}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.twentyKV{\r\n  width: 100%;\r\n  height: 100%;\r\n  padding: 15px 25px;\r\n}\r\n\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/73298d2a671caf922281d65d642009e8.json b/node_modules/.cache/babel-loader/73298d2a671caf922281d65d642009e8.json
new file mode 100644
index 00000000..84e21c7c
--- /dev/null
+++ b/node_modules/.cache/babel-loader/73298d2a671caf922281d65d642009e8.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\component\\routeDetail.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\component\\routeDetail.vue","mtime":1689642397092},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\babel.config.js","mtime":1689642387810},{"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":["import \"core-js/modules/es6.regexp.split\";\nimport axios from \"axios\";\nvar docx = require(\"docx-preview\");\nwindow.JSZip = require(\"jszip\");\nexport default {\n  name: \"routeDetail\",\n  props: [\"routeItem\"],\n  data: function data() {\n    return {\n      // titleList:['班组','故障路线','故障状态','故障类型','故障时间','故障描述','故障处理']\n      wordShow: false\n    };\n  },\n  mounted: function mounted() {\n    console.log(this.routeItem, \"sssssssssssss\");\n  },\n  methods: {\n    closeWord: function closeWord() {\n      // word文档的显隐\n      this.wordShow = false;\n    },\n    handleClose: function handleClose() {\n      this.$parent.routeShow = \"\";\n      this.$parent.routeItem = null;\n    },\n    detailBtn: function detailBtn(url) {\n      // console.log(url, \"word下载链接\");\n      var url = \"/\" + url.split(\"/\")[3] + \"/\" + url.split(\"/\")[4];\n      var that = this;\n      axios({\n        url: \"/app\" + url,\n        responseType: \"blob\"\n      }).then(function (_ref) {\n        var data = _ref.data;\n        console.log(data, \"数据\");\n        that.$nextTick(function () {\n          // doc.renderAsync(data,that.$refs.word)\n          docx.renderAsync(data, that.$refs.word, null, {\n            className: \"docx\",\n            //默认和文档样式类的类名/前缀\n            inWrapper: true,\n            //启用围绕文档内容呈现包装器\n            ignoreWidth: true,\n            //禁用页面的渲染宽度\n            ignoreHeight: true,\n            //禁用页面的渲染高度\n            ignoreFonts: false,\n            //禁用字体渲染\n            breakPages: true,\n            //在分页符上启用分页\n            ignoreLastRenderedPageBreak: true,\n            //在lastRenderedPageBreak元素上禁用分页\n            experimental: false,\n            //启用实验功能（制表符停止计算）\n            trimXMLDeclaration: true,\n            //如果为true，则在解析之前将从xml文档中删除xml声明\n            useBase64URL: false,\n            //如果为true，图像、字体等将转换为base 64 URL，否则使用URL.createObjectURL\n            useMathMLPolyfill: false,\n            //包括用于铬、边等的MathML多填充。\n            showChanges: true,\n            //启用文档更改的实验渲染（插入/删除）\n            debug: false //启用额外的日志记录\n          }).then(function (res) {\n            that.wordShow = true;\n          });\n        });\n      });\n    },\n    created: function created() {\n      // console.log(this.routeItem, \"故障详情\");\n      // console.log(this.routeItem, \"路线详细数据\");\n      // var arr = Object.keys(this.routeItem);\n      // console.log(arr);\n    }\n  }\n};",{"version":3,"mappings":";AA6DA;AACA;AACAA;AACA;EACAC;EACAC;EACAC;IACA;MACA;MACAC;IACA;EACA;EACAC;IACAC;EACA;EACAC;IACAC;MACA;MACA;IACA;IACAC;MACA;MACA;IACA;IACAC;MACA;MACA;MACA;MACAC;QACAC;QACAC;MACA;QAAA;QACAP;QAEAQ;UACA;UACAC,KACAC;YACAC;YAAA;YACAC;YAAA;YACAC;YAAA;YACAC;YAAA;YACAC;YAAA;YACAC;YAAA;YACAC;YAAA;YACAC;YAAA;YACAC;YAAA;YACAC;YAAA;YACAC;YAAA;YACAC;YAAA;YACAC;UACA,GACAC;YACAhB;UACA;QACA;MACA;IACA;IACAiB;MACA;MACA;MACA;MACA;IACA;EACA;AACA","names":["window","name","props","data","wordShow","mounted","console","methods","closeWord","handleClose","detailBtn","axios","url","responseType","that","docx","renderAsync","className","inWrapper","ignoreWidth","ignoreHeight","ignoreFonts","breakPages","ignoreLastRenderedPageBreak","experimental","trimXMLDeclaration","useBase64URL","useMathMLPolyfill","showChanges","debug","then","created"],"sourceRoot":"src/component","sources":["routeDetail.vue"],"sourcesContent":["<template>\r\n  <div class=\"route\">\r\n    <div class=\"word\" v-show=\"wordShow\">\r\n      <div class=\"wordBox\" ref=\"word\"></div>\r\n    </div>\r\n    <!-- 关闭word的按钮 -->\r\n    <div class=\"closeWord\" @click=\"closeWord\" v-show=\"wordShow\">\r\n      <img src=\"@/assets/images/close.png\" style=\"cursor: pointer\" />\r\n    </div>\r\n    <div class=\"close\">\r\n      <img @click=\"handleClose\" src=\"@/assets/images/close.png\" style=\"cursor: pointer\" />\r\n    </div>\r\n    <div class=\"route-title\"><span class=\"text\">故障详情</span></div>\r\n    <div class=\"route-main\">\r\n      <div class=\"mainLeft\">\r\n        <div class=\"route-item\">\r\n          <div class=\"item-title\">班组:</div>\r\n          <div>{{ routeItem.bz }}</div>\r\n        </div>\r\n        <div class=\"route-item\">\r\n          <div class=\"item-title\">故障状态:</div>\r\n          <div style=\"color: #b16f18\">{{ routeItem.gz_state_dsc }}</div>\r\n        </div>\r\n        <div class=\"route-item\">\r\n          <div class=\"item-title1\">故障发生时间:</div>\r\n          <div style=\"margin-left: 0px\">{{ routeItem.gz_time }}</div>\r\n        </div>\r\n        <div class=\"route-item\">\r\n          <div class=\"item-title1\">处理完成时间:</div>\r\n          <div style=\"margin-left: 0px\">{{ routeItem.gz_time_deal }}</div>\r\n        </div>\r\n        <div class=\"route-item\" style=\"width: 100%\">\r\n          <div class=\"item-title1\">影响时户数:</div>\r\n          <div style=\"color: #3ebaa7\">{{ routeItem.yxshs }}</div>\r\n        </div>\r\n        <div class=\"route-item\" style=\"width: 100%\">\r\n          <div class=\"item-title1\">故障处理与分析:</div>\r\n          <div @click=\"detailBtn(routeItem.file_url)\" class=\"detailBtn\"></div>\r\n        </div>\r\n      </div>\r\n      <div class=\"mainRight\">\r\n        <div class=\"route-item\">\r\n          <div class=\"item-title\">故障线路:</div>\r\n          <div style=\"color: #b16f18\">{{ routeItem.gzxl }}</div>\r\n        </div>\r\n\r\n        <div class=\"route-item\">\r\n          <div class=\"item-title\">故障类型:</div>\r\n          <div>{{ routeItem.gz_type_dsc }}</div>\r\n        </div>\r\n\r\n        <div class=\"route-item\" style=\"display: flex; align-items: flex-start\">\r\n          <div class=\"item-title\">故障描述:</div>\r\n          <div style=\"text-align: left\">{{ routeItem.dsc }}</div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport axios from \"axios\";\r\nlet docx = require(\"docx-preview\");\r\nwindow.JSZip = require(\"jszip\");\r\nexport default {\r\n  name: \"routeDetail\",\r\n  props: [\"routeItem\"],\r\n  data() {\r\n    return {\r\n      // titleList:['班组','故障路线','故障状态','故障类型','故障时间','故障描述','故障处理']\r\n      wordShow: false,\r\n    };\r\n  },\r\n  mounted() {\r\n    console.log(this.routeItem, \"sssssssssssss\");\r\n  },\r\n  methods: {\r\n    closeWord() {\r\n      // word文档的显隐\r\n      this.wordShow = false;\r\n    },\r\n    handleClose() {\r\n      this.$parent.routeShow = \"\";\r\n      this.$parent.routeItem = null;\r\n    },\r\n    detailBtn(url) {\r\n      // console.log(url, \"word下载链接\");\r\n      var url = \"/\" + url.split(\"/\")[3] + \"/\" + url.split(\"/\")[4];\r\n      var that = this;\r\n      axios({\r\n        url: \"/app\" + url,\r\n        responseType: \"blob\",\r\n      }).then(({ data }) => {\r\n        console.log(data, \"数据\");\r\n\r\n        that.$nextTick(() => {\r\n          // doc.renderAsync(data,that.$refs.word)\r\n          docx\r\n            .renderAsync(data, that.$refs.word, null, {\r\n              className: \"docx\", //默认和文档样式类的类名/前缀\r\n              inWrapper: true, //启用围绕文档内容呈现包装器\r\n              ignoreWidth: true, //禁用页面的渲染宽度\r\n              ignoreHeight: true, //禁用页面的渲染高度\r\n              ignoreFonts: false, //禁用字体渲染\r\n              breakPages: true, //在分页符上启用分页\r\n              ignoreLastRenderedPageBreak: true, //在lastRenderedPageBreak元素上禁用分页\r\n              experimental: false, //启用实验功能（制表符停止计算）\r\n              trimXMLDeclaration: true, //如果为true，则在解析之前将从xml文档中删除xml声明\r\n              useBase64URL: false, //如果为true，图像、字体等将转换为base 64 URL，否则使用URL.createObjectURL\r\n              useMathMLPolyfill: false, //包括用于铬、边等的MathML多填充。\r\n              showChanges: true, //启用文档更改的实验渲染（插入/删除）\r\n              debug: false, //启用额外的日志记录\r\n            })\r\n            .then((res) => {\r\n              that.wordShow = true;\r\n            });\r\n        });\r\n      });\r\n    },\r\n    created() {\r\n      // console.log(this.routeItem, \"故障详情\");\r\n      // console.log(this.routeItem, \"路线详细数据\");\r\n      // var arr = Object.keys(this.routeItem);\r\n      // console.log(arr);\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"less\">\r\n.route {\r\n  position: fixed;\r\n  top: 0;\r\n  margin: auto;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  background-image: url(\"../assets/images/baojingxinxiKuang.png\");\r\n  width: 1034px;\r\n  height: 608px;\r\n  background-size: 100% 100%;\r\n  padding: 20px 26px;\r\n  box-sizing: border-box;\r\n  .word {\r\n    position: fixed;\r\n    z-index: 999;\r\n    left: 0;\r\n    top: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    margin: auto;\r\n    width: 1511px;\r\n    height: 1071px;\r\n    background: url(\"../assets/images/ringMainUnitKuang.png\") no-repeat;\r\n    background-size: 100% 100%;\r\n    -webkit-animation: fadeInDown 0.3s;\r\n    animation: fadeInDown 0.3s;\r\n    padding: 15px 25px;\r\n    box-sizing: border-box;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    align-content: space-between;\r\n    .wordBox {\r\n      margin-top: 3.1%;\r\n      height: 94%;\r\n      width: 100%;\r\n      overflow: scroll;\r\n    }\r\n  }\r\n\r\n  .closeWord {\r\n    top: -33%;\r\n    right: -20%;\r\n    z-index: 1001;\r\n    position: absolute;\r\n  }\r\n  .wordBox::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n  .route-main {\r\n    height: 90%;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    margin-left: 30px;\r\n    overflow: auto;\r\n    .mainLeft{\r\n      width:50%;\r\n      height:100%;\r\n      display: flex;\r\n    flex-direction: column;\r\n    justify-content: flex-start;\r\n      .route-item {\r\n      width: 100%;\r\n      // height: 100%;\r\n      margin-top: 40px;\r\n      display: flex;\r\n      align-items: center;\r\n      .detailBtn {\r\n        width: 128px;\r\n        height: 37px;\r\n        background-image: url(\"../assets/images/detailBtn.png\");\r\n        background-size: 100% 100%;\r\n      }\r\n      .item-title {\r\n        letter-spacing: 2px;\r\n        // height: 65px;\r\n        width: 150px;\r\n        line-height: 30px;\r\n        background-size: 100% 100%;\r\n        font-size: 22px;\r\n        color: #fff;\r\n        // font-weight: 900;\r\n        // letter-spacing: ;\r\n        text-align: left;\r\n        white-space: nowrap;\r\n      }\r\n      .item-title1 {\r\n        width: 168px;\r\n        line-height: 30px;\r\n        background-size: 100% 100%;\r\n        font-size: 22px;\r\n        color: #fff;\r\n        // font-weight: 900;\r\n        // letter-spacing: ;\r\n        text-align: left;\r\n      }\r\n      & > div:nth-child(2) {\r\n        vertical-align: middle;\r\n        margin-left: 30px;\r\n        font-size: 23px;\r\n        color: #fff;\r\n        // margin-left: 20px;\r\n        letter-spacing: 3px;\r\n      }\r\n    }\r\n    }\r\n    .mainRight{\r\n      width:50%;\r\n      height:100%;\r\n      display: flex;\r\n    flex-direction: column;\r\n    justify-content: flex-start;\r\n      .route-item {\r\n      width: 100%;\r\n      // height: 100%;\r\n      margin-top: 40px;\r\n      display: flex;\r\n      align-items: center;\r\n      .detailBtn {\r\n        width: 128px;\r\n        height: 37px;\r\n        background-image: url(\"../assets/images/detailBtn.png\");\r\n        background-size: 100% 100%;\r\n      }\r\n      .item-title {\r\n        letter-spacing: 2px;\r\n        // height: 65px;\r\n        width: 150px;\r\n        line-height: 30px;\r\n        background-size: 100% 100%;\r\n        font-size: 22px;\r\n        color: #fff;\r\n        // font-weight: 900;\r\n        // letter-spacing: ;\r\n        text-align: left;\r\n        white-space: nowrap;\r\n      }\r\n      .item-title1 {\r\n        width: 168px;\r\n        line-height: 30px;\r\n        background-size: 100% 100%;\r\n        font-size: 22px;\r\n        color: #fff;\r\n        // font-weight: 900;\r\n        // letter-spacing: ;\r\n        text-align: left;\r\n      }\r\n      & > div:nth-child(2) {\r\n        vertical-align: middle;\r\n        margin-left: 30px;\r\n        font-size: 23px;\r\n        color: #fff;\r\n        // margin-left: 20px;\r\n        letter-spacing: 3px;\r\n      }\r\n    }\r\n    }\r\n    \r\n  }\r\n  .route-title {\r\n    font-size: 28px;\r\n    height: 10%;\r\n    width: 91%;\r\n    display: flex;\r\n    align-items: center;\r\n    margin-left: 50px;\r\n    // justify-content: center;\r\n    // display: flex;\r\n    align-content: flex-start;\r\n\r\n    .text {\r\n      //   font-weight: 900;\r\n      color: transparent;\r\n      -webkit-background-clip: text;\r\n      background-clip: text;\r\n      background-image: linear-gradient(to bottom, rgb(255, 255, 255), rgb(86, 244, 254));\r\n    }\r\n  }\r\n  .close {\r\n    position: absolute;\r\n    right: 5%;\r\n    top: 6%;\r\n  }\r\n}\r\n::-webkit-scrollbar {\r\n  display: none;\r\n}\r\n/deep/ .docx span {\r\n  // font-size: 25px !important;\r\n  color: #fff !important;\r\n}\r\n/deep/ .docx-wrapper {\r\n  background-color: transparent !important;\r\n  box-shadow: none !important;\r\n  // background-image: url(\"../assets/images/wordBg1.png\");\r\n  background-size: 100% 100%;\r\n}\r\n/deep/ .docx {\r\n  width: 100% !important;\r\n  background-color: transparent !important;\r\n  box-shadow: none !important;\r\n}\r\n/deep/ .docx table {\r\n  width: 100% !important;\r\n}\r\n// /deep/ .docx p {\r\n//   text-align: center !important;\r\n// }\r\n// /deep/ p.docx_a3 {\r\n//   border-bottom: none !important;\r\n// }\r\n/deep/ .docx p {\r\n  // text-align: unset !important;\r\n  line-height: unset !important;\r\n  background-color: transparent !important;\r\n  border: unset !important;\r\n  // text-indent: unset !important;\r\n}\r\n// /dee/ .docx img{\r\n//   margin: 0 auto !important;\r\n// }\r\n// /deep/ .docx_normalcharacter>div{\r\n//   margin: 0 auto !important;\r\n\r\n// }\r\n/deep/ p:before {\r\n  color: #fff;\r\n}\r\n</style>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/7c328b3367913843e642bf799e0b342d.json b/node_modules/.cache/babel-loader/7c328b3367913843e642bf799e0b342d.json
new file mode 100644
index 00000000..e101f3cc
--- /dev/null
+++ b/node_modules/.cache/babel-loader/7c328b3367913843e642bf799e0b342d.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\api\\index.js","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\api\\index.js","mtime":1689642396895},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\babel.config.js","mtime":1689642387810},{"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}],"contextDependencies":[],"result":["import axios from 'axios';\n// if (process.env.NODE_ENV === 'development') {\n//     axios.defaults.baseURL = '/app'\n// } else if (process.env.NODE_ENV === 'production') {\n//     axios.defaults.baseURL = '/app'\n// }\n//设置请求头参数 common 为设置所有的接口  post为设置post请求的接口\n// axios.defaults.headers.common['Authorization'] = `Bearer ${localStorage.getItem('access_token')}`;\nexport var getWord = function getWord(url) {\n  return axios.get('app' + url, {\n    responseType: 'blob'\n  });\n};\n// 电力概况\nexport var getCompanyInfo = function getCompanyInfo(params) {\n  return axios.get('app/Handler/Company.ashx', {\n    params: params\n  });\n};\n// 路线查询  下拉\nexport var getLine = function getLine(params) {\n  return axios.get('app/Handler/Line.ashx', {\n    params: params\n  });\n};\n// 查询设备素材\nexport var getDevice = function getDevice(params) {\n  return axios.get('app/Handler/Device.ashx', {\n    params: params\n  });\n};\n//班组故障查询\nexport var getBanzugz = function getBanzugz(params) {\n  return axios.get('app/Handler/Banzugz.ashx', {\n    params: params\n  });\n};\n//查询工单统计\nexport var getGdtj = function getGdtj(params) {\n  return axios.get('app/Handler/gdtj.ashx', {\n    params: params\n  });\n};\n\n//查询单位本周故障\nexport var getDwbzgz = function getDwbzgz(params) {\n  return axios.get('app/Handler/Dwbzgz.ashx', {\n    params: params\n  });\n};\n//查询供电所供电质量情况\nexport var getGdsgdzl = function getGdsgdzl(params) {\n  return axios.get('app/Handler/Gdsgdzl.ashx', {\n    params: params\n  });\n};\n//查询配变停运情况\nexport var getPbtyqk = function getPbtyqk(params) {\n  return axios.get('app/Handler/Pbtyqk.ashx', {\n    params: params\n  });\n};\n\n//查询天气\nexport var getWather = function getWather(params) {\n  return axios.get('app/Handler/Weather.ashx', {\n    params: params\n  });\n};\n// // 获取区属\n// export const getDistrict=(params)=>{\n//     return axios.get('/app/')\n// }\n//查询天气\n// export const Weather = (params) => {\n//     return axios.get('app/Handler/Weather.ashx', {\n//         params\n//     })\n// };\n//查询天气1\nexport var Weather = function Weather(params) {\n  return axios.get('app/Handler/Data.ashx', {\n    params: params\n  });\n};\n//获取token\nexport var getToken = function getToken(data) {\n  return axios.post('aps/api/v1/token' + '?appKey=' + data.appKey + '&appSecret=' + data.appSecret, data, {\n    headers: {\n      'Content-Type': 'application/x-www-form-urlencoded'\n    }\n  });\n};\n//获取单个网柜信息\nexport var getCabinetInfo = function getCabinetInfo(data) {\n  return axios.post('aps/api/v1/cabinetInfo' + '?sn=' + data.sn + '&token=' + data.token, data, {\n    headers: {\n      'Content-Type': 'application/x-www-form-urlencoded'\n    }\n  });\n};\n//获取网柜列表\nexport var getCabinetList = function getCabinetList(data) {\n  return axios.post('aps/api/v1/cabinetList' + '?sn=' + data.pageSize + '&token=' + data.token, data, {\n    headers: {\n      'Content-Type': 'application/x-www-form-urlencoded'\n    }\n  });\n};\n//获取单个网柜数据\nexport var getCabinetData = function getCabinetData(data) {\n  return axios.post('aps/api/v1/cabinetData' + '?sn=' + data.sn + '&token=' + data.token, data, {\n    headers: {\n      'Content-Type': 'application/x-www-form-urlencoded'\n    }\n  });\n};\n//获取单个网柜视频列表\nexport var getCabinetCameraList = function getCabinetCameraList(data) {\n  return axios.post('aps/api/v1/cabinetCameraList' + '?sn=' + data.sn + '&token=' + data.token, data, {\n    headers: {\n      'Content-Type': 'application/x-www-form-urlencoded'\n    }\n  });\n};\n//获取历史故障\nexport var getfaultReportList = function getfaultReportList(data) {\n  return axios.post('aps/api/v1/faultReportList' + '?sn=' + data.sn + '&token=' + data.token, data, {\n    headers: {\n      'Content-Type': 'application/x-www-form-urlencoded'\n    }\n  });\n};\n//获取告警数据\nexport var getCabinetAlarmList = function getCabinetAlarmList(data) {\n  return axios.post('aps/api/v1/cabinetAlarmList' + '?sn=' + data.sn + '&token=' + data.token + '&startDate=' + data.startDate + '&endDate=' + data.endDate + '&page=' + data.page + '&pageSize=' + data.pageSize, data, {\n    headers: {\n      'Content-Type': 'application/x-www-form-urlencoded'\n    }\n  });\n};\n//获取网柜测点历史数据\nexport var getCabinetPointHistory = function getCabinetPointHistory(data) {\n  return axios.post('aps/api/v1/cabinetPointHistory' + '?sn=' + data.sn + '&token=' + data.token + '&point=' + data.point + '&date=' + data.date, data, {\n    headers: {\n      'Content-Type': 'application/x-www-form-urlencoded'\n    }\n  });\n};",{"version":3,"names":["axios","getWord","url","get","responseType","getCompanyInfo","params","getLine","getDevice","getBanzugz","getGdtj","getDwbzgz","getGdsgdzl","getPbtyqk","getWather","Weather","getToken","data","post","appKey","appSecret","headers","getCabinetInfo","sn","token","getCabinetList","pageSize","getCabinetData","getCabinetCameraList","getfaultReportList","getCabinetAlarmList","startDate","endDate","page","getCabinetPointHistory","point","date"],"sources":["E:/2023/yancheng0718/yanchengPowerSupply/src/api/index.js"],"sourcesContent":["import axios from 'axios'\r\n// if (process.env.NODE_ENV === 'development') {\r\n//     axios.defaults.baseURL = '/app'\r\n// } else if (process.env.NODE_ENV === 'production') {\r\n//     axios.defaults.baseURL = '/app'\r\n// }\r\n//设置请求头参数 common 为设置所有的接口  post为设置post请求的接口\r\n// axios.defaults.headers.common['Authorization'] = `Bearer ${localStorage.getItem('access_token')}`;\r\nexport  const getWord = (url) =>{\r\n    return axios.get('app'+url,{\r\n        responseType:'blob',\r\n    })\r\n}\r\n// 电力概况\r\nexport const getCompanyInfo = (params) => {\r\n    return axios.get('app/Handler/Company.ashx', {\r\n        params\r\n    })\r\n};\r\n// 路线查询  下拉\r\nexport const getLine = (params) => {\r\n    return axios.get('app/Handler/Line.ashx', {\r\n        params\r\n    })\r\n};\r\n// 查询设备素材\r\nexport const getDevice = (params) => {\r\n    return axios.get('app/Handler/Device.ashx', {\r\n        params\r\n    })\r\n};\r\n//班组故障查询\r\nexport const getBanzugz = (params) => {\r\n    return axios.get('app/Handler/Banzugz.ashx', {\r\n        params\r\n    })\r\n};\r\n//查询工单统计\r\nexport const getGdtj = (params) => {\r\n    return axios.get('app/Handler/gdtj.ashx', {\r\n        params\r\n    })\r\n};\r\n\r\n//查询单位本周故障\r\nexport const getDwbzgz = (params) => {\r\n    return axios.get('app/Handler/Dwbzgz.ashx', {\r\n        params\r\n    })\r\n};\r\n//查询供电所供电质量情况\r\nexport const getGdsgdzl = (params) => {\r\n    return axios.get('app/Handler/Gdsgdzl.ashx', {\r\n        params\r\n    })\r\n};\r\n//查询配变停运情况\r\nexport const getPbtyqk = (params) => {\r\n    return axios.get('app/Handler/Pbtyqk.ashx', {\r\n        params\r\n    })\r\n};\r\n\r\n//查询天气\r\nexport const getWather = (params) => {\r\n    return axios.get('app/Handler/Weather.ashx', {\r\n        params\r\n    })\r\n};\r\n// // 获取区属\r\n// export const getDistrict=(params)=>{\r\n//     return axios.get('/app/')\r\n// }\r\n//查询天气\r\n// export const Weather = (params) => {\r\n//     return axios.get('app/Handler/Weather.ashx', {\r\n//         params\r\n//     })\r\n// };\r\n//查询天气1\r\nexport const Weather = (params) => {\r\n    return axios.get('app/Handler/Data.ashx', {\r\n        params\r\n    })\r\n};\r\n//获取token\r\nexport const getToken = (data) => {\r\n    return axios.post('aps/api/v1/token'+'?appKey='+data.appKey+'&appSecret='+data.appSecret,data\r\n        ,{headers: { 'Content-Type': 'application/x-www-form-urlencoded' }})\r\n};\r\n//获取单个网柜信息\r\nexport const getCabinetInfo = (data) => {\r\n    return axios.post('aps/api/v1/cabinetInfo'+'?sn='+data.sn+'&token='+data.token,data\r\n        ,{headers: { 'Content-Type': 'application/x-www-form-urlencoded' }})\r\n};\r\n//获取网柜列表\r\nexport const getCabinetList = (data) => {\r\n    return axios.post('aps/api/v1/cabinetList'+'?sn='+data.pageSize+'&token='+data.token,data\r\n        ,{headers: { 'Content-Type': 'application/x-www-form-urlencoded' }})\r\n};\r\n//获取单个网柜数据\r\nexport const getCabinetData = (data) => {\r\n    return axios.post('aps/api/v1/cabinetData'+'?sn='+data.sn+'&token='+data.token,data\r\n        ,{headers: { 'Content-Type': 'application/x-www-form-urlencoded' }})\r\n};\r\n//获取单个网柜视频列表\r\nexport const getCabinetCameraList = (data) => {\r\n    return axios.post('aps/api/v1/cabinetCameraList'+'?sn='+data.sn+'&token='+data.token,data\r\n        ,{headers: { 'Content-Type': 'application/x-www-form-urlencoded' }})\r\n};\r\n//获取历史故障\r\nexport const getfaultReportList = (data) => {\r\n    return axios.post('aps/api/v1/faultReportList'+'?sn='+data.sn+'&token='+data.token,data\r\n        ,{headers: { 'Content-Type': 'application/x-www-form-urlencoded' }})\r\n};\r\n//获取告警数据\r\nexport const getCabinetAlarmList = (data) => {\r\n    return axios.post('aps/api/v1/cabinetAlarmList'+'?sn='+data.sn+'&token='+data.token+'&startDate='+data.startDate+'&endDate='+data.endDate+'&page='+data.page+'&pageSize='+data.pageSize,\r\n    data\r\n    ,{headers: { 'Content-Type': 'application/x-www-form-urlencoded' }})\r\n};\r\n//获取网柜测点历史数据\r\nexport const getCabinetPointHistory = (data) => {\r\n    return axios.post('aps/api/v1/cabinetPointHistory'+'?sn='+data.sn+'&token='+data.token+'&point='+data.point+'&date='+data.date,\r\n    data\r\n    ,{headers: { 'Content-Type': 'application/x-www-form-urlencoded' }})\r\n};\r\n\r\n"],"mappings":"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"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/86df827d129c4f84bfa755e1c213283f.json b/node_modules/.cache/babel-loader/86df827d129c4f84bfa755e1c213283f.json
new file mode 100644
index 00000000..c94c9b35
--- /dev/null
+++ b/node_modules/.cache/babel-loader/86df827d129c4f84bfa755e1c213283f.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-resize-sensor\\src\\resize-sensor.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-resize-sensor\\src\\resize-sensor.vue","mtime":1689642396277},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\babel.config.js","mtime":1689642387810},{"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":["\"use strict\";\n\nexport default {\n  // thanks to https://github.com/marcj/css-element-queries\n  props: {\n    initial: {\n      type: Boolean,\n      default: false\n    }\n  },\n  data: function data() {\n    return {\n      size: {\n        width: -1,\n        height: -1\n      }\n    };\n  },\n  methods: {\n    reset: function reset() {\n      var expand = this.$el.firstChild;\n      var shrink = this.$el.lastChild;\n      expand.scrollLeft = 100000;\n      expand.scrollTop = 100000;\n      shrink.scrollLeft = 100000;\n      shrink.scrollTop = 100000;\n    },\n    update: function update() {\n      this.size.width = this.$el.offsetWidth;\n      this.size.height = this.$el.offsetHeight;\n    }\n  },\n  watch: {\n    size: {\n      deep: true,\n      handler: function handler(size) {\n        this.reset();\n        this.$emit('resize', {\n          width: this.size.width,\n          height: this.size.height\n        });\n      }\n    }\n  },\n  render: function render(create) {\n    var style = 'position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: -1; visibility: hidden;';\n    var styleChild = 'position: absolute; left: 0; top: 0;';\n    return create('div', {\n      style: style + 'animation-name: resizeSensorVisibility;',\n      on: {\n        '~animationstart': this.update\n      }\n    }, [create('div', {\n      style: style,\n      on: {\n        scroll: this.update\n      }\n    }, [create('div', {\n      style: styleChild + 'width: 100000px; height: 100000px;'\n    })]), create('div', {\n      style: style,\n      on: {\n        scroll: this.update\n      }\n    }, [create('div', {\n      style: styleChild + 'width: 200%; height: 200%;'\n    })])]);\n  },\n  beforeDestroy: function beforeDestroy() {\n    this.$emit('resize', {\n      width: 0,\n      height: 0\n    });\n    this.$emit('resizeSensorBeforeDestroy');\n  },\n  mounted: function mounted() {\n    if (this.initial === true) this.$nextTick(this.update);\n    if (this.$el.offsetParent !== this.$el.parentNode) this.$el.parentNode.style.position = 'relative';\n    if ('attachEvent' in this.$el && !('AnimationEvent' in window)) {\n      var onresizeHandler = function () {\n        this.update();\n        removeOnresizeEvent();\n      }.bind(this);\n      var removeOnresizeEvent = function () {\n        this.$el.detachEvent('onresize', onresizeHandler);\n        this.$off('resizeSensorBeforeDestroy', removeOnresizeEvent);\n      }.bind(this);\n      this.$el.attachEvent('onresize', onresizeHandler);\n      this.$on('resizeSensorBeforeDestroy', removeOnresizeEvent);\n      this.reset();\n    }\n  }\n};",{"version":3,"mappings":"AAOA;;AAEA;EAEA;EACAA;IACAC;MACAC;MACAC;IACA;EACA;EACAC;IACA;MACAC;QACAC;QACAC;MACA;IACA;EACA;EACAC;IACAC;MAEA;MACA;MACAC;MACAA;MACAC;MACAA;IACA;IACAC;MAEA;MACA;IACA;EACA;EACAC;IACAR;MACAS;MACAC;QAEA;QACA;UAAAT;UAAAC;QAAA;MACA;IACA;EACA;EACAS;IAEA;IACA;IAEA;MACAC;MACAC;QACA;MACA;IACA,IACAC;MACAF;MACAC;QACAE;MACA;IACA,IACAD;MACAF;IACA,GACA,GACAE;MACAF;MACAC;QACAE;MACA;IACA,IACAD;MACAF;IACA,GACA,EACA;EACA;EACAI;IAEA;MAAAf;MAAAC;IAAA;IACA;EACA;EACAe;IAEA,2BACA;IAEA,mDACA;IAEA;MAEA;QAEA;QACAC;MACA;MAEA;QAEA;QACA;MACA;MAEA;MACA;MACA;IACA;EACA;AACA","names":["props","initial","type","default","data","size","width","height","methods","reset","expand","shrink","update","watch","deep","handler","render","style","on","create","scroll","beforeDestroy","mounted","removeOnresizeEvent"],"sourceRoot":"node_modules/vue-resize-sensor/src","sources":["resize-sensor.vue"],"sourcesContent":["<style>\n@keyframes resizeSensorVisibility {\n\tfrom { top: 0; }\n}\n</style>\n\n<script>\n\"use strict\";\n\nexport default {\n\n\t// thanks to https://github.com/marcj/css-element-queries\n\tprops: {\n\t\tinitial: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t}\n\t},\n\tdata: function() {\n\t\treturn {\n\t\t\tsize: {\n\t\t\t\twidth: -1,\n\t\t\t\theight: -1\n\t\t\t}\n\t\t}\n\t},\n\tmethods: {\n\t\treset: function() {\n\n\t\t\tvar expand = this.$el.firstChild;\n\t\t\tvar shrink = this.$el.lastChild;\n\t\t\texpand.scrollLeft = 100000;\n\t\t\texpand.scrollTop = 100000;\n\t\t\tshrink.scrollLeft = 100000;\n\t\t\tshrink.scrollTop = 100000;\n\t\t},\n\t\tupdate: function() {\n\t\t\t\n\t\t\tthis.size.width = this.$el.offsetWidth;\n\t\t\tthis.size.height = this.$el.offsetHeight;\n\t\t}\n\t},\n\twatch: {\n\t\tsize: {\n\t\t\tdeep: true,\n\t\t\thandler: function(size) {\n\t\t\t\t\n\t\t\t\tthis.reset();\n\t\t\t\tthis.$emit('resize', { width: this.size.width, height: this.size.height });\n\t\t\t}\n\t\t}\n\t},\n\trender: function(create) {\n\t\t\n\t\tvar style = 'position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: -1; visibility: hidden;';\n\t\tvar styleChild = 'position: absolute; left: 0; top: 0;';\n\n\t\treturn create('div', {\n\t\t\tstyle: style + 'animation-name: resizeSensorVisibility;',\n\t\t\ton: {\n\t\t\t\t'~animationstart': this.update\n\t\t\t}\n\t\t},[\n\t\t\tcreate('div', {\n\t\t\t\tstyle: style,\n\t\t\t\ton: {\n\t\t\t\t\tscroll: this.update\n\t\t\t\t}\n\t\t\t}, [\n\t\t\t\tcreate('div', {\n\t\t\t\t\tstyle: styleChild + 'width: 100000px; height: 100000px;'\n\t\t\t\t})\n\t\t\t]),\n\t\t\tcreate('div', {\n\t\t\t\tstyle: style,\n\t\t\t\ton: {\n\t\t\t\t\tscroll: this.update\n\t\t\t\t}\n\t\t\t}, [\n\t\t\t\tcreate('div', {\n\t\t\t\t\tstyle: styleChild + 'width: 200%; height: 200%;'\n\t\t\t\t})\n\t\t\t]),\n\t\t]);\n\t},\n\tbeforeDestroy: function() {\n\t\t\n\t\tthis.$emit('resize', { width: 0, height: 0 });\n\t\tthis.$emit('resizeSensorBeforeDestroy');\n\t},\n\tmounted: function() {\n\n\t\tif ( this.initial === true )\n\t\t\tthis.$nextTick(this.update);\n\t\t\n\t\tif ( this.$el.offsetParent !== this.$el.parentNode )\n\t\t\tthis.$el.parentNode.style.position = 'relative';\n\n\t\tif ( 'attachEvent' in this.$el && !('AnimationEvent' in window) ) {\n\n\t\t\tvar onresizeHandler = function() {\n\n\t\t\t\tthis.update();\n\t\t\t\tremoveOnresizeEvent();\n\t\t\t}.bind(this);\n\t\t\n\t\t\tvar removeOnresizeEvent = function() {\n\t\t\t\t\n\t\t\t\tthis.$el.detachEvent('onresize', onresizeHandler);\n\t\t\t\tthis.$off('resizeSensorBeforeDestroy', removeOnresizeEvent);\n\t\t\t}.bind(this);\n\t\t\t\n\t\t\tthis.$el.attachEvent('onresize', onresizeHandler);\n\t\t\tthis.$on('resizeSensorBeforeDestroy', removeOnresizeEvent);\n\t\t\tthis.reset();\n\t\t}\n\t}\n}\n\n</script>\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/90633a599364072df35c0dffc90bbba4.json b/node_modules/.cache/babel-loader/90633a599364072df35c0dffc90bbba4.json
new file mode 100644
index 00000000..2d1f1bfb
--- /dev/null
+++ b/node_modules/.cache/babel-loader/90633a599364072df35c0dffc90bbba4.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!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":1689657980988},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\babel.config.js","mtime":1689642387810},{"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":["import \"core-js/modules/es6.regexp.to-string\";\nimport \"core-js/modules/es6.function.name\";\nimport \"core-js/modules/es6.regexp.replace\";\nimport \"core-js/modules/web.dom.iterable\";\nimport \"core-js/modules/es6.object.keys\";\nimport _defineProperty from \"E:/2023/yancheng0718/yanchengPowerSupply/node_modules/@babel/runtime/helpers/esm/defineProperty.js\";\nimport { getCompanyInfo, getLine, getBanzugz, getGdtj, getDwbzgz, getGdsgdzl, getPbtyqk, getCabinetInfo, getCabinetList, getfaultReportList, getCabinetAlarmList } from \"../api/index.js\";\n// 工单统计弹窗组件\nimport workOrder from \"../component/workOrder.vue\";\nimport ringMainUnit from \"./HomePop/ringMainUnit.vue\";\nimport routeDetail from \"../component/routeDetail.vue\";\n\n// 线路详情\nimport lineDetail from \"../component/lineDetail.vue\";\nexport default {\n  name: \"home\",\n  components: {\n    ringMainUnit: ringMainUnit,\n    //环网柜弹窗\n    workOrder: workOrder,\n    //工单统计弹窗\n    routeDetail: routeDetail,\n    //线路故障跳闸明细\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      dataGzList: [{\n        bz: \"大冈\",\n        chbc: 0,\n        chcg: 0,\n        jd: 0,\n        total: 0,\n        wchz: 0\n      }, {\n        bz: \"配网二班\",\n        chbc: 0,\n        chcg: 0,\n        jd: 0,\n        total: 0,\n        wchz: 0\n      }, {\n        bz: \"配网一班\",\n        chbc: 0,\n        chcg: 0,\n        jd: 0,\n        total: 0,\n        wchz: 0\n      }, {\n        bz: \"尚庄\",\n        chbc: 0,\n        chcg: 0,\n        jd: 0,\n        total: 0,\n        wchz: 0\n      }, {\n        bz: \"秦南\",\n        chbc: 0,\n        chcg: 0,\n        jd: 0,\n        total: 0,\n        wchz: 0\n      }, {\n        bz: \"郭猛\",\n        chbc: 0,\n        chcg: 0,\n        jd: 0,\n        total: 0,\n        wchz: 0\n      }, {\n        bz: \"大纵湖\",\n        chbc: 0,\n        chcg: 0,\n        jd: 0,\n        total: 0,\n        wchz: 0\n      }, {\n        bz: \"潘黄\",\n        chbc: 0,\n        chcg: 0,\n        jd: 0,\n        total: 0,\n        wchz: 0\n      }, {\n        bz: \"学富\",\n        chbc: 0,\n        chcg: 0,\n        jd: 0,\n        total: 0,\n        wchz: 0\n      }, {\n        bz: \"龙冈\",\n        chbc: 0,\n        chcg: 0,\n        jd: 0,\n        total: 0,\n        wchz: 0\n      }, {\n        bz: \"西区\",\n        chbc: 0,\n        chcg: 0,\n        jd: 0,\n        total: 0,\n        wchz: 0\n      }, {\n        bz: \"楼王\",\n        chbc: 0,\n        chcg: 0,\n        jd: 0,\n        total: 0,\n        wchz: 0\n      }],\n      //年故障数组\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, \"gongdanList\", [{\n      gd_type_id: \"\",\n      gd_type_name: \"频繁停电\",\n      total: 0\n    }, {\n      gd_type_id: \"\",\n      gd_type_name: \"处理时间长\",\n      total: 0\n    }, {\n      gd_type_id: \"\",\n      gd_type_name: \"运检类投诉\",\n      total: 0\n    }, {\n      gd_type_id: \"\",\n      gd_type_name: \"运检类意见\",\n      total: 0\n    }, {\n      gd_type_id: \"\",\n      gd_type_name: \"民事赔偿\",\n      total: 0\n    }, {\n      gd_type_id: \"\",\n      gd_type_name: \"多次停电\",\n      total: 0\n    }]), _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\", \"\"), _ref;\n  },\n  created: function created() {},\n  mounted: function mounted() {\n    var _this = this;\n    // this.beginShowing();\n    // 监听浏览器窗口大小变化\n    window.onresize = function () {\n      clearInterval(_this.myTimer);\n      _this.beginShowing();\n    };\n    this.detailedTwo11();\n    this.horizontalChart();\n    this.barCharts();\n    this.roseCharts();\n    this.detailen1();\n    // 盐都区供电公司概况\n    getCompanyInfo().then(function (res) {\n      // console.log(res,'....');\n      _this.CompanyInfo = res.data.data;\n    });\n\n    // 查询总线路\n    getLine({\n      action: \"all\"\n    }).then(function (res) {\n      if (res.data != \"\") {\n        _this.options = Object.keys(res.data.data).map(function (item, index) {\n          return {\n            value: res.data.data[index].line_code,\n            label: res.data.data[index].line_name\n          };\n        });\n      }\n    });\n    //周查询班组\n    this.getbanzhu();\n    this.timer = window.setInterval(function () {\n      getBanzugz({\n        action: \"detail\"\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      });\n    }, 60000);\n    //工单统计action:'tongji'\n    this.getGongdan();\n    this.timer = window.setInterval(function () {\n      getGdtj({\n        action: \"tongji\"\n      }).then(function (res) {\n        console.log(res, \"工单统计数据\");\n        var dataList = res.data.data;\n        for (var i = 0; i < _this.gongdanList.length; i++) {\n          for (var j = 0; j < res.data.data.length; j++) {\n            if (_this.gongdanList[i].gd_type_name == res.data.data[j].gd_type_name) {\n              _this.gongdanList[i].total = res.data.data[j].total;\n              _this.gongdanList[i].gd_type_id = res.data.data[j].gd_type_id;\n            }\n          }\n        }\n        // this.gongdanList = res.data.data;\n        _this.detailedThree(dataList);\n        // this.$nextTick(() => {\n        //   this.detailedThree(dataList);\n        //   setInterval(() => {\n        //     this.doing();\n        //   }, 200);\n        // });\n      });\n    }, 60000);\n\n    //年度查询班组\n    getBanzugz({\n      action: \"year\"\n    }).then(function (res) {\n      console.log(res, \"年数据\");\n      _this.dataGzList = res.data.data;\n      // console.log(this.dataGzList,'年度查询班组数据');\n      for (var i = 0; i < _this.dataGzList.length; i++) {\n        for (var j = 0; j < res.data.data.length; j++) {\n          if (_this.dataGzList[i].bz == res.data.data[j].bz) {\n            _this.dataGzList[i].chbc = res.data.data[j].chbc;\n            _this.dataGzList[i].chcg = res.data.data[j].chcg;\n            _this.dataGzList[i].jd = res.data.data[j].jd;\n            _this.dataGzList[i].total = res.data.data[j].total;\n            _this.dataGzList[i].wchz = res.data.data[j].wchz;\n          }\n        }\n      }\n      _this.detailedFour(_this.dataGzList);\n    });\n    //本周故障\n    getDwbzgz().then(function (res) {\n      var dataBzgz = [];\n      dataBzgz = res.data.data;\n      _this.detailedOne(dataBzgz);\n    });\n    //供电质量统计\n    getGdsgdzl().then(function (res) {\n      var dataGdzl = [];\n      dataGdzl = res.data.data;\n      //   this.detailedTwo(dataGdzl);\n    });\n    // //配变停运\n    // getPbtyqk({\n    //   action:\"week\"\n    // }).then((res)=>{\n    //   let dataPbty = [];\n    //   dataPbty = res.data.data\n    //   console.log(dataPbty,'dataPbty');\n    //   this.detailedFive(dataPbty);\n    //   let dataPb = [];\n    //   let dataCf = [];\n    //   let dataCfl = [];\n    //   for (let i = 0; i < dataPbty.length; i++) {\n    //     dataPb.push(dataPbty[i].pbsl);\n    //     dataCf.push(dataPbty[i].cftytc);\n    //     dataCfl.push(dataPbty[i].pbcftyl)\n    //   }\n    //   this.topContent[0].count = dataPb.reduce((x, y) => x + y)\n    //   this.topContent[1].count = dataCf.reduce((x, y) => x + y)\n    //   let pbCount =  (this.topContent[1].count/this.topContent[0].count)*100\n    //   let pbCountString = pbCount.toString()\n    //   if (pbCountString.indexOf(\".\") != -1) {\n    //     this.topContent[2].count =  pbCountString.substring(0,pbCountString.indexOf(\".\")+3) + '%'\n    //   }else{\n    //    this.topContent[2].count = pbCountString +'%'\n    //   }\n    // })\n    this.handleDate(0);\n    var that = this;\n    window.addEventListener(\"message\", function (e) {\n      var res = e.data;\n      if (res.val != null) {\n        that.modelOthers = true;\n        that.componentShow = \"ringMainUnit\";\n        that.device = res.val;\n      }\n    });\n    //历史故障接口\n    var faultData = {\n      token: localStorage.getItem(\"token\"),\n      pageSize: \"500\",\n      page: \"1\"\n    };\n    getfaultReportList(faultData).then(function (res) {\n      // this.alarmInformationData = res.data.data.data;\n    });\n    window.setInterval(function () {\n      var endDate = _this.$moment(new Date()).format(\"YYYY-MM-DD HH:mm:ss\");\n      var startDate = _this.$moment(new Date()).subtract(1, \"h\").format(\"YYYY-MM-DD HH:mm:ss\");\n      var cabData = {\n        token: localStorage.getItem(\"token\"),\n        pageSize: 50,\n        page: 1,\n        sn: \"\",\n        startDate: startDate,\n        endDate: endDate,\n        confirm: \"\"\n      };\n      getCabinetAlarmList(cabData).then(function (res) {\n        var event_desc = '';\n        if (res.data.data.data != null) {\n          res.data.data.data.forEach(function (item, index) {\n            if (item.event_desc.indexOf(\"开关\") != -1) {\n              event_desc = item.event_desc.replace('开关', '间隔');\n            } else {\n              event_desc = item.event_desc;\n            }\n          });\n          _this.emergencyList = res.data.data.data.filter(function (item) {\n            return item.event_desc.indexOf(\"通讯状态\") == -1;\n          });\n          _this.emergencyList.forEach(function (item, index) {\n            item.event_desc = event_desc;\n          });\n          _this.totals = _this.emergencyList.length;\n          var dataList = _this.emergencyList;\n          if (dataList.length != 0) {\n            _this.rowTime = dataList[0].created_at;\n          } else {\n            return false;\n          }\n        }\n      });\n    }, 10000);\n  },\n  // beforeDestroy() {\n  //   this.dataDestroy(); // 页面摧毁前，关闭定时器\n  // },\n  beforeDestroy: function beforeDestroy() {\n    // 离开当前路由前的操作\n    clearInterval(this.timer);\n    this.timer = null;\n  },\n  methods: {\n    routerTo: function routerTo(data) {\n      if (data == '盐城地区分布光伏运行监测') {\n        this.$router.push(\"/stationBuilding\");\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        }],\n        series: [{\n          name: \"关联电网事故\",\n          type: \"bar\",\n          itemStyle: {\n            color: \"#00ffff\",\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: \"yellow\",\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    getbanzhu: function getbanzhu() {\n      var _this2 = this;\n      getBanzugz({\n        action: \"detail\"\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 = _this2.$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 = _this2.$moment(time).format(\"YYYY-MM-DD HH:mm\");\n          }\n          _this2.tableData.push(res.data.data[i]);\n        }\n      });\n    },\n    //工单\n    getGongdan: function getGongdan() {\n      var _this3 = this;\n      getGdtj({\n        action: \"tongji\"\n      }).then(function (res) {\n        console.log(res, \"工单统计数据\");\n        var dataList = res.data.data;\n        for (var i = 0; i < _this3.gongdanList.length; i++) {\n          for (var j = 0; j < res.data.data.length; j++) {\n            if (_this3.gongdanList[i].gd_type_name == res.data.data[j].gd_type_name) {\n              _this3.gongdanList[i].total = res.data.data[j].total;\n              _this3.gongdanList[i].gd_type_id = res.data.data[j].gd_type_id;\n            }\n          }\n        }\n        // this.gongdanList = res.data.data;\n        _this3.detailedThree(dataList);\n        // this.$nextTick(() => {\n        //   this.detailedThree(dataList);\n        //   setInterval(() => {\n        //     this.doing();\n        //   }, 200);\n        // });\n      });\n    },\n    // //表格第一行颜色\n    rowClass: function rowClass(row, rowIndex) {\n      if (row.rowIndex === 0) {\n        return \"rowColor0\";\n      } else {\n        return \"\";\n      }\n    },\n    //切换当前页\n    handleCurrentChange: function handleCurrentChange(val) {\n      this.page = val;\n      var tableData = [];\n      if (this.emergencyList.length != 0) {\n        tableData = this.emergencyList;\n        if (val == 1) {\n          this.alarmInformationData = tableData.slice(0, 10);\n          document.getElementsByClassName(\"rowColor0\")[0].style.display = \"\";\n        } else if (val == 2) {\n          document.getElementsByClassName(\"rowColor0\")[0].style.display = \"none\";\n          this.alarmInformationData = tableData.slice(10, 20);\n        } else if (val == 3) {\n          this.alarmInformationData = tableData.slice(20, 30);\n          document.getElementsByClassName(\"rowColor0\")[0].style.display = \"none\";\n        } else if (val == 4) {\n          this.alarmInformationData = tableData.slice(30, 40);\n          document.getElementsByClassName(\"rowColor0\")[0].style.display = \"none\";\n        } else if (val == 5) {\n          this.alarmInformationData = tableData.slice(40, 50);\n          document.getElementsByClassName(\"rowColor0\")[0].style.display = \"none\";\n        }\n      } else {\n        return false;\n      }\n    },\n    // 线路详情弹窗\n    openLineDetail: function openLineDetail(e) {\n      var _this4 = this;\n      // console.log(e);\n      // var line = e + ''\n      // console.log(line);\n      getLine({\n        action: \"pdxl\"\n      }).then(function (_ref2) {\n        var data = _ref2.data;\n        console.log(data);\n        _this4.lineShow = \"lineDetail\";\n        _this4.lineItem = data.data;\n      });\n    },\n    // 线路故障跳闸明细弹窗\n    rowHandle: function rowHandle(e) {\n      // console.log(e, \"参数\");\n      this.routeItem = e;\n      this.routeShow = \"routeDetail\";\n      // console.log(this.routeItem,'线路组件名称');\n    },\n    // 工单统计的弹窗\n    openGdDetail: function openGdDetail(item) {\n      this.orderItem = item;\n      this.orderShow = \"workOrder\";\n    },\n    // beginShowing() {\n    //   this.$nextTick(function () {\n    //     // 文档显示区域的高度 - 表格距离浏览器顶部的距离 - 表格距离浏览器底部的距离\n    //     if (this.$refs.tableBox && this.$refs.tableBox.$el.offsetTop) {\n    //       this.tableHeight =\n    //         window.innerHeight - this.$refs.tableBox.$el.offsetTop - 300;\n    //       this.$refs.tableBox.doLayout();\n    //       this.roll();\n    //     }\n    //   });\n    // },\n    // roll() {\n    //   // 拿到表格挂载后的真实DOM\n    //   const table = this.$refs.tableBox;\n    //   // 拿到表格中承载数据的div元素\n    //   const bodyWrapper = table.bodyWrapper;\n    //   // 拿到元素后，对元素进行定时增加距离顶部距离，实现滚动效果(这里配置为每100毫秒移动1像素)\n    //   this.myTimer = setInterval(() => {\n    //     // 元素自增距离顶部1像素\n    //     bodyWrapper.scrollTop++;\n    //     // 判断元素是否滚动到底部(可视高度+距离顶部=元素内容的整个高度包括溢出的不可见内容)\n    //     if (\n    //       bodyWrapper.clientHeight + bodyWrapper.scrollTop ===\n    //       bodyWrapper.scrollHeight\n    //     ) {\n    //       // 重置table距离顶部距离\n    //       bodyWrapper.scrollTop = 0;\n    //     }\n    //   }, 100);\n    // },\n    // 鼠标进入表格\n    // mouseover() {\n    //   clearInterval(this.myTimer);\n    // },\n    // 鼠标离开表格\n    mouseout: function mouseout() {\n      this.roll();\n    },\n    //调用unity方法\n    handleUnity: function handleUnity(index, item) {\n      this.btnActive = index;\n      this.$refs.iframe.contentWindow.handleChange(item);\n    },\n    //选择线路\n    selectLine: function selectLine(value) {\n      var _this5 = this;\n      getLine({\n        action: \"query\",\n        line_code: value\n      }).then(function (res) {\n        // console.log(res,'选择线路');\n        if (res.data.data != 0 && res.data.data != null) {\n          _this5.$refs.iframe.contentWindow.handleChangeLine(res.data.data.line_name);\n        } else if (res.data.data == null) {\n          _this5.$refs.iframe.contentWindow.handleChangeLine(\"\");\n        }\n      });\n    },\n    detailedOne: function detailedOne(dataBzgz) {\n      var _this6 = this;\n      var dataList = [];\n      var newArr = [20, 20, 20, 20, 20, 20, 20, 20, 20, 20];\n      var dataDw = [];\n      for (var i = 0; i < dataBzgz.length; i++) {\n        dataList.push(dataBzgz[i].gzcs);\n        dataDw.push(dataBzgz[i].dw);\n      }\n      var myChart = this.$echarts.init(document.getElementById(\"detailedOne\"));\n      var option = {\n        tooltip: {\n          show: true,\n          trigger: \"axis\",\n          axisPointer: {\n            type: \"shadow\"\n          }\n        },\n        grid: {\n          top: \"18%\",\n          left: \"5%\",\n          right: \"3%\",\n          bottom: \"5%\",\n          containLabel: true\n        },\n        xAxis: [{\n          type: \"category\",\n          data: dataDw,\n          axisTick: {\n            show: false,\n            alignWithLabel: true\n          },\n          axisLabel: {\n            color: \"#ffffff\",\n            interval: 0,\n            fontSize: 16\n          },\n          axisLine: {\n            show: false,\n            //隐藏X轴轴线\n            lineStyle: {\n              color: \"#01FCE3\"\n            }\n          }\n        }],\n        yAxis: [{\n          name: \"单位：次\",\n          type: \"value\",\n          data: [0, 2, 4, 6, 8, 10],\n          nameTextStyle: {\n            color: \"#ffffff\",\n            // padding:[25,0,0,0]\n            fontSize: 16\n          },\n          axisLabel: {\n            color: \"#ffffff\"\n          },\n          splitLine: {\n            show: true,\n            lineStyle: {\n              type: \"solid\",\n              // color: 'rgba(66, 192, 255, .3)',\n              color: \"rgba(102,102,102,0.6)\",\n              width: 1,\n              // color: 'red'\n              fontSize: 16\n            }\n          },\n          splitArea: {\n            show: false\n          }\n        }],\n        series: [\n        // {\n        //   type: \"bar\",\n        //   barWidth: 22,\n        //   itemStyle: {\n        //     normal: {\n        //       label: {\n        //         fontSize: 14,\n        //         formatter(params) {\n        //           for (let i = 0; i < dataList.length; i++) {\n        //             if (params.dataIndex == i) {\n        //               return dataDw[i] + \"\\n\" + \"\\n\" + dataList[i];\n        //             }\n        //           }\n        //         },\n        //         show: true,\n        //         position: \"top\",\n        //         color: \"#ffffff\",\n        //       },\n        //       color: \"none\",\n        //     },\n        //   },\n        //   silent: true,\n        //   // barGap: \"-100%\",\n        //   data: newArr,\n        // },\n        {\n          name: \"\",\n          type: \"bar\",\n          barWidth: 30,\n          itemStyle: {\n            color: function color(params) {\n              // console.log(params, '数据');\n              var colorList = [new _this6.$echarts.graphic.LinearGradient(0, 1, 0, 0, [{\n                offset: 0,\n                color: \"rgba(23,74,100,0.6)\"\n              }, {\n                offset: 1,\n                color: \"rgb(86,254,226)\"\n              }]), new _this6.$echarts.graphic.LinearGradient(0, 1, 0, 0, [{\n                offset: 0,\n                color: \"rgba(237,125,49,.2)\"\n              }, {\n                offset: 1,\n                color: \"rgba(237,125,49,1)\"\n              }])];\n              if (params.name == \"盐都\") {\n                return colorList[1];\n              } else {\n                return colorList[0];\n              }\n            },\n            fontSize: 16\n          },\n          data: dataList,\n          label: {\n            show: true,\n            position: \"top\",\n            fontStyle: \"normal\",\n            fontWeight: \"normal\",\n            color: \"#ffffff\"\n          }\n          //  z: -1,\n          // //不同系列的柱间距离，为百分比,如果想要两个系列的柱子重叠，可以设置 barGap 为 '-100%'。\n          // barGap: '-100%',\n        }]\n      };\n\n      myChart.setOption(option);\n      window.addEventListener(\"resize\", function () {\n        myChart.resize();\n      });\n    },\n    detailedTwo: function detailedTwo(dataGdzl) {\n      var gdsList = [];\n      var xlcczList = [];\n      var pbcczList = [];\n      var ddyList = [];\n      for (var i = 0; i < dataGdzl.length; i++) {\n        gdsList.push(dataGdzl[i].gds);\n        xlcczList.push(dataGdzl[i].xlccz);\n        pbcczList.push(dataGdzl[i].pbccz);\n        ddyList.push(dataGdzl[i].ddy);\n      }\n      var that = this;\n      var myChart = this.$echarts.init(document.getElementById(\"detailedTwo1\"));\n      var option = {\n        //  animation: true,\n        // animationDuration: 20000,\n        tooltip: {\n          trigger: \"axis\",\n          axisPointer: {\n            type: \"cross\",\n            label: {\n              backgroundColor: \"#6a7985\"\n            }\n          }\n        },\n        grid: {\n          left: \"4%\",\n          right: \"4%\",\n          bottom: \"5%\",\n          top: \"15%\",\n          containLabel: true\n        },\n        legend: {\n          top: 10,\n          icon: \"rect\",\n          right: 25,\n          data: [\"线路重超载\", \"配变重超载\", \"低电压\"],\n          textStyle: {\n            color: \"#fff\",\n            fontSize: 16\n          }\n        },\n        xAxis: {\n          type: \"category\",\n          data: gdsList,\n          axisLine: {\n            //  改变x轴颜色\n            lineStyle: {\n              color: \"none\"\n            }\n          },\n          axisLabel: {\n            //  改变x轴字体颜色和大小\n            interval: 0,\n            textStyle: {\n              color: \"#ffffff\",\n              fontSize: 16\n            }\n          },\n          splitLine: {\n            show: false,\n            lineStyle: {\n              color: [\"#315070\"],\n              width: 1,\n              type: \"solid\"\n            }\n          }\n        },\n        yAxis: {\n          type: \"value\",\n          axisLine: {\n            //  改变y轴颜色\n            show: false,\n            lineStyle: {\n              color: \"none\"\n            }\n          },\n          axisLabel: {\n            //  改变y轴字体颜色和大小\n            //formatter: '{value} m³ ', //  给y轴添加单位\n            textStyle: {\n              color: \"#ffffff\",\n              fontSize: 16\n            }\n          },\n          axisTick: {\n            show: false\n          },\n          splitLine: {\n            show: true,\n            lineStyle: {\n              color: [\"#315070\"],\n              width: 1,\n              type: \"solid\"\n            }\n          }\n        },\n        series: [{\n          type: \"line\",\n          smooth: true,\n          symbol: \"circle\",\n          symbolSize: 7,\n          markPoint: {\n            symbol: \"circle\"\n          },\n          name: \"线路重超载\",\n          data: xlcczList,\n          itemStyle: {\n            normal: {\n              color: \"#3D7EEB\",\n              borderColor: \"#3D7EEB\",\n              borderWidth: 2\n            }\n          },\n          lineStyle: {\n            normal: {\n              width: 2,\n              color: \"#327BFA\",\n              shadowColor: \"#327BFA\",\n              shadowBlur: 10\n            }\n          },\n          areaStyle: {\n            color: {\n              type: \"linear\",\n              x: 0,\n              y: 0,\n              x2: 0,\n              y2: 1,\n              colorStops: [{\n                offset: 0.5,\n                color: \"rgba(61,126,235,0.5)\" // 0% 处的颜色\n              }, {\n                offset: 1,\n                color: \"rgba(61,126,235,0)\" // 100% 处的颜色\n              }],\n\n              global: false // 缺省为 false\n            }\n          }\n        }, {\n          type: \"line\",\n          smooth: true,\n          symbol: \"circle\",\n          symbolSize: 7,\n          markPoint: {\n            symbol: \"circle\"\n          },\n          data: pbcczList,\n          name: \"配变重超载\",\n          itemStyle: {\n            normal: {\n              color: \"#17D8A1\",\n              borderColor: \"#17D8A1\",\n              borderWidth: 2\n            }\n          },\n          lineStyle: {\n            normal: {\n              width: 2,\n              color: \"#17D8A1\",\n              shadowColor: \"#17D8A1\",\n              shadowBlur: 10\n            }\n          },\n          areaStyle: {\n            color: {\n              type: \"linear\",\n              x: 0,\n              y: 0,\n              x2: 0,\n              y2: 1,\n              colorStops: [{\n                offset: 0.5,\n                color: \"rgba(23,216,161,0.5)\" // 0% 处的颜色\n              }, {\n                offset: 1,\n                color: \"rgba(23,216,161,0)\" // 100% 处的颜色\n              }],\n\n              global: false // 缺省为 false\n            }\n          }\n        }, {\n          type: \"line\",\n          smooth: true,\n          symbol: \"circle\",\n          symbolSize: 7,\n          markPoint: {\n            symbol: \"circle\"\n          },\n          data: ddyList,\n          name: \"低电压\",\n          itemStyle: {\n            normal: {\n              color: \"#F4C907\",\n              borderColor: \"#F4C907\",\n              borderWidth: 2\n            }\n          },\n          lineStyle: {\n            normal: {\n              width: 2,\n              color: \"#F4C907\",\n              shadowColor: \"#F4C907\",\n              shadowBlur: 10\n            }\n          },\n          areaStyle: {\n            color: {\n              type: \"linear\",\n              x: 0,\n              y: 0,\n              x2: 0,\n              y2: 1,\n              colorStops: [{\n                offset: 0.5,\n                color: \"rgba(106,117,79,1)\" // 0% 处的颜色\n              }, {\n                offset: 1,\n                color: \"rgba(106,117,79,0)\" // 100% 处的颜色\n              }],\n\n              global: false // 缺省为 false\n            }\n          }\n        }]\n      };\n\n      myChart.setOption(option);\n      window.addEventListener(\"resize\", function () {\n        myChart.resize();\n      });\n    },\n    detailedTwo11: function detailedTwo11() {\n      var fontColor = '#30eee9';\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: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']\n        }],\n        yAxis: [{\n          type: 'value',\n          name: '信息量',\n          min: 0,\n          max: 1000,\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          splitLine: {\n            show: true,\n            lineStyle: {\n              color: '#11366e',\n              type: \"dashed\"\n            }\n          }\n        }\n        // {\n        // \ttype : 'value',\n        // \tname : '浏览量',\n        // \tmin:0,\n        // \tmax:1000,\n        // \taxisLabel : {\n        // \t\tformatter: '{value} 人',\n        // \t\ttextStyle:{\n        // \t\t\tcolor:'#186afe'\n        // \t\t}\n        // \t},\n        // \taxisLine:{\n        // \t\tlineStyle:{\n        // \t\t\tcolor:'#186afe'\n        // \t\t}\n        // \t},\n        // \taxisTick:{\n        //     \tshow:false,\n        //     },\n        // \tsplitLine:{\n        // \t\tshow:true,\n        // \t\tlineStyle:{\n        // \t\t\tcolor:'#11366e'\n        // \t\t}\n        // \t}\n        // }\n        ],\n\n        series: [\n        // {\n        // \tname:'已采纳',\n        // \ttype:'line',\n        // \tstack: '总量',\n        // \tsymbol:'circle',\n        // \tsymbolSize: 8,\n        //     itemStyle: {\n        //         normal: {\n        // \t\t\tcolor:'#0092f6',\n        //             lineStyle: {\n        // \t\t\t\tcolor: \"#0092f6\",\n        // \t\t\t\twidth:1\n        //             },\n        //             areaStyle: { \n        // \t\t\t\tcolor: '#94C9EC'\n        // \t\t\t\t// color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{\n        // \t\t\t\t// \toffset: 0,\n        // \t\t\t\t// \tcolor: 'rgba(7,44,90,0.3)'\n        // \t\t\t\t// }, {\n        // \t\t\t\t// \toffset: 1,\n        // \t\t\t\t// \tcolor: 'rgba(0,146,246,0.9)'\n        // \t\t\t\t// }]),\n        //             }\n        //         }\n        // \t},\n        // \tmarkPoint:{\n        // \t\titemStyle:{\n        // \t\t\tnormal:{\n        // \t\t\t\tcolor:'red'\n        // \t\t\t}\n        // \t\t}\n        // \t},\n        // \tdata:[120, 132, 101, 134, 90, 230, 210, 182, 191, 234, 290, 330]\n        // },\n        {\n          name: '已发布',\n          type: 'line',\n          stack: '总量',\n          symbol: 'circle',\n          symbolSize: 8,\n          itemStyle: {\n            normal: {\n              color: '#00d4c7',\n              lineStyle: {\n                color: \"#00d4c7\",\n                width: 1\n              }\n              // areaStyle: { \n              // \tcolor: '#94C9EC'\n              // \t// color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{\n              // \t// \toffset: 0,\n              // \t// \tcolor: 'rgba(7,44,90,0.3)'\n              // \t// }, {\n              // \t// \toffset: 1,\n              // \t// \tcolor: 'rgba(0,212,199,0.9)'\n              // \t// }]),\n              // }\n            }\n          },\n\n          data: [220, 182, 191, 234, 290, 330, 310, 201, 154, 190, 330, 410]\n        }\n        // {\n        // \tname:'浏览量',\n        // \ttype:'line',\n        // \tstack: '总量',\n        // \tsymbol:'circle',\n        // \tsymbolSize: 8,\n        //     itemStyle: {\n        //         normal: {\n        //             color: '#aecb56',\n        //             lineStyle: {\n        // \t\t\t\tcolor: \"#aecb56\",\n        // \t\t\t\twidth:1\n        //             },\n        //             areaStyle: { \n        // \t\t\t\tcolor: '#94C9EC'\n        // \t\t\t\t// color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{\n        // \t\t\t\t// \toffset: 0,\n        // \t\t\t\t// \tcolor: 'rgba(7,44,90,0.3)'\n        // \t\t\t\t// }, {\n        // \t\t\t\t// \toffset: 1,\n        // \t\t\t\t// \tcolor: 'rgba(114,144,89,0.9)'\n        // \t\t\t\t// }]),\n        //             }\n        //         }\n        // \t},\n        // \tdata:[150, 232, 201, 154, 190, 330, 410,150, 232, 201, 154, 190]\n        // }\n        ]\n      };\n\n      myChart.setOption(option);\n      window.addEventListener(\"resize\", function () {\n        myChart.resize();\n      });\n    },\n    horizontalChart: function horizontalChart() {\n      var myChart = this.$echarts.init(document.getElementById(\"horizontalChart\"));\n      var CubeLeft = this.$echarts.graphic.extendShape({\n        shape: {\n          x: 0,\n          y: 0\n        },\n        buildPath: function buildPath(ctx, shape) {\n          console.log(ctx, shape);\n          var yAxisPoint = shape.yAxisPoint;\n          var c0 = [shape.x, shape.y];\n          var c1 = [shape.x + 9, shape.y - 9];\n          var c2 = [yAxisPoint[0] + 9, yAxisPoint[1] - 9];\n          var c3 = [yAxisPoint[0], yAxisPoint[1]];\n          ctx.moveTo(c0[0], c0[1]).lineTo(c1[0], c1[1]).lineTo(c2[0], c2[1]).lineTo(c3[0], c3[1]).closePath();\n        }\n      });\n      var CubeRight = this.$echarts.graphic.extendShape({\n        shape: {\n          x: 0,\n          y: 0\n        },\n        buildPath: function buildPath(ctx, shape) {\n          var yAxisPoint = shape.yAxisPoint;\n          var c1 = [shape.x, shape.y];\n          var c2 = [yAxisPoint[0], yAxisPoint[1]];\n          var c3 = [yAxisPoint[0] + 9, yAxisPoint[1] + 18];\n          var c4 = [shape.x + 9, shape.y + 18];\n          ctx.moveTo(c1[0], c1[1]).lineTo(c2[0], c2[1]).lineTo(c3[0], c3[1]).lineTo(c4[0], c4[1]).closePath();\n        }\n      });\n      var CubeTop = this.$echarts.graphic.extendShape({\n        shape: {\n          x: 0,\n          y: 0\n        },\n        buildPath: function buildPath(ctx, shape) {\n          var c1 = [shape.x, shape.y];\n          var c2 = [shape.x + 9, shape.y + 18];\n          var c3 = [shape.x + 18, shape.y + 9];\n          var c4 = [shape.x + 9, shape.y - 9];\n          ctx.moveTo(c1[0], c1[1]).lineTo(c2[0], c2[1]).lineTo(c3[0], c3[1]).lineTo(c4[0], c4[1]).closePath();\n        }\n      });\n      this.$echarts.graphic.registerShape('CubeLeft', CubeLeft);\n      this.$echarts.graphic.registerShape('CubeRight', CubeRight);\n      this.$echarts.graphic.registerShape('CubeTop', CubeTop);\n      var MAX = [6000, 6000, 6000, 6000, 6000];\n      var VALUE = [2012, 1230, 3790, 2349, 1654];\n      var NAMES = ['德州', '德城区', '陵城区', '禹城市', '乐陵市'];\n      var option = {\n        title: {\n          text: '',\n          top: 32,\n          left: 18,\n          textStyle: {\n            color: '#00F6FF',\n            fontSize: 24\n          }\n        },\n        grid: {\n          left: 20,\n          right: 40,\n          bottom: '19%',\n          top: 107,\n          containLabel: true\n        },\n        yAxis: {\n          type: 'category',\n          data: NAMES,\n          axisLine: {\n            show: false,\n            lineStyle: {\n              color: 'white'\n            }\n          },\n          offset: 20,\n          axisTick: {\n            show: false,\n            length: 9,\n            alignWithLabel: true,\n            lineStyle: {\n              color: '#7DFFFD'\n            }\n          },\n          axisLabel: {\n            fontSize: 10\n          }\n        },\n        xAxis: {\n          type: 'value',\n          axisLine: {\n            show: false,\n            lineStyle: {\n              color: 'white'\n            }\n          },\n          splitLine: {\n            show: false\n          },\n          axisTick: {\n            show: false\n          },\n          axisLabel: {\n            show: false,\n            fontSize: 16\n          },\n          boundaryGap: ['20%', '20%']\n        },\n        series: [{\n          type: 'custom',\n          renderItem: function renderItem(params, api) {\n            var location = api.coord([api.value(0), api.value(1)]);\n            return {\n              type: 'group',\n              children: [{\n                type: 'CubeLeft',\n                shape: {\n                  api: api,\n                  xValue: api.value(0),\n                  yValue: api.value(1),\n                  x: location[0],\n                  y: location[1],\n                  yAxisPoint: api.coord([0, api.value(1)])\n                },\n                style: {\n                  fill: 'rgba(7,29,97,.6)'\n                }\n              }, {\n                type: 'CubeRight',\n                shape: {\n                  api: api,\n                  xValue: api.value(0),\n                  yValue: api.value(1),\n                  x: location[0],\n                  y: location[1],\n                  yAxisPoint: api.coord([0, api.value(1)])\n                },\n                style: {\n                  fill: 'rgba(10,35,108,.7)'\n                }\n              }, {\n                type: 'CubeTop',\n                shape: {\n                  api: api,\n                  xValue: api.value(0),\n                  yValue: api.value(1),\n                  x: location[0],\n                  y: location[1],\n                  yAxisPoint: api.coord([0, api.value(1)])\n                },\n                style: {\n                  fill: 'rgba(11,42,106,.8)'\n                }\n              }]\n            };\n          },\n          data: MAX\n        }, {\n          type: 'custom',\n          renderItem: function renderItem(params, api) {\n            var location = api.coord([api.value(0), api.value(1)]);\n            return {\n              type: 'group',\n              children: [{\n                type: 'CubeLeft',\n                shape: {\n                  api: api,\n                  xValue: api.value(0),\n                  yValue: api.value(1),\n                  x: location[0],\n                  y: location[1],\n                  yAxisPoint: api.coord([0, api.value(1)])\n                }\n                // style: {\n                //     fill: new echarts.graphic.LinearGradient(1, 0, 0, 0, [{\n                //             offset: 0,\n                //             color: '#3B80E2'\n                //         },\n                //         {\n                //             offset: 1,\n                //             color: '#49BEE5'\n                //         }\n                //     ])\n                // }\n              }, {\n                type: 'CubeRight',\n                shape: {\n                  api: api,\n                  xValue: api.value(0),\n                  yValue: api.value(1),\n                  x: location[0],\n                  y: location[1],\n                  yAxisPoint: api.coord([0, api.value(1)])\n                }\n                // style: {\n                //     fill: new echarts.graphic.LinearGradient(1, 0, 0, 0, [{\n                //             offset: 0,\n                //             color: '#3B80E2'\n                //         },\n                //         {\n                //             offset: 1,\n                //             color: '#49BEE5'\n                //         }\n                //     ])\n                // }\n              }, {\n                type: 'CubeTop',\n                shape: {\n                  api: api,\n                  xValue: api.value(0),\n                  yValue: api.value(1),\n                  x: location[0],\n                  y: location[1],\n                  yAxisPoint: api.coord([0, api.value(1)])\n                }\n                // style: {\n                //     fill: new echarts.graphic.LinearGradient(1, 0, 0, 0, [{\n                //             offset: 0,\n                //             color: '#3B80E2'\n                //         },\n                //         {\n                //             offset: 1,\n                //             color: '#49BEE5'\n                //         }\n                //     ])\n                // }\n              }]\n            };\n          },\n\n          data: VALUE\n        }, {\n          type: 'bar',\n          label: {\n            normal: {\n              show: true,\n              position: 'right',\n              formatter: function formatter(e) {\n                switch (e.name) {\n                  case '10kV线路':\n                    return VALUE[0];\n                  case '公用配变':\n                    return VALUE[1];\n                  case '35kV主变':\n                    return VALUE[2];\n                  case '水':\n                }\n              },\n              fontSize: 16,\n              color: '#fff',\n              offset: [25, 4]\n            }\n          },\n          itemStyle: {\n            color: 'transparent'\n          },\n          data: MAX\n        }]\n      };\n      myChart.setOption(option);\n      window.addEventListener(\"resize\", function () {\n        myChart.resize();\n      });\n    },\n    barCharts: function barCharts() {\n      var myChart = this.$echarts.init(document.getElementById(\"barCharts\"));\n      var value = 18;\n      var legendName = ['华北', '华中', '华东', '华南', '东北', '西北'];\n      var option = {\n        // backgroundColor: '#031845',\n        // title:{\n        //     text:\"123\",\n        //     left:'center',\n        //     top:'45%',\n        //     textStyle:{\n        //         color:\"#FFF\",\n        //         fontSize:\"80px\",\n\n        //     }\n        // },\n        tooltip: {\n          trigger: 'item',\n          formatter: \"{b} : {d}% <br/> {c}\"\n        },\n        //  graphic: {\n        //  elements: [\n        //         {\n        //          type: 'text',\n        //          left: 'center', // 相对父元素居中\n        //          top: 'center',  // 相对父元素上下的位置\n        //          style: {\n        //              fill: '#FFF',\n        //               text: ['357'],\n        //               zlevel:\"100\",\n        //               font: '80px Arial Normal',\n        //                  }\n        //         }]\n        //       },\n        //  title: {\n        //     text:'总考生数',\n        //     left:'center',\n        //     top:'center',\n        //     padding:[24,0],\n        //     textStyle:{\n        //         color:'#fff',\n        //         fontSize:18*scale,\n        //         align:'center'\n        //     }\n        // },\n        title: {\n          subtext: '59.53万',\n          text: '总计',\n          x: 'center',\n          y: '40%',\n          textStyle: {\n            fontSize: 24,\n            fontWeight: 'normal',\n            color: '#00FFFF'\n          },\n          subtextStyle: {\n            fontSize: 28,\n            fontWeight: 'normal',\n            align: \"center\",\n            color: '#CCCCCC'\n          }\n        },\n        series: [{\n          type: 'pie',\n          radius: ['80', '120'],\n          center: ['50%', '50%'],\n          color: ['#80C269', '#00FFFF', '#0090F1', '#FFA800', '#4658F6'],\n          itemStyle: {\n            normal: {\n              borderWidth: 5,\n              borderColor: '#031845'\n            }\n          },\n          data: [{\n            value: 27,\n            name: '严重不满人员'\n          }, {\n            value: 30,\n            name: '关注群体'\n          }, {\n            value: 24,\n            name: '散居外国人'\n          }, {\n            value: 27,\n            name: '上访重点人'\n          }, {\n            value: 27,\n            name: '重点精神病'\n          }],\n          labelLine: {\n            normal: {\n              show: true,\n              length: 50,\n              length2: 50,\n              lineStyle: {\n                color: '#CCCCCC',\n                width: 2\n              }\n            }\n          },\n          label: {\n            normal: {\n              formatter: '{b|{b}}\\n{hr|}\\n{c|{c}%}',\n              rich: {\n                b: {\n                  fontSize: 14,\n                  color: '#FFF',\n                  align: 'left',\n                  padding: 4\n                },\n                hr: {\n                  borderColor: '#CCCCCC',\n                  width: '100%',\n                  borderWidth: 2,\n                  height: 0\n                },\n                c: {\n                  fontSize: 14,\n                  align: 'center',\n                  padding: 4,\n                  color: '#00EDED'\n                }\n              }\n            }\n          }\n        }]\n      };\n      myChart.setOption(option);\n      window.addEventListener(\"resize\", function () {\n        myChart.resize();\n      });\n    },\n    roseCharts: function roseCharts() {\n      var myChart = this.$echarts.init(document.getElementById(\"roseCharts\"));\n      var option = {\n        color: [\"#EAEA26\", \"#906BF9\", \"#FE5656\", \"#01E17E\", \"#3DD1F9\", \"#FFAD05\"],\n        // title: {\n        //     text: '网络/安全设备',\n        //     left: '60',\n        //     top: 0,\n        //     textAlign: 'center',\n        //     textStyle: {\n        //         color: '#fff',\n        //         fontSize: 14,\n        //         fontWeight: 0\n        //     }\n        // },\n        grid: {\n          left: -100,\n          top: 50,\n          bottom: 10,\n          right: 10,\n          containLabel: true\n        },\n        tooltip: {\n          trigger: 'item',\n          formatter: \"{b} : {c} ({d}%)\"\n        },\n        legend: {\n          type: \"scroll\",\n          orient: \"vartical\",\n          // x: \"right\",\n          top: \"center\",\n          right: \"15\",\n          // bottom: \"0%\",\n          itemWidth: 16,\n          itemHeight: 8,\n          itemGap: 16,\n          textStyle: {\n            color: '#A3E2F4',\n            fontSize: 12,\n            fontWeight: 0\n          },\n          data: ['IDS', 'VPN', '交换机', '防火墙', 'WAF', '堡垒机']\n        },\n        polar: {},\n        angleAxis: {\n          interval: 1,\n          type: 'category',\n          data: [],\n          z: 10,\n          axisLine: {\n            show: false,\n            lineStyle: {\n              color: \"#0B4A6B\",\n              width: 1,\n              type: \"solid\"\n            }\n          },\n          axisLabel: {\n            interval: 0,\n            show: true,\n            color: \"#0B4A6B\",\n            margin: 8,\n            fontSize: 16\n          }\n        },\n        radiusAxis: {\n          min: 40,\n          max: 120,\n          interval: 20,\n          axisLine: {\n            show: false,\n            lineStyle: {\n              color: \"#0B3E5E\",\n              width: 1,\n              type: \"solid\"\n            }\n          },\n          axisLabel: {\n            formatter: '{value} %',\n            show: false,\n            padding: [0, 0, 20, 0],\n            color: \"#0B3E5E\",\n            fontSize: 16\n          },\n          splitLine: {\n            lineStyle: {\n              color: \"#0B3E5E\",\n              width: 2,\n              type: \"solid\"\n            }\n          }\n        },\n        calculable: true,\n        series: [{\n          type: 'pie',\n          radius: [\"5%\", \"10%\"],\n          hoverAnimation: false,\n          labelLine: {\n            normal: {\n              show: false,\n              length: 30,\n              length2: 55\n            },\n            emphasis: {\n              show: false\n            }\n          },\n          data: [{\n            name: '',\n            value: 0,\n            itemStyle: {\n              normal: {\n                color: \"#0B4A6B\"\n              }\n            }\n          }]\n        }, {\n          type: 'pie',\n          radius: [\"90%\", \"95%\"],\n          hoverAnimation: false,\n          labelLine: {\n            normal: {\n              show: false,\n              length: 30,\n              length2: 55\n            },\n            emphasis: {\n              show: false\n            }\n          },\n          name: \"\",\n          data: [{\n            name: '',\n            value: 0,\n            itemStyle: {\n              normal: {\n                color: \"#0B4A6B\"\n              }\n            }\n          }]\n        }, {\n          stack: 'a',\n          type: 'pie',\n          radius: ['20%', '80%'],\n          roseType: 'area',\n          zlevel: 10,\n          label: {\n            normal: {\n              show: true,\n              formatter: \"{c}\",\n              textStyle: {\n                fontSize: 12\n              },\n              position: 'outside'\n            },\n            emphasis: {\n              show: true\n            }\n          },\n          labelLine: {\n            normal: {\n              show: true,\n              length: 20,\n              length2: 55\n            },\n            emphasis: {\n              show: false\n            }\n          },\n          data: [{\n            value: 10,\n            name: 'IDS'\n          }, {\n            value: 5,\n            name: 'VPN'\n          }, {\n            value: 15,\n            name: '交换机'\n          }, {\n            value: 25,\n            name: '防火墙'\n          }, {\n            value: 20,\n            name: 'WAF'\n          }, {\n            value: 35,\n            name: '堡垒机'\n          }]\n        }]\n      };\n      myChart.setOption(option);\n      window.addEventListener(\"resize\", function () {\n        myChart.resize();\n      });\n    },\n    detailedThree: function detailedThree(dataList) {\n      var _this7 = this;\n      // console.log(this.threeImg,'图片');\n      // var equipment = [dataList.yjlts, dataList.yjlyj];\n      var that = this;\n      // console.log(that,'指向');\n      var colorList = [\"#0090ff\", \"#06d3c4\", \"#66b0ed\", \"#7cb79d\", \"#2361b4\", \"rgb(198,123,244)\"];\n      var colorList1 = [\"rgb(198,123,244)\", \"#2361b4\"];\n      // 饼图数据\n      var threeList = dataList.map(function (ele) {\n        return {\n          name: ele.gd_type_name,\n          value: ele.total\n        };\n      });\n      // console.log(threeList, \"饼图数据\");\n      // var legendData = dataList.concat(\n      //   {\n      //     value: equipment[0],\n      //     name: \"运检类投诉\",\n      //   },\n      //   {\n      //     value: equipment[1],\n      //     name: \"运检类意见\",\n      //   }\n      // );\n      this.myChartBin = this.$echarts.init(document.getElementById(\"detailedThree\"));\n      // var graphicList = [];\n      // legendData.forEach((ele, index) => {\n      //   if (index <= 2) {\n      //     graphicList.push({\n      //       type: \"image\",\n      //       style: {\n      //         image: this.threeImg,\n      //         width: 164,\n      //         height: 41,\n      //         x: 250,\n      //         y: 55 * (index + 1),\n      //       },\n      //     });\n      //   } else {\n      //     graphicList.push({\n      //       type: \"image\",\n      //       style: {\n      //         image: this.threeImg,\n      //         width: 164,\n      //         height: 41,\n      //         x: 424,\n      //         y: 55 * (index - 2),\n      //       },\n      //     });\n      //   }\n      // });\n      this.option = {\n        borderColor: \"none\",\n        tooltip: {\n          formatter: function formatter(param) {\n            if (param.data.type == null) {\n              return param.data.name + \":\" + param.value + \"个\";\n            } else {\n              return param.data.name + \":\" + param.value + \"个\";\n            }\n          }\n        },\n        legend: {\n          icon: \"pin\",\n          // height: 90,\n          top: 20,\n          show: false,\n          // bottom:0,\n          // itemGap: 40,\n          // lineHeight: 80,\n          //  padding: [30, 0, 30, 0],\n          // right: '20%',\n          // orient: \"vertical\", //垂直显示\n          x: \"center\",\n          //延Y轴居中\n          data: dataList.map(function (ele) {\n            return ele.gd_type_name;\n          }),\n          textStyle: {\n            color: \"#ffffff\",\n            fontSize: 15\n\n            // width:20,\n            // height:60,\n          }\n        },\n\n        series: [{\n          name: \"\",\n          type: \"pie\",\n          radius: [0, \"70%\"],\n          center: [\"50%\", \"50%\"],\n          startAngle: 60,\n          //默认角度\n          label: {\n            position: \"inner\",\n            show: false\n          },\n          itemStyle: {\n            normal: {\n              borderColor: \"none\",\n              borderWidth: 2,\n              fontSize: 16,\n              color: function color(params) {\n                return colorList[params.dataIndex];\n              }\n            }\n          },\n          selectedMode: \"single\",\n          data: threeList\n        }\n        // {\n        //   name: \"运检类\",\n        //   type: \"pie\",\n        //   radius: [\"70%\", \"80%\"],\n        //   center: [\"20%\", \"50%\"],\n        //   startAngle: 30,\n        //   itemStyle: {\n        //     normal: {\n        //       fontSize: 16,\n        //       color: function (params) {\n        //         return colorList1[params.dataIndex];\n        //       },\n        //       // color:'#F4C907',\n        //     },\n        //   },\n        //   label: {\n        //     normal: {\n        //       formatter: function (params) {\n        //         return params.data.name + \":\" + params.data.type + \"个\";\n        //       },\n        //       color: \"auto\",\n        //       show: false,\n        //       fontSize: 16,\n        //     },\n        //   },\n\n        //   data: [\n        //     {\n        //       value: equipment[0],\n        //       name: \"运检类投诉\",\n        //       type: equipment[0],\n        //     },\n        //     {\n        //       value: equipment[1],\n        //       name: \"运检类意见\",\n        //       type: equipment[1],\n        //     },\n        //   ],\n        //   animation: false,\n        // },\n        ]\n      };\n\n      this.myChartBin.setOption(this.option);\n      window.addEventListener(\"resize\", function () {\n        _this7.myChartBin.resize();\n      });\n    },\n    doing: function doing() {\n      this.option.series[0].startAngle = this.option.series[0].startAngle - 5;\n      this.option.series[1].startAngle = this.option.series[1].startAngle - 5;\n      this.myChartBin.setOption(this.option);\n    },\n    detailedFour: function detailedFour(dataList) {\n      var yearBzData = [];\n      var yearChcg = [];\n      var yearChbc = [];\n      var yearWchz = [];\n      var yearJieDi = [];\n      var yearFenJi = [];\n      for (var i = 0; i < dataList.length; i++) {\n        yearBzData.push(dataList[i].bz);\n        yearChcg.push(dataList[i].chcg);\n        yearChbc.push(dataList[i].chbc);\n        yearWchz.push(dataList[i].wchz);\n        yearJieDi.push(dataList[i].jd);\n        yearFenJi.push(dataList[i].fjbh);\n      }\n      // console.log(yearJieDi,'接地数据');\n      var that = this;\n      var myChart = this.$echarts.init(document.getElementById(\"detailedFour\"));\n      var option = {\n        tooltip: {\n          axisPointer: {\n            type: \"shadow\",\n            textStyle: {\n              color: \"#fff\",\n              fontSize: 16\n            }\n          }\n        },\n        grid: {\n          borderWidth: 0,\n          top: 30,\n          bottom: \"17%\",\n          left: \"6%\",\n          right: \"6%\",\n          textStyle: {\n            color: \"#fff\"\n          }\n        },\n        legend: {\n          icon: \"rect\",\n          right: \"4%\",\n          textStyle: {\n            color: \"#ffffff\"\n          },\n          data: [\"重合成功\", \"重合不成\", \"无重合闸\", \"接地\", \"分级保护\"]\n        },\n        calculable: true,\n        xAxis: [{\n          type: \"category\",\n          trigger: \"axis\",\n          axisLine: {\n            show: false,\n            lineStyle: {\n              color: \"#fff\",\n              fontSize: 16\n            }\n          },\n          splitLine: {\n            show: false\n          },\n          axisTick: {\n            show: false\n          },\n          splitArea: {\n            show: false\n          },\n          axisLabel: {\n            interval: 0,\n            fontSize: 14,\n            rotate: 30\n          },\n          data: yearBzData\n        }],\n        yAxis: [{\n          type: \"value\",\n          splitLine: {\n            show: true,\n            lineStyle: {\n              color: \"rgb(83,83,83)\",\n              fontSize: 16\n            }\n          },\n          axisLine: {\n            lineStyle: {\n              color: \"#fff\",\n              fontSize: 16\n            }\n          },\n          axisTick: {\n            show: false\n          },\n          axisLabel: {\n            interval: 0\n          },\n          splitArea: {\n            show: false\n          }\n        }],\n        series: [{\n          name: \"重合成功\",\n          type: \"bar\",\n          stack: \"Total1\",\n          barMaxWidth: 15,\n          barGap: \"10%\",\n          label: {\n            show: true,\n            formatter: function formatter(params) {\n              if (params.value == 0) {\n                return \"\";\n              } else {\n                return params.value;\n              }\n            }\n          },\n          itemStyle: {\n            normal: {\n              color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [{\n                offset: 0,\n                color: \"rgba(194,190,190,1)\"\n              }, {\n                offset: 1,\n                color: \"rgba(194,190,190,0)\"\n              }]),\n              borderColor: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [{\n                offset: 0,\n                color: \"rgba(194,190,190,1)\"\n              }, {\n                offset: 1,\n                color: \"rgba(194,190,190,0)\"\n              }])\n            }\n          },\n          data: yearChcg\n        }, {\n          name: \"重合不成\",\n          type: \"bar\",\n          barMaxWidth: 15,\n          stack: \"Total1\",\n          label: {\n            show: true,\n            formatter: function formatter(params) {\n              if (params.value == 0) {\n                return \"\";\n              } else {\n                return params.value;\n              }\n            }\n          },\n          itemStyle: {\n            normal: {\n              color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [{\n                offset: 0,\n                color: \"rgba(86,254,226,1)\"\n              }, {\n                offset: 1,\n                color: \"rgba(86,254,226,0)\"\n              }]),\n              borderColor: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [{\n                offset: 0,\n                color: \"rgba(86,254,226,1)\"\n              }, {\n                offset: 1,\n                color: \"rgba(86,254,226,0)\"\n              }])\n            }\n          },\n          data: yearChbc\n        }, {\n          name: \"无重合闸\",\n          type: \"bar\",\n          barMaxWidth: 15,\n          stack: \"Total1\",\n          label: {\n            show: true,\n            formatter: function formatter(params) {\n              if (params.value == 0) {\n                return \"\";\n              } else {\n                return params.value;\n              }\n            }\n          },\n          itemStyle: {\n            normal: {\n              color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [{\n                offset: 0,\n                color: \"rgba(237,125,49,1)\"\n              }, {\n                offset: 1,\n                color: \"rgba(237,125,49,0)\"\n              }]),\n              borderColor: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [{\n                offset: 0,\n                color: \"rgba(237,125,49,1)\"\n              }, {\n                offset: 1,\n                color: \"rgba(237,125,49,0)\"\n              }]),\n              barBorderRadius: 0\n            }\n          },\n          data: yearWchz\n        }, {\n          name: \"接地\",\n          type: \"bar\",\n          barMaxWidth: 15,\n          stack: \"Total1\",\n          label: {\n            show: true,\n            formatter: function formatter(params) {\n              if (params.value == 0) {\n                return \"\";\n              } else {\n                return params.value;\n              }\n            }\n          },\n          itemStyle: {\n            normal: {\n              color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [{\n                offset: 0,\n                color: \"rgba(35,160,247,1)\"\n              }, {\n                offset: 1,\n                color: \"rgba(35,160,247,0)\"\n              }]),\n              borderColor: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [{\n                offset: 0,\n                color: \"rgba(35,160,247,1)\"\n              }, {\n                offset: 1,\n                color: \"rgba(35,160,247,0)\"\n              }]),\n              barBorderRadius: 0\n            }\n          },\n          data: yearJieDi\n        }, {\n          name: \"分级保护\",\n          type: \"bar\",\n          barMaxWidth: 15,\n          stack: \"Total1\",\n          label: {\n            show: true,\n            formatter: function formatter(params) {\n              if (params.value == 0) {\n                return \"\";\n              } else {\n                return params.value;\n              }\n            }\n          },\n          itemStyle: {\n            normal: {\n              color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [{\n                offset: 0,\n                color: \"rgba(156,73,200,1)\"\n              }, {\n                offset: 1,\n                color: \"rgba(156,73,200,0)\"\n              }]),\n              borderColor: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [{\n                offset: 0,\n                color: \"rgba(156,73,200,1)\"\n              }, {\n                offset: 1,\n                color: \"rgba(156,73,200,0)\"\n              }]),\n              barBorderRadius: 0\n            }\n          },\n          data: yearFenJi\n        }]\n      };\n      myChart.setOption(option);\n      window.addEventListener(\"resize\", function () {\n        myChart.resize();\n      });\n    },\n    detailedFive: function detailedFive(dataPbty) {\n      var dataListx = [];\n      var dataPb = [];\n      var dataGz = [];\n      var dataCf = [];\n      for (var _i = 0; _i < dataPbty.length; _i++) {\n        dataListx.push(dataPbty[_i].gds);\n        dataGz.push(dataPbty[_i].gztytc);\n        dataPb.push(dataPbty[_i].pbsl);\n        dataCf.push(dataPbty[_i].cftytc);\n      }\n      var datacoords = [];\n      var datacoords1 = [];\n      for (var i = 0; i < dataListx.length; i++) {\n        datacoords.push([{\n          coord: [i, dataGz[i]]\n        }, {\n          coord: [i + 1, dataGz[i + 1]]\n        }]);\n      }\n      for (var i = 0; i < dataListx.length; i++) {\n        datacoords1.push([{\n          coord: [i, dataCf[i]]\n        }, {\n          coord: [i + 1, dataCf[i + 1]]\n        }]);\n      }\n      var that = this;\n      var myChart = this.$echarts.init(document.getElementById(\"detailedFive\"));\n      var option = {\n        animation: true,\n        //控制动画示否开启\n        animationDuration: 2000,\n        animationEasing: \"bounceOut\",\n        //缓动动画\n        animationThreshold: 8,\n        //动画元素的阈值\n        grid: {\n          top: \"15%\",\n          bottom: \"30%\" //也可设置left和right设置距离来控制图表的大小\n        },\n\n        tooltip: {\n          trigger: \"axis\",\n          axisPointer: {\n            type: \"shadow\",\n            label: {\n              show: true\n            }\n          }\n        },\n        legend: {\n          data: [\"配变数量\", \"故障停运\", \"重复停运\"],\n          top: \"0%\",\n          //  icon:'roundRect',\n          //  itemHeight:2, // 粗细\n          textStyle: {\n            color: \"#ffffff\"\n          }\n        },\n        xAxis: {\n          data: dataListx,\n          axisLine: {\n            show: false,\n            //隐藏X轴轴线\n            lineStyle: {\n              color: \"#01FCE3\"\n            }\n          },\n          axisTick: {\n            show: false //隐藏X轴刻度\n          },\n\n          axisLabel: {\n            show: true,\n            interval: 0,\n            textStyle: {\n              color: \"#ffffff\",\n              //X轴文字颜色\n              fontSize: \"16px\"\n            }\n          }\n        },\n        yAxis: [{\n          type: \"value\",\n          name: \"配变数量\",\n          nameTextStyle: {\n            color: \"#ffffff\",\n            padding: [0, 30, 0, 0]\n          },\n          splitLine: {\n            show: false\n          },\n          axisTick: {\n            show: false\n          },\n          axisLine: {\n            show: false,\n            lineStyle: {\n              color: \"#FFFFFF\"\n            }\n          },\n          axisLabel: {\n            show: true,\n            interval: 0,\n            textStyle: {\n              color: \"#ffffff\"\n            }\n          }\n        }, {\n          type: \"value\",\n          name: \"停运台次\",\n          nameTextStyle: {\n            color: \"#ffffff\"\n          },\n          position: \"right\",\n          splitLine: {\n            show: false\n          },\n          axisTick: {\n            show: false\n          },\n          axisLine: {\n            show: false\n          },\n          axisLabel: {\n            show: true,\n            // formatter: \"{value} %\", //右侧Y轴文字显示\n            textStyle: {\n              color: \"#ffffff\"\n            }\n          }\n        }, {\n          type: \"value\",\n          gridIndex: 0,\n          min: 50,\n          max: 100,\n          splitNumber: 8,\n          splitLine: {\n            show: false\n          },\n          axisLine: {\n            show: false\n          },\n          axisTick: {\n            show: false\n          },\n          axisLabel: {\n            show: false\n          },\n          splitArea: {\n            show: true,\n            areaStyle: {\n              color: [\"rgba(250,250,250,0.0)\", \"rgba(250,250,250,0.05)\"]\n            }\n          }\n        }],\n        series: [{\n          name: \"故障停运\",\n          type: \"line\",\n          yAxisIndex: 1,\n          //使用的 y 轴的 index，在单个图表实例中存在多个 y轴的时候有用\n          smooth: false,\n          //平滑曲线显示\n          showAllSymbol: true,\n          //显示所有图形。\n          shadowOffsetX: 0,\n          // 折线的X偏移\n          shadowOffsetY: 10,\n          // 折线的Y偏移\n          symbol: \"circle\",\n          //标记的图形为实心圆\n          symbolSize: 1,\n          //标记的大小\n          itemStyle: {\n            //折线拐点标志的样式\n            color: \"rgb(237,125,49)\"\n          },\n          lineStyle: {\n            color: \"rgb(237,125,49)\"\n          },\n          // areaStyle: {\n          //   show:false,\n          //   color: \"rgba(5,140,255, 0.2)\",\n          // },\n          emphasis: {\n            focus: \"series\"\n          },\n          data: dataGz\n        }, {\n          showSymbol: false,\n          name: \"故障停运\",\n          type: \"lines\",\n          yAxisIndex: 1,\n          polyline: true,\n          smooth: false,\n          coordinateSystem: \"cartesian2d\",\n          zlevel: 1,\n          effect: {\n            show: true,\n            smooth: false,\n            period: 6,\n            trailLenth: 0.1,\n            symbolSize: 6,\n            symbol: \"circle\"\n          },\n          lineStyle: {\n            color: \"#fff\",\n            width: 1,\n            opacity: 0,\n            curveness: 0,\n            cap: \"round\"\n          },\n          data: datacoords\n        }, {\n          name: \"重复停运\",\n          type: \"line\",\n          yAxisIndex: 1,\n          //使用的 y 轴的 index，在单个图表实例中存在多个 y轴的时候有用\n          smooth: false,\n          //平滑曲线显示\n          shadowOffsetX: 0,\n          // 折线的X偏移\n          shadowOffsetY: 10,\n          // 折线的Y偏移\n          showAllSymbol: true,\n          //显示所有图形。\n          symbol: \"circle\",\n          //标记的图形为实心圆\n          symbolSize: 1,\n          //标记的大小\n          itemStyle: {\n            //折线拐点标志的样式\n            show: false,\n            color: \"#058cff\"\n          },\n          lineStyle: {\n            show: false,\n            color: \"#058cff\"\n          },\n          // areaStyle: {\n          //   show:false,\n          //   color: \"rgba(5,140,255, 0.2)\",\n          // },\n          data: dataCf\n        }, {\n          showSymbol: false,\n          name: \"重复停运\",\n          type: \"lines\",\n          yAxisIndex: 1,\n          polyline: true,\n          smooth: false,\n          coordinateSystem: \"cartesian2d\",\n          zlevel: 1,\n          effect: {\n            show: true,\n            smooth: false,\n            period: 6,\n            trailLenth: 0.1,\n            symbolSize: 6,\n            symbol: \"circle\"\n          },\n          lineStyle: {\n            color: \"#fff\",\n            width: 1,\n            opacity: 0,\n            curveness: 0,\n            cap: \"round\"\n          },\n          data: datacoords1\n        }, {\n          name: \"配变数量\",\n          type: \"bar\",\n          barWidth: 15,\n          itemStyle: {\n            normal: {\n              color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [{\n                offset: 0,\n                color: \"rgba(86,254,226,1)\"\n              }, {\n                offset: 1,\n                color: \"rgba(86,254,226,0)\"\n              }])\n            }\n          },\n          data: dataPb\n        }]\n      };\n      myChart.setOption(option);\n      window.addEventListener(\"resize\", function () {\n        myChart.resize();\n      });\n    },\n    //报警详情信息弹窗\n    enlargeBtn: function enlargeBtn(index) {\n      var _this8 = this;\n      var that = this;\n      this.pageShow = false;\n      if (index == 0) {\n        //   let endDate = this.$moment(new Date())\n        //   .format(\"YYYY-MM-DD hh:mm:ss\");\n        // let startDate =  this.$moment(new Date()).subtract(1,'h').format('YYYY-MM-DD hh:mm:ss')\n        //   this.page = 1;\n        //   let cabData = {\n        //     token: localStorage.getItem(\"token\"),\n        //     pageSize: this.pageSize,\n        //     page: this.page,\n        //     sn: \"\",\n        //     startDate: startDate,\n        //     endDate: endDate,\n        //   };\n        //   getCabinetAlarmList(cabData).then((res) => {\n        //     if (res.data.data.data != null) {\n        //       this.totals = res.data.data.total;\n        //       this.alarmInformationData = res.data.data.data;\n        //     }\n        //   });\n        this.$refs.audio.currentTime = 0; //从头开始播放提示音\n        this.$nextTick(function () {\n          _this8.$refs.audio.play();\n        });\n        this.alarmInformationShow = true;\n        this.$nextTick(function () {\n          _this8.pageShow = true;\n        });\n        this.realTimeAlarmShow = false;\n        this.handleCurrentChange(1);\n      } else if (index == 1) {\n        this.enlargeShow = false;\n        // this.$refs.iframe.contentWindow.fullscreen(1);\n        document.getElementById(\"left\").style.display = \"none\";\n        document.getElementById(\"right\").style.display = \"none\";\n        document.getElementById(\"middle\").style.width = \"100%\";\n        document.getElementById(\"middle\").style.height = \"100%\";\n        document.getElementById(\"detailed\").style.display = \"none\";\n        document.getElementById(\"threeModel\").style.height = \"100%\";\n        document.getElementById(\"threeModel\").style.width = \"100%\";\n      }\n    },\n    //报警详情信息弹窗\n    enlargeBtn1: function enlargeBtn1(index) {\n      var _this9 = this;\n      this.pageShow = false;\n      if (index == 0) {\n        // this.$refs.audio.currentTime = 0; //从头开始播放提示音\n        // this.$refs.audio.play();\n        // this.alarmInformationShow = true;\n        // this.realTimeAlarmShow = false;\n        this.$refs.audio.currentTime = 0; //从头开始播放提示音\n        this.$nextTick(function () {\n          _this9.$refs.audio.play();\n        });\n        this.alarmInformationShow = true;\n        this.$nextTick(function () {\n          _this9.pageShow = true;\n        });\n        this.realTimeAlarmShow = false;\n        this.handleCurrentChange(1);\n      } else if (index == 1) {\n        this.enlargeShow = true;\n        // this.$refs.iframe.contentWindow.fullscreen(1);\n        document.getElementById(\"left\").style.display = \"flex\";\n        document.getElementById(\"left\").style.width = \"17.18%\";\n        document.getElementById(\"right\").style.display = \"flex\";\n        document.getElementById(\"right\").style.width = \"17.18%\";\n        document.getElementById(\"middle\").style.width = \"55.7%\";\n        document.getElementById(\"middle\").style.height = \"100%\";\n        document.getElementById(\"detailed\").style.display = \"flex\";\n        document.getElementById(\"detailed\").style.height = \"350px\";\n      }\n    },\n    handleClose: function handleClose() {\n      this.alarmInformationShow = false;\n      this.$refs.audio.pause();\n      this.page = 1;\n      this.totals = 0;\n    },\n    handleDate: function handleDate(index) {\n      var _this10 = this;\n      this.currentIndex = index;\n      // if (index == 0) {\n      //周配变停运\n      getPbtyqk({\n        action: index == 0 ? \"week\" : \"month\"\n      }).then(function (res) {\n        var dataPbty = [];\n        dataPbty = res.data.data;\n        _this10.detailedFive(dataPbty);\n        var dataPb = [];\n        var dataCf = [];\n        for (var i = 0; i < dataPbty.length; i++) {\n          dataPb.push(dataPbty[i].pbsl);\n          dataCf.push(dataPbty[i].cftytc);\n        }\n        _this10.topContent[0].count = dataPb.reduce(function (x, y) {\n          return x + y;\n        });\n        _this10.topContent[1].count = dataCf.reduce(function (x, y) {\n          return x + y;\n        });\n        var pbCount = _this10.topContent[1].count / _this10.topContent[0].count * 100;\n        var pbCountString = pbCount.toString();\n        if (pbCountString.indexOf(\".\") != -1) {\n          _this10.topContent[2].count = pbCountString.substring(0, pbCountString.indexOf(\".\") + 3) + \"%\";\n        } else {\n          _this10.topContent[2].count = pbCountString + \"%\";\n        }\n      });\n      // }else if (index == 1) {\n      //   //月配变停运\n      //   getPbtyqk({\n      //     action:\"month\"\n      //   }).then((res)=>{\n      //     let dataPbty = [];\n      //     dataPbty = res.data.data\n      //     this.detailedFive(dataPbty);\n      //     let dataPb = [];\n      //     let dataCf = [];\n      //     for (let i = 0; i < dataPbty.length; i++) {\n      //       dataPb.push(dataPbty[i].pbsl);\n      //       dataCf.push(dataPbty[i].cftytc);\n      //     }\n      //     this.topContent[0].count = dataPb.reduce((x, y) => x + y)\n      //     this.topContent[1].count = dataCf.reduce((x, y) => x + y)\n      //      let pbCount =  (this.topContent[1].count/this.topContent[0].count)*100\n      //     let pbCountString = pbCount.toString()\n      //     if (pbCountString.indexOf(\".\") != -1) {\n      //       this.topContent[2].count =  pbCountString.substring(0,pbCountString.indexOf(\".\")+3) + '%'\n      //     }else{\n      //     this.topContent[2].count = pbCountString +'%'\n      //     }\n      //   })\n      // }\n    },\n    addColor: function addColor(index) {\n      if (this.currentIndex == index) {\n        return {\n          active: this.acolor\n        };\n      }\n    }\n  },\n  watch: {\n    //监听内容\n    value: function value(newVal, oldVal) {\n      if (newVal != oldVal && newVal != \"\") {\n        this.selectLine(newVal);\n      } else if (newVal == \"\") {\n        this.selectLine(\"\");\n        this.value = \"\";\n      }\n    },\n    rowTime: {\n      deep: true,\n      handler: function handler(newVal, oldVal) {\n        console.log(newVal, oldVal, \"pppppppppppppppp\");\n        if (newVal != oldVal && newVal != \"\" && oldVal != \"\") {\n          this.enlargeBtn(0);\n        }\n      }\n    }\n  }\n};",{"version":3,"mappings":";;;;;;AAkpBA,SACAA,gBACAC,SACAC,YACAC,SACAC,WACAC,YACAC,WACAC,gBACAC,gBACAC,oBACAC;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;EACAC;EACAC;IACAC;IAAA;IACAC;IAAA;IACAC;IAAA;IACAC;EACA;EACAC;IAAA;IACA;MACAC;MACAC;MACAC;MACAC;MACAC;MAEAC;MACAC,aACA;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;MACA,GACA;QACAL;QACAC;QACAC;QACAC;QACAC;QACAC;MACA,GACA;QACAL;QACAC;QACAC;QACAC;QACAC;QACAC;MACA,GACA;QACAL;QACAC;QACAC;QACAC;QACAC;QACAC;MACA,GACA;QACAL;QACAC;QACAC;QACAC;QACAC;QACAC;MACA,GACA;QACAL;QACAC;QACAC;QACAC;QACAC;QACAC;MACA,GACA;QACAL;QACAC;QACAC;QACAC;QACAC;QACAC;MACA,GACA;QACAL;QACAC;QACAC;QACAC;QACAC;QACAC;MACA,GACA;QACAL;QACAC;QACAC;QACAC;QACAC;QACAC;MACA,GACA;QACAL;QACAC;QACAC;QACAC;QACAC;QACAC;MACA,GACA;QACAL;QACAC;QACAC;QACAC;QACAC;QACAC;MACA,GACA;QACAL;QACAC;QACAC;QACAC;QACAC;QACAC;MACA,EACA;MAAA;MACAC;MACAC;MAAA;MACAC;MACAC;MACAC;MAAA;MACAC;MAAA;MACAC;MACAC;MACAC;MACAC;MACAC;MACAC;MACAC,aACA;QACAC;QACAjC;MACA,GACA;QACAiC;QACAjC;MACA,GACA;QACAiC;QACAjC;MACA,GACA;QACAiC;QACAjC;MACA,EACA;MACAkC,aACA;QACAD;MACA,GACA;QACAA;MACA,EACA;MACAE,cACA;QACAF;MACA,GACA;QACAA;MACA,EACA;MACAG,UACA;QACAC;QACAC;MACA,EACA;MACAD;MACAE,aACA;QACAvC;QACAwC;MACA,GACA;QACAxC;QACAwC;MACA,GACA;QACAxC;QACAwC;MACA,EACA;MACAC;IAAA,sCACA,uCACA,iDACA,oCACA,2CACA,4CAEA,CACA;MACAC;MACAC;MACAzB;IACA,GACA;MACAwB;MACAC;MACAzB;IACA,GACA;MACAwB;MACAC;MACAzB;IACA,GACA;MACAwB;MACAC;MACAzB;IACA,GACA;MACAwB;MACAC;MACAzB;IACA,GACA;MACAwB;MACAC;MACAzB;IACA,EACA,sCAGA,0CAEA,wCAEA,0CACA,uCAGA,yCACA,oCACA,8CACA,sCACA;EAEA;EACA0B;EACAC;IAAA;IACA;IACA;IACAC;MACAC;MACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA1D;MACA;MACA;IACA;;IAEA;IACAC;MAAA0D;IAAA;MACA;QACA;UACA;YACAX;YACAC;UACA;QACA;MACA;IACA;IACA;IACA;IACA;MACA/C;QACAyD;MACA;QACAC;QACA;UACA;YACA;YACAC,gCACA;YACA;UACA;;UACA;YACA;YACAA,2BACA;UACA;UACA;QACA;MACA;IACA;IACA;IACA;IACA;MACA1D;QAAAwD;MAAA;QACAC;QACA;QAEA;UACA;YACA,IACA,oEACA;cACA;cACA;YACA;UACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;MACA;IACA;;IAEA;IACA1D;MACAyD;IACA;MACAC;MACA;MACA;MACA;QACA;UACA;YACA;YACA;YACA;YACA;YACA;UACA;QACA;MACA;MACA;IACA;IACA;IACAxD;MACA;MACA0D;MACA;IACA;IACA;IACAzD;MACA;MACA0D;MACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACAN;MACA;MACA;QACAO;QACAA;QACAA;MACA;IACA;IACA;IACA;MACAC;MACA7C;MACAC;IACA;IACAZ;MACA;IACA;IACAgD;MACA;MACA,0CACAS,iBACAC;MACA;QACAF;QACA7C;QACAC;QACA+C;QACAC;QACAC;QACAC;MACA;MACA7D;QACA;QACA;UACAmD;YACA;cACAW;YACA;cACAA;YACA;UACA;UACA;YACA;UACA;UACA;YACAC;UACA;UACA;UACA;UACA;YACA;UACA;YACA;UACA;QACA;MACA;IACA;EACA;EACA;EACA;EACA;EACAC;IACA;IACAhB;IACA;EACA;EACAiB;IACAC;MACA;QACA;MACA;IACA;IACAC;MACA;MACA;MACA;QACAC;UACAC;UACAC;YACAC;UACA;QACA;QACAC;UACAC;YACAC;YAAA;YACAC;UACA;;UAEApE;QACA;QACAqE,QACA;UACAL;UACAhE,OACA,cACA,cACA,cACA,cACA,aACA;UACAsE;YACAC;YACAL;cACAE;YACA;UACA;QACA,EACA;QACAI,QACA;UACAR;UACAtE;UACA4E;YACAJ;cACAE;YACA;UACA;QACA,EACA;QACAK,SACA;UACA/E;UACAsE;UACAU;YACAN;YAAA;YACAO;YAAA;YACAC;UACA;UACAC;YACAC;UACA;UACA9E;QACA,GACA;UACAN;UACAsE;UACAU;YACAN;YAAA;YACAO;YAAA;YACAC;UACA;UACAC;YACAC;UACA;UACA9E;QACA;MAEA;MACA+E;MACAvC;QACAuC;MACA;IACA;IACA;IACAC;MAAA;MACA/F;QACAyD;MACA;QACAC;QACA;UACA;YACA;YACAC,gCACA;YACA;UACA;;UACA;YACA;YACAA,2BACA;UACA;UACA;QACA;MACA;IACA;IACA;IACAqC;MAAA;MACA/F;QAAAwD;MAAA;QACAC;QACA;QAEA;UACA;YACA,IACA,qEACA;cACA;cACA;YACA;UACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;MACA;IACA;IACA;IACAuC;MACA;QACA;MACA;QACA;MACA;IACA;IACA;IACAC;MACA;MACA;MACA;QACA5D;QACA;UACA;UACA6D;QACA;UACAA,gEACA;UACA;QACA;UACA;UACAA,gEACA;QACA;UACA;UACAA,gEACA;QACA;UACA;UACAA,gEACA;QACA;MACA;QACA;MACA;IACA;IACA;IACAC;MAAA;MACA;MACA;MACA;MACArG;QAAA0D;MAAA;QAAA;QACAC;QACA;QACA;MACA;IACA;IACA;IACA2C;MACA;MACA;MACA;MACA;IACA;IACA;IACAC;MACA;MACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACAC;MACA;IACA;IACA;IACAC;MACA;MACA;IACA;IACA;IACAC;MAAA;MACA1G;QACA0D;QACAiD;MACA;QACA;QACA;UACA,mDACA/C,wBACA;QACA;UACA;QACA;MACA;IACA;IACAgD;MAAA;MACA;MACA;MACA;MACA;QACAC;QACAC;MACA;MAEA;MACA;QACAjC;UACAU;UACAT;UACAC;YACAC;UACA;QACA;QACA+B;UACAC;UACAC;UACAC;UACAC;UACAC;QACA;QAEA/B,QACA;UACAL;UACAhE;UACAqG;YACA9B;YACA+B;UACA;UACAhC;YACAF;YACAmC;YACApC;UACA;UACAqC;YACAjC;YAAA;YACAkC;cACArC;YACA;UACA;QACA,EACA;QACAI,QACA;UACA9E;UACAsE;UACAhE;UACA0G;YACAtC;YACA;YACAD;UACA;UACAG;YACAF;UACA;UACAuC;YACApC;YACAkC;cACAzC;cACA;cACAI;cACAwC;cACA;cACAzC;YACA;UACA;UACA0C;YACAtC;UACA;QACA,EACA;QACAE;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;UACA/E;UACAsE;UACA8C;UACApC;YACAN;cACA;cACA,iBACA,wDACA;gBAAA2C;gBAAA3C;cAAA,GACA;gBAAA2C;gBAAA3C;cAAA,EACA,GACA,wDACA;gBACA2C;gBACA3C;cACA,GACA;gBACA2C;gBACA3C;cACA,EACA,EACA;cACA;gBACA;cACA;gBACA;cACA;YACA;YACAD;UACA;UACAnE;UACAgC;YACAuC;YACAyC;YACAC;YACAC;YACA9C;UACA;UACA;UACA;UACA;QACA;MAEA;;MAEAW;MAEAvC;QACAuC;MACA;IACA;IACAoC;MACA;MACA;MACA;MACA;MACA;QACAC;QACAC;QACAC;QACAC;MACA;MACA;MACA;MACA;QACA;QACA;QACA1D;UACAC;UACAC;YACAC;YACAhC;cACAwF;YACA;UACA;QACA;QACAzB;UACAE;UACAC;UACAC;UACAH;UACAI;QACA;QACAnC;UACA+B;UACArE;UACAuE;UACAlG;UACAkE;YACAE;YACAD;UACA;QACA;QACAE;UACAL;UACAhE;UACAwG;YACA;YACAC;cACArC;YACA;UACA;UACAE;YACA;YACAiC;YACArC;cACAE;cACAD;YACA;UACA;UACAwC;YACApC;YACAkC;cACArC;cACAwC;cACA5C;YACA;UACA;QACA;QACAQ;UACAR;UACAwC;YACA;YACAjC;YACAkC;cACArC;YACA;UACA;UACAE;YACA;YACA;YACAJ;cACAE;cACAD;YACA;UACA;UACAkC;YACA9B;UACA;UACAoC;YACApC;YACAkC;cACArC;cACAwC;cACA5C;YACA;UACA;QACA;QACAS,SACA;UACAT;UACAyD;UACAC;UACAC;UACAC;YACAF;UACA;UACAhI;UACAM;UACA0E;YACAmD;cACAzD;cACA0D;cACAlD;YACA;UACA;UACA6B;YACAoB;cACAjB;cACAxC;cACA2D;cACAC;YACA;UACA;UACAC;YACA7D;cACAJ;cACAkE;cACAC;cACAC;cACAC;cACAC,aACA;gBACAvB;gBACA3C;cACA,GACA;gBACA2C;gBACA3C;cACA,EACA;;cACAmE;YACA;UACA;QACA,GACA;UACAvE;UACAyD;UACAC;UACAC;UACAC;YACAF;UACA;UACA1H;UACAN;UACAgF;YACAmD;cACAzD;cACA0D;cACAlD;YACA;UACA;UACA6B;YACAoB;cACAjB;cACAxC;cACA2D;cACAC;YACA;UACA;UACAC;YACA7D;cACAJ;cACAkE;cACAC;cACAC;cACAC;cACAC,aACA;gBACAvB;gBACA3C;cACA,GACA;gBACA2C;gBACA3C;cACA,EACA;;cACAmE;YACA;UACA;QACA,GACA;UACAvE;UACAyD;UACAC;UACAC;UACAC;YACAF;UACA;UACA1H;UACAN;UACAgF;YACAmD;cACAzD;cACA0D;cACAlD;YACA;UACA;UACA6B;YACAoB;cACAjB;cACAxC;cACA2D;cACAC;YACA;UACA;UACAC;YACA7D;cACAJ;cACAkE;cACAC;cACAC;cACAC;cACAC,aACA;gBACAvB;gBACA3C;cACA,GACA;gBACA2C;gBACA3C;cACA,EACA;;cACAmE;YACA;UACA;QACA;MAEA;;MACAxD;MACAvC;QACAuC;MACA;IACA;IACAyD;MACA;MACA;MACA;QAEAzC;UACAE;UACAC;UACAF;UACAG;UACAC;QACA;QACAvC;UACAU;UACAT;QACA;QACAG;UACAM;UACA2D;UACAC;UACAxG;UACA8G;UACAC;UACAxE;YACAE;UACA;UACApE;QACA;QACAqE,QACA;UACAL;UACA2E;UACArE;YACAF;UACA;UACAoC;YACAjC;YACAkC;cACArC;YACA;UACA;UACAiC;YACA9B;UACA;UACAoC;YACApC;YACAkC;cACArC;YACA;UACA;UACApE;QACA,EACA;QACAwE,QACA;UACAR;UACAtE;UACAkJ;UACAC;UACAvE;YACAwE;YACA5E;cACAE;YACA;UACA;UACAoC;YACAC;cACArC;YACA;UACA;UACAiC;YACA9B;UACA;UACAoC;YACApC;YACAkC;cACArC;cACAJ;YACA;UACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QAAA,CACA;;QACAS;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;UACA/E;UACAsE;UACA+E;UACArB;UACAC;UAEAjD;YACAmD;cACAzD;cACAqC;gBACArC;gBACAwC;cACA;cACA;cACA;cACA;cACA;cACA;cACA;cACA;cACA;cACA;cACA;YACA;UACA;;UACA5G;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QAAA;MAEA;;MACA+E;MACAvC;QACAuC;MACA;IACA;IACAiE;MACA;MACA;QACAC;UACAf;UACAC;QACA;QACAe;UACAvG;UACA;UACA;UACA;UACA;UACA;UACAwG;QACA;MACA;MACA;QACAF;UACAf;UACAC;QACA;QACAe;UACA;UACA;UACA;UACA;UACA;UACAC;QACA;MACA;MACA;QACAF;UACAf;UACAC;QACA;QACAe;UACA;UACA;UACA;UACA;UACAC;QACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;QACAC;UACAC;UACArD;UACAC;UACA/B;YACAE;YACAD;UACA;QACA;QACA4B;UACAE;UACAC;UACAC;UACAH;UACAI;QACA;QACA5B;UACAR;UACAhE;UACAwG;YACAjC;YACAkC;cACArC;YACA;UACA;UACA2C;UACAV;YACA9B;YACA+E;YACAhD;YACAG;cACArC;YACA;UACA;UACAE;YACAH;UACA;QACA;QACAE;UACAL;UACAwC;YACAjC;YACAkC;cACArC;YACA;UACA;UACAuC;YACApC;UACA;UACA8B;YACA9B;UACA;UACAD;YACAC;YACAJ;UACA;UACAwE;QACA;QACAlE;UACAT;UACAuF;YACA;YACA;cACAvF;cACAwF;gBACAxF;gBACAiF;kBACAQ;kBACAC;kBACAC;kBACAzB;kBACAC;kBACAyB;gBACA;gBACAC;kBACAC;gBACA;cACA;gBACA9F;gBACAiF;kBACAQ;kBACAC;kBACAC;kBACAzB;kBACAC;kBACAyB;gBACA;gBACAC;kBACAC;gBACA;cACA;gBACA9F;gBACAiF;kBACAQ;kBACAC;kBACAC;kBACAzB;kBACAC;kBACAyB;gBACA;gBACAC;kBACAC;gBACA;cACA;YACA;UACA;UACA9J;QACA,GACA;UACAgE;UACAuF;YACA;YACA;cACAvF;cACAwF;gBACAxF;gBACAiF;kBACAQ;kBACAC;kBACAC;kBACAzB;kBACAC;kBACAyB;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;cACA;gBACA5F;gBACAiF;kBACAQ;kBACAC;kBACAC;kBACAzB;kBACAC;kBACAyB;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;cACA;gBACA5F;gBACAiF;kBACAQ;kBACAC;kBACAC;kBACAzB;kBACAC;kBACAyB;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;cACA;YACA;UACA;;UACA5J;QACA,GACA;UACAgE;UACAhC;YACA6F;cACAtD;cACAyC;cACA8B;gBACA;kBACA;oBACA;kBACA;oBACA;kBACA;oBACA;kBACA;gBAAA;cAGA;cACA3E;cACAC;cACA2C;YACA;UACA;UACArC;YACAN;UACA;UACApE;QACA;MACA;MACA+E;MACAvC;QACAuC;MACA;IACA;IACAgF;MACA;MACA;MACA;MACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;;QAEA;QACA;QACAlG;UACAC;UACAgF;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACAM;UACAY;UACAX;UACAnB;UACAC;UACAjE;YACAC;YACA+C;YACA9C;UACA;UACA6F;YACA9F;YACA+C;YACAgD;YACA9F;UACA;QACA;QACAK;UACAT;UACAmG;UACAC;UACAhG;UACAM;YACAmD;cACAjD;cACAkD;YACA;UACA;UACA9H;YACA+B;YACArC;UACA,GACA;YACAqC;YACArC;UACA,GACA;YACAqC;YACArC;UACA,GACA;YACAqC;YACArC;UACA,GACA;YACAqC;YACArC;UACA,EAEA;UACA2K;YACAxC;cACAtD;cACA+E;cACAgB;cACA7D;gBACArC;gBACAwC;cACA;YACA;UACA;UACA5E;YACA6F;cACAiB;cACAyB;gBACAC;kBACArG;kBACAC;kBACA8F;kBACAO;gBACA;gBACAC;kBACA5C;kBACAlB;kBACAhC;kBACA+F;gBACA;gBACAC;kBACAzG;kBACA+F;kBACAO;kBACArG;gBACA;cACA;YACA;UACA;QACA;MAGA;MACAW;MACAvC;QACAuC;MACA;IACA;IACA8F;MACA;MACA;QACAzG;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA2B;UACAE;UACAD;UACAG;UACAD;UACAE;QACA;QACAvC;UACAC;UACAgF;QACA;QACA7E;UACAD;UACA8G;UACA;UACA9E;UACAE;UACA;UACAuC;UACAC;UACAqC;UACA7G;YACAE;YACAD;YACA+C;UACA;UACAlH;QACA;QACAgL;QACAC;UACA1E;UACAvC;UACAhE;UACAkL;UACA1E;YACAjC;YACAkC;cACArC;cACAwC;cACA5C;YACA;UACA;UACAM;YACAiC;YACAhC;YACAH;YACA+G;YACAhH;UACA;QACA;QACAiH;UACAxC;UACAC;UACAtC;UACAC;YACAjC;YACAkC;cACArC;cACAwC;cACA5C;YACA;UACA;UACAM;YACAwE;YACAvE;YACAkG;YACArG;YACAD;UACA;UACAwC;YACAF;cACArC;cACAwC;cACA5C;YACA;UACA;QACA;QACAqH;QACA5G;UACAT;UACAmG;UACAmB;UACAjB;YACAxC;cACAtD;cACA+E;cACAgB;YACA;YACAzF;cACAN;YACA;UACA;UACAvE;YACAN;YACAqC;YACA2C;cACAmD;gBACAzD;cACA;YACA;UACA;QACA;UACAJ;UACAmG;UACAmB;UACAjB;YACAxC;cACAtD;cACA+E;cACAgB;YACA;YACAzF;cACAN;YACA;UACA;UACA7E;UACAM;YACAN;YACAqC;YACA2C;cACAmD;gBACAzD;cACA;YACA;UACA;QACA;UACA2E;UACA/E;UACAmG;UACAoB;UACAC;UACAxJ;YACA6F;cACAtD;cACAuE;cACA5E;gBACAC;cACA;cACA6C;YACA;YACAnC;cACAN;YACA;UACA;UACA8F;YACAxC;cACAtD;cACA+E;cACAgB;YACA;YACAzF;cACAN;YACA;UACA;UACAvE;YACA+B;YACArC;UACA,GACA;YACAqC;YACArC;UACA,GACA;YACAqC;YACArC;UACA,GACA;YACAqC;YACArC;UACA,GACA;YACAqC;YACArC;UACA,GACA;YACAqC;YACArC;UACA;QAEA;MACA;MACAqF;MACAvC;QACAuC;MACA;IACA;IACA0G;MAAA;MACA;MACA;MACA;MACA;MACA,iBACA,WACA,WACA,WACA,WACA,WACA,mBACA;MACA;MACA;MACA;QACA;UAAA/L;UAAAqC;QAAA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA,qCACAqD,yCACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;QACA0C;QAEAjE;UACAiF;YACA;cACA;YACA;cACA;YACA;UACA;QACA;QAEA7E;UACAtC;UACA;UACAqE;UACAzB;UACA;UACA;UACA;UACA;UACA;UACA;UACA2D;UAAA;UACAlI;YACA;UACA;UACAkE;YACAE;YACAD;;YAEA;YACA;UACA;QACA;;QACAM,SACA;UACA/E;UACAsE;UACAmG;UACAC;UACAsB;UAAA;UACA1J;YACAgF;YACAzC;UACA;UAEAG;YACAmD;cACAC;cACAlD;cACAT;cACAC;gBACA;cACA;YACA;UACA;UAEAuH;UACA3L;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;;QAEA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QAAA;MAEA;;MACA;MACAwC;QACA;MACA;IACA;IACAoJ;MACA;MACA;MACA;IACA;IACAC;MACA;MACA;MACA;MACA;MACA;MACA;MACA;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;MACA;MACA;MACA;MACA;MACA;QACAtI;UACAE;YACAC;YACAE;cACAE;cACAD;YACA;UACA;QACA;QACA4B;UACAnB;UACAoB;UACAG;UACAF;UACAC;UACAhC;YACAE;UACA;QACA;QACAH;UACAtC;UACAuE;UACAhC;YACAE;UACA;UACApE;QACA;QACAqL;QACAhH,QACA;UACAL;UACAF;UACA0C;YACAjC;YACAkC;cACArC;cACAD;YACA;UACA;UACAwC;YACApC;UACA;UACA8B;YACA9B;UACA;UACAsC;YACAtC;UACA;UACAD;YACAiC;YACApC;YACAiI;UACA;UACApM;QACA,EACA;QACAwE,QACA;UACAR;UACA2C;YACApC;YACAkC;cACArC;cACAD;YACA;UACA;UACAqC;YACAC;cACArC;cACAD;YACA;UACA;UACAkC;YACA9B;UACA;UACAD;YACAiC;UACA;UACAM;YACAtC;UACA;QACA,EACA;QACAE,SACA;UACA/E;UACAsE;UACA+E;UACAsD;UACAC;UACAtK;YACAuC;YACAuE;cACA;gBACA;cACA;gBACA;cACA;YACA;UACA;UACApE;YACAmD;cACAzD,6DACA;gBACA2C;gBACA3C;cACA,GACA;gBACA2C;gBACA3C;cACA,EACA;cACA0D,sDACA,GACA,GACA,GACA,GACA,CACA;gBACAf;gBACA3C;cACA,GACA;gBACA2C;gBACA3C;cACA,EACA;YAEA;UACA;UACApE;QACA,GACA;UACAN;UACAsE;UACAqI;UACAtD;UACA/G;YACAuC;YACAuE;cACA;gBACA;cACA;gBACA;cACA;YACA;UACA;UACApE;YACAmD;cACAzD,6DACA;gBACA2C;gBACA3C;cACA,GACA;gBACA2C;gBACA3C;cACA,EACA;cACA0D,sDACA,GACA,GACA,GACA,GACA,CACA;gBACAf;gBACA3C;cACA,GACA;gBACA2C;gBACA3C;cACA,EACA;YAEA;UACA;UACApE;QACA,GACA;UACAN;UACAsE;UACAqI;UACAtD;UACA/G;YACAuC;YACAuE;cACA;gBACA;cACA;gBACA;cACA;YACA;UACA;UACApE;YACAmD;cACAzD,6DACA;gBACA2C;gBACA3C;cACA,GACA;gBACA2C;gBACA3C;cACA,EACA;cACA0D,sDACA,GACA,GACA,GACA,GACA,CACA;gBACAf;gBACA3C;cACA,GACA;gBACA2C;gBACA3C;cACA,EACA,CACA;cACAmI;YACA;UACA;UACAvM;QACA,GACA;UACAN;UACAsE;UACAqI;UACAtD;UACA/G;YACAuC;YACAuE;cACA;gBACA;cACA;gBACA;cACA;YACA;UACA;UACApE;YACAmD;cACAzD,6DACA;gBACA2C;gBACA3C;cACA,GACA;gBACA2C;gBACA3C;cACA,EACA;cACA0D,sDACA,GACA,GACA,GACA,GACA,CACA;gBACAf;gBACA3C;cACA,GACA;gBACA2C;gBACA3C;cACA,EACA,CACA;cACAmI;YACA;UACA;UACAvM;QACA,GACA;UACAN;UACAsE;UACAqI;UACAtD;UACA/G;YACAuC;YACAuE;cACA;gBACA;cACA;gBACA;cACA;YACA;UACA;UACApE;YACAmD;cACAzD,6DACA;gBACA2C;gBACA3C;cACA,GACA;gBACA2C;gBACA3C;cACA,EACA;cACA0D,sDACA,GACA,GACA,GACA,GACA,CACA;gBACAf;gBACA3C;cACA,GACA;gBACA2C;gBACA3C;cACA,EACA,CACA;cACAmI;YACA;UACA;UACAvM;QACA;MAEA;MACA+E;MACAvC;QACAuC;MACA;IACA;IACAyH;MACA;MACA;MACA;MACA;MACA;QACAC;QACAC;QACAC;QACAC;MACA;MACA;MACA;MACA;QACAC,iBACA;UACAC;QACA,GACA;UACAA;QACA,EACA;MACA;MACA;QACAC,kBACA;UACAD;QACA,GACA;UACAA;QACA,EACA;MACA;MACA;MACA;MACA;QACAE;QAAA;QACAC;QACAC;QAAA;QACAC;QAAA;QACApH;UACAC;UACAG;QACA;;QACAtC;UACAC;UACAC;YACAC;YACAhC;cACAuC;YACA;UACA;QACA;QACAN;UACAjE;UACAgG;UACA;UACA;UACA9B;YACAE;UACA;QACA;QACAC;UACArE;UACAwG;YACAjC;YAAA;YACAkC;cACArC;YACA;UACA;UACAiC;YACA9B;UACA;;UACAD;YACAC;YACAgC;YACArC;cACAE;cAAA;cACAD;YACA;UACA;QACA;QACAK,QACA;UACAR;UACAtE;UACAgH;YACAtC;YACAqG;UACA;UACA9D;YACApC;UACA;UACA8B;YACA9B;UACA;UACAiC;YACAjC;YACAkC;cACArC;YACA;UACA;UACAE;YACAC;YACAgC;YACArC;cACAE;YACA;UACA;QACA,GACA;UACAJ;UACAtE;UACAgH;YACAtC;UACA;UACA4C;UACAL;YACApC;UACA;UACA8B;YACA9B;UACA;UACAiC;YACAjC;UACA;UACAD;YACAC;YAEA;YACAL;cACAE;YACA;UACA;QACA,GACA;UACAJ;UACAoJ;UACAxE;UACAC;UACAwE;UACA1G;YACApC;UACA;UACAiC;YACAjC;UACA;UACA8B;YACA9B;UACA;UACAD;YACAC;UACA;UACAsC;YACAtC;YACA0D;cACA7D;YACA;UACA;QACA,EACA;QACAK,SACA;UACA/E;UACAsE;UACAsJ;UAAA;UACA7F;UAAA;UACA8F;UAAA;UACAC;UAAA;UACAC;UAAA;UACA/F;UAAA;UACAC;UAAA;UACAjD;YACA;YACAN;UACA;UACAqC;YACArC;UACA;UACA;UACA;UACA;UACA;UACAS;YACAC;UACA;UACA9E;QACA,GACA;UACA0N;UACAhO;UACAsE;UACAsJ;UACAK;UACAlG;UACAmG;UACApC;UACAqC;YACAtJ;YACAkD;YACAqG;YACAC;YACApG;YACAD;UACA;UACAjB;YACArC;YACAwC;YACAoH;YACAC;YACAC;UACA;UACAlO;QACA,GACA;UACAN;UACAsE;UACAsJ;UAAA;UACA7F;UAAA;UACA+F;UAAA;UACAC;UAAA;UACAF;UAAA;UACA7F;UAAA;UACAC;UAAA;UACAjD;YACA;YACAH;YACAH;UACA;UACAqC;YACAlC;YACAH;UACA;UACA;UACA;UACA;UACA;UACApE;QACA,GACA;UACA0N;UACAhO;UACAsE;UACAsJ;UACAK;UACAlG;UACAmG;UACApC;UACAqC;YACAtJ;YACAkD;YACAqG;YACAC;YACApG;YACAD;UACA;UACAjB;YACArC;YACAwC;YACAoH;YACAC;YACAC;UACA;UACAlO;QACA,GACA;UACAN;UACAsE;UACA8C;UACApC;YACAmD;cACAzD,6DACA;gBACA2C;gBACA3C;cACA,GACA;gBACA2C;gBACA3C;cACA,EACA;YACA;UACA;UACApE;QACA;MAEA;MACA+E;MACAvC;QACAuC;MACA;IACA;IACA;IACAoJ;MAAA;MACA;MACA;MACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;UACA;QACA;QACA;QACA;UACA;QACA;QACA;QACA;MACA;QACA;QACA;QACA/I;QACAA;QACAA;QACAA;QACAA;QACAA;QACAA;MACA;IACA;IACA;IACAgJ;MAAA;MACA;MACA;QACA;QACA;QACA;QACA;QACA;QACA;UACA;QACA;QACA;QACA;UACA;QACA;QACA;QACA;MACA;QACA;QACA;QACAhJ;QACAA;QACAA;QACAA;QACAA;QACAA;QACAA;QACAA;MACA;IACA;IACAiJ;MACA;MACA;MACA;MACA;IACA;IACAC;MAAA;MACA;MACA;MACA;MACAjP;QACAqD;MACA;QACA;QACA6L;QACA;QACA;QACA;QACA;UACA5B;UACAC;QACA;QACA;UAAA;QAAA;QACA;UAAA;QAAA;QACA,cACA;QACA;QACA;UACA,8BACA4B;QACA;UACA;QACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;IACA;IACAC;MACA;QACA;UAAAC;QAAA;MACA;IACA;EACA;EACAC;IACA;IACA5M;MACA;QACA;MACA;QACA;QACA;MACA;IACA;IACA6M;MACAC;MACAC;QACAnM;QACA;UACA;QACA;MACA;IACA;EACA;AACA","names":["getCompanyInfo","getLine","getBanzugz","getGdtj","getDwbzgz","getGdsgdzl","getPbtyqk","getCabinetInfo","getCabinetList","getfaultReportList","getCabinetAlarmList","name","components","ringMainUnit","workOrder","routeDetail","lineDetail","data","pageShow","totals","pageSize","page","threeImg","enlargeShow","dataGzList","bz","chbc","chcg","jd","total","wchz","dateList","acolor","currentIndex","alarmInformationData","alarmInformationShow","realTimeAlarmShow","modelOthers","componentShow","CompanyInfo","tableData","btnArr","btnActive","iconGround","icon","btnEnlarge","btnEnlarge1","options","value","label","topContent","count","device","gd_type_id","gd_type_name","created","mounted","window","clearInterval","action","console","res","dataBzgz","dataGdzl","that","token","subtract","format","sn","startDate","endDate","confirm","event_desc","item","beforeDestroy","methods","routerTo","detailen1","tooltip","trigger","axisPointer","type","legend","textStyle","fontSize","color","xAxis","axisLabel","show","yAxis","series","itemStyle","borderRadius","borderWidth","emphasis","focus","myChart","getbanzhu","getGongdan","rowClass","handleCurrentChange","document","openLineDetail","rowHandle","openGdDetail","mouseout","handleUnity","selectLine","line_code","detailedOne","dataList","dataDw","grid","top","left","right","bottom","containLabel","axisTick","alignWithLabel","interval","axisLine","lineStyle","nameTextStyle","splitLine","width","splitArea","barWidth","offset","position","fontStyle","fontWeight","detailedTwo","gdsList","xlcczList","pbcczList","ddyList","backgroundColor","smooth","symbol","symbolSize","markPoint","normal","borderColor","shadowColor","shadowBlur","areaStyle","x","y","x2","y2","colorStops","global","detailedTwo11","itemWidth","itemHeight","boundaryGap","min","max","formatter","stack","horizontalChart","shape","buildPath","ctx","title","text","length","renderItem","children","api","xValue","yValue","yAxisPoint","style","fill","barCharts","subtext","subtextStyle","align","radius","center","labelLine","length2","rich","b","padding","hr","height","c","roseCharts","orient","itemGap","polar","angleAxis","z","margin","radiusAxis","calculable","hoverAnimation","roseType","zlevel","detailedThree","startAngle","selectedMode","doing","detailedFour","yearBzData","yearChcg","yearChbc","yearWchz","yearJieDi","yearFenJi","rotate","barMaxWidth","barGap","barBorderRadius","detailedFive","dataListx","dataGz","dataPb","dataCf","datacoords","coord","datacoords1","animation","animationDuration","animationEasing","animationThreshold","gridIndex","splitNumber","yAxisIndex","showAllSymbol","shadowOffsetX","shadowOffsetY","showSymbol","polyline","coordinateSystem","effect","period","trailLenth","opacity","curveness","cap","enlargeBtn","enlargeBtn1","handleClose","handleDate","dataPbty","pbCountString","addColor","active","watch","rowTime","deep","handler"],"sourceRoot":"src/views","sources":["index.vue"],"sourcesContent":["<template>\r\n  <div class=\"home\">\r\n    <div class=\"left\" id=\"left\">\r\n      <div class=\"one\" style=\"height: 48%\">\r\n        <div class=\"cartitle\" @click=\"routerTo('盐城地区分布光伏运行监测')\">\r\n            \r\n          <div class=\"titleFont\"> \r\n            <img src=\"./../assets/indexN/标题箭头.png\" alt=\"\" />\r\n            <span>盐城地区分布光伏运行监测</span>\r\n            <img src=\"./../assets/indexN/标题箭头1.png\" alt=\"\" />\r\n            </div>\r\n        </div>\r\n        <div class=\"content\">\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n                <span style=\"font-size: 18px\">户数高渗透率&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.pdxl\">{{ CompanyInfo.pdxl }}</span>\r\n\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\">容量渗透率&nbsp;&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\r\n\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\">能量渗透率&nbsp;&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\r\n\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n        </div>\r\n        <div id=\"detailedTwo1\"></div>\r\n      </div>\r\n      <div class=\"two\" style=\"height: 49%\">\r\n        <div class=\"cartitle\">\r\n          <div class=\"titleFont\"><img src=\"./../assets/indexN/标题箭头.png\" alt=\"\" />\r\n            <span>配网工程全过程物资审计</span>\r\n            <img src=\"./../assets/indexN/标题箭头1.png\" alt=\"\" /></div>\r\n        </div>\r\n        <div class=\"content\" style=\"display:inline\">\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n                <span style=\"font-size: 18px\">项目数&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.pdxl\">{{ CompanyInfo.pdxl }}</span>\r\n\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\">预算费用总和</span>&nbsp;&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\r\n\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\">计划数&nbsp;&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\r\n\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n        </div>\r\n        <div id=\"barCharts\"></div>\r\n      </div>\r\n    </div>\r\n    <div class=\"left1\" id=\"left\">\r\n      <div class=\"one\" style=\"height: 48%\">\r\n        <div class=\"cartitle\">\r\n          <div class=\"titleFont\"><img src=\"./../assets/indexN/标题箭头.png\" alt=\"\" />\r\n            <span>盐都东台区供电所数字化分析</span>\r\n            <img src=\"./../assets/indexN/标题箭头1.png\" alt=\"\" /></div>\r\n        </div>\r\n        <div class=\"content\">\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n                <span style=\"font-size: 18px\">升档配变数量&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.pdxl\">{{ CompanyInfo.pdxl }}</span>\r\n\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\">降档配比数量</span>&nbsp;&nbsp;\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\r\n\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\">负荷关注配变数量&nbsp;&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\r\n\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n        </div>\r\n        <div id=\"horizontalChart\"></div>\r\n      </div>\r\n      <div class=\"two\" style=\"height: 49%\">\r\n        <div class=\"cartitle\">\r\n          <div class=\"titleFont\"><img src=\"./../assets/indexN/标题箭头.png\" alt=\"\" />\r\n            <span>盐城供电公司配网电能质量管控</span>\r\n            <img src=\"./../assets/indexN/标题箭头1.png\" alt=\"\" /></div>\r\n        </div>\r\n        <div class=\"content\">\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n                <span style=\"font-size: 18px\">月供电可靠性&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.pdxl\">{{ CompanyInfo.pdxl }}</span>\r\n\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\">平均停电频次&nbsp;&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\r\n\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\">平均停电时间&nbsp;&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\r\n\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n        </div>\r\n        <div id=\"detailedOne\" style=\"height: calc(100% - 200px)\"></div>\r\n      </div>\r\n    </div>\r\n   <div class=\"middle\" id=\"middle\">\r\n      <div class=\"map\" style=\"height: 100%\">\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 style=\"font-size: 18px\">户数高渗透率</span>\r\n                  <h5 style=\"font-size: 28px; color: 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 style=\"font-size: 18px\">容量渗透率</span>\r\n                  <h5 style=\"font-size: 28px; color: 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 style=\"font-size: 18px\">能量渗透率</span>\r\n                  <h5 style=\"font-size: 28px; color: 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=\"one\" style=\"height: 48%; width: 100%\">\r\n        <div class=\"cartitle\">\r\n          <!-- <div style=\"\r\n              width: 82%;\r\n              display: flex;\r\n              justify-content: space-between;\r\n              align-items: center;\r\n            \"> -->\r\n            <div class=\"titleFont\"><img src=\"./../assets/indexN/标题箭头.png\" alt=\"\" />\r\n            <span>乡村振兴电力综合指数</span>\r\n            <img src=\"./../assets/indexN/标题箭头1.png\" alt=\"\" /></div>\r\n            <!-- <div class=\"dateSelect\">\r\n              <div style=\"text-indent: 15px\" @click=\"handleDate(index)\" :class=\"addColor(index)\"\r\n                v-for=\"(item, index) in dateList\" :key=\"index\">\r\n                {{ item }}\r\n              </div>\r\n            </div> -->\r\n          <!-- </div> -->\r\n        </div>\r\n        <div class=\"top\">\r\n          <div class=\"topContent\" v-for=\"(item, index) in topContent\" :key=\"index\">\r\n            <div style=\"color: #ffffff\">{{ item.name }}</div>\r\n            <div style=\"color: rgb(86, 254, 226); font-size: 22px\">\r\n              {{ item.count }}\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div style=\"height: 90%\" id=\"detailedFive\"></div>\r\n      </div>\r\n      <!-- <div class=\"two\" style=\"height: 340px\">\r\n        <div class=\"cartitle\">\r\n          <div class=\"titleFont\">盐都供电质量统计</div>\r\n        </div>\r\n        <div id=\"detailedTwo\"></div>\r\n      </div> -->\r\n      <div class=\"three\" style=\"height: 48%; width: 100%\">\r\n        <div class=\"cartitle\">\r\n          <div class=\"titleFont\"><img src=\"./../assets/indexN/标题箭头.png\" alt=\"\" />\r\n            <span>两高行业企业污染监测</span>\r\n            <img src=\"./../assets/indexN/标题箭头1.png\" alt=\"\" /></div>\r\n        </div>\r\n        <!-- <div class=\"three-content\">\r\n          <div class=\"three-left\">\r\n            <div id=\"detailedThree\"></div>\r\n          </div>\r\n\r\n          <div class=\"three-right\">\r\n            <ul>\r\n              <li v-for=\"s in gongdanList\" @click=\"openGdDetail(s)\">\r\n                {{ s.gd_type_name }}\r\n                <span style=\"color: #56fee2\">{{ s.total }}</span>\r\n              </li>\r\n            </ul>\r\n          </div>\r\n        </div> -->\r\n         <div class=\"content\" style=\"display:inline\">\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n                <span style=\"font-size: 18px\">项目数&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.pdxl\">{{ CompanyInfo.pdxl }}</span>\r\n\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\">预算费用总和</span>&nbsp;&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\r\n\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\">计划数&nbsp;&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\r\n\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n        </div>\r\n        <div id=\"roseCharts\"></div>\r\n      </div>\r\n    </div>\r\n    <div class=\"right1\" id=\"right\">\r\n      <!-- <div class=\"one\" style=\"height: 635px; width: 100%\"> -->\r\n      <div class=\"one\" style=\"height:48%; width: 100%\">\r\n        <div class=\"cartitle\">\r\n          <!-- <div style=\"\r\n              width: 82%;\r\n              display: flex;\r\n              justify-content: space-between;\r\n              align-items: center;\r\n            \"> -->\r\n            <div class=\"titleFont\"><img src=\"./../assets/indexN/标题箭头.png\" alt=\"\" />\r\n            <span>农村生活污水治理设备电量分析</span>\r\n            <img src=\"./../assets/indexN/标题箭头1.png\" alt=\"\" /></div>\r\n            <!-- <div class=\"dateSelect\">\r\n              <div style=\"text-indent: 15px\" @click=\"handleDate(index)\" :class=\"addColor(index)\"\r\n                v-for=\"(item, index) in dateList\" :key=\"index\">\r\n                {{ item }}\r\n              </div>\r\n            </div> -->\r\n          <!-- </div> -->\r\n        </div>\r\n        <!-- <div class=\"top\">\r\n          <div class=\"topContent\" v-for=\"(item, index) in topContent\" :key=\"index\">\r\n            <div style=\"color: #ffffff\">{{ item.name }}</div>\r\n            <div style=\"color: rgb(86, 254, 226); font-size: 22px\">\r\n              {{ item.count }}\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div style=\"height: 90%\" id=\"detailedFive\"></div> -->\r\n        <div class=\"content\">\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n                <span style=\"font-size: 18px\">户数高渗透率&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.pdxl\">{{ CompanyInfo.pdxl }}</span>\r\n\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\">容量渗透率&nbsp;&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\r\n\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\">能量渗透率&nbsp;&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\r\n\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n         \r\n        </div>\r\n          <div class=\"line\">\r\n            <div class=\"enselect\">\r\n              <img src=\"../assets/02/地区选择下拉菜单.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 class=\"two\" style=\"height: 340px\">\r\n        <div class=\"cartitle\">\r\n          <div class=\"titleFont\">盐都供电质量统计</div>\r\n        </div>\r\n        <div id=\"detailedTwo\"></div>\r\n      </div> -->\r\n      <div class=\"three\" style=\"height: 48%; width: 100%\">\r\n        <div class=\"cartitle\">\r\n          <div class=\"titleFont\"><img src=\"./../assets/indexN/标题箭头.png\" alt=\"\" />\r\n            <span>数字化排涝抗旱辅助及检修辅助决策</span>\r\n            <img src=\"./../assets/indexN/标题箭头1.png\" alt=\"\" /></div>\r\n        </div>\r\n        <div class=\"three-content\">\r\n          <div class=\"three-left\">\r\n            <div id=\"detailedThree\"></div>\r\n          </div>\r\n\r\n          <div class=\"three-right\">\r\n            <ul>\r\n              <li v-for=\"s in gongdanList\" @click=\"openGdDetail(s)\">\r\n                {{ s.gd_type_name }}\r\n                <span style=\"color: #56fee2\">{{ s.total }}</span>\r\n              </li>\r\n            </ul>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"realTimeAlarm\" v-show=\"realTimeAlarmShow\">\r\n      <div class=\"content\">\r\n        <img src=\"../assets/images/baojing.png\" />\r\n        <div>都政线XXX环网柜间隔3发生局部放电故障</div>\r\n      </div>\r\n    </div>\r\n    <div class=\"alarmInformation\" v-show=\"alarmInformationShow\">\r\n      <div class=\"top\">\r\n        <div class=\"title\">报警详情信息</div>\r\n        <div class=\"close\">\r\n          <img @click=\"handleClose\" src=\"@/assets/images/close.png\" style=\"cursor: pointer\" />\r\n        </div>\r\n      </div>\r\n      <div class=\"content\">\r\n        <div class=\"table user_skills\">\r\n          <el-table :data=\"alarmInformationData\" style=\"width: 100%; height: 100%\"\r\n            :header-cell-style=\"{ 'text-align': 'center' }\" :cell-style=\"{ 'text-align': 'center' }\"\r\n            :row-class-name=\"rowClass\">\r\n            <el-table-column label=\"序号\" width=\"100\" align=\"center\">\r\n              <template slot-scope=\"scop\">\r\n                {{ scop.$index + 1 }}\r\n              </template>\r\n            </el-table-column>\r\n            <el-table-column prop=\"cabinet_name\" label=\"告警位置\" align=\"center\">\r\n              <!-- <template slot-scope=\"scope\">\r\n                <div v-html=\"scope.row.name\"></div>\r\n              </template> -->\r\n            </el-table-column>\r\n            <!-- <el-table-column prop=\"name\" label=\"间隔\" align=\"center\">\r\n            </el-table-column> -->\r\n            <el-table-column prop=\"event_desc\" label=\"告警信息\" align=\"center\">\r\n            </el-table-column>\r\n            <el-table-column prop=\"created_at\" label=\"发生时间\" align=\"center\">\r\n            </el-table-column>\r\n          </el-table>\r\n        </div>\r\n      </div>\r\n      <el-pagination @current-change=\"handleCurrentChange\" :current-page=\"page\" :page-size=\"pageSize\"\r\n        layout=\"prev, pager, next\" :total=\"totals\" v-if=\"pageShow\">\r\n      </el-pagination>\r\n    </div>\r\n    <!-- <div style=\"height:40px;width:40px\" class=\"suoxiao\">\r\n        <img src=\"../assets/images/btnFangDa.png\" style=\"height:40px;width:40px\"/>\r\n      </div> -->\r\n    <div class=\"componentShow\" v-if=\"modelOthers\">\r\n      <keep-alive>\r\n        <component :is=\"componentShow\" :ringMainUnit=\"device\"></component>\r\n      </keep-alive>\r\n    </div>\r\n    <!-- 工单统计弹窗 -->\r\n    <div class=\"componentShow\" v-if=\"orderItem != null\">\r\n      <component :is=\"orderShow\" :orderItem=\"orderItem\"></component>\r\n    </div>\r\n\r\n    <!-- 故障跳闸明细 -->\r\n    <div class=\"componentShow\" v-if=\"routeItem != null\">\r\n      <component :is=\"routeShow\" :routeItem=\"routeItem\"></component>\r\n    </div>\r\n\r\n    <!-- 查询配电线路 -->\r\n    <div class=\"componentShow\" style=\"display: block; height: calc(100% - 100px); top: 100px\" v-if=\"lineItem != null\">\r\n      <component :is=\"lineShow\" :lineItem=\"lineItem\"></component>\r\n    </div>\r\n    <audio controls=\"controls\" hidden src=\"../assets/videos/police.wav\" ref=\"audio\"></audio>\r\n  </div>\r\n</template>\r\n\r\n<script>\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// 工单统计弹窗组件\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      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.detailedTwo11()\r\n    this.horizontalChart()\r\n    this.barCharts()\r\n    this.roseCharts()\r\n     this.detailen1();\r\n    // 盐都区供电公司概况\r\n    getCompanyInfo().then((res) => {\r\n      // console.log(res,'....');\r\n      this.CompanyInfo = res.data.data;\r\n    });\r\n\r\n    // 查询总线路\r\n    getLine({ action: \"all\" }).then((res) => {\r\n      if (res.data != \"\") {\r\n        this.options = Object.keys(res.data.data).map((item, index) => {\r\n          return {\r\n            value: res.data.data[index].line_code,\r\n            label: res.data.data[index].line_name,\r\n          };\r\n        });\r\n      }\r\n    });\r\n    //周查询班组\r\n    this.getbanzhu();\r\n    this.timer = window.setInterval(() => {\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    }, 60000);\r\n    //工单统计action:'tongji'\r\n    this.getGongdan();\r\n    this.timer = window.setInterval(() => {\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    }, 60000);\r\n\r\n    //年度查询班组\r\n    getBanzugz({\r\n      action: \"year\",\r\n    }).then((res) => {\r\n      console.log(res, \"年数据\");\r\n      this.dataGzList = res.data.data;\r\n      // console.log(this.dataGzList,'年度查询班组数据');\r\n      for (let i = 0; i < this.dataGzList.length; i++) {\r\n        for (let j = 0; j < res.data.data.length; j++) {\r\n          if (this.dataGzList[i].bz == res.data.data[j].bz) {\r\n            this.dataGzList[i].chbc = res.data.data[j].chbc;\r\n            this.dataGzList[i].chcg = res.data.data[j].chcg;\r\n            this.dataGzList[i].jd = res.data.data[j].jd;\r\n            this.dataGzList[i].total = res.data.data[j].total;\r\n            this.dataGzList[i].wchz = res.data.data[j].wchz;\r\n          }\r\n        }\r\n      }\r\n      this.detailedFour(this.dataGzList);\r\n    });\r\n    //本周故障\r\n    getDwbzgz().then((res) => {\r\n      let dataBzgz = [];\r\n      dataBzgz = res.data.data;\r\n      this.detailedOne(dataBzgz);\r\n    });\r\n    //供电质量统计\r\n    getGdsgdzl().then((res) => {\r\n      let dataGdzl = [];\r\n      dataGdzl = res.data.data;\r\n      //   this.detailedTwo(dataGdzl);\r\n    });\r\n    // //配变停运\r\n    // getPbtyqk({\r\n    //   action:\"week\"\r\n    // }).then((res)=>{\r\n    //   let dataPbty = [];\r\n    //   dataPbty = res.data.data\r\n    //   console.log(dataPbty,'dataPbty');\r\n    //   this.detailedFive(dataPbty);\r\n    //   let dataPb = [];\r\n    //   let dataCf = [];\r\n    //   let dataCfl = [];\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    //     dataCfl.push(dataPbty[i].pbcftyl)\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    this.handleDate(0);\r\n    let that = this;\r\n    window.addEventListener(\"message\", function (e) {\r\n      var res = e.data;\r\n      if (res.val != null) {\r\n        that.modelOthers = true;\r\n        that.componentShow = \"ringMainUnit\";\r\n        that.device = res.val;\r\n      }\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    getfaultReportList(faultData).then((res) => {\r\n      // this.alarmInformationData = res.data.data.data;\r\n    });\r\n    window.setInterval(() => {\r\n      let endDate = this.$moment(new Date()).format(\"YYYY-MM-DD HH:mm:ss\");\r\n      let startDate = this.$moment(new Date())\r\n        .subtract(1, \"h\")\r\n        .format(\"YYYY-MM-DD HH:mm:ss\");\r\n      let cabData = {\r\n        token: localStorage.getItem(\"token\"),\r\n        pageSize: 50,\r\n        page: 1,\r\n        sn: \"\",\r\n        startDate: startDate,\r\n        endDate: endDate,\r\n        confirm: \"\",\r\n      };\r\n      getCabinetAlarmList(cabData).then((res) => {\r\n        let event_desc = ''\r\n        if (res.data.data.data != null) {\r\n          res.data.data.data.forEach((item, index) => {\r\n            if (item.event_desc.indexOf(\"开关\") != -1) {\r\n              event_desc = item.event_desc.replace('开关', '间隔')\r\n            } else {\r\n              event_desc = item.event_desc\r\n            }\r\n          });\r\n          this.emergencyList = res.data.data.data.filter(item => {\r\n            return item.event_desc.indexOf(\"通讯状态\") == -1\r\n          });\r\n          this.emergencyList.forEach((item, index) => {\r\n            item.event_desc = event_desc\r\n          });\r\n          this.totals = this.emergencyList.length;\r\n          let dataList = this.emergencyList;\r\n          if (dataList.length != 0) {\r\n            this.rowTime = dataList[0].created_at;\r\n          } else {\r\n            return false;\r\n          }\r\n        }\r\n      });\r\n    }, 10000);\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    routerTo(data) {\r\n      if (data == '盐城地区分布光伏运行监测') {\r\n        this.$router.push(\"/stationBuilding\");\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          },\r\n        ],\r\n        series: [\r\n          {\r\n            name: \"关联电网事故\",\r\n            type: \"bar\",\r\n            itemStyle: {\r\n              color: \"#00ffff\", // 柱状图颜色\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: \"yellow\", // 柱状图颜色\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    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    // beginShowing() {\r\n    //   this.$nextTick(function () {\r\n    //     // 文档显示区域的高度 - 表格距离浏览器顶部的距离 - 表格距离浏览器底部的距离\r\n    //     if (this.$refs.tableBox && this.$refs.tableBox.$el.offsetTop) {\r\n    //       this.tableHeight =\r\n    //         window.innerHeight - this.$refs.tableBox.$el.offsetTop - 300;\r\n    //       this.$refs.tableBox.doLayout();\r\n    //       this.roll();\r\n    //     }\r\n    //   });\r\n    // },\r\n    // roll() {\r\n    //   // 拿到表格挂载后的真实DOM\r\n    //   const table = this.$refs.tableBox;\r\n    //   // 拿到表格中承载数据的div元素\r\n    //   const bodyWrapper = table.bodyWrapper;\r\n    //   // 拿到元素后，对元素进行定时增加距离顶部距离，实现滚动效果(这里配置为每100毫秒移动1像素)\r\n    //   this.myTimer = setInterval(() => {\r\n    //     // 元素自增距离顶部1像素\r\n    //     bodyWrapper.scrollTop++;\r\n    //     // 判断元素是否滚动到底部(可视高度+距离顶部=元素内容的整个高度包括溢出的不可见内容)\r\n    //     if (\r\n    //       bodyWrapper.clientHeight + bodyWrapper.scrollTop ===\r\n    //       bodyWrapper.scrollHeight\r\n    //     ) {\r\n    //       // 重置table距离顶部距离\r\n    //       bodyWrapper.scrollTop = 0;\r\n    //     }\r\n    //   }, 100);\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(dataBzgz) {\r\n      let dataList = [];\r\n      let newArr = [20, 20, 20, 20, 20, 20, 20, 20, 20, 20];\r\n      let dataDw = [];\r\n      for (let i = 0; i < dataBzgz.length; i++) {\r\n        dataList.push(dataBzgz[i].gzcs);\r\n        dataDw.push(dataBzgz[i].dw);\r\n      }\r\n\r\n      let myChart = this.$echarts.init(document.getElementById(\"detailedOne\"));\r\n      var option = {\r\n        tooltip: {\r\n          show: true,\r\n          trigger: \"axis\",\r\n          axisPointer: {\r\n            type: \"shadow\",\r\n          },\r\n        },\r\n        grid: {\r\n          top: \"18%\",\r\n          left: \"5%\",\r\n          right: \"3%\",\r\n          bottom: \"5%\",\r\n          containLabel: true,\r\n        },\r\n\r\n        xAxis: [\r\n          {\r\n            type: \"category\",\r\n            data: dataDw,\r\n            axisTick: {\r\n              show: false,\r\n              alignWithLabel: true,\r\n            },\r\n            axisLabel: {\r\n              color: \"#ffffff\",\r\n              interval: 0,\r\n              fontSize: 16,\r\n            },\r\n            axisLine: {\r\n              show: false, //隐藏X轴轴线\r\n              lineStyle: {\r\n                color: \"#01FCE3\",\r\n              },\r\n            },\r\n          },\r\n        ],\r\n        yAxis: [\r\n          {\r\n            name: \"单位：次\",\r\n            type: \"value\",\r\n            data: [0, 2, 4, 6, 8, 10],\r\n            nameTextStyle: {\r\n              color: \"#ffffff\",\r\n              // padding:[25,0,0,0]\r\n              fontSize: 16,\r\n            },\r\n            axisLabel: {\r\n              color: \"#ffffff\",\r\n            },\r\n            splitLine: {\r\n              show: true,\r\n              lineStyle: {\r\n                type: \"solid\",\r\n                // color: 'rgba(66, 192, 255, .3)',\r\n                color: \"rgba(102,102,102,0.6)\",\r\n                width: 1,\r\n                // color: 'red'\r\n                fontSize: 16,\r\n              },\r\n            },\r\n            splitArea: {\r\n              show: false,\r\n            },\r\n          },\r\n        ],\r\n        series: [\r\n          // {\r\n          //   type: \"bar\",\r\n          //   barWidth: 22,\r\n          //   itemStyle: {\r\n          //     normal: {\r\n          //       label: {\r\n          //         fontSize: 14,\r\n          //         formatter(params) {\r\n          //           for (let i = 0; i < dataList.length; i++) {\r\n          //             if (params.dataIndex == i) {\r\n          //               return dataDw[i] + \"\\n\" + \"\\n\" + dataList[i];\r\n          //             }\r\n          //           }\r\n          //         },\r\n          //         show: true,\r\n          //         position: \"top\",\r\n          //         color: \"#ffffff\",\r\n          //       },\r\n          //       color: \"none\",\r\n          //     },\r\n          //   },\r\n          //   silent: true,\r\n          //   // barGap: \"-100%\",\r\n          //   data: newArr,\r\n          // },\r\n          {\r\n            name: \"\",\r\n            type: \"bar\",\r\n            barWidth: 30,\r\n            itemStyle: {\r\n              color: (params) => {\r\n                // console.log(params, '数据');\r\n                let colorList = [\r\n                  new this.$echarts.graphic.LinearGradient(0, 1, 0, 0, [\r\n                    { offset: 0, color: \"rgba(23,74,100,0.6)\" },\r\n                    { offset: 1, color: \"rgb(86,254,226)\" },\r\n                  ]),\r\n                  new this.$echarts.graphic.LinearGradient(0, 1, 0, 0, [\r\n                    {\r\n                      offset: 0,\r\n                      color: \"rgba(237,125,49,.2)\",\r\n                    },\r\n                    {\r\n                      offset: 1,\r\n                      color: \"rgba(237,125,49,1)\",\r\n                    },\r\n                  ]),\r\n                ];\r\n                if (params.name == \"盐都\") {\r\n                  return colorList[1];\r\n                } else {\r\n                  return colorList[0];\r\n                }\r\n              },\r\n              fontSize: 16,\r\n            },\r\n            data: dataList,\r\n            label: {\r\n              show: true,\r\n              position: \"top\",\r\n              fontStyle: \"normal\",\r\n              fontWeight: \"normal\",\r\n              color: \"#ffffff\",\r\n            },\r\n            //  z: -1,\r\n            // //不同系列的柱间距离，为百分比,如果想要两个系列的柱子重叠，可以设置 barGap 为 '-100%'。\r\n            // barGap: '-100%',\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(dataGdzl) {\r\n      let gdsList = [];\r\n      let xlcczList = [];\r\n      let pbcczList = [];\r\n      let ddyList = [];\r\n      for (let i = 0; i < dataGdzl.length; i++) {\r\n        gdsList.push(dataGdzl[i].gds);\r\n        xlcczList.push(dataGdzl[i].xlccz);\r\n        pbcczList.push(dataGdzl[i].pbccz);\r\n        ddyList.push(dataGdzl[i].ddy);\r\n      }\r\n      let that = this;\r\n      var myChart = this.$echarts.init(document.getElementById(\"detailedTwo1\"));\r\n      var option = {\r\n        //  animation: true,\r\n        // animationDuration: 20000,\r\n        tooltip: {\r\n          trigger: \"axis\",\r\n          axisPointer: {\r\n            type: \"cross\",\r\n            label: {\r\n              backgroundColor: \"#6a7985\",\r\n            },\r\n          },\r\n        },\r\n        grid: {\r\n          left: \"4%\",\r\n          right: \"4%\",\r\n          bottom: \"5%\",\r\n          top: \"15%\",\r\n          containLabel: true,\r\n        },\r\n        legend: {\r\n          top: 10,\r\n          icon: \"rect\",\r\n          right: 25,\r\n          data: [\"线路重超载\", \"配变重超载\", \"低电压\"],\r\n          textStyle: {\r\n            color: \"#fff\",\r\n            fontSize: 16,\r\n          },\r\n        },\r\n        xAxis: {\r\n          type: \"category\",\r\n          data: gdsList,\r\n          axisLine: {\r\n            //  改变x轴颜色\r\n            lineStyle: {\r\n              color: \"none\",\r\n            },\r\n          },\r\n          axisLabel: {\r\n            //  改变x轴字体颜色和大小\r\n            interval: 0,\r\n            textStyle: {\r\n              color: \"#ffffff\",\r\n              fontSize: 16,\r\n            },\r\n          },\r\n          splitLine: {\r\n            show: false,\r\n            lineStyle: {\r\n              color: [\"#315070\"],\r\n              width: 1,\r\n              type: \"solid\",\r\n            },\r\n          },\r\n        },\r\n        yAxis: {\r\n          type: \"value\",\r\n          axisLine: {\r\n            //  改变y轴颜色\r\n            show: false,\r\n            lineStyle: {\r\n              color: \"none\",\r\n            },\r\n          },\r\n          axisLabel: {\r\n            //  改变y轴字体颜色和大小\r\n            //formatter: '{value} m³ ', //  给y轴添加单位\r\n            textStyle: {\r\n              color: \"#ffffff\",\r\n              fontSize: 16,\r\n            },\r\n          },\r\n          axisTick: {\r\n            show: false,\r\n          },\r\n          splitLine: {\r\n            show: true,\r\n            lineStyle: {\r\n              color: [\"#315070\"],\r\n              width: 1,\r\n              type: \"solid\",\r\n            },\r\n          },\r\n        },\r\n        series: [\r\n          {\r\n            type: \"line\",\r\n            smooth: true,\r\n            symbol: \"circle\",\r\n            symbolSize: 7,\r\n            markPoint: {\r\n              symbol: \"circle\",\r\n            },\r\n            name: \"线路重超载\",\r\n            data: xlcczList,\r\n            itemStyle: {\r\n              normal: {\r\n                color: \"#3D7EEB\",\r\n                borderColor: \"#3D7EEB\",\r\n                borderWidth: 2,\r\n              },\r\n            },\r\n            lineStyle: {\r\n              normal: {\r\n                width: 2,\r\n                color: \"#327BFA\",\r\n                shadowColor: \"#327BFA\",\r\n                shadowBlur: 10,\r\n              },\r\n            },\r\n            areaStyle: {\r\n              color: {\r\n                type: \"linear\",\r\n                x: 0,\r\n                y: 0,\r\n                x2: 0,\r\n                y2: 1,\r\n                colorStops: [\r\n                  {\r\n                    offset: 0.5,\r\n                    color: \"rgba(61,126,235,0.5)\", // 0% 处的颜色\r\n                  },\r\n                  {\r\n                    offset: 1,\r\n                    color: \"rgba(61,126,235,0)\", // 100% 处的颜色\r\n                  },\r\n                ],\r\n                global: false, // 缺省为 false\r\n              },\r\n            },\r\n          },\r\n          {\r\n            type: \"line\",\r\n            smooth: true,\r\n            symbol: \"circle\",\r\n            symbolSize: 7,\r\n            markPoint: {\r\n              symbol: \"circle\",\r\n            },\r\n            data: pbcczList,\r\n            name: \"配变重超载\",\r\n            itemStyle: {\r\n              normal: {\r\n                color: \"#17D8A1\",\r\n                borderColor: \"#17D8A1\",\r\n                borderWidth: 2,\r\n              },\r\n            },\r\n            lineStyle: {\r\n              normal: {\r\n                width: 2,\r\n                color: \"#17D8A1\",\r\n                shadowColor: \"#17D8A1\",\r\n                shadowBlur: 10,\r\n              },\r\n            },\r\n            areaStyle: {\r\n              color: {\r\n                type: \"linear\",\r\n                x: 0,\r\n                y: 0,\r\n                x2: 0,\r\n                y2: 1,\r\n                colorStops: [\r\n                  {\r\n                    offset: 0.5,\r\n                    color: \"rgba(23,216,161,0.5)\", // 0% 处的颜色\r\n                  },\r\n                  {\r\n                    offset: 1,\r\n                    color: \"rgba(23,216,161,0)\", // 100% 处的颜色\r\n                  },\r\n                ],\r\n                global: false, // 缺省为 false\r\n              },\r\n            },\r\n          },\r\n          {\r\n            type: \"line\",\r\n            smooth: true,\r\n            symbol: \"circle\",\r\n            symbolSize: 7,\r\n            markPoint: {\r\n              symbol: \"circle\",\r\n            },\r\n            data: ddyList,\r\n            name: \"低电压\",\r\n            itemStyle: {\r\n              normal: {\r\n                color: \"#F4C907\",\r\n                borderColor: \"#F4C907\",\r\n                borderWidth: 2,\r\n              },\r\n            },\r\n            lineStyle: {\r\n              normal: {\r\n                width: 2,\r\n                color: \"#F4C907\",\r\n                shadowColor: \"#F4C907\",\r\n                shadowBlur: 10,\r\n              },\r\n            },\r\n            areaStyle: {\r\n              color: {\r\n                type: \"linear\",\r\n                x: 0,\r\n                y: 0,\r\n                x2: 0,\r\n                y2: 1,\r\n                colorStops: [\r\n                  {\r\n                    offset: 0.5,\r\n                    color: \"rgba(106,117,79,1)\", // 0% 处的颜色\r\n                  },\r\n                  {\r\n                    offset: 1,\r\n                    color: \"rgba(106,117,79,0)\", // 100% 处的颜色\r\n                  },\r\n                ],\r\n                global: false, // 缺省为 false\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\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: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']\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            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            splitLine: {\r\n              show: true,\r\n              lineStyle: {\r\n                color: '#11366e',\r\n                type: \"dashed\",\r\n              }\r\n            }\r\n          },\r\n          // {\r\n          // \ttype : 'value',\r\n          // \tname : '浏览量',\r\n          // \tmin:0,\r\n          // \tmax:1000,\r\n          // \taxisLabel : {\r\n          // \t\tformatter: '{value} 人',\r\n          // \t\ttextStyle:{\r\n          // \t\t\tcolor:'#186afe'\r\n          // \t\t}\r\n          // \t},\r\n          // \taxisLine:{\r\n          // \t\tlineStyle:{\r\n          // \t\t\tcolor:'#186afe'\r\n          // \t\t}\r\n          // \t},\r\n          // \taxisTick:{\r\n          //     \tshow:false,\r\n          //     },\r\n          // \tsplitLine:{\r\n          // \t\tshow:true,\r\n          // \t\tlineStyle:{\r\n          // \t\t\tcolor:'#11366e'\r\n          // \t\t}\r\n          // \t}\r\n          // }\r\n        ],\r\n        series: [\r\n          // {\r\n          // \tname:'已采纳',\r\n          // \ttype:'line',\r\n          // \tstack: '总量',\r\n          // \tsymbol:'circle',\r\n          // \tsymbolSize: 8,\r\n          //     itemStyle: {\r\n          //         normal: {\r\n          // \t\t\tcolor:'#0092f6',\r\n          //             lineStyle: {\r\n          // \t\t\t\tcolor: \"#0092f6\",\r\n          // \t\t\t\twidth:1\r\n          //             },\r\n          //             areaStyle: { \r\n          // \t\t\t\tcolor: '#94C9EC'\r\n          // \t\t\t\t// color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{\r\n          // \t\t\t\t// \toffset: 0,\r\n          // \t\t\t\t// \tcolor: 'rgba(7,44,90,0.3)'\r\n          // \t\t\t\t// }, {\r\n          // \t\t\t\t// \toffset: 1,\r\n          // \t\t\t\t// \tcolor: 'rgba(0,146,246,0.9)'\r\n          // \t\t\t\t// }]),\r\n          //             }\r\n          //         }\r\n          // \t},\r\n          // \tmarkPoint:{\r\n          // \t\titemStyle:{\r\n          // \t\t\tnormal:{\r\n          // \t\t\t\tcolor:'red'\r\n          // \t\t\t}\r\n          // \t\t}\r\n          // \t},\r\n          // \tdata:[120, 132, 101, 134, 90, 230, 210, 182, 191, 234, 290, 330]\r\n          // },\r\n          {\r\n            name: '已发布',\r\n            type: 'line',\r\n            stack: '总量',\r\n            symbol: 'circle',\r\n            symbolSize: 8,\r\n\r\n            itemStyle: {\r\n              normal: {\r\n                color: '#00d4c7',\r\n                lineStyle: {\r\n                  color: \"#00d4c7\",\r\n                  width: 1\r\n                },\r\n                // areaStyle: { \r\n                // \tcolor: '#94C9EC'\r\n                // \t// color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{\r\n                // \t// \toffset: 0,\r\n                // \t// \tcolor: 'rgba(7,44,90,0.3)'\r\n                // \t// }, {\r\n                // \t// \toffset: 1,\r\n                // \t// \tcolor: 'rgba(0,212,199,0.9)'\r\n                // \t// }]),\r\n                // }\r\n              }\r\n            },\r\n            data: [220, 182, 191, 234, 290, 330, 310, 201, 154, 190, 330, 410]\r\n          },\r\n          // {\r\n          // \tname:'浏览量',\r\n          // \ttype:'line',\r\n          // \tstack: '总量',\r\n          // \tsymbol:'circle',\r\n          // \tsymbolSize: 8,\r\n          //     itemStyle: {\r\n          //         normal: {\r\n          //             color: '#aecb56',\r\n          //             lineStyle: {\r\n          // \t\t\t\tcolor: \"#aecb56\",\r\n          // \t\t\t\twidth:1\r\n          //             },\r\n          //             areaStyle: { \r\n          // \t\t\t\tcolor: '#94C9EC'\r\n          // \t\t\t\t// color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{\r\n          // \t\t\t\t// \toffset: 0,\r\n          // \t\t\t\t// \tcolor: 'rgba(7,44,90,0.3)'\r\n          // \t\t\t\t// }, {\r\n          // \t\t\t\t// \toffset: 1,\r\n          // \t\t\t\t// \tcolor: 'rgba(114,144,89,0.9)'\r\n          // \t\t\t\t// }]),\r\n          //             }\r\n          //         }\r\n          // \t},\r\n          // \tdata:[150, 232, 201, 154, 190, 330, 410,150, 232, 201, 154, 190]\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(document.getElementById(\"horizontalChart\"));\r\n      const CubeLeft = this.$echarts.graphic.extendShape({\r\n        shape: {\r\n          x: 0,\r\n          y: 0\r\n        },\r\n        buildPath: function (ctx, shape) {\r\n          console.log(ctx, shape);\r\n          const yAxisPoint = shape.yAxisPoint\r\n          const c0 = [shape.x, shape.y]\r\n          const c1 = [shape.x + 9, shape.y - 9]\r\n          const c2 = [yAxisPoint[0] + 9, yAxisPoint[1] - 9]\r\n          const c3 = [yAxisPoint[0], yAxisPoint[1]]\r\n          ctx.moveTo(c0[0], c0[1]).lineTo(c1[0], c1[1]).lineTo(c2[0], c2[1]).lineTo(c3[0], c3[1]).closePath()\r\n        }\r\n      })\r\n      const CubeRight = this.$echarts.graphic.extendShape({\r\n        shape: {\r\n          x: 0,\r\n          y: 0\r\n        },\r\n        buildPath: function (ctx, shape) {\r\n          const yAxisPoint = shape.yAxisPoint\r\n          const c1 = [shape.x, shape.y]\r\n          const c2 = [yAxisPoint[0], yAxisPoint[1]]\r\n          const c3 = [yAxisPoint[0] + 9, yAxisPoint[1] + 18]\r\n          const c4 = [shape.x + 9, shape.y + 18]\r\n          ctx.moveTo(c1[0], c1[1]).lineTo(c2[0], c2[1]).lineTo(c3[0], c3[1]).lineTo(c4[0], c4[1]).closePath()\r\n        }\r\n      })\r\n      const CubeTop = this.$echarts.graphic.extendShape({\r\n        shape: {\r\n          x: 0,\r\n          y: 0\r\n        },\r\n        buildPath: function (ctx, shape) {\r\n          const c1 = [shape.x, shape.y]\r\n          const c2 = [shape.x + 9, shape.y + 18]\r\n          const c3 = [shape.x + 18, shape.y + 9]\r\n          const c4 = [shape.x + 9, shape.y - 9]\r\n          ctx.moveTo(c1[0], c1[1]).lineTo(c2[0], c2[1]).lineTo(c3[0], c3[1]).lineTo(c4[0], c4[1]).closePath()\r\n        }\r\n      })\r\n      this.$echarts.graphic.registerShape('CubeLeft', CubeLeft)\r\n      this.$echarts.graphic.registerShape('CubeRight', CubeRight)\r\n      this.$echarts.graphic.registerShape('CubeTop', CubeTop)\r\n      const MAX = [6000, 6000, 6000, 6000, 6000]\r\n      const VALUE = [2012, 1230, 3790, 2349, 1654]\r\n      const NAMES = ['德州', '德城区', '陵城区', '禹城市', '乐陵市'];\r\n      var option = {\r\n        title: {\r\n          text: '',\r\n          top: 32,\r\n          left: 18,\r\n          textStyle: {\r\n            color: '#00F6FF',\r\n            fontSize: 24\r\n          }\r\n        },\r\n        grid: {\r\n          left: 20,\r\n          right: 40,\r\n          bottom: '19%',\r\n          top: 107,\r\n          containLabel: true\r\n        },\r\n        yAxis: {\r\n          type: 'category',\r\n          data: NAMES,\r\n          axisLine: {\r\n            show: false,\r\n            lineStyle: {\r\n              color: 'white'\r\n            }\r\n          },\r\n          offset: 20,\r\n          axisTick: {\r\n            show: false,\r\n            length: 9,\r\n            alignWithLabel: true,\r\n            lineStyle: {\r\n              color: '#7DFFFD'\r\n            }\r\n          },\r\n          axisLabel: {\r\n            fontSize: 10\r\n          }\r\n        },\r\n        xAxis: {\r\n          type: 'value',\r\n          axisLine: {\r\n            show: false,\r\n            lineStyle: {\r\n              color: 'white'\r\n            }\r\n          },\r\n          splitLine: {\r\n            show: false\r\n          },\r\n          axisTick: {\r\n            show: false\r\n          },\r\n          axisLabel: {\r\n            show: false,\r\n            fontSize: 16\r\n          },\r\n          boundaryGap: ['20%', '20%']\r\n        },\r\n        series: [{\r\n          type: 'custom',\r\n          renderItem: function (params, api) {\r\n            const location = api.coord([api.value(0), api.value(1)])\r\n            return {\r\n              type: 'group',\r\n              children: [{\r\n                type: 'CubeLeft',\r\n                shape: {\r\n                  api,\r\n                  xValue: api.value(0),\r\n                  yValue: api.value(1),\r\n                  x: location[0],\r\n                  y: location[1],\r\n                  yAxisPoint: api.coord([0, api.value(1)])\r\n                },\r\n                style: {\r\n                  fill: 'rgba(7,29,97,.6)'\r\n                }\r\n              }, {\r\n                type: 'CubeRight',\r\n                shape: {\r\n                  api,\r\n                  xValue: api.value(0),\r\n                  yValue: api.value(1),\r\n                  x: location[0],\r\n                  y: location[1],\r\n                  yAxisPoint: api.coord([0, api.value(1)])\r\n                },\r\n                style: {\r\n                  fill: 'rgba(10,35,108,.7)'\r\n                }\r\n              }, {\r\n                type: 'CubeTop',\r\n                shape: {\r\n                  api,\r\n                  xValue: api.value(0),\r\n                  yValue: api.value(1),\r\n                  x: location[0],\r\n                  y: location[1],\r\n                  yAxisPoint: api.coord([0, api.value(1)])\r\n                },\r\n                style: {\r\n                  fill: 'rgba(11,42,106,.8)'\r\n                }\r\n              }]\r\n            }\r\n          },\r\n          data: MAX\r\n        },\r\n        {\r\n          type: 'custom',\r\n          renderItem: (params, api) => {\r\n            const location = api.coord([api.value(0), api.value(1)])\r\n            return {\r\n              type: 'group',\r\n              children: [{\r\n                type: 'CubeLeft',\r\n                shape: {\r\n                  api,\r\n                  xValue: api.value(0),\r\n                  yValue: api.value(1),\r\n                  x: location[0],\r\n                  y: location[1],\r\n                  yAxisPoint: api.coord([0, api.value(1)])\r\n                },\r\n                // style: {\r\n                //     fill: new echarts.graphic.LinearGradient(1, 0, 0, 0, [{\r\n                //             offset: 0,\r\n                //             color: '#3B80E2'\r\n                //         },\r\n                //         {\r\n                //             offset: 1,\r\n                //             color: '#49BEE5'\r\n                //         }\r\n                //     ])\r\n                // }\r\n              }, {\r\n                type: 'CubeRight',\r\n                shape: {\r\n                  api,\r\n                  xValue: api.value(0),\r\n                  yValue: api.value(1),\r\n                  x: location[0],\r\n                  y: location[1],\r\n                  yAxisPoint: api.coord([0, api.value(1)])\r\n                },\r\n                // style: {\r\n                //     fill: new echarts.graphic.LinearGradient(1, 0, 0, 0, [{\r\n                //             offset: 0,\r\n                //             color: '#3B80E2'\r\n                //         },\r\n                //         {\r\n                //             offset: 1,\r\n                //             color: '#49BEE5'\r\n                //         }\r\n                //     ])\r\n                // }\r\n              }, {\r\n                type: 'CubeTop',\r\n                shape: {\r\n                  api,\r\n                  xValue: api.value(0),\r\n                  yValue: api.value(1),\r\n                  x: location[0],\r\n                  y: location[1],\r\n                  yAxisPoint: api.coord([0, api.value(1)])\r\n                },\r\n                // style: {\r\n                //     fill: new echarts.graphic.LinearGradient(1, 0, 0, 0, [{\r\n                //             offset: 0,\r\n                //             color: '#3B80E2'\r\n                //         },\r\n                //         {\r\n                //             offset: 1,\r\n                //             color: '#49BEE5'\r\n                //         }\r\n                //     ])\r\n                // }\r\n              }]\r\n            }\r\n          },\r\n          data: VALUE\r\n        },\r\n        {\r\n          type: 'bar',\r\n          label: {\r\n            normal: {\r\n              show: true,\r\n              position: 'right',\r\n              formatter: (e) => {\r\n                switch (e.name) {\r\n                  case '10kV线路':\r\n                    return VALUE[0]\r\n                  case '公用配变':\r\n                    return VALUE[1]\r\n                  case '35kV主变':\r\n                    return VALUE[2]\r\n                  case '水':\r\n\r\n                }\r\n              },\r\n              fontSize: 16,\r\n              color: '#fff',\r\n              offset: [25, 4]\r\n            }\r\n          },\r\n          itemStyle: {\r\n            color: 'transparent'\r\n          },\r\n          data: MAX\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}% <br/> {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          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            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          ],\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      };\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: [\"#EAEA26\", \"#906BF9\", \"#FE5656\", \"#01E17E\", \"#3DD1F9\", \"#FFAD05\"],\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        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            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        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            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        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                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      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(dataPbty) {\r\n      let dataListx = [];\r\n      let dataPb = [];\r\n      let dataGz = [];\r\n      let dataCf = [];\r\n      for (let i = 0; i < dataPbty.length; i++) {\r\n        dataListx.push(dataPbty[i].gds);\r\n        dataGz.push(dataPbty[i].gztytc);\r\n        dataPb.push(dataPbty[i].pbsl);\r\n        dataCf.push(dataPbty[i].cftytc);\r\n      }\r\n      var datacoords = [];\r\n      var datacoords1 = [];\r\n      for (var i = 0; i < dataListx.length; i++) {\r\n        datacoords.push([\r\n          {\r\n            coord: [i, dataGz[i]],\r\n          },\r\n          {\r\n            coord: [i + 1, dataGz[i + 1]],\r\n          },\r\n        ]);\r\n      }\r\n      for (var i = 0; i < dataListx.length; i++) {\r\n        datacoords1.push([\r\n          {\r\n            coord: [i, dataCf[i]],\r\n          },\r\n          {\r\n            coord: [i + 1, dataCf[i + 1]],\r\n          },\r\n        ]);\r\n      }\r\n      let that = this;\r\n      let myChart = this.$echarts.init(document.getElementById(\"detailedFive\"));\r\n      var option = {\r\n        animation: true, //控制动画示否开启\r\n        animationDuration: 2000,\r\n        animationEasing: \"bounceOut\", //缓动动画\r\n        animationThreshold: 8, //动画元素的阈值\r\n        grid: {\r\n          top: \"15%\",\r\n          bottom: \"30%\", //也可设置left和right设置距离来控制图表的大小\r\n        },\r\n        tooltip: {\r\n          trigger: \"axis\",\r\n          axisPointer: {\r\n            type: \"shadow\",\r\n            label: {\r\n              show: true,\r\n            },\r\n          },\r\n        },\r\n        legend: {\r\n          data: [\"配变数量\", \"故障停运\", \"重复停运\"],\r\n          top: \"0%\",\r\n          //  icon:'roundRect',\r\n          //  itemHeight:2, // 粗细\r\n          textStyle: {\r\n            color: \"#ffffff\",\r\n          },\r\n        },\r\n        xAxis: {\r\n          data: dataListx,\r\n          axisLine: {\r\n            show: false, //隐藏X轴轴线\r\n            lineStyle: {\r\n              color: \"#01FCE3\",\r\n            },\r\n          },\r\n          axisTick: {\r\n            show: false, //隐藏X轴刻度\r\n          },\r\n          axisLabel: {\r\n            show: true,\r\n            interval: 0,\r\n            textStyle: {\r\n              color: \"#ffffff\", //X轴文字颜色\r\n              fontSize: \"16px\",\r\n            },\r\n          },\r\n        },\r\n        yAxis: [\r\n          {\r\n            type: \"value\",\r\n            name: \"配变数量\",\r\n            nameTextStyle: {\r\n              color: \"#ffffff\",\r\n              padding: [0, 30, 0, 0],\r\n            },\r\n            splitLine: {\r\n              show: false,\r\n            },\r\n            axisTick: {\r\n              show: false,\r\n            },\r\n            axisLine: {\r\n              show: false,\r\n              lineStyle: {\r\n                color: \"#FFFFFF\",\r\n              },\r\n            },\r\n            axisLabel: {\r\n              show: true,\r\n              interval: 0,\r\n              textStyle: {\r\n                color: \"#ffffff\",\r\n              },\r\n            },\r\n          },\r\n          {\r\n            type: \"value\",\r\n            name: \"停运台次\",\r\n            nameTextStyle: {\r\n              color: \"#ffffff\",\r\n            },\r\n            position: \"right\",\r\n            splitLine: {\r\n              show: false,\r\n            },\r\n            axisTick: {\r\n              show: false,\r\n            },\r\n            axisLine: {\r\n              show: false,\r\n            },\r\n            axisLabel: {\r\n              show: true,\r\n\r\n              // formatter: \"{value} %\", //右侧Y轴文字显示\r\n              textStyle: {\r\n                color: \"#ffffff\",\r\n              },\r\n            },\r\n          },\r\n          {\r\n            type: \"value\",\r\n            gridIndex: 0,\r\n            min: 50,\r\n            max: 100,\r\n            splitNumber: 8,\r\n            splitLine: {\r\n              show: false,\r\n            },\r\n            axisLine: {\r\n              show: false,\r\n            },\r\n            axisTick: {\r\n              show: false,\r\n            },\r\n            axisLabel: {\r\n              show: false,\r\n            },\r\n            splitArea: {\r\n              show: true,\r\n              areaStyle: {\r\n                color: [\"rgba(250,250,250,0.0)\", \"rgba(250,250,250,0.05)\"],\r\n              },\r\n            },\r\n          },\r\n        ],\r\n        series: [\r\n          {\r\n            name: \"故障停运\",\r\n            type: \"line\",\r\n            yAxisIndex: 1, //使用的 y 轴的 index，在单个图表实例中存在多个 y轴的时候有用\r\n            smooth: false, //平滑曲线显示\r\n            showAllSymbol: true, //显示所有图形。\r\n            shadowOffsetX: 0, // 折线的X偏移\r\n            shadowOffsetY: 10, // 折线的Y偏移\r\n            symbol: \"circle\", //标记的图形为实心圆\r\n            symbolSize: 1, //标记的大小\r\n            itemStyle: {\r\n              //折线拐点标志的样式\r\n              color: \"rgb(237,125,49)\",\r\n            },\r\n            lineStyle: {\r\n              color: \"rgb(237,125,49)\",\r\n            },\r\n            // areaStyle: {\r\n            //   show:false,\r\n            //   color: \"rgba(5,140,255, 0.2)\",\r\n            // },\r\n            emphasis: {\r\n              focus: \"series\",\r\n            },\r\n            data: dataGz,\r\n          },\r\n          {\r\n            showSymbol: false,\r\n            name: \"故障停运\",\r\n            type: \"lines\",\r\n            yAxisIndex: 1,\r\n            polyline: true,\r\n            smooth: false,\r\n            coordinateSystem: \"cartesian2d\",\r\n            zlevel: 1,\r\n            effect: {\r\n              show: true,\r\n              smooth: false,\r\n              period: 6,\r\n              trailLenth: 0.1,\r\n              symbolSize: 6,\r\n              symbol: \"circle\",\r\n            },\r\n            lineStyle: {\r\n              color: \"#fff\",\r\n              width: 1,\r\n              opacity: 0,\r\n              curveness: 0,\r\n              cap: \"round\",\r\n            },\r\n            data: datacoords,\r\n          },\r\n          {\r\n            name: \"重复停运\",\r\n            type: \"line\",\r\n            yAxisIndex: 1, //使用的 y 轴的 index，在单个图表实例中存在多个 y轴的时候有用\r\n            smooth: false, //平滑曲线显示\r\n            shadowOffsetX: 0, // 折线的X偏移\r\n            shadowOffsetY: 10, // 折线的Y偏移\r\n            showAllSymbol: true, //显示所有图形。\r\n            symbol: \"circle\", //标记的图形为实心圆\r\n            symbolSize: 1, //标记的大小\r\n            itemStyle: {\r\n              //折线拐点标志的样式\r\n              show: false,\r\n              color: \"#058cff\",\r\n            },\r\n            lineStyle: {\r\n              show: false,\r\n              color: \"#058cff\",\r\n            },\r\n            // areaStyle: {\r\n            //   show:false,\r\n            //   color: \"rgba(5,140,255, 0.2)\",\r\n            // },\r\n            data: dataCf,\r\n          },\r\n          {\r\n            showSymbol: false,\r\n            name: \"重复停运\",\r\n            type: \"lines\",\r\n            yAxisIndex: 1,\r\n            polyline: true,\r\n            smooth: false,\r\n            coordinateSystem: \"cartesian2d\",\r\n            zlevel: 1,\r\n            effect: {\r\n              show: true,\r\n              smooth: false,\r\n              period: 6,\r\n              trailLenth: 0.1,\r\n              symbolSize: 6,\r\n              symbol: \"circle\",\r\n            },\r\n            lineStyle: {\r\n              color: \"#fff\",\r\n              width: 1,\r\n              opacity: 0,\r\n              curveness: 0,\r\n              cap: \"round\",\r\n            },\r\n            data: datacoords1,\r\n          },\r\n          {\r\n            name: \"配变数量\",\r\n            type: \"bar\",\r\n            barWidth: 15,\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              },\r\n            },\r\n            data: dataPb,\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</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}\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    // 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    &>div {\r\n      width: 100%;\r\n      background: url(\"../assets/indexN/boxLr.png\") no-repeat;\r\n      background-size: 100% 100%;\r\n      position: relative;\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: 21px;\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\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: 262px;\r\n          display: flex;\r\n          flex-flow: column nowrap;\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,\r\n                    rgb(86, 244, 254),\r\n                    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\r\n      #detailedTwo1 {\r\n        //   width: 100%;\r\n        //   height: calc(100% - 52px);\r\n        width: 100%;\r\n        height: calc(100% - 200px);\r\n      }\r\n\r\n      #horizontalChart {\r\n        //   width: 100%;\r\n        //   height: calc(100% - 52px);\r\n        width: 100%;\r\n        height: calc(100% - 150px);\r\n      }\r\n\r\n      #barCharts {\r\n        //   width: 100%;\r\n        //   height: calc(100% - 52px);\r\n        width: 60%;\r\n        height: calc(100% - 200px);\r\n        position: absolute;\r\n        top: 28%;\r\n        left: 33%;\r\n      }\r\n    }\r\n  }\r\n\r\n  .left1 {\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    &>div {\r\n      width: 100%;\r\n      background: url(\"../assets/indexN/boxLr.png\") no-repeat;\r\n      background-size: 100% 100%;\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: 21px;\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\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: 262px;\r\n          display: flex;\r\n          flex-flow: column nowrap;\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,\r\n                    rgb(86, 244, 254),\r\n                    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\r\n      #detailedTwo1 {\r\n        width: 100%;\r\n        height: calc(100% - 52px);\r\n      }\r\n\r\n      #horizontalChart {\r\n        //   width: 100%;\r\n        //   height: calc(100% - 52px);\r\n        width: 100%;\r\n        height: calc(100% - 200px);\r\n      }\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/地图弹窗三个数据外框.png\") no-repeat;\r\n      background-size: 100%;\r\n      float: right;\r\n      width: 40vh;\r\n      height: 25vh;\r\n      position: relative;\r\n      top: 5vh;\r\n      right: 1vh;\r\n      .contents {\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/弹窗里的小框子.png\") no-repeat;\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            float: left;\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        }\r\n      }\r\n    }\r\n    .imgboxtwo {\r\n      padding: 0 0 0 20px;\r\n      background: url(\"../assets/02/地图弹窗四个内容的框.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        height: 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: 49%;\r\n          list-style: none;\r\n          font-size: 24px;\r\n          color: #fff;\r\n          background: url(\"../assets/02/弹窗里的小框子.png\") no-repeat;\r\n        }\r\n      }\r\n    }\r\n\r\n    .map {\r\n      background: url(\"../assets/indexN/地图.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    }\r\n  }\r\n\r\n\r\n  .right {\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    &>div {\r\n      width: 100%;\r\n      background: url(\"../assets/indexN/boxLr.png\") no-repeat;\r\n      background-size: 100% 100%;\r\n     position: relative;\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: 21px;\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    }\r\n\r\n    .one {\r\n      .top {\r\n        width: 100%;\r\n        height: 10%;\r\n        display: flex;\r\n        justify-content: space-around;\r\n        flex-direction: row;\r\n        align-items: center;\r\n\r\n        .topContent {\r\n          width: 30%;\r\n          display: flex;\r\n          justify-content: flex-start;\r\n          align-items: center;\r\n          white-space: nowrap;\r\n        }\r\n      }\r\n    }\r\n\r\n    #detailedThree {\r\n      width: 100%;\r\n      // height: calc(100% - 52px);\r\n      height: 100%;\r\n    }\r\n\r\n    #detailedTwo {\r\n      width: 100%;\r\n      height: calc(100% - 52px);\r\n    }\r\n\r\n    #detailedFive {\r\n      width: 100%;\r\n      height: calc(100% - 52px);\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    &>div {\r\n      width: 100%;\r\n      background: url(\"../assets/indexN/boxLr.png\") no-repeat;\r\n      background-size: 100% 100%;\r\n    position: relative;\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: 21px;\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    }\r\n//   #detailen {\r\n//       width: 100%;\r\n//       height: 400px;\r\n//     }\r\n    .one {\r\n      .top {\r\n        width: 100%;\r\n        height: 10%;\r\n        display: flex;\r\n        justify-content: space-around;\r\n        flex-direction: row;\r\n        align-items: center;\r\n\r\n        .topContent {\r\n          width: 30%;\r\n          display: flex;\r\n          justify-content: flex-start;\r\n          align-items: center;\r\n          white-space: nowrap;\r\n        }\r\n      }\r\n    }\r\n\r\n    #detailedThree {\r\n      width: 100%;\r\n      // height: calc(100% - 52px);\r\n      height: 100%;\r\n    }\r\n\r\n    #detailedTwo {\r\n      width: 100%;\r\n      height: calc(100% - 52px);\r\n    }\r\n\r\n    #detailedFive {\r\n      width: 100%;\r\n      height: calc(100% - 52px);\r\n    }\r\n  }\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(to bottom,\r\n        rgb(255, 255, 255),\r\n        rgb(123, 247, 245));\r\n         img {\r\n    margin: 20px;\r\n  }\r\n  }\r\n\r\n  //弹窗样式\r\n  .componentShow {\r\n    width: 100%;\r\n    height: 100%;\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    z-index: 111;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: rgba(0, 0, 0, 0.8);\r\n  }\r\n\r\n  .realTimeAlarm {\r\n    width: 517px;\r\n    height: 136px;\r\n    position: fixed;\r\n    left: 0;\r\n    right: 0;\r\n    margin: 0 auto;\r\n    top: 40%;\r\n    background: url(\"../assets/images/realTimeAlarmKuang.png\") no-repeat;\r\n    background-size: 100% 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    .content {\r\n      color: #ffffff;\r\n      width: 75%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-evenly;\r\n      margin-top: 4%;\r\n    }\r\n  }\r\n\r\n  .alarmInformation {\r\n    width: 900px;\r\n    height: 380px;\r\n    position: fixed;\r\n    left: 0;\r\n    right: 0;\r\n    margin: 0 auto;\r\n    top: 28%;\r\n    background: url(\"../assets/images/baojingxinxiKuang.png\") no-repeat;\r\n    background-size: 100% 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n    padding: 10px 13px;\r\n\r\n    ::-webkit-scrollbar {\r\n      display: none;\r\n    }\r\n\r\n    .top {\r\n      height: 10%;\r\n      width: 91%;\r\n      display: flex;\r\n      align-content: flex-start;\r\n      justify-content: space-between;\r\n\r\n      .title {\r\n        font-size: 20px;\r\n        font-weight: 900;\r\n        color: transparent;\r\n        align-items: center;\r\n        display: flex;\r\n        -webkit-background-clip: text;\r\n        background-clip: text;\r\n        background-image: linear-gradient(to bottom,\r\n            rgb(255, 255, 255),\r\n            rgb(86, 244, 254));\r\n      }\r\n    }\r\n\r\n    .content {\r\n      height: 82%;\r\n      width: 100%;\r\n      overflow: auto;\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          height: 48px;\r\n          background: url(\"../assets/images/tableBg.png\") no-repeat;\r\n          background-size: 100% 100%;\r\n        }\r\n\r\n        /deep/ .el-table__header th {\r\n          border: none;\r\n          padding: 0;\r\n          height: 40px;\r\n\r\n          .cell {\r\n            height: 100%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-around;\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          color: #fff !important;\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        }\r\n\r\n        /deep/ .el-table th.el-table__cell>.cell {\r\n          color: #ffffff;\r\n        }\r\n\r\n        /deep/.el-table .el-table__cell {\r\n          padding: 3px 0;\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\r\n        .el-table::before {\r\n          background-color: transparent;\r\n        }\r\n\r\n        ::v-deep .el-table .el-table__body tr.el-table__row td {\r\n          background: rgba(79, 218, 255, 0.1) !important;\r\n        }\r\n\r\n        ::v-deep .el-table--striped .el-table__body tr.el-table__row--striped td {\r\n          background: rgba(79, 218, 255, 0.06) !important;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .dateSelect {\r\n    display: flex;\r\n    font-size: 12px;\r\n    background: url(\"../assets/images/dateKuang.png\") no-repeat;\r\n    background-size: 100% 100%;\r\n    height: 25px;\r\n    width: 61px;\r\n    align-items: center;\r\n  }\r\n\r\n  .active {\r\n    width: 32px;\r\n    height: 25px;\r\n    color: rgb(78, 230, 207);\r\n    background: url(\"../assets/images/dateAction.png\") no-repeat;\r\n    background-size: 100% 100%;\r\n    line-height: 26px;\r\n  }\r\n}\r\n\r\n.suoxiao {\r\n  position: absolute;\r\n  bottom: 0;\r\n  right: 0;\r\n}\r\n\r\n// }\r\n</style>\r\n<style lang=\"less\" scoped>\r\n.three {\r\n  .three-content {\r\n    width: 100%;\r\n    height: calc(100% - 52px);\r\n    display: flex;\r\n\r\n    .three-left {\r\n      width: 40%;\r\n      height: 100%;\r\n    }\r\n\r\n    .three-right {\r\n      width: 60%;\r\n      height: 100%;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n\r\n      ul {\r\n        width: 100%;\r\n\r\n        li {\r\n          width: 164px;\r\n          height: 41px;\r\n          margin-top: 15px;\r\n          background-image: url(../assets/images/pieBorder.png);\r\n          float: left;\r\n          color: #fff;\r\n          line-height: 41px;\r\n          font-size: 18px;\r\n        }\r\n\r\n        li:nth-child(2n) {\r\n          margin-left: 10px;\r\n        }\r\n      }\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: 262px;\r\n          display: flex;\r\n          flex-flow: column nowrap;\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,\r\n                    rgb(86, 244, 254),\r\n                    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      }\r\n        #roseCharts {\r\n        //   width: 100%;\r\n        //   height: calc(100% - 52px);\r\n        width: 60%;\r\n        height: calc(100% - 200px);\r\n        position: absolute;\r\n        top: 28%;\r\n        left: 33%;\r\n      }\r\n    \r\n}\r\n\r\n.selectChange {\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n\r\n  .el-select {\r\n    margin-left: -44px;\r\n\r\n    /deep/ .el-input__inner {\r\n      background: url(\"../assets/images/selectCard.png\") no-repeat;\r\n      background-size: 100% 100%;\r\n      border: none;\r\n      padding-left: 58px;\r\n    }\r\n\r\n    /deep/ .el-input__prefix,\r\n    /deep/ .el-input__suffix {\r\n      position: absolute;\r\n      top: 0;\r\n      -webkit-transition: all 0.3s;\r\n      height: 100%;\r\n      text-align: center;\r\n      margin-right: 17px;\r\n    }\r\n\r\n    /deep/ .el-input__inner::-webkit-input-placeholder {\r\n      color: rgb(78, 230, 207); // 初始化的文字颜色\r\n    }\r\n\r\n    /deep/ .el-input__inner {\r\n      color: rgb(78, 230, 207);\r\n    }\r\n  }\r\n}\r\n\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</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/9e0d3817f50a21003f5ef660b50a73b4.json b/node_modules/.cache/babel-loader/9e0d3817f50a21003f5ef660b50a73b4.json
new file mode 100644
index 00000000..85075386
--- /dev/null
+++ b/node_modules/.cache/babel-loader/9e0d3817f50a21003f5ef660b50a73b4.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??ref--6!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\thirtyFiveKV.vue?vue&type=template&id=4bdb45b9&scoped=true&","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\thirtyFiveKV.vue","mtime":1689642397096},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\babel.config.js","mtime":1689642387810},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1689642389292},{"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\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1689642396087},{"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":["var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _vm._m(0);\n};\nvar staticRenderFns = [function () {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"stationBuilding\"\n  }, [_c(\"div\", {\n    staticClass: \"stationContent\"\n  }, [_c(\"div\", {\n    staticClass: \"systemText\"\n  }, [_c(\"i\", {\n    staticClass: \"el-icon-loading\",\n    staticStyle: {\n      color: \"#4bfffd\",\n      \"font-size\": \"80px\"\n    }\n  }), _c(\"p\", {\n    staticStyle: {\n      \"font-size\": \"30px\",\n      color: \"#fff\"\n    }\n  }, [_vm._v(\"系统正在加载中...\")])])])]);\n}];\nrender._withStripped = true;\nexport { render, staticRenderFns };",{"version":3,"names":["render","_vm","_c","_self","_m","staticRenderFns","staticClass","staticStyle","color","_v","_withStripped"],"sources":["E:/2023/yancheng0718/yanchengPowerSupply/src/views/thirtyFiveKV.vue"],"sourcesContent":["var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _vm._m(0)\n}\nvar staticRenderFns = [\n  function () {\n    var _vm = this,\n      _c = _vm._self._c\n    return _c(\"div\", { staticClass: \"stationBuilding\" }, [\n      _c(\"div\", { staticClass: \"stationContent\" }, [\n        _c(\"div\", { staticClass: \"systemText\" }, [\n          _c(\"i\", {\n            staticClass: \"el-icon-loading\",\n            staticStyle: { color: \"#4bfffd\", \"font-size\": \"80px\" },\n          }),\n          _c(\"p\", { staticStyle: { \"font-size\": \"30px\", color: \"#fff\" } }, [\n            _vm._v(\"系统正在加载中...\"),\n          ]),\n        ]),\n      ]),\n    ])\n  },\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }"],"mappings":"AAAA,IAAIA,MAAM,GAAG,SAASA,MAAM,GAAG;EAC7B,IAAIC,GAAG,GAAG,IAAI;IACZC,EAAE,GAAGD,GAAG,CAACE,KAAK,CAACD,EAAE;EACnB,OAAOD,GAAG,CAACG,EAAE,CAAC,CAAC,CAAC;AAClB,CAAC;AACD,IAAIC,eAAe,GAAG,CACpB,YAAY;EACV,IAAIJ,GAAG,GAAG,IAAI;IACZC,EAAE,GAAGD,GAAG,CAACE,KAAK,CAACD,EAAE;EACnB,OAAOA,EAAE,CAAC,KAAK,EAAE;IAAEI,WAAW,EAAE;EAAkB,CAAC,EAAE,CACnDJ,EAAE,CAAC,KAAK,EAAE;IAAEI,WAAW,EAAE;EAAiB,CAAC,EAAE,CAC3CJ,EAAE,CAAC,KAAK,EAAE;IAAEI,WAAW,EAAE;EAAa,CAAC,EAAE,CACvCJ,EAAE,CAAC,GAAG,EAAE;IACNI,WAAW,EAAE,iBAAiB;IAC9BC,WAAW,EAAE;MAAEC,KAAK,EAAE,SAAS;MAAE,WAAW,EAAE;IAAO;EACvD,CAAC,CAAC,EACFN,EAAE,CAAC,GAAG,EAAE;IAAEK,WAAW,EAAE;MAAE,WAAW,EAAE,MAAM;MAAEC,KAAK,EAAE;IAAO;EAAE,CAAC,EAAE,CAC/DP,GAAG,CAACQ,EAAE,CAAC,YAAY,CAAC,CACrB,CAAC,CACH,CAAC,CACH,CAAC,CACH,CAAC;AACJ,CAAC,CACF;AACDT,MAAM,CAACU,aAAa,GAAG,IAAI;AAE3B,SAASV,MAAM,EAAEK,eAAe"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/a24f8cd279176e0227c2eb3414044cbf.json b/node_modules/.cache/babel-loader/a24f8cd279176e0227c2eb3414044cbf.json
new file mode 100644
index 00000000..e0315efa
--- /dev/null
+++ b/node_modules/.cache/babel-loader/a24f8cd279176e0227c2eb3414044cbf.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\App.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\App.vue","mtime":1689642396895},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\babel.config.js","mtime":1689642387810},{"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":["import \"core-js/modules/es6.function.name\";\nimport \"core-js/modules/es7.array.includes\";\nimport \"core-js/modules/es6.string.includes\";\nimport MinxinItem from \"./mixins\";\nimport axios from \"axios\";\nimport { getWather, Weather, getToken } from \"./api/index.js\";\nexport default {\n  name: \"home\",\n  mixins: [MinxinItem],\n  data: function data() {\n    return {\n      addDay: \"\",\n      subDay: \"\",\n      routerTitle: [\"实时监测\", \"安全管控\", \"站房智辅\"],\n      routerActive: 0,\n      weatherArr: [{\n        day: \"今天\",\n        temperature: \"\",\n        pic: require(\"./assets/images/sun.png\")\n      }, {\n        day: \"昨天\",\n        temperature: \"\",\n        pic: require(\"./assets/images/union.png\")\n      }, {\n        day: \"明天\",\n        temperature: \"\",\n        pic: require(\"./assets/images/windy.png\")\n      }],\n      weekList: [\"周日\", \"周一\", \"周二\", \"周三\", \"周四\", \"周五\", \"周六\"],\n      week: \"\",\n      nowDate: ''\n    };\n  },\n  mounted: function mounted() {\n    var _this = this;\n    this.handleWather();\n    var week = new Date(this.$moment().format(\"YYYY-MM-DD\")).getDay();\n    this.week = this.weekList[week];\n    //  let params = new URLSearchParams()\n    var params = {\n      appKey: \"symnzwxdfu1ul8raqrykgbld7zonktga\",\n      appSecret: \"a3tdb6nxfciekxcgcl94ljvtmw2lsafx\"\n    };\n    //  params.append('appKey','symnzwxdfu1ul8raqrykgbld7zonktga')\n    //  params.append('appSecret','a3tdb6nxfciekxcgcl94ljvtmw2lsafx')\n    getToken(params).then(function (res) {\n      localStorage.setItem(\"token\", res.data.data.token);\n      //  console.log(localStorage.getItem('token'),'token');\n    });\n\n    setInterval(function () {\n      _this.handleWather();\n    }, 480000);\n    setInterval(function () {\n      _this.nowDate = _this.$moment().format(\"HH:mm:ss\");\n    }, 100);\n  },\n  methods: {\n    getDateSub: function getDateSub(n) {\n      var day = this.$moment(new Date()).subtract(n, \"days\").format(\"YYYY-MM-DD\");\n      this.subDay = day;\n      return day;\n    },\n    getDateAdd: function getDateAdd(n) {\n      var dd = new Date();\n      dd.setDate(dd.getDate() + n); //获取n天后的日期\n      // var y = dd.getFullYear();\n      var m = dd.getMonth() + 1; //获取当前月份的日期\n      if (m < 10) {\n        m = \"0\" + m;\n      }\n      var d = dd.getDate();\n      if (d < 10) {\n        d = \"0\" + d;\n      }\n      var day = m + \"-\" + d;\n      // this.addDay = day;\n      return day;\n    },\n    getNewDate: function getNewDate() {\n      var date = new Date();\n      var month = date.getMonth() + 1; //获取当前月份的日期\n      if (month < 10) {\n        month = \"0\" + month;\n      }\n      var a = date.getDate();\n      if (a < 10) {\n        a = \"0\" + a;\n      }\n      var day = month + \"-\" + a;\n      return day;\n    },\n    //天气\n    handleWather: function handleWather() {\n      var _this2 = this;\n      // axios({url:\"http://www.jcznedu.com:5000/weather/prediction/?city=盐都&&limit=3\",methods:'GET'}).then(res=>{\n      // })\n\n      getWather().then(function (res) {\n        // console.log(res, \"天气情况\");\n        for (var i = 0; i < res.data.data.length; i++) {\n          var item = res.data.data[i];\n          // console.log(item.date);\n          if (item.date == _this2.getNewDate()) {\n            item.date = \"今天\";\n            item.wendu = item.low + \"℃~\" + item.high + \"℃\";\n            item.pic = _this2.Onweather(item.weather, i);\n          } else if (item.date == _this2.getDateAdd(1)) {\n            item.date = \"明天\";\n            item.wendu = item.low + \"℃~\" + item.high + \"℃\";\n            item.pic = _this2.Onweather(item.weather, i);\n          } else if (item.date == _this2.getDateAdd(2)) {\n            item.date = \"后天\";\n            item.wendu = item.low + \"℃~\" + item.high + \"℃\";\n            item.pic = _this2.Onweather(item.weather, i);\n          }\n        }\n        // console.log(res.data.data);\n        // 天气\n        _this2.weatherArr = res.data.data;\n        // console.log(this.weatherArr);\n        // console.log(this.getNewDate(),'获取');\n      });\n      // Weather({\n      //   action: \"one\",\n      //   key: \"天气情况\",\n      // }).then((res) => {\n      //   // console.log(res, \"天气情况\");\n      //   let toDay = this.$moment().format(\"D\");\n      //   this.getDateSub(1);\n      //   this.getDateAdd(1),\n      //     res.data.data.forEach((item, index) => {\n      //       if (item.第N天 == this.$moment(this.subDay).format(\"D\")) {\n      //         this.weatherArr[1].date = \"昨天\";\n      //         this.weatherArr[1].temperature =\n      //           item.最低温度 + \"℃\" + \"~\" + item.最高温度 + \"℃\";\n      //         this.Onweather(item.天气, 1);\n      //       } else if (item.第N天 == this.$moment(this.addDay).format(\"D\")) {\n      //         this.weatherArr[2].date = \"明天\";\n      //         this.weatherArr[2].temperature =\n      //           item.最低温度 + \"℃\" + \"~\" + item.最高温度 + \"℃\";\n      //         this.Onweather(item.天气, 2);\n      //       } else if (item.第N天 == toDay) {\n      //         this.weatherArr[0].date = \"今天\";\n      //         this.weatherArr[0].temperature =\n      //           item.最低温度 + \"℃\" + \"~\" + item.最高温度 + \"℃\";\n      //         this.Onweather(item.天气, 0);\n      //       }\n      //     });\n      // });\n    },\n    //天气\n    Onweather: function Onweather(name, index) {\n      // console.log(name, \"名字\");\n      if (name.includes('阴') || name.includes('多云')) {\n        if (name.includes('雨')) {\n          return require(\"./assets/weather/rain.png\");\n        } else {\n          return require(\"./assets/weather/Cloudy .png\");\n        }\n      }\n      if (name.includes('小雨')) {\n        return require(\"./assets/weather/rain.png\");\n      }\n      // console.log(index);\n      switch (name) {\n        case '风转阴':\n          return require(\"./assets/weather/Cloudy .png\");\n        case \"多云\":\n          return require(\"./assets/weather/Cloudy .png\");\n        case \"阴\":\n          return require(\"./assets/weather/Cloudy .png\");\n        case \"阴转多云\":\n          return require(\"./assets/weather/Cloudy .png\");\n        case \"暴雨\":\n          return require(\"./assets/weather/rainstorm.png\");\n        case \"冰雹\":\n          return require(\"./assets/weather/hail.png\");\n        case \"大风\":\n          return require(\"./assets/weather/gale.png\");\n        case \"大雪\":\n          return require(\"./assets/weather/bigsnow.png\");\n        case \"大雨\":\n          return require(\"./assets/weather/bigrain.png\");\n        case \"雷电\":\n          return require(\"./assets/weather/thunder.png\");\n        case \"雷阵雨\":\n          return require(\"./assets/weather/shower.png\");\n        case \"沙尘暴\":\n          return require(\"./assets/weather/sand.png\");\n        case \"晴\":\n          return require(\"./assets/weather/sun.png\");\n        case \"雾霾\":\n          return require(\"./assets/weather/smog.png\");\n        case \"小雪\":\n          return require(\"./assets/weather/snow.png\");\n        case \"小雨\":\n          return require(\"./assets/weather/rain.png\");\n        case \"雪\":\n          return require(\"./assets/weather/rainlitter.png\");\n        case \"多云\":\n          return require(\"./assets/weather/night.png\");\n        case \"雨夹雪\":\n          return require(\"./assets/weather/rainsnow.png\");\n        case \"月亮\":\n          return require(\"./assets/weather/moon.png\");\n        case \"中雪\":\n          return require(\"./assets/weather/mieddlesnow.png\");\n        case \"中雨\":\n          return require(\"./assets/weather/middlerain.png\");\n        case \"阴转雨\":\n          return require(\"./assets/weather/rain.png\");\n        case \"阴转晴\":\n          return require(\"./assets/weather/Cloudy .png\");\n      }\n    },\n    handleChange: function handleChange(index) {\n      var that = this;\n      this.routerActive = index;\n      if (this.routerActive == 0) {\n        if (this.$route.name != \"index\") {\n          that.$router.push({\n            name: \"index\"\n          });\n        }\n      } else if (this.routerActive == 2) {\n        that.$router.push({\n          name: \"stationBuilding\"\n        });\n      }\n      //  else if (this.routerActive == 1) {\n      //   that.$router.push({ name: \"twentyKV\" });\n      // } \n      else if (this.routerActive == 1) {\n        that.$router.push({\n          name: \"thirtyFiveKV\"\n        });\n      }\n    }\n  }\n};",{"version":3,"mappings":";;;AAoDA;AACA;AACA;AACA;EACAA;EACAC;EACAC;IACA;MACAC;MACAC;MACAC;MACAC;MACAC,aACA;QACAC;QACAC;QACAC;MACA,GACA;QACAF;QACAC;QACAC;MACA,GACA;QACAF;QACAC;QACAC;MACA,EACA;MACAC;MACAC;MACAC;IACA;EACA;EACAC;IAAA;IACA;IACA;IACA;IACA;IACA;MACAC;MACAC;IACA;IACA;IACA;IACAC;MACAC;MACA;IACA;;IACAC;MACA;IACA;IACAA;MACA;IACA;EACA;EAEAC;IACAC;MACA,mCACAC,oBACAC;MACA;MACA;IACA;IACAC;MACA;MACAC;MACA;MACA;MACA;QACAC;MACA;MACA;MACA;QACAC;MACA;MACA;MACA;MACA;IACA;IACAC;MACA;MACA;MACA;QACAC;MACA;MACA;MACA;QACAC;MACA;MACA;MACA;IACA;IACA;IACAC;MAAA;MACA;MACA;;MAEAC;QACA;QACA;UACA;UACA;UACA;YACAC;YACAA;YACAA;UACA;YACAA;YACAA;YACAA;UACA;YACAA;YACAA;YACAA;UACA;QACA;QACA;QACA;QACA;QACA;QACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;IACA;IACA;IACAC;MACA;MACA;QACA;UACA;QACA;UACA;QACA;MACA;MACA;QAEA;MAEA;MACA;MACA;QAEA;UACA;QACA;UACA;QACA;UACA;QACA;UACA;QACA;UACA;QACA;UACA;QACA;UACA;QACA;UACA;QACA;UACA;QACA;UACA;QACA;UACA;QACA;UACA;QACA;UACA;QACA;UACA;QACA;UACA;QACA;UACA;QACA;UACA;QACA;UACA;QACA;UACA;QACA;UACA;QACA;UACA;QACA;UACA;QACA;UACA;QACA;UACA;MAAA;IAEA;IACAC;MACA;MACA;MACA;QACA;UACAC;YAAApC;UAAA;QACA;MACA;QACAoC;UAAApC;QAAA;MACA;MACA;MACA;MACA;MAAA,KACA;QACAoC;UAAApC;QAAA;MACA;IACA;EACA;AACA","names":["name","mixins","data","addDay","subDay","routerTitle","routerActive","weatherArr","day","temperature","pic","weekList","week","nowDate","mounted","appKey","appSecret","getToken","localStorage","setInterval","methods","getDateSub","subtract","format","getDateAdd","dd","m","d","getNewDate","month","a","handleWather","getWather","item","Onweather","handleChange","that"],"sourceRoot":"src","sources":["App.vue"],"sourcesContent":["<template>\r\n  <div id=\"app\">\r\n    <div class=\"top\">\r\n      <div class=\"left\">\r\n         <div class=\"time\">\r\n          <span>{{ this.$moment().format(\"YYYY-MM-DD\") }} {{ week }}</span>\r\n          <span style=\"font-size: 24px; margin-top: 3px\">{{\r\n            nowDate\r\n          }}</span>\r\n        </div>\r\n      </div>\r\n      <div class=\"middle\">\r\n        <div class=\"box\">\r\n\r\n        </div>\r\n        <!-- <div\r\n          class=\"router\"\r\n          :class=\"{ active: routerActive == index }\"\r\n          v-for=\"(item, index) in routerTitle\"\r\n          @click=\"handleChange(index)\"\r\n          :key=\"index\"\r\n          :text=\"item\"\r\n        >\r\n          {{ item }}\r\n        </div> -->\r\n      </div>\r\n      <div class=\"right\">\r\n        <div class=\"time\">\r\n          <span>{{ this.$moment().format(\"YYYY-MM-DD\") }} {{ week }}</span>\r\n          <span style=\"font-size: 24px; margin-top: 3px\">{{\r\n            nowDate\r\n          }}</span>\r\n        </div>\r\n        <div class=\"weather\" v-for=\"(item, index) in weatherArr\" :key=\"index\">\r\n          <div class=\"pic\">\r\n            <img :src=\"item.pic\" alt=\"\" style=\"height: 100%; width: 100%\" />\r\n          </div>\r\n          <div class=\"date\">\r\n            <span>{{ item.date }}</span>\r\n            <span style=\"font-size: 24px; margin-top: 3px\">{{\r\n              item.wendu\r\n            }}</span>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"content\">\r\n      <router-view />\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nimport MinxinItem from \"./mixins\";\r\nimport axios from \"axios\";\r\nimport { getWather, Weather, getToken } from \"./api/index.js\";\r\nexport default {\r\n  name: \"home\",\r\n  mixins: [MinxinItem],\r\n  data() {\r\n    return {\r\n      addDay: \"\",\r\n      subDay: \"\",\r\n      routerTitle: [\"实时监测\",  \"安全管控\", \"站房智辅\"],\r\n      routerActive: 0,\r\n      weatherArr: [\r\n        {\r\n          day: \"今天\",\r\n          temperature: \"\",\r\n          pic: require(\"./assets/images/sun.png\"),\r\n        },\r\n        {\r\n          day: \"昨天\",\r\n          temperature: \"\",\r\n          pic: require(\"./assets/images/union.png\"),\r\n        },\r\n        {\r\n          day: \"明天\",\r\n          temperature: \"\",\r\n          pic: require(\"./assets/images/windy.png\"),\r\n        },\r\n      ],\r\n      weekList: [\"周日\", \"周一\", \"周二\", \"周三\", \"周四\", \"周五\", \"周六\"],\r\n      week: \"\",\r\n      nowDate:'',\r\n    };\r\n  },\r\n  mounted() {\r\n    this.handleWather();\r\n    let week = new Date(this.$moment().format(\"YYYY-MM-DD\")).getDay();\r\n    this.week = this.weekList[week];\r\n    //  let params = new URLSearchParams()\r\n    let params = {\r\n      appKey: \"symnzwxdfu1ul8raqrykgbld7zonktga\",\r\n      appSecret: \"a3tdb6nxfciekxcgcl94ljvtmw2lsafx\",\r\n    };\r\n    //  params.append('appKey','symnzwxdfu1ul8raqrykgbld7zonktga')\r\n    //  params.append('appSecret','a3tdb6nxfciekxcgcl94ljvtmw2lsafx')\r\n    getToken(params).then((res) => {\r\n      localStorage.setItem(\"token\", res.data.data.token);\r\n      //  console.log(localStorage.getItem('token'),'token');\r\n    });\r\n    setInterval(()=>{\r\n      this. handleWather()\r\n    },480000)\r\n    setInterval(()=>{\r\n      this.nowDate =  this.$moment().format(\"HH:mm:ss\")\r\n    },100)\r\n  },\r\n\r\n  methods: {\r\n    getDateSub(n) {\r\n      let day = this.$moment(new Date())\r\n        .subtract(n, \"days\")\r\n        .format(\"YYYY-MM-DD\");\r\n      this.subDay = day;\r\n      return day;\r\n    },\r\n    getDateAdd(n) {\r\n      var dd = new Date();\r\n      dd.setDate(dd.getDate() + n); //获取n天后的日期\r\n      // var y = dd.getFullYear();\r\n      var m = dd.getMonth() + 1; //获取当前月份的日期\r\n      if (m < 10) {\r\n        m = \"0\" + m;\r\n      }\r\n      var d = dd.getDate();\r\n      if (d < 10) {\r\n        d = \"0\" + d;\r\n      }\r\n      let day = m + \"-\" + d;\r\n      // this.addDay = day;\r\n      return day;\r\n    },\r\n    getNewDate() {\r\n      var date = new Date();\r\n      var month = date.getMonth() + 1; //获取当前月份的日期\r\n      if (month < 10) {\r\n        month = \"0\" + month;\r\n      }\r\n      var a = date.getDate();\r\n      if (a < 10) {\r\n        a = \"0\" + a;\r\n      }\r\n      let day = month + \"-\" + a;\r\n      return day;\r\n    },\r\n    //天气\r\n    handleWather() {\r\n      // axios({url:\"http://www.jcznedu.com:5000/weather/prediction/?city=盐都&&limit=3\",methods:'GET'}).then(res=>{\r\n      // })\r\n\r\n      getWather().then((res) => {\r\n        // console.log(res, \"天气情况\");\r\n        for (let i = 0; i < res.data.data.length; i++) {\r\n          let item = res.data.data[i];\r\n          // console.log(item.date);\r\n          if (item.date == this.getNewDate()) {\r\n            item.date = \"今天\";\r\n            item.wendu = item.low + \"℃~\" + item.high + \"℃\";\r\n            item.pic = this.Onweather(item.weather, i);\r\n          } else if (item.date == this.getDateAdd(1)) {\r\n            item.date = \"明天\";\r\n            item.wendu = item.low + \"℃~\" + item.high + \"℃\";\r\n            item.pic = this.Onweather(item.weather, i);\r\n          } else if (item.date == this.getDateAdd(2)) {\r\n            item.date = \"后天\";\r\n            item.wendu = item.low + \"℃~\" + item.high + \"℃\";\r\n            item.pic = this.Onweather(item.weather, i);\r\n          }\r\n        }\r\n        // console.log(res.data.data);\r\n        // 天气\r\n        this.weatherArr = res.data.data;\r\n        // console.log(this.weatherArr);\r\n        // console.log(this.getNewDate(),'获取');\r\n      });\r\n      // Weather({\r\n      //   action: \"one\",\r\n      //   key: \"天气情况\",\r\n      // }).then((res) => {\r\n      //   // console.log(res, \"天气情况\");\r\n      //   let toDay = this.$moment().format(\"D\");\r\n      //   this.getDateSub(1);\r\n      //   this.getDateAdd(1),\r\n      //     res.data.data.forEach((item, index) => {\r\n      //       if (item.第N天 == this.$moment(this.subDay).format(\"D\")) {\r\n      //         this.weatherArr[1].date = \"昨天\";\r\n      //         this.weatherArr[1].temperature =\r\n      //           item.最低温度 + \"℃\" + \"~\" + item.最高温度 + \"℃\";\r\n      //         this.Onweather(item.天气, 1);\r\n      //       } else if (item.第N天 == this.$moment(this.addDay).format(\"D\")) {\r\n      //         this.weatherArr[2].date = \"明天\";\r\n      //         this.weatherArr[2].temperature =\r\n      //           item.最低温度 + \"℃\" + \"~\" + item.最高温度 + \"℃\";\r\n      //         this.Onweather(item.天气, 2);\r\n      //       } else if (item.第N天 == toDay) {\r\n      //         this.weatherArr[0].date = \"今天\";\r\n      //         this.weatherArr[0].temperature =\r\n      //           item.最低温度 + \"℃\" + \"~\" + item.最高温度 + \"℃\";\r\n      //         this.Onweather(item.天气, 0);\r\n      //       }\r\n      //     });\r\n      // });\r\n    },\r\n    //天气\r\n    Onweather(name, index) {\r\n      // console.log(name, \"名字\");\r\n      if(name.includes('阴')||name.includes('多云')){\r\n        if(name.includes('雨')){\r\n          return require(\"./assets/weather/rain.png\");\r\n        }else{\r\n          return require(\"./assets/weather/Cloudy .png\");\r\n        }\r\n      }\r\n      if(name.includes('小雨')){\r\n        \r\n          return require(\"./assets/weather/rain.png\");\r\n        \r\n      }\r\n      // console.log(index);\r\n      switch (name) {\r\n        \r\n        case '风转阴':\r\n          return require(\"./assets/weather/Cloudy .png\");\r\n        case \"多云\":\r\n          return require(\"./assets/weather/Cloudy .png\");\r\n        case \"阴\":\r\n          return require(\"./assets/weather/Cloudy .png\");\r\n        case \"阴转多云\":\r\n          return require(\"./assets/weather/Cloudy .png\");\r\n        case \"暴雨\":\r\n          return require(\"./assets/weather/rainstorm.png\");\r\n        case \"冰雹\":\r\n          return require(\"./assets/weather/hail.png\");\r\n        case \"大风\":\r\n          return require(\"./assets/weather/gale.png\");\r\n        case \"大雪\":\r\n          return require(\"./assets/weather/bigsnow.png\");\r\n        case \"大雨\":\r\n          return require(\"./assets/weather/bigrain.png\");\r\n        case \"雷电\":\r\n          return require(\"./assets/weather/thunder.png\");\r\n        case \"雷阵雨\":\r\n          return require(\"./assets/weather/shower.png\");\r\n        case \"沙尘暴\":\r\n          return require(\"./assets/weather/sand.png\");\r\n        case \"晴\":\r\n          return require(\"./assets/weather/sun.png\");\r\n        case \"雾霾\":\r\n          return require(\"./assets/weather/smog.png\");\r\n        case \"小雪\":\r\n          return require(\"./assets/weather/snow.png\");\r\n        case \"小雨\":\r\n          return require(\"./assets/weather/rain.png\");\r\n        case \"雪\":\r\n          return require(\"./assets/weather/rainlitter.png\");\r\n        case \"多云\":\r\n          return require(\"./assets/weather/night.png\");\r\n        case \"雨夹雪\":\r\n          return require(\"./assets/weather/rainsnow.png\");\r\n        case \"月亮\":\r\n          return require(\"./assets/weather/moon.png\");\r\n        case \"中雪\":\r\n          return require(\"./assets/weather/mieddlesnow.png\");\r\n        case \"中雨\":\r\n          return require(\"./assets/weather/middlerain.png\");\r\n        case \"阴转雨\":\r\n          return require(\"./assets/weather/rain.png\");\r\n        case \"阴转晴\":\r\n          return require(\"./assets/weather/Cloudy .png\");\r\n      }\r\n    },\r\n    handleChange(index) {\r\n      let that = this;\r\n      this.routerActive = index;\r\n      if (this.routerActive == 0) {\r\n        if (this.$route.name != \"index\") {\r\n          that.$router.push({ name: \"index\" });\r\n        }\r\n      } else if (this.routerActive == 2) {\r\n        that.$router.push({ name: \"stationBuilding\" });\r\n      }\r\n      //  else if (this.routerActive == 1) {\r\n      //   that.$router.push({ name: \"twentyKV\" });\r\n      // } \r\n      else if (this.routerActive == 1) {\r\n        that.$router.push({ name: \"thirtyFiveKV\" });\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style >\r\n@import \"./assets/index.css\";\r\n\r\n#app {\r\n  font-family: \"Avenir\", Helvetica, Arial, sans-serif;\r\n  -webkit-font-smoothing: antialiased;\r\n  -moz-osx-font-smoothing: grayscale;\r\n  text-align: center;\r\n  color: #2c3e50;\r\n  background: url(\"./assets/index/bg.png\") no-repeat;\r\n  background-size: 100% 100%;\r\n}\r\n\r\n</style>\r\n<style lang=\"less\" scoped>\r\n.top {\r\n  width: 100%;\r\n  height: 100px;\r\n  /* background: rgba(147, 230, 244,0.6); */\r\n  /* background-image: linear-gradient(90deg, rgba(147, 230, 244,0.6),rgba(147, 230, 244,0), rgba(147, 230, 244,0.6)); */\r\n//   background: url(\"./assets/images/topBg.png\") no-repeat;\r\n  background: url(\"./assets/indexN/title.png\") no-repeat;\r\n  background-size: 100% 100%;\r\n  display: flex;\r\n  flex-flow: row nowrap;\r\n  justify-content: space-between;\r\n  .left {\r\n    width: 815px;\r\n    height: 97px;\r\n    // background: url(\"./assets/index/title.png\") no-repeat;\r\n    // background-size: 100% 100%;\r\n    font-size: 44px;\r\n    font-weight: 700;\r\n    letter-spacing: 22px;\r\n    color: #ffffff;\r\n    // line-height: 97px;\r\n    padding-left: 86px;\r\n    text-align: left;\r\n    box-sizing: border-box;\r\n     .time {\r\n      height: 100%;\r\n      color: #ffffff;\r\n      font-size: 18px;\r\n      display: flex;\r\n      flex-flow: column nowrap;\r\n      justify-content: center;\r\n      text-align: left;\r\n    }\r\n    .weather {\r\n      display: flex;\r\n      flex-flow: row nowrap;\r\n      height: 100%;\r\n      align-items: center;\r\n      margin-left: 36px;\r\n      .pic {\r\n        width: 61px;\r\n        height: 61px;\r\n      }\r\n      .date {\r\n        height: 100%;\r\n        color: #ffffff;\r\n        font-size: 18px;\r\n        display: flex;\r\n        flex-flow: column nowrap;\r\n        justify-content: center;\r\n        margin-left: 19px;\r\n        text-align: left;\r\n      }\r\n    }\r\n    \r\n  }\r\n  .left:before {\r\n    content: attr(text);\r\n    position: absolute;\r\n    z-index: 10;\r\n    color: rgb(86, 254, 246);\r\n    -webkit-mask: linear-gradient(to top, rgb(86, 244, 254), transparent);\r\n  }\r\n  .middle {\r\n     width: 27%;\r\n    height: 80px;\r\n    display: -webkit-box;\r\n    display: -ms-flexbox;\r\n    /* display: flex; */\r\n    -webkit-box-orient: horizontal;\r\n    -webkit-box-direction: normal;\r\n    position: absolute;\r\n    left: 38%;\r\n    top: 3%;\r\n   .box{\r\n    width: 100%;\r\n    height: 100%;\r\n    background: url(\"./assets/indexN/titleText.png\") no-repeat;\r\n   }\r\n    .router {\r\n      width: 244px;\r\n      height: 100%;\r\n      line-height: 78px;\r\n      color: rgb(41, 114, 124);\r\n      font-size: 22px;\r\n      cursor: pointer;\r\n    }\r\n    .active {\r\n      color: #ffffff;\r\n      background: url(\"./assets/images/routerActive.png\") no-repeat;\r\n      background-size: 100% 100%;\r\n    }\r\n    .active:before {\r\n      content: attr(text);\r\n      position: absolute;\r\n      z-index: 10;\r\n      color: rgb(86, 254, 246);\r\n      -webkit-mask: linear-gradient(to top, rgb(86, 244, 254), transparent);\r\n    }\r\n  }\r\n  .right {\r\n    // width: 740px;\r\n    height: 78px;\r\n    display: flex;\r\n    flex-flow: row nowrap;\r\n    justify-content: space-between;\r\n    padding-right: 15px;\r\n    .time {\r\n      height: 100%;\r\n      color: #ffffff;\r\n      font-size: 18px;\r\n      display: flex;\r\n      flex-flow: column nowrap;\r\n      justify-content: center;\r\n      text-align: left;\r\n    }\r\n    .weather {\r\n      display: flex;\r\n      flex-flow: row nowrap;\r\n      height: 100%;\r\n      align-items: center;\r\n      margin-left: 36px;\r\n      .pic {\r\n        width: 61px;\r\n        height: 61px;\r\n      }\r\n      .date {\r\n        height: 100%;\r\n        color: #ffffff;\r\n        font-size: 18px;\r\n        display: flex;\r\n        flex-flow: column nowrap;\r\n        justify-content: center;\r\n        margin-left: 19px;\r\n        text-align: left;\r\n      }\r\n    }\r\n  }\r\n}\r\n.content {\r\n  width: 100%;\r\n  height: calc(100% - 100px);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-around;\r\n}\r\n</style>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/a7a3f502db88d808f7b1de66c5e136d5.json b/node_modules/.cache/babel-loader/a7a3f502db88d808f7b1de66c5e136d5.json
new file mode 100644
index 00000000..b0903ff1
--- /dev/null
+++ b/node_modules/.cache/babel-loader/a7a3f502db88d808f7b1de66c5e136d5.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\util\\jsmpeg.min.js","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\util\\jsmpeg.min.js","mtime":1689642397094},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\babel.config.js","mtime":1689642387810},{"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}],"contextDependencies":[],"result":["import \"core-js/modules/es6.typed.uint16-array\";\nimport \"core-js/modules/es6.typed.float32-array\";\nimport \"core-js/modules/es6.typed.int8-array\";\nimport \"core-js/modules/es6.typed.int16-array\";\nimport \"core-js/modules/es6.typed.uint32-array\";\nimport \"core-js/modules/es6.typed.uint8-clamped-array\";\nimport \"core-js/modules/es6.typed.int32-array\";\nimport \"core-js/modules/es6.array.copy-within\";\nimport _typeof from \"E:/2023/yancheng0718/yanchengPowerSupply/node_modules/@babel/runtime/helpers/esm/typeof.js\";\nimport \"core-js/modules/es6.regexp.match\";\nimport \"core-js/modules/es6.function.name\";\nimport \"core-js/modules/es6.typed.uint8-array\";\nimport \"core-js/modules/es6.array.fill\";\nwindow.JSMpeg = {\n  Player: null,\n  VideoElement: null,\n  BitBuffer: null,\n  Source: {},\n  Demuxer: {},\n  Decoder: {},\n  Renderer: {},\n  AudioOutput: {},\n  Now: function Now() {\n    return window.performance ? window.performance.now() / 1e3 : Date.now() / 1e3;\n  },\n  CreateVideoElements: function CreateVideoElements() {\n    var elements = document.querySelectorAll(\".jsmpeg\");\n    for (var i = 0; i < elements.length; i++) {\n      new JSMpeg.VideoElement(elements[i]);\n    }\n  },\n  Fill: function Fill(array, value) {\n    if (array.fill) {\n      array.fill(value);\n    } else {\n      for (var i = 0; i < array.length; i++) {\n        array[i] = value;\n      }\n    }\n  },\n  Base64ToArrayBuffer: function Base64ToArrayBuffer(base64) {\n    var binary = window.atob(base64);\n    var length = binary.length;\n    var bytes = new Uint8Array(length);\n    for (var i = 0; i < length; i++) {\n      bytes[i] = binary.charCodeAt(i);\n    }\n    return bytes.buffer;\n  },\n  WASM_BINARY_INLINED: null\n};\nif (document.readyState === \"complete\") {\n  JSMpeg.CreateVideoElements();\n} else {\n  document.addEventListener(\"DOMContentLoaded\", JSMpeg.CreateVideoElements);\n}\nJSMpeg.VideoElement = function () {\n  \"use strict\";\n\n  var VideoElement = function VideoElement(element) {\n    var url = element.dataset.url;\n    if (!url) {\n      throw \"VideoElement has no `data-url` attribute\";\n    }\n    var addStyles = function addStyles(element, styles) {\n      for (var name in styles) {\n        element.style[name] = styles[name];\n      }\n    };\n    this.container = element;\n    addStyles(this.container, {\n      display: \"inline-block\",\n      position: \"relative\",\n      minWidth: \"80px\",\n      minHeight: \"80px\"\n    });\n    this.canvas = document.createElement(\"canvas\");\n    this.canvas.width = 960;\n    this.canvas.height = 540;\n    addStyles(this.canvas, {\n      display: \"block\",\n      width: \"100%\"\n    });\n    this.container.appendChild(this.canvas);\n    this.playButton = document.createElement(\"div\");\n    this.playButton.innerHTML = VideoElement.PLAY_BUTTON;\n    addStyles(this.playButton, {\n      zIndex: 2,\n      position: \"absolute\",\n      top: \"0\",\n      bottom: \"0\",\n      left: \"0\",\n      right: \"0\",\n      maxWidth: \"75px\",\n      maxHeight: \"75px\",\n      margin: \"auto\",\n      opacity: \"0.7\",\n      cursor: \"pointer\"\n    });\n    this.container.appendChild(this.playButton);\n    var options = {\n      canvas: this.canvas\n    };\n    for (var option in element.dataset) {\n      try {\n        options[option] = JSON.parse(element.dataset[option]);\n      } catch (err) {\n        options[option] = element.dataset[option];\n      }\n    }\n    this.player = new JSMpeg.Player(url, options);\n    element.playerInstance = this.player;\n    if (options.poster && !options.autoplay && !this.player.options.streaming) {\n      options.decodeFirstFrame = false;\n      this.poster = new Image();\n      this.poster.src = options.poster;\n      this.poster.addEventListener(\"load\", this.posterLoaded);\n      addStyles(this.poster, {\n        display: \"block\",\n        zIndex: 1,\n        position: \"absolute\",\n        top: 0,\n        left: 0,\n        bottom: 0,\n        right: 0\n      });\n      this.container.appendChild(this.poster);\n    }\n    if (!this.player.options.streaming) {\n      this.container.addEventListener(\"click\", this.onClick.bind(this));\n    }\n    if (options.autoplay || this.player.options.streaming) {\n      this.playButton.style.display = \"none\";\n    }\n    if (this.player.audioOut && !this.player.audioOut.unlocked) {\n      var unlockAudioElement = this.container;\n      if (options.autoplay || this.player.options.streaming) {\n        this.unmuteButton = document.createElement(\"div\");\n        this.unmuteButton.innerHTML = VideoElement.UNMUTE_BUTTON;\n        addStyles(this.unmuteButton, {\n          zIndex: 2,\n          position: \"absolute\",\n          bottom: \"10px\",\n          right: \"20px\",\n          width: \"75px\",\n          height: \"75px\",\n          margin: \"auto\",\n          opacity: \"0.7\",\n          cursor: \"pointer\"\n        });\n        this.container.appendChild(this.unmuteButton);\n        unlockAudioElement = this.unmuteButton;\n      }\n      this.unlockAudioBound = this.onUnlockAudio.bind(this, unlockAudioElement);\n      unlockAudioElement.addEventListener(\"touchstart\", this.unlockAudioBound, false);\n      unlockAudioElement.addEventListener(\"click\", this.unlockAudioBound, true);\n    }\n  };\n  VideoElement.prototype.onUnlockAudio = function (element, ev) {\n    if (this.unmuteButton) {\n      ev.preventDefault();\n      ev.stopPropagation();\n    }\n    this.player.audioOut.unlock(function () {\n      if (this.unmuteButton) {\n        this.unmuteButton.style.display = \"none\";\n      }\n      element.removeEventListener(\"touchstart\", this.unlockAudioBound);\n      element.removeEventListener(\"click\", this.unlockAudioBound);\n    }.bind(this));\n  };\n  VideoElement.prototype.onClick = function (ev) {\n    if (this.player.isPlaying) {\n      this.player.pause();\n      this.playButton.style.display = \"block\";\n    } else {\n      this.player.play();\n      this.playButton.style.display = \"none\";\n      if (this.poster) {\n        this.poster.style.display = \"none\";\n      }\n    }\n  };\n  VideoElement.PLAY_BUTTON = '<svg style=\"max-width: 75px; max-height: 75px;\" ' + 'viewBox=\"0 0 200 200\" alt=\"Play video\">' + '<circle cx=\"100\" cy=\"100\" r=\"90\" fill=\"none\" ' + 'stroke-width=\"15\" stroke=\"#fff\"/>' + '<polygon points=\"70, 55 70, 145 145, 100\" fill=\"#fff\"/>' + \"</svg>\";\n  VideoElement.UNMUTE_BUTTON = '<svg style=\"max-width: 75px; max-height: 75px;\" viewBox=\"0 0 75 75\">' + '<polygon class=\"audio-speaker\" stroke=\"none\" fill=\"#fff\" ' + 'points=\"39,13 22,28 6,28 6,47 21,47 39,62 39,13\"/>' + '<g stroke=\"#fff\" stroke-width=\"5\">' + '<path d=\"M 49,50 69,26\"/>' + '<path d=\"M 69,50 49,26\"/>' + \"</g>\" + \"</svg>\";\n  return VideoElement;\n}();\nJSMpeg.Player = function () {\n  \"use strict\";\n\n  var Player = function Player(url, options) {\n    this.options = options || {};\n    if (options.source) {\n      this.source = new options.source(url, options);\n      options.streaming = !!this.source.streaming;\n    } else if (url.match(/^wss?:\\/\\//)) {\n      this.source = new JSMpeg.Source.WebSocket(url, options);\n      options.streaming = true;\n    } else if (options.progressive !== false) {\n      this.source = new JSMpeg.Source.AjaxProgressive(url, options);\n      options.streaming = false;\n    } else {\n      this.source = new JSMpeg.Source.Ajax(url, options);\n      options.streaming = false;\n    }\n    this.maxAudioLag = options.maxAudioLag || .25;\n    this.loop = options.loop !== false;\n    this.autoplay = !!options.autoplay || options.streaming;\n    this.demuxer = new JSMpeg.Demuxer.TS(options);\n    this.source.connect(this.demuxer);\n    if (!options.disableWebAssembly && JSMpeg.WASMModule.IsSupported()) {\n      this.wasmModule = JSMpeg.WASMModule.GetModule();\n      options.wasmModule = this.wasmModule;\n    }\n    if (options.video !== false) {\n      this.video = options.wasmModule ? new JSMpeg.Decoder.MPEG1VideoWASM(options) : new JSMpeg.Decoder.MPEG1Video(options);\n      this.renderer = !options.disableGl && JSMpeg.Renderer.WebGL.IsSupported() ? new JSMpeg.Renderer.WebGL(options) : new JSMpeg.Renderer.Canvas2D(options);\n      this.demuxer.connect(JSMpeg.Demuxer.TS.STREAM.VIDEO_1, this.video);\n      this.video.connect(this.renderer);\n    }\n    if (options.audio !== false && JSMpeg.AudioOutput.WebAudio.IsSupported()) {\n      this.audio = options.wasmModule ? new JSMpeg.Decoder.MP2AudioWASM(options) : new JSMpeg.Decoder.MP2Audio(options);\n      this.audioOut = new JSMpeg.AudioOutput.WebAudio(options);\n      this.demuxer.connect(JSMpeg.Demuxer.TS.STREAM.AUDIO_1, this.audio);\n      this.audio.connect(this.audioOut);\n    }\n    Object.defineProperty(this, \"currentTime\", {\n      get: this.getCurrentTime,\n      set: this.setCurrentTime\n    });\n    Object.defineProperty(this, \"volume\", {\n      get: this.getVolume,\n      set: this.setVolume\n    });\n    this.paused = true;\n    this.unpauseOnShow = false;\n    if (options.pauseWhenHidden !== false) {\n      document.addEventListener(\"visibilitychange\", this.showHide.bind(this));\n    }\n    if (this.wasmModule) {\n      if (this.wasmModule.ready) {\n        this.startLoading();\n      } else if (JSMpeg.WASM_BINARY_INLINED) {\n        var wasm = JSMpeg.Base64ToArrayBuffer(JSMpeg.WASM_BINARY_INLINED);\n        this.wasmModule.loadFromBuffer(wasm, this.startLoading.bind(this));\n      } else {\n        this.wasmModule.loadFromFile(\"jsmpeg.wasm\", this.startLoading.bind(this));\n      }\n    } else {\n      this.startLoading();\n    }\n  };\n  Player.prototype.startLoading = function () {\n    this.source.start();\n    if (this.autoplay) {\n      this.play();\n    }\n  };\n  Player.prototype.showHide = function (ev) {\n    if (document.visibilityState === \"hidden\") {\n      this.unpauseOnShow = this.wantsToPlay;\n      this.pause();\n    } else if (this.unpauseOnShow) {\n      this.play();\n    }\n  };\n  Player.prototype.play = function (ev) {\n    if (this.animationId) {\n      return;\n    }\n    this.animationId = requestAnimationFrame(this.update.bind(this));\n    this.wantsToPlay = true;\n    this.paused = false;\n  };\n  Player.prototype.pause = function (ev) {\n    if (this.paused) {\n      return;\n    }\n    cancelAnimationFrame(this.animationId);\n    this.animationId = null;\n    this.wantsToPlay = false;\n    this.isPlaying = false;\n    this.paused = true;\n    if (this.audio && this.audio.canPlay) {\n      this.audioOut.stop();\n      this.seek(this.currentTime);\n    }\n    if (this.options.onPause) {\n      this.options.onPause(this);\n    }\n  };\n  Player.prototype.getVolume = function () {\n    return this.audioOut ? this.audioOut.volume : 0;\n  };\n  Player.prototype.setVolume = function (volume) {\n    if (this.audioOut) {\n      this.audioOut.volume = volume;\n    }\n  };\n  Player.prototype.stop = function (ev) {\n    this.pause();\n    this.seek(0);\n    if (this.video && this.options.decodeFirstFrame !== false) {\n      this.video.decode();\n    }\n  };\n  Player.prototype.destroy = function () {\n    this.pause();\n    this.source.destroy();\n    this.video && this.video.destroy();\n    this.renderer && this.renderer.destroy();\n    this.audio && this.audio.destroy();\n    this.audioOut && this.audioOut.destroy();\n  };\n  Player.prototype.seek = function (time) {\n    var startOffset = this.audio && this.audio.canPlay ? this.audio.startTime : this.video.startTime;\n    if (this.video) {\n      this.video.seek(time + startOffset);\n    }\n    if (this.audio) {\n      this.audio.seek(time + startOffset);\n    }\n    this.startTime = JSMpeg.Now() - time;\n  };\n  Player.prototype.getCurrentTime = function () {\n    return this.audio && this.audio.canPlay ? this.audio.currentTime - this.audio.startTime : this.video.currentTime - this.video.startTime;\n  };\n  Player.prototype.setCurrentTime = function (time) {\n    this.seek(time);\n  };\n  Player.prototype.update = function () {\n    this.animationId = requestAnimationFrame(this.update.bind(this));\n    if (!this.source.established) {\n      if (this.renderer) {\n        this.renderer.renderProgress(this.source.progress);\n      }\n      return;\n    }\n    if (!this.isPlaying) {\n      this.isPlaying = true;\n      this.startTime = JSMpeg.Now() - this.currentTime;\n      if (this.options.onPlay) {\n        this.options.onPlay(this);\n      }\n    }\n    if (this.options.streaming) {\n      this.updateForStreaming();\n    } else {\n      this.updateForStaticFile();\n    }\n  };\n  Player.prototype.updateForStreaming = function () {\n    if (this.video) {\n      this.video.decode();\n    }\n    if (this.audio) {\n      var decoded = false;\n      do {\n        if (this.audioOut.enqueuedTime > this.maxAudioLag) {\n          this.audioOut.resetEnqueuedTime();\n          this.audioOut.enabled = false;\n        }\n        decoded = this.audio.decode();\n      } while (decoded);\n      this.audioOut.enabled = true;\n    }\n  };\n  Player.prototype.nextFrame = function () {\n    if (this.source.established && this.video) {\n      return this.video.decode();\n    }\n    return false;\n  };\n  Player.prototype.updateForStaticFile = function () {\n    var notEnoughData = false,\n      headroom = 0;\n    if (this.audio && this.audio.canPlay) {\n      while (!notEnoughData && this.audio.decodedTime - this.audio.currentTime < .25) {\n        notEnoughData = !this.audio.decode();\n      }\n      if (this.video && this.video.currentTime < this.audio.currentTime) {\n        notEnoughData = !this.video.decode();\n      }\n      headroom = this.demuxer.currentTime - this.audio.currentTime;\n    } else if (this.video) {\n      var targetTime = JSMpeg.Now() - this.startTime + this.video.startTime,\n        lateTime = targetTime - this.video.currentTime,\n        frameTime = 1 / this.video.frameRate;\n      if (this.video && lateTime > 0) {\n        if (lateTime > frameTime * 2) {\n          this.startTime += lateTime;\n        }\n        notEnoughData = !this.video.decode();\n      }\n      headroom = this.demuxer.currentTime - targetTime;\n    }\n    this.source.resume(headroom);\n    if (notEnoughData && this.source.completed) {\n      if (this.loop) {\n        this.seek(0);\n      } else {\n        this.pause();\n        if (this.options.onEnded) {\n          this.options.onEnded(this);\n        }\n      }\n    } else if (notEnoughData && this.options.onStalled) {\n      this.options.onStalled(this);\n    }\n  };\n  return Player;\n}();\nJSMpeg.BitBuffer = function () {\n  \"use strict\";\n\n  var BitBuffer = function BitBuffer(bufferOrLength, mode) {\n    if (_typeof(bufferOrLength) === \"object\") {\n      this.bytes = bufferOrLength instanceof Uint8Array ? bufferOrLength : new Uint8Array(bufferOrLength);\n      this.byteLength = this.bytes.length;\n    } else {\n      this.bytes = new Uint8Array(bufferOrLength || 1024 * 1024);\n      this.byteLength = 0;\n    }\n    this.mode = mode || BitBuffer.MODE.EXPAND;\n    this.index = 0;\n  };\n  BitBuffer.prototype.resize = function (size) {\n    var newBytes = new Uint8Array(size);\n    if (this.byteLength !== 0) {\n      this.byteLength = Math.min(this.byteLength, size);\n      newBytes.set(this.bytes, 0, this.byteLength);\n    }\n    this.bytes = newBytes;\n    this.index = Math.min(this.index, this.byteLength << 3);\n  };\n  BitBuffer.prototype.evict = function (sizeNeeded) {\n    var bytePos = this.index >> 3,\n      available = this.bytes.length - this.byteLength;\n    if (this.index === this.byteLength << 3 || sizeNeeded > available + bytePos) {\n      this.byteLength = 0;\n      this.index = 0;\n      return;\n    } else if (bytePos === 0) {\n      return;\n    }\n    if (this.bytes.copyWithin) {\n      this.bytes.copyWithin(0, bytePos, this.byteLength);\n    } else {\n      this.bytes.set(this.bytes.subarray(bytePos, this.byteLength));\n    }\n    this.byteLength = this.byteLength - bytePos;\n    this.index -= bytePos << 3;\n    return;\n  };\n  BitBuffer.prototype.write = function (buffers) {\n    var isArrayOfBuffers = _typeof(buffers[0]) === \"object\",\n      totalLength = 0,\n      available = this.bytes.length - this.byteLength;\n    if (isArrayOfBuffers) {\n      var totalLength = 0;\n      for (var i = 0; i < buffers.length; i++) {\n        totalLength += buffers[i].byteLength;\n      }\n    } else {\n      totalLength = buffers.byteLength;\n    }\n    if (totalLength > available) {\n      if (this.mode === BitBuffer.MODE.EXPAND) {\n        var newSize = Math.max(this.bytes.length * 2, totalLength - available);\n        this.resize(newSize);\n      } else {\n        this.evict(totalLength);\n      }\n    }\n    if (isArrayOfBuffers) {\n      for (var i = 0; i < buffers.length; i++) {\n        this.appendSingleBuffer(buffers[i]);\n      }\n    } else {\n      this.appendSingleBuffer(buffers);\n    }\n    return totalLength;\n  };\n  BitBuffer.prototype.appendSingleBuffer = function (buffer) {\n    buffer = buffer instanceof Uint8Array ? buffer : new Uint8Array(buffer);\n    this.bytes.set(buffer, this.byteLength);\n    this.byteLength += buffer.length;\n  };\n  BitBuffer.prototype.findNextStartCode = function () {\n    for (var i = this.index + 7 >> 3; i < this.byteLength; i++) {\n      if (this.bytes[i] == 0 && this.bytes[i + 1] == 0 && this.bytes[i + 2] == 1) {\n        this.index = i + 4 << 3;\n        return this.bytes[i + 3];\n      }\n    }\n    this.index = this.byteLength << 3;\n    return -1;\n  };\n  BitBuffer.prototype.findStartCode = function (code) {\n    var current = 0;\n    while (true) {\n      current = this.findNextStartCode();\n      if (current === code || current === -1) {\n        return current;\n      }\n    }\n    return -1;\n  };\n  BitBuffer.prototype.nextBytesAreStartCode = function () {\n    var i = this.index + 7 >> 3;\n    return i >= this.byteLength || this.bytes[i] == 0 && this.bytes[i + 1] == 0 && this.bytes[i + 2] == 1;\n  };\n  BitBuffer.prototype.peek = function (count) {\n    var offset = this.index;\n    var value = 0;\n    while (count) {\n      var currentByte = this.bytes[offset >> 3],\n        remaining = 8 - (offset & 7),\n        read = remaining < count ? remaining : count,\n        shift = remaining - read,\n        mask = 255 >> 8 - read;\n      value = value << read | (currentByte & mask << shift) >> shift;\n      offset += read;\n      count -= read;\n    }\n    return value;\n  };\n  BitBuffer.prototype.read = function (count) {\n    var value = this.peek(count);\n    this.index += count;\n    return value;\n  };\n  BitBuffer.prototype.skip = function (count) {\n    return this.index += count;\n  };\n  BitBuffer.prototype.rewind = function (count) {\n    this.index = Math.max(this.index - count, 0);\n  };\n  BitBuffer.prototype.has = function (count) {\n    return (this.byteLength << 3) - this.index >= count;\n  };\n  BitBuffer.MODE = {\n    EVICT: 1,\n    EXPAND: 2\n  };\n  return BitBuffer;\n}();\nJSMpeg.Source.Ajax = function () {\n  \"use strict\";\n\n  var AjaxSource = function AjaxSource(url, options) {\n    this.url = url;\n    this.destination = null;\n    this.request = null;\n    this.streaming = false;\n    this.completed = false;\n    this.established = false;\n    this.progress = 0;\n    this.onEstablishedCallback = options.onSourceEstablished;\n    this.onCompletedCallback = options.onSourceCompleted;\n  };\n  AjaxSource.prototype.connect = function (destination) {\n    this.destination = destination;\n  };\n  AjaxSource.prototype.start = function () {\n    this.request = new XMLHttpRequest();\n    this.request.onreadystatechange = function () {\n      if (this.request.readyState === this.request.DONE && this.request.status === 200) {\n        this.onLoad(this.request.response);\n      }\n    }.bind(this);\n    this.request.onprogress = this.onProgress.bind(this);\n    this.request.open(\"GET\", this.url);\n    this.request.responseType = \"arraybuffer\";\n    this.request.send();\n  };\n  AjaxSource.prototype.resume = function (secondsHeadroom) {};\n  AjaxSource.prototype.destroy = function () {\n    this.request.abort();\n  };\n  AjaxSource.prototype.onProgress = function (ev) {\n    this.progress = ev.loaded / ev.total;\n  };\n  AjaxSource.prototype.onLoad = function (data) {\n    this.established = true;\n    this.completed = true;\n    this.progress = 1;\n    if (this.onEstablishedCallback) {\n      this.onEstablishedCallback(this);\n    }\n    if (this.onCompletedCallback) {\n      this.onCompletedCallback(this);\n    }\n    if (this.destination) {\n      this.destination.write(data);\n    }\n  };\n  return AjaxSource;\n}();\nJSMpeg.Source.Fetch = function () {\n  \"use strict\";\n\n  var FetchSource = function FetchSource(url, options) {\n    this.url = url;\n    this.destination = null;\n    this.request = null;\n    this.streaming = true;\n    this.completed = false;\n    this.established = false;\n    this.progress = 0;\n    this.aborted = false;\n    this.onEstablishedCallback = options.onSourceEstablished;\n    this.onCompletedCallback = options.onSourceCompleted;\n  };\n  FetchSource.prototype.connect = function (destination) {\n    this.destination = destination;\n  };\n  FetchSource.prototype.start = function () {\n    var params = {\n      method: \"GET\",\n      headers: new Headers(),\n      cache: \"default\"\n    };\n    self.fetch(this.url, params).then(function (res) {\n      if (res.ok && res.status >= 200 && res.status <= 299) {\n        this.progress = 1;\n        this.established = true;\n        return this.pump(res.body.getReader());\n      } else {}\n    }.bind(this)).catch(function (err) {\n      throw err;\n    });\n  };\n  FetchSource.prototype.pump = function (reader) {\n    return reader.read().then(function (result) {\n      if (result.done) {\n        this.completed = true;\n      } else {\n        if (this.aborted) {\n          return reader.cancel();\n        }\n        if (this.destination) {\n          this.destination.write(result.value.buffer);\n        }\n        return this.pump(reader);\n      }\n    }.bind(this)).catch(function (err) {\n      throw err;\n    });\n  };\n  FetchSource.prototype.resume = function (secondsHeadroom) {};\n  FetchSource.prototype.abort = function () {\n    this.aborted = true;\n  };\n  return FetchSource;\n}();\nJSMpeg.Source.AjaxProgressive = function () {\n  \"use strict\";\n\n  var AjaxProgressiveSource = function AjaxProgressiveSource(url, options) {\n    this.url = url;\n    this.destination = null;\n    this.request = null;\n    this.streaming = false;\n    this.completed = false;\n    this.established = false;\n    this.progress = 0;\n    this.fileSize = 0;\n    this.loadedSize = 0;\n    this.chunkSize = options.chunkSize || 1024 * 1024;\n    this.isLoading = false;\n    this.loadStartTime = 0;\n    this.throttled = options.throttled !== false;\n    this.aborted = false;\n    this.onEstablishedCallback = options.onSourceEstablished;\n    this.onCompletedCallback = options.onSourceCompleted;\n  };\n  AjaxProgressiveSource.prototype.connect = function (destination) {\n    this.destination = destination;\n  };\n  AjaxProgressiveSource.prototype.start = function () {\n    this.request = new XMLHttpRequest();\n    this.request.onreadystatechange = function () {\n      if (this.request.readyState === this.request.DONE) {\n        this.fileSize = parseInt(this.request.getResponseHeader(\"Content-Length\"));\n        this.loadNextChunk();\n      }\n    }.bind(this);\n    this.request.onprogress = this.onProgress.bind(this);\n    this.request.open(\"HEAD\", this.url);\n    this.request.send();\n  };\n  AjaxProgressiveSource.prototype.resume = function (secondsHeadroom) {\n    if (this.isLoading || !this.throttled) {\n      return;\n    }\n    var worstCaseLoadingTime = this.loadTime * 8 + 2;\n    if (worstCaseLoadingTime > secondsHeadroom) {\n      this.loadNextChunk();\n    }\n  };\n  AjaxProgressiveSource.prototype.destroy = function () {\n    this.request.abort();\n    this.aborted = true;\n  };\n  AjaxProgressiveSource.prototype.loadNextChunk = function () {\n    var start = this.loadedSize,\n      end = Math.min(this.loadedSize + this.chunkSize - 1, this.fileSize - 1);\n    if (start >= this.fileSize || this.aborted) {\n      this.completed = true;\n      if (this.onCompletedCallback) {\n        this.onCompletedCallback(this);\n      }\n      return;\n    }\n    this.isLoading = true;\n    this.loadStartTime = JSMpeg.Now();\n    this.request = new XMLHttpRequest();\n    this.request.onreadystatechange = function () {\n      if (this.request.readyState === this.request.DONE && this.request.status >= 200 && this.request.status < 300) {\n        this.onChunkLoad(this.request.response);\n      } else if (this.request.readyState === this.request.DONE) {\n        if (this.loadFails++ < 3) {\n          this.loadNextChunk();\n        }\n      }\n    }.bind(this);\n    if (start === 0) {\n      this.request.onprogress = this.onProgress.bind(this);\n    }\n    this.request.open(\"GET\", this.url + \"?\" + start + \"-\" + end);\n    this.request.setRequestHeader(\"Range\", \"bytes=\" + start + \"-\" + end);\n    this.request.responseType = \"arraybuffer\";\n    this.request.send();\n  };\n  AjaxProgressiveSource.prototype.onProgress = function (ev) {\n    this.progress = ev.loaded / ev.total;\n  };\n  AjaxProgressiveSource.prototype.onChunkLoad = function (data) {\n    var isFirstChunk = !this.established;\n    this.established = true;\n    this.progress = 1;\n    this.loadedSize += data.byteLength;\n    this.loadFails = 0;\n    this.isLoading = false;\n    if (isFirstChunk && this.onEstablishedCallback) {\n      this.onEstablishedCallback(this);\n    }\n    if (this.destination) {\n      this.destination.write(data);\n    }\n    this.loadTime = JSMpeg.Now() - this.loadStartTime;\n    if (!this.throttled) {\n      this.loadNextChunk();\n    }\n  };\n  return AjaxProgressiveSource;\n}();\nJSMpeg.Source.WebSocket = function () {\n  \"use strict\";\n\n  var WSSource = function WSSource(url, options) {\n    this.url = url;\n    this.options = options;\n    this.socket = null;\n    this.streaming = true;\n    this.callbacks = {\n      connect: [],\n      data: []\n    };\n    this.destination = null;\n    this.reconnectInterval = options.reconnectInterval !== undefined ? options.reconnectInterval : 5;\n    this.shouldAttemptReconnect = !!this.reconnectInterval;\n    this.completed = false;\n    this.established = false;\n    this.progress = 0;\n    this.reconnectTimeoutId = 0;\n    this.onEstablishedCallback = options.onSourceEstablished;\n    this.onCompletedCallback = options.onSourceCompleted;\n  };\n  WSSource.prototype.connect = function (destination) {\n    this.destination = destination;\n  };\n  WSSource.prototype.destroy = function () {\n    clearTimeout(this.reconnectTimeoutId);\n    this.shouldAttemptReconnect = false;\n    this.socket.close();\n  };\n  WSSource.prototype.start = function () {\n    this.shouldAttemptReconnect = !!this.reconnectInterval;\n    this.progress = 0;\n    this.established = false;\n    this.socket = new WebSocket(this.url, this.options.protocols || null);\n    this.socket.binaryType = \"arraybuffer\";\n    this.socket.onmessage = this.onMessage.bind(this);\n    this.socket.onopen = this.onOpen.bind(this);\n    this.socket.onerror = this.onClose.bind(this);\n    this.socket.onclose = this.onClose.bind(this);\n  };\n  WSSource.prototype.resume = function (secondsHeadroom) {};\n  WSSource.prototype.onOpen = function () {\n    this.progress = 1;\n  };\n  WSSource.prototype.onClose = function () {\n    if (this.shouldAttemptReconnect) {\n      clearTimeout(this.reconnectTimeoutId);\n      this.reconnectTimeoutId = setTimeout(function () {\n        this.start();\n      }.bind(this), this.reconnectInterval * 1e3);\n    }\n  };\n  WSSource.prototype.onMessage = function (ev) {\n    var isFirstChunk = !this.established;\n    this.established = true;\n    if (isFirstChunk && this.onEstablishedCallback) {\n      this.onEstablishedCallback(this);\n    }\n    if (this.destination) {\n      this.destination.write(ev.data);\n    }\n  };\n  return WSSource;\n}();\nJSMpeg.Demuxer.TS = function () {\n  \"use strict\";\n\n  var TS = function TS(options) {\n    this.bits = null;\n    this.leftoverBytes = null;\n    this.guessVideoFrameEnd = true;\n    this.pidsToStreamIds = {};\n    this.pesPacketInfo = {};\n    this.startTime = 0;\n    this.currentTime = 0;\n  };\n  TS.prototype.connect = function (streamId, destination) {\n    this.pesPacketInfo[streamId] = {\n      destination: destination,\n      currentLength: 0,\n      totalLength: 0,\n      pts: 0,\n      buffers: []\n    };\n  };\n  TS.prototype.write = function (buffer) {\n    if (this.leftoverBytes) {\n      var totalLength = buffer.byteLength + this.leftoverBytes.byteLength;\n      this.bits = new JSMpeg.BitBuffer(totalLength);\n      this.bits.write([this.leftoverBytes, buffer]);\n    } else {\n      this.bits = new JSMpeg.BitBuffer(buffer);\n    }\n    while (this.bits.has(188 << 3) && this.parsePacket()) {}\n    var leftoverCount = this.bits.byteLength - (this.bits.index >> 3);\n    this.leftoverBytes = leftoverCount > 0 ? this.bits.bytes.subarray(this.bits.index >> 3) : null;\n  };\n  TS.prototype.parsePacket = function () {\n    if (this.bits.read(8) !== 71) {\n      if (!this.resync()) {\n        return false;\n      }\n    }\n    var end = (this.bits.index >> 3) + 187;\n    var transportError = this.bits.read(1),\n      payloadStart = this.bits.read(1),\n      transportPriority = this.bits.read(1),\n      pid = this.bits.read(13),\n      transportScrambling = this.bits.read(2),\n      adaptationField = this.bits.read(2),\n      continuityCounter = this.bits.read(4);\n    var streamId = this.pidsToStreamIds[pid];\n    if (payloadStart && streamId) {\n      var pi = this.pesPacketInfo[streamId];\n      if (pi && pi.currentLength) {\n        this.packetComplete(pi);\n      }\n    }\n    if (adaptationField & 1) {\n      if (adaptationField & 2) {\n        var adaptationFieldLength = this.bits.read(8);\n        this.bits.skip(adaptationFieldLength << 3);\n      }\n      if (payloadStart && this.bits.nextBytesAreStartCode()) {\n        this.bits.skip(24);\n        streamId = this.bits.read(8);\n        this.pidsToStreamIds[pid] = streamId;\n        var packetLength = this.bits.read(16);\n        this.bits.skip(8);\n        var ptsDtsFlag = this.bits.read(2);\n        this.bits.skip(6);\n        var headerLength = this.bits.read(8);\n        var payloadBeginIndex = this.bits.index + (headerLength << 3);\n        var pi = this.pesPacketInfo[streamId];\n        if (pi) {\n          var pts = 0;\n          if (ptsDtsFlag & 2) {\n            this.bits.skip(4);\n            var p32_30 = this.bits.read(3);\n            this.bits.skip(1);\n            var p29_15 = this.bits.read(15);\n            this.bits.skip(1);\n            var p14_0 = this.bits.read(15);\n            this.bits.skip(1);\n            pts = (p32_30 * 1073741824 + p29_15 * 32768 + p14_0) / 9e4;\n            this.currentTime = pts;\n            if (this.startTime === -1) {\n              this.startTime = pts;\n            }\n          }\n          var payloadLength = packetLength ? packetLength - headerLength - 3 : 0;\n          this.packetStart(pi, pts, payloadLength);\n        }\n        this.bits.index = payloadBeginIndex;\n      }\n      if (streamId) {\n        var pi = this.pesPacketInfo[streamId];\n        if (pi) {\n          var start = this.bits.index >> 3;\n          var complete = this.packetAddData(pi, start, end);\n          var hasPadding = !payloadStart && adaptationField & 2;\n          if (complete || this.guessVideoFrameEnd && hasPadding) {\n            this.packetComplete(pi);\n          }\n        }\n      }\n    }\n    this.bits.index = end << 3;\n    return true;\n  };\n  TS.prototype.resync = function () {\n    if (!this.bits.has(188 * 6 << 3)) {\n      return false;\n    }\n    var byteIndex = this.bits.index >> 3;\n    for (var i = 0; i < 187; i++) {\n      if (this.bits.bytes[byteIndex + i] === 71) {\n        var foundSync = true;\n        for (var j = 1; j < 5; j++) {\n          if (this.bits.bytes[byteIndex + i + 188 * j] !== 71) {\n            foundSync = false;\n            break;\n          }\n        }\n        if (foundSync) {\n          this.bits.index = byteIndex + i + 1 << 3;\n          return true;\n        }\n      }\n    }\n    console.warn(\"JSMpeg: Possible garbage data. Skipping.\");\n    this.bits.skip(187 << 3);\n    return false;\n  };\n  TS.prototype.packetStart = function (pi, pts, payloadLength) {\n    pi.totalLength = payloadLength;\n    pi.currentLength = 0;\n    pi.pts = pts;\n  };\n  TS.prototype.packetAddData = function (pi, start, end) {\n    pi.buffers.push(this.bits.bytes.subarray(start, end));\n    pi.currentLength += end - start;\n    var complete = pi.totalLength !== 0 && pi.currentLength >= pi.totalLength;\n    return complete;\n  };\n  TS.prototype.packetComplete = function (pi) {\n    pi.destination.write(pi.pts, pi.buffers);\n    pi.totalLength = 0;\n    pi.currentLength = 0;\n    pi.buffers = [];\n  };\n  TS.STREAM = {\n    PACK_HEADER: 186,\n    SYSTEM_HEADER: 187,\n    PROGRAM_MAP: 188,\n    PRIVATE_1: 189,\n    PADDING: 190,\n    PRIVATE_2: 191,\n    AUDIO_1: 192,\n    VIDEO_1: 224,\n    DIRECTORY: 255\n  };\n  return TS;\n}();\nJSMpeg.Decoder.Base = function () {\n  \"use strict\";\n\n  var BaseDecoder = function BaseDecoder(options) {\n    this.destination = null;\n    this.canPlay = false;\n    this.collectTimestamps = !options.streaming;\n    this.bytesWritten = 0;\n    this.timestamps = [];\n    this.timestampIndex = 0;\n    this.startTime = 0;\n    this.decodedTime = 0;\n    Object.defineProperty(this, \"currentTime\", {\n      get: this.getCurrentTime\n    });\n  };\n  BaseDecoder.prototype.destroy = function () {};\n  BaseDecoder.prototype.connect = function (destination) {\n    this.destination = destination;\n  };\n  BaseDecoder.prototype.bufferGetIndex = function () {\n    return this.bits.index;\n  };\n  BaseDecoder.prototype.bufferSetIndex = function (index) {\n    this.bits.index = index;\n  };\n  BaseDecoder.prototype.bufferWrite = function (buffers) {\n    return this.bits.write(buffers);\n  };\n  BaseDecoder.prototype.write = function (pts, buffers) {\n    if (this.collectTimestamps) {\n      if (this.timestamps.length === 0) {\n        this.startTime = pts;\n        this.decodedTime = pts;\n      }\n      this.timestamps.push({\n        index: this.bytesWritten << 3,\n        time: pts\n      });\n    }\n    this.bytesWritten += this.bufferWrite(buffers);\n    this.canPlay = true;\n  };\n  BaseDecoder.prototype.seek = function (time) {\n    if (!this.collectTimestamps) {\n      return;\n    }\n    this.timestampIndex = 0;\n    for (var i = 0; i < this.timestamps.length; i++) {\n      if (this.timestamps[i].time > time) {\n        break;\n      }\n      this.timestampIndex = i;\n    }\n    var ts = this.timestamps[this.timestampIndex];\n    if (ts) {\n      this.bufferSetIndex(ts.index);\n      this.decodedTime = ts.time;\n    } else {\n      this.bufferSetIndex(0);\n      this.decodedTime = this.startTime;\n    }\n  };\n  BaseDecoder.prototype.decode = function () {\n    this.advanceDecodedTime(0);\n  };\n  BaseDecoder.prototype.advanceDecodedTime = function (seconds) {\n    if (this.collectTimestamps) {\n      var newTimestampIndex = -1;\n      var currentIndex = this.bufferGetIndex();\n      for (var i = this.timestampIndex; i < this.timestamps.length; i++) {\n        if (this.timestamps[i].index > currentIndex) {\n          break;\n        }\n        newTimestampIndex = i;\n      }\n      if (newTimestampIndex !== -1 && newTimestampIndex !== this.timestampIndex) {\n        this.timestampIndex = newTimestampIndex;\n        this.decodedTime = this.timestamps[this.timestampIndex].time;\n        return;\n      }\n    }\n    this.decodedTime += seconds;\n  };\n  BaseDecoder.prototype.getCurrentTime = function () {\n    return this.decodedTime;\n  };\n  return BaseDecoder;\n}();\nJSMpeg.Decoder.MPEG1Video = function () {\n  \"use strict\";\n\n  var MPEG1 = function MPEG1(options) {\n    JSMpeg.Decoder.Base.call(this, options);\n    this.onDecodeCallback = options.onVideoDecode;\n    var bufferSize = options.videoBufferSize || 512 * 1024;\n    var bufferMode = options.streaming ? JSMpeg.BitBuffer.MODE.EVICT : JSMpeg.BitBuffer.MODE.EXPAND;\n    this.bits = new JSMpeg.BitBuffer(bufferSize, bufferMode);\n    this.customIntraQuantMatrix = new Uint8Array(64);\n    this.customNonIntraQuantMatrix = new Uint8Array(64);\n    this.blockData = new Int32Array(64);\n    this.currentFrame = 0;\n    this.decodeFirstFrame = options.decodeFirstFrame !== false;\n  };\n  MPEG1.prototype = Object.create(JSMpeg.Decoder.Base.prototype);\n  MPEG1.prototype.constructor = MPEG1;\n  MPEG1.prototype.write = function (pts, buffers) {\n    JSMpeg.Decoder.Base.prototype.write.call(this, pts, buffers);\n    if (!this.hasSequenceHeader) {\n      if (this.bits.findStartCode(MPEG1.START.SEQUENCE) === -1) {\n        return false;\n      }\n      this.decodeSequenceHeader();\n      if (this.decodeFirstFrame) {\n        this.decode();\n      }\n    }\n  };\n  MPEG1.prototype.decode = function () {\n    var startTime = JSMpeg.Now();\n    if (!this.hasSequenceHeader) {\n      return false;\n    }\n    if (this.bits.findStartCode(MPEG1.START.PICTURE) === -1) {\n      var bufferedBytes = this.bits.byteLength - (this.bits.index >> 3);\n      return false;\n    }\n    this.decodePicture();\n    this.advanceDecodedTime(1 / this.frameRate);\n    var elapsedTime = JSMpeg.Now() - startTime;\n    if (this.onDecodeCallback) {\n      this.onDecodeCallback(this, elapsedTime);\n    }\n    return true;\n  };\n  MPEG1.prototype.readHuffman = function (codeTable) {\n    var state = 0;\n    do {\n      state = codeTable[state + this.bits.read(1)];\n    } while (state >= 0 && codeTable[state] !== 0);\n    return codeTable[state + 2];\n  };\n  MPEG1.prototype.frameRate = 30;\n  MPEG1.prototype.decodeSequenceHeader = function () {\n    var newWidth = this.bits.read(12),\n      newHeight = this.bits.read(12);\n    this.bits.skip(4);\n    this.frameRate = MPEG1.PICTURE_RATE[this.bits.read(4)];\n    this.bits.skip(18 + 1 + 10 + 1);\n    if (newWidth !== this.width || newHeight !== this.height) {\n      this.width = newWidth;\n      this.height = newHeight;\n      this.initBuffers();\n      if (this.destination) {\n        this.destination.resize(newWidth, newHeight);\n      }\n    }\n    if (this.bits.read(1)) {\n      for (var i = 0; i < 64; i++) {\n        this.customIntraQuantMatrix[MPEG1.ZIG_ZAG[i]] = this.bits.read(8);\n      }\n      this.intraQuantMatrix = this.customIntraQuantMatrix;\n    }\n    if (this.bits.read(1)) {\n      for (var i = 0; i < 64; i++) {\n        var idx = MPEG1.ZIG_ZAG[i];\n        this.customNonIntraQuantMatrix[idx] = this.bits.read(8);\n      }\n      this.nonIntraQuantMatrix = this.customNonIntraQuantMatrix;\n    }\n    this.hasSequenceHeader = true;\n  };\n  MPEG1.prototype.initBuffers = function () {\n    this.intraQuantMatrix = MPEG1.DEFAULT_INTRA_QUANT_MATRIX;\n    this.nonIntraQuantMatrix = MPEG1.DEFAULT_NON_INTRA_QUANT_MATRIX;\n    this.mbWidth = this.width + 15 >> 4;\n    this.mbHeight = this.height + 15 >> 4;\n    this.mbSize = this.mbWidth * this.mbHeight;\n    this.codedWidth = this.mbWidth << 4;\n    this.codedHeight = this.mbHeight << 4;\n    this.codedSize = this.codedWidth * this.codedHeight;\n    this.halfWidth = this.mbWidth << 3;\n    this.halfHeight = this.mbHeight << 3;\n    this.currentY = new Uint8ClampedArray(this.codedSize);\n    this.currentY32 = new Uint32Array(this.currentY.buffer);\n    this.currentCr = new Uint8ClampedArray(this.codedSize >> 2);\n    this.currentCr32 = new Uint32Array(this.currentCr.buffer);\n    this.currentCb = new Uint8ClampedArray(this.codedSize >> 2);\n    this.currentCb32 = new Uint32Array(this.currentCb.buffer);\n    this.forwardY = new Uint8ClampedArray(this.codedSize);\n    this.forwardY32 = new Uint32Array(this.forwardY.buffer);\n    this.forwardCr = new Uint8ClampedArray(this.codedSize >> 2);\n    this.forwardCr32 = new Uint32Array(this.forwardCr.buffer);\n    this.forwardCb = new Uint8ClampedArray(this.codedSize >> 2);\n    this.forwardCb32 = new Uint32Array(this.forwardCb.buffer);\n  };\n  MPEG1.prototype.currentY = null;\n  MPEG1.prototype.currentCr = null;\n  MPEG1.prototype.currentCb = null;\n  MPEG1.prototype.pictureType = 0;\n  MPEG1.prototype.forwardY = null;\n  MPEG1.prototype.forwardCr = null;\n  MPEG1.prototype.forwardCb = null;\n  MPEG1.prototype.fullPelForward = false;\n  MPEG1.prototype.forwardFCode = 0;\n  MPEG1.prototype.forwardRSize = 0;\n  MPEG1.prototype.forwardF = 0;\n  MPEG1.prototype.decodePicture = function (skipOutput) {\n    this.currentFrame++;\n    this.bits.skip(10);\n    this.pictureType = this.bits.read(3);\n    this.bits.skip(16);\n    if (this.pictureType <= 0 || this.pictureType >= MPEG1.PICTURE_TYPE.B) {\n      return;\n    }\n    if (this.pictureType === MPEG1.PICTURE_TYPE.PREDICTIVE) {\n      this.fullPelForward = this.bits.read(1);\n      this.forwardFCode = this.bits.read(3);\n      if (this.forwardFCode === 0) {\n        return;\n      }\n      this.forwardRSize = this.forwardFCode - 1;\n      this.forwardF = 1 << this.forwardRSize;\n    }\n    var code = 0;\n    do {\n      code = this.bits.findNextStartCode();\n    } while (code === MPEG1.START.EXTENSION || code === MPEG1.START.USER_DATA);\n    while (code >= MPEG1.START.SLICE_FIRST && code <= MPEG1.START.SLICE_LAST) {\n      this.decodeSlice(code & 255);\n      code = this.bits.findNextStartCode();\n    }\n    if (code !== -1) {\n      this.bits.rewind(32);\n    }\n    if (this.destination) {\n      this.destination.render(this.currentY, this.currentCr, this.currentCb, true);\n    }\n    if (this.pictureType === MPEG1.PICTURE_TYPE.INTRA || this.pictureType === MPEG1.PICTURE_TYPE.PREDICTIVE) {\n      var tmpY = this.forwardY,\n        tmpY32 = this.forwardY32,\n        tmpCr = this.forwardCr,\n        tmpCr32 = this.forwardCr32,\n        tmpCb = this.forwardCb,\n        tmpCb32 = this.forwardCb32;\n      this.forwardY = this.currentY;\n      this.forwardY32 = this.currentY32;\n      this.forwardCr = this.currentCr;\n      this.forwardCr32 = this.currentCr32;\n      this.forwardCb = this.currentCb;\n      this.forwardCb32 = this.currentCb32;\n      this.currentY = tmpY;\n      this.currentY32 = tmpY32;\n      this.currentCr = tmpCr;\n      this.currentCr32 = tmpCr32;\n      this.currentCb = tmpCb;\n      this.currentCb32 = tmpCb32;\n    }\n  };\n  MPEG1.prototype.quantizerScale = 0;\n  MPEG1.prototype.sliceBegin = false;\n  MPEG1.prototype.decodeSlice = function (slice) {\n    this.sliceBegin = true;\n    this.macroblockAddress = (slice - 1) * this.mbWidth - 1;\n    this.motionFwH = this.motionFwHPrev = 0;\n    this.motionFwV = this.motionFwVPrev = 0;\n    this.dcPredictorY = 128;\n    this.dcPredictorCr = 128;\n    this.dcPredictorCb = 128;\n    this.quantizerScale = this.bits.read(5);\n    while (this.bits.read(1)) {\n      this.bits.skip(8);\n    }\n    do {\n      this.decodeMacroblock();\n    } while (!this.bits.nextBytesAreStartCode());\n  };\n  MPEG1.prototype.macroblockAddress = 0;\n  MPEG1.prototype.mbRow = 0;\n  MPEG1.prototype.mbCol = 0;\n  MPEG1.prototype.macroblockType = 0;\n  MPEG1.prototype.macroblockIntra = false;\n  MPEG1.prototype.macroblockMotFw = false;\n  MPEG1.prototype.motionFwH = 0;\n  MPEG1.prototype.motionFwV = 0;\n  MPEG1.prototype.motionFwHPrev = 0;\n  MPEG1.prototype.motionFwVPrev = 0;\n  MPEG1.prototype.decodeMacroblock = function () {\n    var increment = 0,\n      t = this.readHuffman(MPEG1.MACROBLOCK_ADDRESS_INCREMENT);\n    while (t === 34) {\n      t = this.readHuffman(MPEG1.MACROBLOCK_ADDRESS_INCREMENT);\n    }\n    while (t === 35) {\n      increment += 33;\n      t = this.readHuffman(MPEG1.MACROBLOCK_ADDRESS_INCREMENT);\n    }\n    increment += t;\n    if (this.sliceBegin) {\n      this.sliceBegin = false;\n      this.macroblockAddress += increment;\n    } else {\n      if (this.macroblockAddress + increment >= this.mbSize) {\n        return;\n      }\n      if (increment > 1) {\n        this.dcPredictorY = 128;\n        this.dcPredictorCr = 128;\n        this.dcPredictorCb = 128;\n        if (this.pictureType === MPEG1.PICTURE_TYPE.PREDICTIVE) {\n          this.motionFwH = this.motionFwHPrev = 0;\n          this.motionFwV = this.motionFwVPrev = 0;\n        }\n      }\n      while (increment > 1) {\n        this.macroblockAddress++;\n        this.mbRow = this.macroblockAddress / this.mbWidth | 0;\n        this.mbCol = this.macroblockAddress % this.mbWidth;\n        this.copyMacroblock(this.motionFwH, this.motionFwV, this.forwardY, this.forwardCr, this.forwardCb);\n        increment--;\n      }\n      this.macroblockAddress++;\n    }\n    this.mbRow = this.macroblockAddress / this.mbWidth | 0;\n    this.mbCol = this.macroblockAddress % this.mbWidth;\n    var mbTable = MPEG1.MACROBLOCK_TYPE[this.pictureType];\n    this.macroblockType = this.readHuffman(mbTable);\n    this.macroblockIntra = this.macroblockType & 1;\n    this.macroblockMotFw = this.macroblockType & 8;\n    if ((this.macroblockType & 16) !== 0) {\n      this.quantizerScale = this.bits.read(5);\n    }\n    if (this.macroblockIntra) {\n      this.motionFwH = this.motionFwHPrev = 0;\n      this.motionFwV = this.motionFwVPrev = 0;\n    } else {\n      this.dcPredictorY = 128;\n      this.dcPredictorCr = 128;\n      this.dcPredictorCb = 128;\n      this.decodeMotionVectors();\n      this.copyMacroblock(this.motionFwH, this.motionFwV, this.forwardY, this.forwardCr, this.forwardCb);\n    }\n    var cbp = (this.macroblockType & 2) !== 0 ? this.readHuffman(MPEG1.CODE_BLOCK_PATTERN) : this.macroblockIntra ? 63 : 0;\n    for (var block = 0, mask = 32; block < 6; block++) {\n      if ((cbp & mask) !== 0) {\n        this.decodeBlock(block);\n      }\n      mask >>= 1;\n    }\n  };\n  MPEG1.prototype.decodeMotionVectors = function () {\n    var code,\n      d,\n      r = 0;\n    if (this.macroblockMotFw) {\n      code = this.readHuffman(MPEG1.MOTION);\n      if (code !== 0 && this.forwardF !== 1) {\n        r = this.bits.read(this.forwardRSize);\n        d = (Math.abs(code) - 1 << this.forwardRSize) + r + 1;\n        if (code < 0) {\n          d = -d;\n        }\n      } else {\n        d = code;\n      }\n      this.motionFwHPrev += d;\n      if (this.motionFwHPrev > (this.forwardF << 4) - 1) {\n        this.motionFwHPrev -= this.forwardF << 5;\n      } else if (this.motionFwHPrev < -this.forwardF << 4) {\n        this.motionFwHPrev += this.forwardF << 5;\n      }\n      this.motionFwH = this.motionFwHPrev;\n      if (this.fullPelForward) {\n        this.motionFwH <<= 1;\n      }\n      code = this.readHuffman(MPEG1.MOTION);\n      if (code !== 0 && this.forwardF !== 1) {\n        r = this.bits.read(this.forwardRSize);\n        d = (Math.abs(code) - 1 << this.forwardRSize) + r + 1;\n        if (code < 0) {\n          d = -d;\n        }\n      } else {\n        d = code;\n      }\n      this.motionFwVPrev += d;\n      if (this.motionFwVPrev > (this.forwardF << 4) - 1) {\n        this.motionFwVPrev -= this.forwardF << 5;\n      } else if (this.motionFwVPrev < -this.forwardF << 4) {\n        this.motionFwVPrev += this.forwardF << 5;\n      }\n      this.motionFwV = this.motionFwVPrev;\n      if (this.fullPelForward) {\n        this.motionFwV <<= 1;\n      }\n    } else if (this.pictureType === MPEG1.PICTURE_TYPE.PREDICTIVE) {\n      this.motionFwH = this.motionFwHPrev = 0;\n      this.motionFwV = this.motionFwVPrev = 0;\n    }\n  };\n  MPEG1.prototype.copyMacroblock = function (motionH, motionV, sY, sCr, sCb) {\n    var width, scan, H, V, oddH, oddV, src, dest, last;\n    var dY = this.currentY32,\n      dCb = this.currentCb32,\n      dCr = this.currentCr32;\n    width = this.codedWidth;\n    scan = width - 16;\n    H = motionH >> 1;\n    V = motionV >> 1;\n    oddH = (motionH & 1) === 1;\n    oddV = (motionV & 1) === 1;\n    src = ((this.mbRow << 4) + V) * width + (this.mbCol << 4) + H;\n    dest = this.mbRow * width + this.mbCol << 2;\n    last = dest + (width << 2);\n    var x, y1, y2, y;\n    if (oddH) {\n      if (oddV) {\n        while (dest < last) {\n          y1 = sY[src] + sY[src + width];\n          src++;\n          for (x = 0; x < 4; x++) {\n            y2 = sY[src] + sY[src + width];\n            src++;\n            y = y1 + y2 + 2 >> 2 & 255;\n            y1 = sY[src] + sY[src + width];\n            src++;\n            y |= y1 + y2 + 2 << 6 & 65280;\n            y2 = sY[src] + sY[src + width];\n            src++;\n            y |= y1 + y2 + 2 << 14 & 16711680;\n            y1 = sY[src] + sY[src + width];\n            src++;\n            y |= y1 + y2 + 2 << 22 & 4278190080;\n            dY[dest++] = y;\n          }\n          dest += scan >> 2;\n          src += scan - 1;\n        }\n      } else {\n        while (dest < last) {\n          y1 = sY[src++];\n          for (x = 0; x < 4; x++) {\n            y2 = sY[src++];\n            y = y1 + y2 + 1 >> 1 & 255;\n            y1 = sY[src++];\n            y |= y1 + y2 + 1 << 7 & 65280;\n            y2 = sY[src++];\n            y |= y1 + y2 + 1 << 15 & 16711680;\n            y1 = sY[src++];\n            y |= y1 + y2 + 1 << 23 & 4278190080;\n            dY[dest++] = y;\n          }\n          dest += scan >> 2;\n          src += scan - 1;\n        }\n      }\n    } else {\n      if (oddV) {\n        while (dest < last) {\n          for (x = 0; x < 4; x++) {\n            y = sY[src] + sY[src + width] + 1 >> 1 & 255;\n            src++;\n            y |= sY[src] + sY[src + width] + 1 << 7 & 65280;\n            src++;\n            y |= sY[src] + sY[src + width] + 1 << 15 & 16711680;\n            src++;\n            y |= sY[src] + sY[src + width] + 1 << 23 & 4278190080;\n            src++;\n            dY[dest++] = y;\n          }\n          dest += scan >> 2;\n          src += scan;\n        }\n      } else {\n        while (dest < last) {\n          for (x = 0; x < 4; x++) {\n            y = sY[src];\n            src++;\n            y |= sY[src] << 8;\n            src++;\n            y |= sY[src] << 16;\n            src++;\n            y |= sY[src] << 24;\n            src++;\n            dY[dest++] = y;\n          }\n          dest += scan >> 2;\n          src += scan;\n        }\n      }\n    }\n    width = this.halfWidth;\n    scan = width - 8;\n    H = motionH / 2 >> 1;\n    V = motionV / 2 >> 1;\n    oddH = (motionH / 2 & 1) === 1;\n    oddV = (motionV / 2 & 1) === 1;\n    src = ((this.mbRow << 3) + V) * width + (this.mbCol << 3) + H;\n    dest = this.mbRow * width + this.mbCol << 1;\n    last = dest + (width << 1);\n    var cr1, cr2, cr, cb1, cb2, cb;\n    if (oddH) {\n      if (oddV) {\n        while (dest < last) {\n          cr1 = sCr[src] + sCr[src + width];\n          cb1 = sCb[src] + sCb[src + width];\n          src++;\n          for (x = 0; x < 2; x++) {\n            cr2 = sCr[src] + sCr[src + width];\n            cb2 = sCb[src] + sCb[src + width];\n            src++;\n            cr = cr1 + cr2 + 2 >> 2 & 255;\n            cb = cb1 + cb2 + 2 >> 2 & 255;\n            cr1 = sCr[src] + sCr[src + width];\n            cb1 = sCb[src] + sCb[src + width];\n            src++;\n            cr |= cr1 + cr2 + 2 << 6 & 65280;\n            cb |= cb1 + cb2 + 2 << 6 & 65280;\n            cr2 = sCr[src] + sCr[src + width];\n            cb2 = sCb[src] + sCb[src + width];\n            src++;\n            cr |= cr1 + cr2 + 2 << 14 & 16711680;\n            cb |= cb1 + cb2 + 2 << 14 & 16711680;\n            cr1 = sCr[src] + sCr[src + width];\n            cb1 = sCb[src] + sCb[src + width];\n            src++;\n            cr |= cr1 + cr2 + 2 << 22 & 4278190080;\n            cb |= cb1 + cb2 + 2 << 22 & 4278190080;\n            dCr[dest] = cr;\n            dCb[dest] = cb;\n            dest++;\n          }\n          dest += scan >> 2;\n          src += scan - 1;\n        }\n      } else {\n        while (dest < last) {\n          cr1 = sCr[src];\n          cb1 = sCb[src];\n          src++;\n          for (x = 0; x < 2; x++) {\n            cr2 = sCr[src];\n            cb2 = sCb[src++];\n            cr = cr1 + cr2 + 1 >> 1 & 255;\n            cb = cb1 + cb2 + 1 >> 1 & 255;\n            cr1 = sCr[src];\n            cb1 = sCb[src++];\n            cr |= cr1 + cr2 + 1 << 7 & 65280;\n            cb |= cb1 + cb2 + 1 << 7 & 65280;\n            cr2 = sCr[src];\n            cb2 = sCb[src++];\n            cr |= cr1 + cr2 + 1 << 15 & 16711680;\n            cb |= cb1 + cb2 + 1 << 15 & 16711680;\n            cr1 = sCr[src];\n            cb1 = sCb[src++];\n            cr |= cr1 + cr2 + 1 << 23 & 4278190080;\n            cb |= cb1 + cb2 + 1 << 23 & 4278190080;\n            dCr[dest] = cr;\n            dCb[dest] = cb;\n            dest++;\n          }\n          dest += scan >> 2;\n          src += scan - 1;\n        }\n      }\n    } else {\n      if (oddV) {\n        while (dest < last) {\n          for (x = 0; x < 2; x++) {\n            cr = sCr[src] + sCr[src + width] + 1 >> 1 & 255;\n            cb = sCb[src] + sCb[src + width] + 1 >> 1 & 255;\n            src++;\n            cr |= sCr[src] + sCr[src + width] + 1 << 7 & 65280;\n            cb |= sCb[src] + sCb[src + width] + 1 << 7 & 65280;\n            src++;\n            cr |= sCr[src] + sCr[src + width] + 1 << 15 & 16711680;\n            cb |= sCb[src] + sCb[src + width] + 1 << 15 & 16711680;\n            src++;\n            cr |= sCr[src] + sCr[src + width] + 1 << 23 & 4278190080;\n            cb |= sCb[src] + sCb[src + width] + 1 << 23 & 4278190080;\n            src++;\n            dCr[dest] = cr;\n            dCb[dest] = cb;\n            dest++;\n          }\n          dest += scan >> 2;\n          src += scan;\n        }\n      } else {\n        while (dest < last) {\n          for (x = 0; x < 2; x++) {\n            cr = sCr[src];\n            cb = sCb[src];\n            src++;\n            cr |= sCr[src] << 8;\n            cb |= sCb[src] << 8;\n            src++;\n            cr |= sCr[src] << 16;\n            cb |= sCb[src] << 16;\n            src++;\n            cr |= sCr[src] << 24;\n            cb |= sCb[src] << 24;\n            src++;\n            dCr[dest] = cr;\n            dCb[dest] = cb;\n            dest++;\n          }\n          dest += scan >> 2;\n          src += scan;\n        }\n      }\n    }\n  };\n  MPEG1.prototype.dcPredictorY = 0;\n  MPEG1.prototype.dcPredictorCr = 0;\n  MPEG1.prototype.dcPredictorCb = 0;\n  MPEG1.prototype.blockData = null;\n  MPEG1.prototype.decodeBlock = function (block) {\n    var n = 0,\n      quantMatrix;\n    if (this.macroblockIntra) {\n      var predictor, dctSize;\n      if (block < 4) {\n        predictor = this.dcPredictorY;\n        dctSize = this.readHuffman(MPEG1.DCT_DC_SIZE_LUMINANCE);\n      } else {\n        predictor = block === 4 ? this.dcPredictorCr : this.dcPredictorCb;\n        dctSize = this.readHuffman(MPEG1.DCT_DC_SIZE_CHROMINANCE);\n      }\n      if (dctSize > 0) {\n        var differential = this.bits.read(dctSize);\n        if ((differential & 1 << dctSize - 1) !== 0) {\n          this.blockData[0] = predictor + differential;\n        } else {\n          this.blockData[0] = predictor + (-1 << dctSize | differential + 1);\n        }\n      } else {\n        this.blockData[0] = predictor;\n      }\n      if (block < 4) {\n        this.dcPredictorY = this.blockData[0];\n      } else if (block === 4) {\n        this.dcPredictorCr = this.blockData[0];\n      } else {\n        this.dcPredictorCb = this.blockData[0];\n      }\n      this.blockData[0] <<= 3 + 5;\n      quantMatrix = this.intraQuantMatrix;\n      n = 1;\n    } else {\n      quantMatrix = this.nonIntraQuantMatrix;\n    }\n    var level = 0;\n    while (true) {\n      var run = 0,\n        coeff = this.readHuffman(MPEG1.DCT_COEFF);\n      if (coeff === 1 && n > 0 && this.bits.read(1) === 0) {\n        break;\n      }\n      if (coeff === 65535) {\n        run = this.bits.read(6);\n        level = this.bits.read(8);\n        if (level === 0) {\n          level = this.bits.read(8);\n        } else if (level === 128) {\n          level = this.bits.read(8) - 256;\n        } else if (level > 128) {\n          level = level - 256;\n        }\n      } else {\n        run = coeff >> 8;\n        level = coeff & 255;\n        if (this.bits.read(1)) {\n          level = -level;\n        }\n      }\n      n += run;\n      var dezigZagged = MPEG1.ZIG_ZAG[n];\n      n++;\n      level <<= 1;\n      if (!this.macroblockIntra) {\n        level += level < 0 ? -1 : 1;\n      }\n      level = level * this.quantizerScale * quantMatrix[dezigZagged] >> 4;\n      if ((level & 1) === 0) {\n        level -= level > 0 ? 1 : -1;\n      }\n      if (level > 2047) {\n        level = 2047;\n      } else if (level < -2048) {\n        level = -2048;\n      }\n      this.blockData[dezigZagged] = level * MPEG1.PREMULTIPLIER_MATRIX[dezigZagged];\n    }\n    var destArray, destIndex, scan;\n    if (block < 4) {\n      destArray = this.currentY;\n      scan = this.codedWidth - 8;\n      destIndex = this.mbRow * this.codedWidth + this.mbCol << 4;\n      if ((block & 1) !== 0) {\n        destIndex += 8;\n      }\n      if ((block & 2) !== 0) {\n        destIndex += this.codedWidth << 3;\n      }\n    } else {\n      destArray = block === 4 ? this.currentCb : this.currentCr;\n      scan = (this.codedWidth >> 1) - 8;\n      destIndex = (this.mbRow * this.codedWidth << 2) + (this.mbCol << 3);\n    }\n    if (this.macroblockIntra) {\n      if (n === 1) {\n        MPEG1.CopyValueToDestination(this.blockData[0] + 128 >> 8, destArray, destIndex, scan);\n        this.blockData[0] = 0;\n      } else {\n        MPEG1.IDCT(this.blockData);\n        MPEG1.CopyBlockToDestination(this.blockData, destArray, destIndex, scan);\n        JSMpeg.Fill(this.blockData, 0);\n      }\n    } else {\n      if (n === 1) {\n        MPEG1.AddValueToDestination(this.blockData[0] + 128 >> 8, destArray, destIndex, scan);\n        this.blockData[0] = 0;\n      } else {\n        MPEG1.IDCT(this.blockData);\n        MPEG1.AddBlockToDestination(this.blockData, destArray, destIndex, scan);\n        JSMpeg.Fill(this.blockData, 0);\n      }\n    }\n    n = 0;\n  };\n  MPEG1.CopyBlockToDestination = function (block, dest, index, scan) {\n    for (var n = 0; n < 64; n += 8, index += scan + 8) {\n      dest[index + 0] = block[n + 0];\n      dest[index + 1] = block[n + 1];\n      dest[index + 2] = block[n + 2];\n      dest[index + 3] = block[n + 3];\n      dest[index + 4] = block[n + 4];\n      dest[index + 5] = block[n + 5];\n      dest[index + 6] = block[n + 6];\n      dest[index + 7] = block[n + 7];\n    }\n  };\n  MPEG1.AddBlockToDestination = function (block, dest, index, scan) {\n    for (var n = 0; n < 64; n += 8, index += scan + 8) {\n      dest[index + 0] += block[n + 0];\n      dest[index + 1] += block[n + 1];\n      dest[index + 2] += block[n + 2];\n      dest[index + 3] += block[n + 3];\n      dest[index + 4] += block[n + 4];\n      dest[index + 5] += block[n + 5];\n      dest[index + 6] += block[n + 6];\n      dest[index + 7] += block[n + 7];\n    }\n  };\n  MPEG1.CopyValueToDestination = function (value, dest, index, scan) {\n    for (var n = 0; n < 64; n += 8, index += scan + 8) {\n      dest[index + 0] = value;\n      dest[index + 1] = value;\n      dest[index + 2] = value;\n      dest[index + 3] = value;\n      dest[index + 4] = value;\n      dest[index + 5] = value;\n      dest[index + 6] = value;\n      dest[index + 7] = value;\n    }\n  };\n  MPEG1.AddValueToDestination = function (value, dest, index, scan) {\n    for (var n = 0; n < 64; n += 8, index += scan + 8) {\n      dest[index + 0] += value;\n      dest[index + 1] += value;\n      dest[index + 2] += value;\n      dest[index + 3] += value;\n      dest[index + 4] += value;\n      dest[index + 5] += value;\n      dest[index + 6] += value;\n      dest[index + 7] += value;\n    }\n  };\n  MPEG1.IDCT = function (block) {\n    var b1, b3, b4, b6, b7, tmp1, tmp2, m0, x0, x1, x2, x3, x4, y3, y4, y5, y6, y7;\n    for (var i = 0; i < 8; ++i) {\n      b1 = block[4 * 8 + i];\n      b3 = block[2 * 8 + i] + block[6 * 8 + i];\n      b4 = block[5 * 8 + i] - block[3 * 8 + i];\n      tmp1 = block[1 * 8 + i] + block[7 * 8 + i];\n      tmp2 = block[3 * 8 + i] + block[5 * 8 + i];\n      b6 = block[1 * 8 + i] - block[7 * 8 + i];\n      b7 = tmp1 + tmp2;\n      m0 = block[0 * 8 + i];\n      x4 = (b6 * 473 - b4 * 196 + 128 >> 8) - b7;\n      x0 = x4 - ((tmp1 - tmp2) * 362 + 128 >> 8);\n      x1 = m0 - b1;\n      x2 = ((block[2 * 8 + i] - block[6 * 8 + i]) * 362 + 128 >> 8) - b3;\n      x3 = m0 + b1;\n      y3 = x1 + x2;\n      y4 = x3 + b3;\n      y5 = x1 - x2;\n      y6 = x3 - b3;\n      y7 = -x0 - (b4 * 473 + b6 * 196 + 128 >> 8);\n      block[0 * 8 + i] = b7 + y4;\n      block[1 * 8 + i] = x4 + y3;\n      block[2 * 8 + i] = y5 - x0;\n      block[3 * 8 + i] = y6 - y7;\n      block[4 * 8 + i] = y6 + y7;\n      block[5 * 8 + i] = x0 + y5;\n      block[6 * 8 + i] = y3 - x4;\n      block[7 * 8 + i] = y4 - b7;\n    }\n    for (var i = 0; i < 64; i += 8) {\n      b1 = block[4 + i];\n      b3 = block[2 + i] + block[6 + i];\n      b4 = block[5 + i] - block[3 + i];\n      tmp1 = block[1 + i] + block[7 + i];\n      tmp2 = block[3 + i] + block[5 + i];\n      b6 = block[1 + i] - block[7 + i];\n      b7 = tmp1 + tmp2;\n      m0 = block[0 + i];\n      x4 = (b6 * 473 - b4 * 196 + 128 >> 8) - b7;\n      x0 = x4 - ((tmp1 - tmp2) * 362 + 128 >> 8);\n      x1 = m0 - b1;\n      x2 = ((block[2 + i] - block[6 + i]) * 362 + 128 >> 8) - b3;\n      x3 = m0 + b1;\n      y3 = x1 + x2;\n      y4 = x3 + b3;\n      y5 = x1 - x2;\n      y6 = x3 - b3;\n      y7 = -x0 - (b4 * 473 + b6 * 196 + 128 >> 8);\n      block[0 + i] = b7 + y4 + 128 >> 8;\n      block[1 + i] = x4 + y3 + 128 >> 8;\n      block[2 + i] = y5 - x0 + 128 >> 8;\n      block[3 + i] = y6 - y7 + 128 >> 8;\n      block[4 + i] = y6 + y7 + 128 >> 8;\n      block[5 + i] = x0 + y5 + 128 >> 8;\n      block[6 + i] = y3 - x4 + 128 >> 8;\n      block[7 + i] = y4 - b7 + 128 >> 8;\n    }\n  };\n  MPEG1.PICTURE_RATE = [0, 23.976, 24, 25, 29.97, 30, 50, 59.94, 60, 0, 0, 0, 0, 0, 0, 0];\n  MPEG1.ZIG_ZAG = new Uint8Array([0, 1, 8, 16, 9, 2, 3, 10, 17, 24, 32, 25, 18, 11, 4, 5, 12, 19, 26, 33, 40, 48, 41, 34, 27, 20, 13, 6, 7, 14, 21, 28, 35, 42, 49, 56, 57, 50, 43, 36, 29, 22, 15, 23, 30, 37, 44, 51, 58, 59, 52, 45, 38, 31, 39, 46, 53, 60, 61, 54, 47, 55, 62, 63]);\n  MPEG1.DEFAULT_INTRA_QUANT_MATRIX = new Uint8Array([8, 16, 19, 22, 26, 27, 29, 34, 16, 16, 22, 24, 27, 29, 34, 37, 19, 22, 26, 27, 29, 34, 34, 38, 22, 22, 26, 27, 29, 34, 37, 40, 22, 26, 27, 29, 32, 35, 40, 48, 26, 27, 29, 32, 35, 40, 48, 58, 26, 27, 29, 34, 38, 46, 56, 69, 27, 29, 35, 38, 46, 56, 69, 83]);\n  MPEG1.DEFAULT_NON_INTRA_QUANT_MATRIX = new Uint8Array([16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16]);\n  MPEG1.PREMULTIPLIER_MATRIX = new Uint8Array([32, 44, 42, 38, 32, 25, 17, 9, 44, 62, 58, 52, 44, 35, 24, 12, 42, 58, 55, 49, 42, 33, 23, 12, 38, 52, 49, 44, 38, 30, 20, 10, 32, 44, 42, 38, 32, 25, 17, 9, 25, 35, 33, 30, 25, 20, 14, 7, 17, 24, 23, 20, 17, 14, 9, 5, 9, 12, 12, 10, 9, 7, 5, 2]);\n  MPEG1.MACROBLOCK_ADDRESS_INCREMENT = new Int16Array([1 * 3, 2 * 3, 0, 3 * 3, 4 * 3, 0, 0, 0, 1, 5 * 3, 6 * 3, 0, 7 * 3, 8 * 3, 0, 9 * 3, 10 * 3, 0, 11 * 3, 12 * 3, 0, 0, 0, 3, 0, 0, 2, 13 * 3, 14 * 3, 0, 15 * 3, 16 * 3, 0, 0, 0, 5, 0, 0, 4, 17 * 3, 18 * 3, 0, 19 * 3, 20 * 3, 0, 0, 0, 7, 0, 0, 6, 21 * 3, 22 * 3, 0, 23 * 3, 24 * 3, 0, 25 * 3, 26 * 3, 0, 27 * 3, 28 * 3, 0, -1, 29 * 3, 0, -1, 30 * 3, 0, 31 * 3, 32 * 3, 0, 33 * 3, 34 * 3, 0, 35 * 3, 36 * 3, 0, 37 * 3, 38 * 3, 0, 0, 0, 9, 0, 0, 8, 39 * 3, 40 * 3, 0, 41 * 3, 42 * 3, 0, 43 * 3, 44 * 3, 0, 45 * 3, 46 * 3, 0, 0, 0, 15, 0, 0, 14, 0, 0, 13, 0, 0, 12, 0, 0, 11, 0, 0, 10, 47 * 3, -1, 0, -1, 48 * 3, 0, 49 * 3, 50 * 3, 0, 51 * 3, 52 * 3, 0, 53 * 3, 54 * 3, 0, 55 * 3, 56 * 3, 0, 57 * 3, 58 * 3, 0, 59 * 3, 60 * 3, 0, 61 * 3, -1, 0, -1, 62 * 3, 0, 63 * 3, 64 * 3, 0, 65 * 3, 66 * 3, 0, 67 * 3, 68 * 3, 0, 69 * 3, 70 * 3, 0, 71 * 3, 72 * 3, 0, 73 * 3, 74 * 3, 0, 0, 0, 21, 0, 0, 20, 0, 0, 19, 0, 0, 18, 0, 0, 17, 0, 0, 16, 0, 0, 35, 0, 0, 34, 0, 0, 33, 0, 0, 32, 0, 0, 31, 0, 0, 30, 0, 0, 29, 0, 0, 28, 0, 0, 27, 0, 0, 26, 0, 0, 25, 0, 0, 24, 0, 0, 23, 0, 0, 22]);\n  MPEG1.MACROBLOCK_TYPE_INTRA = new Int8Array([1 * 3, 2 * 3, 0, -1, 3 * 3, 0, 0, 0, 1, 0, 0, 17]);\n  MPEG1.MACROBLOCK_TYPE_PREDICTIVE = new Int8Array([1 * 3, 2 * 3, 0, 3 * 3, 4 * 3, 0, 0, 0, 10, 5 * 3, 6 * 3, 0, 0, 0, 2, 7 * 3, 8 * 3, 0, 0, 0, 8, 9 * 3, 10 * 3, 0, 11 * 3, 12 * 3, 0, -1, 13 * 3, 0, 0, 0, 18, 0, 0, 26, 0, 0, 1, 0, 0, 17]);\n  MPEG1.MACROBLOCK_TYPE_B = new Int8Array([1 * 3, 2 * 3, 0, 3 * 3, 5 * 3, 0, 4 * 3, 6 * 3, 0, 8 * 3, 7 * 3, 0, 0, 0, 12, 9 * 3, 10 * 3, 0, 0, 0, 14, 13 * 3, 14 * 3, 0, 12 * 3, 11 * 3, 0, 0, 0, 4, 0, 0, 6, 18 * 3, 16 * 3, 0, 15 * 3, 17 * 3, 0, 0, 0, 8, 0, 0, 10, -1, 19 * 3, 0, 0, 0, 1, 20 * 3, 21 * 3, 0, 0, 0, 30, 0, 0, 17, 0, 0, 22, 0, 0, 26]);\n  MPEG1.MACROBLOCK_TYPE = [null, MPEG1.MACROBLOCK_TYPE_INTRA, MPEG1.MACROBLOCK_TYPE_PREDICTIVE, MPEG1.MACROBLOCK_TYPE_B];\n  MPEG1.CODE_BLOCK_PATTERN = new Int16Array([2 * 3, 1 * 3, 0, 3 * 3, 6 * 3, 0, 4 * 3, 5 * 3, 0, 8 * 3, 11 * 3, 0, 12 * 3, 13 * 3, 0, 9 * 3, 7 * 3, 0, 10 * 3, 14 * 3, 0, 20 * 3, 19 * 3, 0, 18 * 3, 16 * 3, 0, 23 * 3, 17 * 3, 0, 27 * 3, 25 * 3, 0, 21 * 3, 28 * 3, 0, 15 * 3, 22 * 3, 0, 24 * 3, 26 * 3, 0, 0, 0, 60, 35 * 3, 40 * 3, 0, 44 * 3, 48 * 3, 0, 38 * 3, 36 * 3, 0, 42 * 3, 47 * 3, 0, 29 * 3, 31 * 3, 0, 39 * 3, 32 * 3, 0, 0, 0, 32, 45 * 3, 46 * 3, 0, 33 * 3, 41 * 3, 0, 43 * 3, 34 * 3, 0, 0, 0, 4, 30 * 3, 37 * 3, 0, 0, 0, 8, 0, 0, 16, 0, 0, 44, 50 * 3, 56 * 3, 0, 0, 0, 28, 0, 0, 52, 0, 0, 62, 61 * 3, 59 * 3, 0, 52 * 3, 60 * 3, 0, 0, 0, 1, 55 * 3, 54 * 3, 0, 0, 0, 61, 0, 0, 56, 57 * 3, 58 * 3, 0, 0, 0, 2, 0, 0, 40, 51 * 3, 62 * 3, 0, 0, 0, 48, 64 * 3, 63 * 3, 0, 49 * 3, 53 * 3, 0, 0, 0, 20, 0, 0, 12, 80 * 3, 83 * 3, 0, 0, 0, 63, 77 * 3, 75 * 3, 0, 65 * 3, 73 * 3, 0, 84 * 3, 66 * 3, 0, 0, 0, 24, 0, 0, 36, 0, 0, 3, 69 * 3, 87 * 3, 0, 81 * 3, 79 * 3, 0, 68 * 3, 71 * 3, 0, 70 * 3, 78 * 3, 0, 67 * 3, 76 * 3, 0, 72 * 3, 74 * 3, 0, 86 * 3, 85 * 3, 0, 88 * 3, 82 * 3, 0, -1, 94 * 3, 0, 95 * 3, 97 * 3, 0, 0, 0, 33, 0, 0, 9, 106 * 3, 110 * 3, 0, 102 * 3, 116 * 3, 0, 0, 0, 5, 0, 0, 10, 93 * 3, 89 * 3, 0, 0, 0, 6, 0, 0, 18, 0, 0, 17, 0, 0, 34, 113 * 3, 119 * 3, 0, 103 * 3, 104 * 3, 0, 90 * 3, 92 * 3, 0, 109 * 3, 107 * 3, 0, 117 * 3, 118 * 3, 0, 101 * 3, 99 * 3, 0, 98 * 3, 96 * 3, 0, 100 * 3, 91 * 3, 0, 114 * 3, 115 * 3, 0, 105 * 3, 108 * 3, 0, 112 * 3, 111 * 3, 0, 121 * 3, 125 * 3, 0, 0, 0, 41, 0, 0, 14, 0, 0, 21, 124 * 3, 122 * 3, 0, 120 * 3, 123 * 3, 0, 0, 0, 11, 0, 0, 19, 0, 0, 7, 0, 0, 35, 0, 0, 13, 0, 0, 50, 0, 0, 49, 0, 0, 58, 0, 0, 37, 0, 0, 25, 0, 0, 45, 0, 0, 57, 0, 0, 26, 0, 0, 29, 0, 0, 38, 0, 0, 53, 0, 0, 23, 0, 0, 43, 0, 0, 46, 0, 0, 42, 0, 0, 22, 0, 0, 54, 0, 0, 51, 0, 0, 15, 0, 0, 30, 0, 0, 39, 0, 0, 47, 0, 0, 55, 0, 0, 27, 0, 0, 59, 0, 0, 31]);\n  MPEG1.MOTION = new Int16Array([1 * 3, 2 * 3, 0, 4 * 3, 3 * 3, 0, 0, 0, 0, 6 * 3, 5 * 3, 0, 8 * 3, 7 * 3, 0, 0, 0, -1, 0, 0, 1, 9 * 3, 10 * 3, 0, 12 * 3, 11 * 3, 0, 0, 0, 2, 0, 0, -2, 14 * 3, 15 * 3, 0, 16 * 3, 13 * 3, 0, 20 * 3, 18 * 3, 0, 0, 0, 3, 0, 0, -3, 17 * 3, 19 * 3, 0, -1, 23 * 3, 0, 27 * 3, 25 * 3, 0, 26 * 3, 21 * 3, 0, 24 * 3, 22 * 3, 0, 32 * 3, 28 * 3, 0, 29 * 3, 31 * 3, 0, -1, 33 * 3, 0, 36 * 3, 35 * 3, 0, 0, 0, -4, 30 * 3, 34 * 3, 0, 0, 0, 4, 0, 0, -7, 0, 0, 5, 37 * 3, 41 * 3, 0, 0, 0, -5, 0, 0, 7, 38 * 3, 40 * 3, 0, 42 * 3, 39 * 3, 0, 0, 0, -6, 0, 0, 6, 51 * 3, 54 * 3, 0, 50 * 3, 49 * 3, 0, 45 * 3, 46 * 3, 0, 52 * 3, 47 * 3, 0, 43 * 3, 53 * 3, 0, 44 * 3, 48 * 3, 0, 0, 0, 10, 0, 0, 9, 0, 0, 8, 0, 0, -8, 57 * 3, 66 * 3, 0, 0, 0, -9, 60 * 3, 64 * 3, 0, 56 * 3, 61 * 3, 0, 55 * 3, 62 * 3, 0, 58 * 3, 63 * 3, 0, 0, 0, -10, 59 * 3, 65 * 3, 0, 0, 0, 12, 0, 0, 16, 0, 0, 13, 0, 0, 14, 0, 0, 11, 0, 0, 15, 0, 0, -16, 0, 0, -12, 0, 0, -14, 0, 0, -15, 0, 0, -11, 0, 0, -13]);\n  MPEG1.DCT_DC_SIZE_LUMINANCE = new Int8Array([2 * 3, 1 * 3, 0, 6 * 3, 5 * 3, 0, 3 * 3, 4 * 3, 0, 0, 0, 1, 0, 0, 2, 9 * 3, 8 * 3, 0, 7 * 3, 10 * 3, 0, 0, 0, 0, 12 * 3, 11 * 3, 0, 0, 0, 4, 0, 0, 3, 13 * 3, 14 * 3, 0, 0, 0, 5, 0, 0, 6, 16 * 3, 15 * 3, 0, 17 * 3, -1, 0, 0, 0, 7, 0, 0, 8]);\n  MPEG1.DCT_DC_SIZE_CHROMINANCE = new Int8Array([2 * 3, 1 * 3, 0, 4 * 3, 3 * 3, 0, 6 * 3, 5 * 3, 0, 8 * 3, 7 * 3, 0, 0, 0, 2, 0, 0, 1, 0, 0, 0, 10 * 3, 9 * 3, 0, 0, 0, 3, 12 * 3, 11 * 3, 0, 0, 0, 4, 14 * 3, 13 * 3, 0, 0, 0, 5, 16 * 3, 15 * 3, 0, 0, 0, 6, 17 * 3, -1, 0, 0, 0, 7, 0, 0, 8]);\n  MPEG1.DCT_COEFF = new Int32Array([1 * 3, 2 * 3, 0, 4 * 3, 3 * 3, 0, 0, 0, 1, 7 * 3, 8 * 3, 0, 6 * 3, 5 * 3, 0, 13 * 3, 9 * 3, 0, 11 * 3, 10 * 3, 0, 14 * 3, 12 * 3, 0, 0, 0, 257, 20 * 3, 22 * 3, 0, 18 * 3, 21 * 3, 0, 16 * 3, 19 * 3, 0, 0, 0, 513, 17 * 3, 15 * 3, 0, 0, 0, 2, 0, 0, 3, 27 * 3, 25 * 3, 0, 29 * 3, 31 * 3, 0, 24 * 3, 26 * 3, 0, 32 * 3, 30 * 3, 0, 0, 0, 1025, 23 * 3, 28 * 3, 0, 0, 0, 769, 0, 0, 258, 0, 0, 1793, 0, 0, 65535, 0, 0, 1537, 37 * 3, 36 * 3, 0, 0, 0, 1281, 35 * 3, 34 * 3, 0, 39 * 3, 38 * 3, 0, 33 * 3, 42 * 3, 0, 40 * 3, 41 * 3, 0, 52 * 3, 50 * 3, 0, 54 * 3, 53 * 3, 0, 48 * 3, 49 * 3, 0, 43 * 3, 45 * 3, 0, 46 * 3, 44 * 3, 0, 0, 0, 2049, 0, 0, 4, 0, 0, 514, 0, 0, 2305, 51 * 3, 47 * 3, 0, 55 * 3, 57 * 3, 0, 60 * 3, 56 * 3, 0, 59 * 3, 58 * 3, 0, 61 * 3, 62 * 3, 0, 0, 0, 2561, 0, 0, 3329, 0, 0, 6, 0, 0, 259, 0, 0, 5, 0, 0, 770, 0, 0, 2817, 0, 0, 3073, 76 * 3, 75 * 3, 0, 67 * 3, 70 * 3, 0, 73 * 3, 71 * 3, 0, 78 * 3, 74 * 3, 0, 72 * 3, 77 * 3, 0, 69 * 3, 64 * 3, 0, 68 * 3, 63 * 3, 0, 66 * 3, 65 * 3, 0, 81 * 3, 87 * 3, 0, 91 * 3, 80 * 3, 0, 82 * 3, 79 * 3, 0, 83 * 3, 86 * 3, 0, 93 * 3, 92 * 3, 0, 84 * 3, 85 * 3, 0, 90 * 3, 94 * 3, 0, 88 * 3, 89 * 3, 0, 0, 0, 515, 0, 0, 260, 0, 0, 7, 0, 0, 1026, 0, 0, 1282, 0, 0, 4097, 0, 0, 3841, 0, 0, 3585, 105 * 3, 107 * 3, 0, 111 * 3, 114 * 3, 0, 104 * 3, 97 * 3, 0, 125 * 3, 119 * 3, 0, 96 * 3, 98 * 3, 0, -1, 123 * 3, 0, 95 * 3, 101 * 3, 0, 106 * 3, 121 * 3, 0, 99 * 3, 102 * 3, 0, 113 * 3, 103 * 3, 0, 112 * 3, 116 * 3, 0, 110 * 3, 100 * 3, 0, 124 * 3, 115 * 3, 0, 117 * 3, 122 * 3, 0, 109 * 3, 118 * 3, 0, 120 * 3, 108 * 3, 0, 127 * 3, 136 * 3, 0, 139 * 3, 140 * 3, 0, 130 * 3, 126 * 3, 0, 145 * 3, 146 * 3, 0, 128 * 3, 129 * 3, 0, 0, 0, 2050, 132 * 3, 134 * 3, 0, 155 * 3, 154 * 3, 0, 0, 0, 8, 137 * 3, 133 * 3, 0, 143 * 3, 144 * 3, 0, 151 * 3, 138 * 3, 0, 142 * 3, 141 * 3, 0, 0, 0, 10, 0, 0, 9, 0, 0, 11, 0, 0, 5377, 0, 0, 1538, 0, 0, 771, 0, 0, 5121, 0, 0, 1794, 0, 0, 4353, 0, 0, 4609, 0, 0, 4865, 148 * 3, 152 * 3, 0, 0, 0, 1027, 153 * 3, 150 * 3, 0, 0, 0, 261, 131 * 3, 135 * 3, 0, 0, 0, 516, 149 * 3, 147 * 3, 0, 172 * 3, 173 * 3, 0, 162 * 3, 158 * 3, 0, 170 * 3, 161 * 3, 0, 168 * 3, 166 * 3, 0, 157 * 3, 179 * 3, 0, 169 * 3, 167 * 3, 0, 174 * 3, 171 * 3, 0, 178 * 3, 177 * 3, 0, 156 * 3, 159 * 3, 0, 164 * 3, 165 * 3, 0, 183 * 3, 182 * 3, 0, 175 * 3, 176 * 3, 0, 0, 0, 263, 0, 0, 2562, 0, 0, 2306, 0, 0, 5633, 0, 0, 5889, 0, 0, 6401, 0, 0, 6145, 0, 0, 1283, 0, 0, 772, 0, 0, 13, 0, 0, 12, 0, 0, 14, 0, 0, 15, 0, 0, 517, 0, 0, 6657, 0, 0, 262, 180 * 3, 181 * 3, 0, 160 * 3, 163 * 3, 0, 196 * 3, 199 * 3, 0, 0, 0, 27, 203 * 3, 185 * 3, 0, 202 * 3, 201 * 3, 0, 0, 0, 19, 0, 0, 22, 197 * 3, 207 * 3, 0, 0, 0, 18, 191 * 3, 192 * 3, 0, 188 * 3, 190 * 3, 0, 0, 0, 20, 184 * 3, 194 * 3, 0, 0, 0, 21, 186 * 3, 193 * 3, 0, 0, 0, 23, 204 * 3, 198 * 3, 0, 0, 0, 25, 0, 0, 24, 200 * 3, 205 * 3, 0, 0, 0, 31, 0, 0, 30, 0, 0, 28, 0, 0, 29, 0, 0, 26, 0, 0, 17, 0, 0, 16, 189 * 3, 206 * 3, 0, 187 * 3, 195 * 3, 0, 218 * 3, 211 * 3, 0, 0, 0, 37, 215 * 3, 216 * 3, 0, 0, 0, 36, 210 * 3, 212 * 3, 0, 0, 0, 34, 213 * 3, 209 * 3, 0, 221 * 3, 222 * 3, 0, 219 * 3, 208 * 3, 0, 217 * 3, 214 * 3, 0, 223 * 3, 220 * 3, 0, 0, 0, 35, 0, 0, 267, 0, 0, 40, 0, 0, 268, 0, 0, 266, 0, 0, 32, 0, 0, 264, 0, 0, 265, 0, 0, 38, 0, 0, 269, 0, 0, 270, 0, 0, 33, 0, 0, 39, 0, 0, 7937, 0, 0, 6913, 0, 0, 7681, 0, 0, 4098, 0, 0, 7425, 0, 0, 7169, 0, 0, 271, 0, 0, 274, 0, 0, 273, 0, 0, 272, 0, 0, 1539, 0, 0, 2818, 0, 0, 3586, 0, 0, 3330, 0, 0, 3074, 0, 0, 3842]);\n  MPEG1.PICTURE_TYPE = {\n    INTRA: 1,\n    PREDICTIVE: 2,\n    B: 3\n  };\n  MPEG1.START = {\n    SEQUENCE: 179,\n    SLICE_FIRST: 1,\n    SLICE_LAST: 175,\n    PICTURE: 0,\n    EXTENSION: 181,\n    USER_DATA: 178\n  };\n  return MPEG1;\n}();\nJSMpeg.Decoder.MPEG1VideoWASM = function () {\n  \"use strict\";\n\n  var MPEG1WASM = function MPEG1WASM(options) {\n    JSMpeg.Decoder.Base.call(this, options);\n    this.onDecodeCallback = options.onVideoDecode;\n    this.module = options.wasmModule;\n    this.bufferSize = options.videoBufferSize || 512 * 1024;\n    this.bufferMode = options.streaming ? JSMpeg.BitBuffer.MODE.EVICT : JSMpeg.BitBuffer.MODE.EXPAND;\n    this.decodeFirstFrame = options.decodeFirstFrame !== false;\n    this.hasSequenceHeader = false;\n  };\n  MPEG1WASM.prototype = Object.create(JSMpeg.Decoder.Base.prototype);\n  MPEG1WASM.prototype.constructor = MPEG1WASM;\n  MPEG1WASM.prototype.initializeWasmDecoder = function () {\n    if (!this.module.instance) {\n      console.warn(\"JSMpeg: WASM module not compiled yet\");\n      return;\n    }\n    this.instance = this.module.instance;\n    this.functions = this.module.instance.exports;\n    this.decoder = this.functions._mpeg1_decoder_create(this.bufferSize, this.bufferMode);\n  };\n  MPEG1WASM.prototype.destroy = function () {\n    if (!this.decoder) {\n      return;\n    }\n    this.functions._mpeg1_decoder_destroy(this.decoder);\n  };\n  MPEG1WASM.prototype.bufferGetIndex = function () {\n    if (!this.decoder) {\n      return;\n    }\n    return this.functions._mpeg1_decoder_get_index(this.decoder);\n  };\n  MPEG1WASM.prototype.bufferSetIndex = function (index) {\n    if (!this.decoder) {\n      return;\n    }\n    this.functions._mpeg1_decoder_set_index(this.decoder, index);\n  };\n  MPEG1WASM.prototype.bufferWrite = function (buffers) {\n    if (!this.decoder) {\n      this.initializeWasmDecoder();\n    }\n    var totalLength = 0;\n    for (var i = 0; i < buffers.length; i++) {\n      totalLength += buffers[i].length;\n    }\n    var ptr = this.functions._mpeg1_decoder_get_write_ptr(this.decoder, totalLength);\n    for (var i = 0; i < buffers.length; i++) {\n      this.instance.heapU8.set(buffers[i], ptr);\n      ptr += buffers[i].length;\n    }\n    this.functions._mpeg1_decoder_did_write(this.decoder, totalLength);\n    return totalLength;\n  };\n  MPEG1WASM.prototype.write = function (pts, buffers) {\n    JSMpeg.Decoder.Base.prototype.write.call(this, pts, buffers);\n    if (!this.hasSequenceHeader && this.functions._mpeg1_decoder_has_sequence_header(this.decoder)) {\n      this.loadSequnceHeader();\n    }\n  };\n  MPEG1WASM.prototype.loadSequnceHeader = function () {\n    this.hasSequenceHeader = true;\n    this.frameRate = this.functions._mpeg1_decoder_get_frame_rate(this.decoder);\n    this.codedSize = this.functions._mpeg1_decoder_get_coded_size(this.decoder);\n    if (this.destination) {\n      var w = this.functions._mpeg1_decoder_get_width(this.decoder);\n      var h = this.functions._mpeg1_decoder_get_height(this.decoder);\n      this.destination.resize(w, h);\n    }\n    if (this.decodeFirstFrame) {\n      this.decode();\n    }\n  };\n  MPEG1WASM.prototype.decode = function () {\n    var startTime = JSMpeg.Now();\n    if (!this.decoder) {\n      return false;\n    }\n    var didDecode = this.functions._mpeg1_decoder_decode(this.decoder);\n    if (!didDecode) {\n      return false;\n    }\n    if (this.destination) {\n      var ptrY = this.functions._mpeg1_decoder_get_y_ptr(this.decoder),\n        ptrCr = this.functions._mpeg1_decoder_get_cr_ptr(this.decoder),\n        ptrCb = this.functions._mpeg1_decoder_get_cb_ptr(this.decoder);\n      var dy = this.instance.heapU8.subarray(ptrY, ptrY + this.codedSize);\n      var dcr = this.instance.heapU8.subarray(ptrCr, ptrCr + (this.codedSize >> 2));\n      var dcb = this.instance.heapU8.subarray(ptrCb, ptrCb + (this.codedSize >> 2));\n      this.destination.render(dy, dcr, dcb, false);\n    }\n    this.advanceDecodedTime(1 / this.frameRate);\n    var elapsedTime = JSMpeg.Now() - startTime;\n    if (this.onDecodeCallback) {\n      this.onDecodeCallback(this, elapsedTime);\n    }\n    return true;\n  };\n  return MPEG1WASM;\n}();\nJSMpeg.Decoder.MP2Audio = function () {\n  \"use strict\";\n\n  var MP2 = function MP2(options) {\n    JSMpeg.Decoder.Base.call(this, options);\n    this.onDecodeCallback = options.onAudioDecode;\n    var bufferSize = options.audioBufferSize || 128 * 1024;\n    var bufferMode = options.streaming ? JSMpeg.BitBuffer.MODE.EVICT : JSMpeg.BitBuffer.MODE.EXPAND;\n    this.bits = new JSMpeg.BitBuffer(bufferSize, bufferMode);\n    this.left = new Float32Array(1152);\n    this.right = new Float32Array(1152);\n    this.sampleRate = 44100;\n    this.D = new Float32Array(1024);\n    this.D.set(MP2.SYNTHESIS_WINDOW, 0);\n    this.D.set(MP2.SYNTHESIS_WINDOW, 512);\n    this.V = [new Float32Array(1024), new Float32Array(1024)];\n    this.U = new Int32Array(32);\n    this.VPos = 0;\n    this.allocation = [new Array(32), new Array(32)];\n    this.scaleFactorInfo = [new Uint8Array(32), new Uint8Array(32)];\n    this.scaleFactor = [new Array(32), new Array(32)];\n    this.sample = [new Array(32), new Array(32)];\n    for (var j = 0; j < 2; j++) {\n      for (var i = 0; i < 32; i++) {\n        this.scaleFactor[j][i] = [0, 0, 0];\n        this.sample[j][i] = [0, 0, 0];\n      }\n    }\n  };\n  MP2.prototype = Object.create(JSMpeg.Decoder.Base.prototype);\n  MP2.prototype.constructor = MP2;\n  MP2.prototype.decode = function () {\n    var startTime = JSMpeg.Now();\n    var pos = this.bits.index >> 3;\n    if (pos >= this.bits.byteLength) {\n      return false;\n    }\n    var decoded = this.decodeFrame(this.left, this.right);\n    this.bits.index = pos + decoded << 3;\n    if (!decoded) {\n      return false;\n    }\n    if (this.destination) {\n      this.destination.play(this.sampleRate, this.left, this.right);\n    }\n    this.advanceDecodedTime(this.left.length / this.sampleRate);\n    var elapsedTime = JSMpeg.Now() - startTime;\n    if (this.onDecodeCallback) {\n      this.onDecodeCallback(this, elapsedTime);\n    }\n    return true;\n  };\n  MP2.prototype.getCurrentTime = function () {\n    var enqueuedTime = this.destination ? this.destination.enqueuedTime : 0;\n    return this.decodedTime - enqueuedTime;\n  };\n  MP2.prototype.decodeFrame = function (left, right) {\n    var sync = this.bits.read(11),\n      version = this.bits.read(2),\n      layer = this.bits.read(2),\n      hasCRC = !this.bits.read(1);\n    if (sync !== MP2.FRAME_SYNC || version !== MP2.VERSION.MPEG_1 || layer !== MP2.LAYER.II) {\n      return 0;\n    }\n    var bitrateIndex = this.bits.read(4) - 1;\n    if (bitrateIndex > 13) {\n      return 0;\n    }\n    var sampleRateIndex = this.bits.read(2);\n    var sampleRate = MP2.SAMPLE_RATE[sampleRateIndex];\n    if (sampleRateIndex === 3) {\n      return 0;\n    }\n    if (version === MP2.VERSION.MPEG_2) {\n      sampleRateIndex += 4;\n      bitrateIndex += 14;\n    }\n    var padding = this.bits.read(1),\n      privat = this.bits.read(1),\n      mode = this.bits.read(2);\n    var bound = 0;\n    if (mode === MP2.MODE.JOINT_STEREO) {\n      bound = this.bits.read(2) + 1 << 2;\n    } else {\n      this.bits.skip(2);\n      bound = mode === MP2.MODE.MONO ? 0 : 32;\n    }\n    this.bits.skip(4);\n    if (hasCRC) {\n      this.bits.skip(16);\n    }\n    var bitrate = MP2.BIT_RATE[bitrateIndex],\n      sampleRate = MP2.SAMPLE_RATE[sampleRateIndex],\n      frameSize = 144e3 * bitrate / sampleRate + padding | 0;\n    var tab3 = 0;\n    var sblimit = 0;\n    if (version === MP2.VERSION.MPEG_2) {\n      tab3 = 2;\n      sblimit = 30;\n    } else {\n      var tab1 = mode === MP2.MODE.MONO ? 0 : 1;\n      var tab2 = MP2.QUANT_LUT_STEP_1[tab1][bitrateIndex];\n      tab3 = MP2.QUANT_LUT_STEP_2[tab2][sampleRateIndex];\n      sblimit = tab3 & 63;\n      tab3 >>= 6;\n    }\n    if (bound > sblimit) {\n      bound = sblimit;\n    }\n    for (var sb = 0; sb < bound; sb++) {\n      this.allocation[0][sb] = this.readAllocation(sb, tab3);\n      this.allocation[1][sb] = this.readAllocation(sb, tab3);\n    }\n    for (var sb = bound; sb < sblimit; sb++) {\n      this.allocation[0][sb] = this.allocation[1][sb] = this.readAllocation(sb, tab3);\n    }\n    var channels = mode === MP2.MODE.MONO ? 1 : 2;\n    for (var sb = 0; sb < sblimit; sb++) {\n      for (ch = 0; ch < channels; ch++) {\n        if (this.allocation[ch][sb]) {\n          this.scaleFactorInfo[ch][sb] = this.bits.read(2);\n        }\n      }\n      if (mode === MP2.MODE.MONO) {\n        this.scaleFactorInfo[1][sb] = this.scaleFactorInfo[0][sb];\n      }\n    }\n    for (var sb = 0; sb < sblimit; sb++) {\n      for (var ch = 0; ch < channels; ch++) {\n        if (this.allocation[ch][sb]) {\n          var sf = this.scaleFactor[ch][sb];\n          switch (this.scaleFactorInfo[ch][sb]) {\n            case 0:\n              sf[0] = this.bits.read(6);\n              sf[1] = this.bits.read(6);\n              sf[2] = this.bits.read(6);\n              break;\n            case 1:\n              sf[0] = sf[1] = this.bits.read(6);\n              sf[2] = this.bits.read(6);\n              break;\n            case 2:\n              sf[0] = sf[1] = sf[2] = this.bits.read(6);\n              break;\n            case 3:\n              sf[0] = this.bits.read(6);\n              sf[1] = sf[2] = this.bits.read(6);\n              break;\n          }\n        }\n      }\n      if (mode === MP2.MODE.MONO) {\n        this.scaleFactor[1][sb][0] = this.scaleFactor[0][sb][0];\n        this.scaleFactor[1][sb][1] = this.scaleFactor[0][sb][1];\n        this.scaleFactor[1][sb][2] = this.scaleFactor[0][sb][2];\n      }\n    }\n    var outPos = 0;\n    for (var part = 0; part < 3; part++) {\n      for (var granule = 0; granule < 4; granule++) {\n        for (var sb = 0; sb < bound; sb++) {\n          this.readSamples(0, sb, part);\n          this.readSamples(1, sb, part);\n        }\n        for (var sb = bound; sb < sblimit; sb++) {\n          this.readSamples(0, sb, part);\n          this.sample[1][sb][0] = this.sample[0][sb][0];\n          this.sample[1][sb][1] = this.sample[0][sb][1];\n          this.sample[1][sb][2] = this.sample[0][sb][2];\n        }\n        for (var sb = sblimit; sb < 32; sb++) {\n          this.sample[0][sb][0] = 0;\n          this.sample[0][sb][1] = 0;\n          this.sample[0][sb][2] = 0;\n          this.sample[1][sb][0] = 0;\n          this.sample[1][sb][1] = 0;\n          this.sample[1][sb][2] = 0;\n        }\n        for (var p = 0; p < 3; p++) {\n          this.VPos = this.VPos - 64 & 1023;\n          for (var ch = 0; ch < 2; ch++) {\n            MP2.MatrixTransform(this.sample[ch], p, this.V[ch], this.VPos);\n            JSMpeg.Fill(this.U, 0);\n            var dIndex = 512 - (this.VPos >> 1);\n            var vIndex = this.VPos % 128 >> 1;\n            while (vIndex < 1024) {\n              for (var i = 0; i < 32; ++i) {\n                this.U[i] += this.D[dIndex++] * this.V[ch][vIndex++];\n              }\n              vIndex += 128 - 32;\n              dIndex += 64 - 32;\n            }\n            vIndex = 128 - 32 + 1024 - vIndex;\n            dIndex -= 512 - 32;\n            while (vIndex < 1024) {\n              for (var i = 0; i < 32; ++i) {\n                this.U[i] += this.D[dIndex++] * this.V[ch][vIndex++];\n              }\n              vIndex += 128 - 32;\n              dIndex += 64 - 32;\n            }\n            var outChannel = ch === 0 ? left : right;\n            for (var j = 0; j < 32; j++) {\n              outChannel[outPos + j] = this.U[j] / 2147418112;\n            }\n          }\n          outPos += 32;\n        }\n      }\n    }\n    this.sampleRate = sampleRate;\n    return frameSize;\n  };\n  MP2.prototype.readAllocation = function (sb, tab3) {\n    var tab4 = MP2.QUANT_LUT_STEP_3[tab3][sb];\n    var qtab = MP2.QUANT_LUT_STEP4[tab4 & 15][this.bits.read(tab4 >> 4)];\n    return qtab ? MP2.QUANT_TAB[qtab - 1] : 0;\n  };\n  MP2.prototype.readSamples = function (ch, sb, part) {\n    var q = this.allocation[ch][sb],\n      sf = this.scaleFactor[ch][sb][part],\n      sample = this.sample[ch][sb],\n      val = 0;\n    if (!q) {\n      sample[0] = sample[1] = sample[2] = 0;\n      return;\n    }\n    if (sf === 63) {\n      sf = 0;\n    } else {\n      var shift = sf / 3 | 0;\n      sf = MP2.SCALEFACTOR_BASE[sf % 3] + (1 << shift >> 1) >> shift;\n    }\n    var adj = q.levels;\n    if (q.group) {\n      val = this.bits.read(q.bits);\n      sample[0] = val % adj;\n      val = val / adj | 0;\n      sample[1] = val % adj;\n      sample[2] = val / adj | 0;\n    } else {\n      sample[0] = this.bits.read(q.bits);\n      sample[1] = this.bits.read(q.bits);\n      sample[2] = this.bits.read(q.bits);\n    }\n    var scale = 65536 / (adj + 1) | 0;\n    adj = (adj + 1 >> 1) - 1;\n    val = (adj - sample[0]) * scale;\n    sample[0] = val * (sf >> 12) + (val * (sf & 4095) + 2048 >> 12) >> 12;\n    val = (adj - sample[1]) * scale;\n    sample[1] = val * (sf >> 12) + (val * (sf & 4095) + 2048 >> 12) >> 12;\n    val = (adj - sample[2]) * scale;\n    sample[2] = val * (sf >> 12) + (val * (sf & 4095) + 2048 >> 12) >> 12;\n  };\n  MP2.MatrixTransform = function (s, ss, d, dp) {\n    var t01, t02, t03, t04, t05, t06, t07, t08, t09, t10, t11, t12, t13, t14, t15, t16, t17, t18, t19, t20, t21, t22, t23, t24, t25, t26, t27, t28, t29, t30, t31, t32, t33;\n    t01 = s[0][ss] + s[31][ss];\n    t02 = (s[0][ss] - s[31][ss]) * .500602998235;\n    t03 = s[1][ss] + s[30][ss];\n    t04 = (s[1][ss] - s[30][ss]) * .505470959898;\n    t05 = s[2][ss] + s[29][ss];\n    t06 = (s[2][ss] - s[29][ss]) * .515447309923;\n    t07 = s[3][ss] + s[28][ss];\n    t08 = (s[3][ss] - s[28][ss]) * .53104259109;\n    t09 = s[4][ss] + s[27][ss];\n    t10 = (s[4][ss] - s[27][ss]) * .553103896034;\n    t11 = s[5][ss] + s[26][ss];\n    t12 = (s[5][ss] - s[26][ss]) * .582934968206;\n    t13 = s[6][ss] + s[25][ss];\n    t14 = (s[6][ss] - s[25][ss]) * .622504123036;\n    t15 = s[7][ss] + s[24][ss];\n    t16 = (s[7][ss] - s[24][ss]) * .674808341455;\n    t17 = s[8][ss] + s[23][ss];\n    t18 = (s[8][ss] - s[23][ss]) * .744536271002;\n    t19 = s[9][ss] + s[22][ss];\n    t20 = (s[9][ss] - s[22][ss]) * .839349645416;\n    t21 = s[10][ss] + s[21][ss];\n    t22 = (s[10][ss] - s[21][ss]) * .972568237862;\n    t23 = s[11][ss] + s[20][ss];\n    t24 = (s[11][ss] - s[20][ss]) * 1.16943993343;\n    t25 = s[12][ss] + s[19][ss];\n    t26 = (s[12][ss] - s[19][ss]) * 1.48416461631;\n    t27 = s[13][ss] + s[18][ss];\n    t28 = (s[13][ss] - s[18][ss]) * 2.05778100995;\n    t29 = s[14][ss] + s[17][ss];\n    t30 = (s[14][ss] - s[17][ss]) * 3.40760841847;\n    t31 = s[15][ss] + s[16][ss];\n    t32 = (s[15][ss] - s[16][ss]) * 10.1900081235;\n    t33 = t01 + t31;\n    t31 = (t01 - t31) * .502419286188;\n    t01 = t03 + t29;\n    t29 = (t03 - t29) * .52249861494;\n    t03 = t05 + t27;\n    t27 = (t05 - t27) * .566944034816;\n    t05 = t07 + t25;\n    t25 = (t07 - t25) * .64682178336;\n    t07 = t09 + t23;\n    t23 = (t09 - t23) * .788154623451;\n    t09 = t11 + t21;\n    t21 = (t11 - t21) * 1.06067768599;\n    t11 = t13 + t19;\n    t19 = (t13 - t19) * 1.72244709824;\n    t13 = t15 + t17;\n    t17 = (t15 - t17) * 5.10114861869;\n    t15 = t33 + t13;\n    t13 = (t33 - t13) * .509795579104;\n    t33 = t01 + t11;\n    t01 = (t01 - t11) * .601344886935;\n    t11 = t03 + t09;\n    t09 = (t03 - t09) * .899976223136;\n    t03 = t05 + t07;\n    t07 = (t05 - t07) * 2.56291544774;\n    t05 = t15 + t03;\n    t15 = (t15 - t03) * .541196100146;\n    t03 = t33 + t11;\n    t11 = (t33 - t11) * 1.30656296488;\n    t33 = t05 + t03;\n    t05 = (t05 - t03) * .707106781187;\n    t03 = t15 + t11;\n    t15 = (t15 - t11) * .707106781187;\n    t03 += t15;\n    t11 = t13 + t07;\n    t13 = (t13 - t07) * .541196100146;\n    t07 = t01 + t09;\n    t09 = (t01 - t09) * 1.30656296488;\n    t01 = t11 + t07;\n    t07 = (t11 - t07) * .707106781187;\n    t11 = t13 + t09;\n    t13 = (t13 - t09) * .707106781187;\n    t11 += t13;\n    t01 += t11;\n    t11 += t07;\n    t07 += t13;\n    t09 = t31 + t17;\n    t31 = (t31 - t17) * .509795579104;\n    t17 = t29 + t19;\n    t29 = (t29 - t19) * .601344886935;\n    t19 = t27 + t21;\n    t21 = (t27 - t21) * .899976223136;\n    t27 = t25 + t23;\n    t23 = (t25 - t23) * 2.56291544774;\n    t25 = t09 + t27;\n    t09 = (t09 - t27) * .541196100146;\n    t27 = t17 + t19;\n    t19 = (t17 - t19) * 1.30656296488;\n    t17 = t25 + t27;\n    t27 = (t25 - t27) * .707106781187;\n    t25 = t09 + t19;\n    t19 = (t09 - t19) * .707106781187;\n    t25 += t19;\n    t09 = t31 + t23;\n    t31 = (t31 - t23) * .541196100146;\n    t23 = t29 + t21;\n    t21 = (t29 - t21) * 1.30656296488;\n    t29 = t09 + t23;\n    t23 = (t09 - t23) * .707106781187;\n    t09 = t31 + t21;\n    t31 = (t31 - t21) * .707106781187;\n    t09 += t31;\n    t29 += t09;\n    t09 += t23;\n    t23 += t31;\n    t17 += t29;\n    t29 += t25;\n    t25 += t09;\n    t09 += t27;\n    t27 += t23;\n    t23 += t19;\n    t19 += t31;\n    t21 = t02 + t32;\n    t02 = (t02 - t32) * .502419286188;\n    t32 = t04 + t30;\n    t04 = (t04 - t30) * .52249861494;\n    t30 = t06 + t28;\n    t28 = (t06 - t28) * .566944034816;\n    t06 = t08 + t26;\n    t08 = (t08 - t26) * .64682178336;\n    t26 = t10 + t24;\n    t10 = (t10 - t24) * .788154623451;\n    t24 = t12 + t22;\n    t22 = (t12 - t22) * 1.06067768599;\n    t12 = t14 + t20;\n    t20 = (t14 - t20) * 1.72244709824;\n    t14 = t16 + t18;\n    t16 = (t16 - t18) * 5.10114861869;\n    t18 = t21 + t14;\n    t14 = (t21 - t14) * .509795579104;\n    t21 = t32 + t12;\n    t32 = (t32 - t12) * .601344886935;\n    t12 = t30 + t24;\n    t24 = (t30 - t24) * .899976223136;\n    t30 = t06 + t26;\n    t26 = (t06 - t26) * 2.56291544774;\n    t06 = t18 + t30;\n    t18 = (t18 - t30) * .541196100146;\n    t30 = t21 + t12;\n    t12 = (t21 - t12) * 1.30656296488;\n    t21 = t06 + t30;\n    t30 = (t06 - t30) * .707106781187;\n    t06 = t18 + t12;\n    t12 = (t18 - t12) * .707106781187;\n    t06 += t12;\n    t18 = t14 + t26;\n    t26 = (t14 - t26) * .541196100146;\n    t14 = t32 + t24;\n    t24 = (t32 - t24) * 1.30656296488;\n    t32 = t18 + t14;\n    t14 = (t18 - t14) * .707106781187;\n    t18 = t26 + t24;\n    t24 = (t26 - t24) * .707106781187;\n    t18 += t24;\n    t32 += t18;\n    t18 += t14;\n    t26 = t14 + t24;\n    t14 = t02 + t16;\n    t02 = (t02 - t16) * .509795579104;\n    t16 = t04 + t20;\n    t04 = (t04 - t20) * .601344886935;\n    t20 = t28 + t22;\n    t22 = (t28 - t22) * .899976223136;\n    t28 = t08 + t10;\n    t10 = (t08 - t10) * 2.56291544774;\n    t08 = t14 + t28;\n    t14 = (t14 - t28) * .541196100146;\n    t28 = t16 + t20;\n    t20 = (t16 - t20) * 1.30656296488;\n    t16 = t08 + t28;\n    t28 = (t08 - t28) * .707106781187;\n    t08 = t14 + t20;\n    t20 = (t14 - t20) * .707106781187;\n    t08 += t20;\n    t14 = t02 + t10;\n    t02 = (t02 - t10) * .541196100146;\n    t10 = t04 + t22;\n    t22 = (t04 - t22) * 1.30656296488;\n    t04 = t14 + t10;\n    t10 = (t14 - t10) * .707106781187;\n    t14 = t02 + t22;\n    t02 = (t02 - t22) * .707106781187;\n    t14 += t02;\n    t04 += t14;\n    t14 += t10;\n    t10 += t02;\n    t16 += t04;\n    t04 += t08;\n    t08 += t14;\n    t14 += t28;\n    t28 += t10;\n    t10 += t20;\n    t20 += t02;\n    t21 += t16;\n    t16 += t32;\n    t32 += t04;\n    t04 += t06;\n    t06 += t08;\n    t08 += t18;\n    t18 += t14;\n    t14 += t30;\n    t30 += t28;\n    t28 += t26;\n    t26 += t10;\n    t10 += t12;\n    t12 += t20;\n    t20 += t24;\n    t24 += t02;\n    d[dp + 48] = -t33;\n    d[dp + 49] = d[dp + 47] = -t21;\n    d[dp + 50] = d[dp + 46] = -t17;\n    d[dp + 51] = d[dp + 45] = -t16;\n    d[dp + 52] = d[dp + 44] = -t01;\n    d[dp + 53] = d[dp + 43] = -t32;\n    d[dp + 54] = d[dp + 42] = -t29;\n    d[dp + 55] = d[dp + 41] = -t04;\n    d[dp + 56] = d[dp + 40] = -t03;\n    d[dp + 57] = d[dp + 39] = -t06;\n    d[dp + 58] = d[dp + 38] = -t25;\n    d[dp + 59] = d[dp + 37] = -t08;\n    d[dp + 60] = d[dp + 36] = -t11;\n    d[dp + 61] = d[dp + 35] = -t18;\n    d[dp + 62] = d[dp + 34] = -t09;\n    d[dp + 63] = d[dp + 33] = -t14;\n    d[dp + 32] = -t05;\n    d[dp + 0] = t05;\n    d[dp + 31] = -t30;\n    d[dp + 1] = t30;\n    d[dp + 30] = -t27;\n    d[dp + 2] = t27;\n    d[dp + 29] = -t28;\n    d[dp + 3] = t28;\n    d[dp + 28] = -t07;\n    d[dp + 4] = t07;\n    d[dp + 27] = -t26;\n    d[dp + 5] = t26;\n    d[dp + 26] = -t23;\n    d[dp + 6] = t23;\n    d[dp + 25] = -t10;\n    d[dp + 7] = t10;\n    d[dp + 24] = -t15;\n    d[dp + 8] = t15;\n    d[dp + 23] = -t12;\n    d[dp + 9] = t12;\n    d[dp + 22] = -t19;\n    d[dp + 10] = t19;\n    d[dp + 21] = -t20;\n    d[dp + 11] = t20;\n    d[dp + 20] = -t13;\n    d[dp + 12] = t13;\n    d[dp + 19] = -t24;\n    d[dp + 13] = t24;\n    d[dp + 18] = -t31;\n    d[dp + 14] = t31;\n    d[dp + 17] = -t02;\n    d[dp + 15] = t02;\n    d[dp + 16] = 0;\n  };\n  MP2.FRAME_SYNC = 2047;\n  MP2.VERSION = {\n    MPEG_2_5: 0,\n    MPEG_2: 2,\n    MPEG_1: 3\n  };\n  MP2.LAYER = {\n    III: 1,\n    II: 2,\n    I: 3\n  };\n  MP2.MODE = {\n    STEREO: 0,\n    JOINT_STEREO: 1,\n    DUAL_CHANNEL: 2,\n    MONO: 3\n  };\n  MP2.SAMPLE_RATE = new Uint16Array([44100, 48e3, 32e3, 0, 22050, 24e3, 16e3, 0]);\n  MP2.BIT_RATE = new Uint16Array([32, 48, 56, 64, 80, 96, 112, 128, 160, 192, 224, 256, 320, 384, 8, 16, 24, 32, 40, 48, 56, 64, 80, 96, 112, 128, 144, 160]);\n  MP2.SCALEFACTOR_BASE = new Uint32Array([33554432, 26632170, 21137968]);\n  MP2.SYNTHESIS_WINDOW = new Float32Array([0, -.5, -.5, -.5, -.5, -.5, -.5, -1, -1, -1, -1, -1.5, -1.5, -2, -2, -2.5, -2.5, -3, -3.5, -3.5, -4, -4.5, -5, -5.5, -6.5, -7, -8, -8.5, -9.5, -10.5, -12, -13, -14.5, -15.5, -17.5, -19, -20.5, -22.5, -24.5, -26.5, -29, -31.5, -34, -36.5, -39.5, -42.5, -45.5, -48.5, -52, -55.5, -58.5, -62.5, -66, -69.5, -73.5, -77, -80.5, -84.5, -88, -91.5, -95, -98, -101, -104, 106.5, 109, 111, 112.5, 113.5, 114, 114, 113.5, 112, 110.5, 107.5, 104, 100, 94.5, 88.5, 81.5, 73, 63.5, 53, 41.5, 28.5, 14.5, -1, -18, -36, -55.5, -76.5, -98.5, -122, -147, -173.5, -200.5, -229.5, -259.5, -290.5, -322.5, -355.5, -389.5, -424, -459.5, -495.5, -532, -568.5, -605, -641.5, -678, -714, -749, -783.5, -817, -849, -879.5, -908.5, -935, -959.5, -981, -1000.5, -1016, -1028.5, -1037.5, -1042.5, -1043.5, -1040, -1031.5, 1018.5, 1e3, 976, 946.5, 911, 869.5, 822, 767.5, 707, 640, 565.5, 485, 397, 302.5, 201, 92.5, -22.5, -144, -272.5, -407, -547.5, -694, -846, -1003, -1165, -1331.5, -1502, -1675.5, -1852.5, -2031.5, -2212.5, -2394, -2576.5, -2758.5, -2939.5, -3118.5, -3294.5, -3467.5, -3635.5, -3798.5, -3955, -4104.5, -4245.5, -4377.5, -4499, -4609.5, -4708, -4792.5, -4863.5, -4919, -4958, -4979.5, -4983, -4967.5, -4931.5, -4875, -4796, -4694.5, -4569.5, -4420, -4246, -4046, -3820, -3567, 3287, 2979.5, 2644, 2280.5, 1888, 1467.5, 1018.5, 541, 35, -499, -1061, -1650, -2266.5, -2909, -3577, -4270, -4987.5, -5727.5, -6490, -7274, -8077.5, -8899.5, -9739, -10594.5, -11464.5, -12347, -13241, -14144.5, -15056, -15973.5, -16895.5, -17820, -18744.5, -19668, -20588, -21503, -22410.5, -23308.5, -24195, -25068.5, -25926.5, -26767, -27589, -28389, -29166.5, -29919, -30644.5, -31342, -32009.5, -32645, -33247, -33814.5, -34346, -34839.5, -35295, -35710, -36084.5, -36417.5, -36707.5, -36954, -37156.5, -37315, -37428, -37496, 37519, 37496, 37428, 37315, 37156.5, 36954, 36707.5, 36417.5, 36084.5, 35710, 35295, 34839.5, 34346, 33814.5, 33247, 32645, 32009.5, 31342, 30644.5, 29919, 29166.5, 28389, 27589, 26767, 25926.5, 25068.5, 24195, 23308.5, 22410.5, 21503, 20588, 19668, 18744.5, 17820, 16895.5, 15973.5, 15056, 14144.5, 13241, 12347, 11464.5, 10594.5, 9739, 8899.5, 8077.5, 7274, 6490, 5727.5, 4987.5, 4270, 3577, 2909, 2266.5, 1650, 1061, 499, -35, -541, -1018.5, -1467.5, -1888, -2280.5, -2644, -2979.5, 3287, 3567, 3820, 4046, 4246, 4420, 4569.5, 4694.5, 4796, 4875, 4931.5, 4967.5, 4983, 4979.5, 4958, 4919, 4863.5, 4792.5, 4708, 4609.5, 4499, 4377.5, 4245.5, 4104.5, 3955, 3798.5, 3635.5, 3467.5, 3294.5, 3118.5, 2939.5, 2758.5, 2576.5, 2394, 2212.5, 2031.5, 1852.5, 1675.5, 1502, 1331.5, 1165, 1003, 846, 694, 547.5, 407, 272.5, 144, 22.5, -92.5, -201, -302.5, -397, -485, -565.5, -640, -707, -767.5, -822, -869.5, -911, -946.5, -976, -1e3, 1018.5, 1031.5, 1040, 1043.5, 1042.5, 1037.5, 1028.5, 1016, 1000.5, 981, 959.5, 935, 908.5, 879.5, 849, 817, 783.5, 749, 714, 678, 641.5, 605, 568.5, 532, 495.5, 459.5, 424, 389.5, 355.5, 322.5, 290.5, 259.5, 229.5, 200.5, 173.5, 147, 122, 98.5, 76.5, 55.5, 36, 18, 1, -14.5, -28.5, -41.5, -53, -63.5, -73, -81.5, -88.5, -94.5, -100, -104, -107.5, -110.5, -112, -113.5, -114, -114, -113.5, -112.5, -111, -109, 106.5, 104, 101, 98, 95, 91.5, 88, 84.5, 80.5, 77, 73.5, 69.5, 66, 62.5, 58.5, 55.5, 52, 48.5, 45.5, 42.5, 39.5, 36.5, 34, 31.5, 29, 26.5, 24.5, 22.5, 20.5, 19, 17.5, 15.5, 14.5, 13, 12, 10.5, 9.5, 8.5, 8, 7, 6.5, 5.5, 5, 4.5, 4, 3.5, 3.5, 3, 2.5, 2.5, 2, 2, 1.5, 1.5, 1, 1, 1, 1, .5, .5, .5, .5, .5, .5]);\n  MP2.QUANT_LUT_STEP_1 = [[0, 0, 1, 1, 1, 2, 2, 2, 2, 2, 2, 2, 2, 2], [0, 0, 0, 0, 0, 0, 1, 1, 1, 2, 2, 2, 2, 2]];\n  MP2.QUANT_TAB = {\n    A: 27 | 64,\n    B: 30 | 64,\n    C: 8,\n    D: 12\n  };\n  MP2.QUANT_LUT_STEP_2 = [[MP2.QUANT_TAB.C, MP2.QUANT_TAB.C, MP2.QUANT_TAB.D], [MP2.QUANT_TAB.A, MP2.QUANT_TAB.A, MP2.QUANT_TAB.A], [MP2.QUANT_TAB.B, MP2.QUANT_TAB.A, MP2.QUANT_TAB.B]];\n  MP2.QUANT_LUT_STEP_3 = [[68, 68, 52, 52, 52, 52, 52, 52, 52, 52, 52, 52], [67, 67, 67, 66, 66, 66, 66, 66, 66, 66, 66, 49, 49, 49, 49, 49, 49, 49, 49, 49, 49, 49, 49, 32, 32, 32, 32, 32, 32, 32], [69, 69, 69, 69, 52, 52, 52, 52, 52, 52, 52, 36, 36, 36, 36, 36, 36, 36, 36, 36, 36, 36, 36, 36, 36, 36, 36, 36, 36, 36]];\n  MP2.QUANT_LUT_STEP4 = [[0, 1, 2, 17], [0, 1, 2, 3, 4, 5, 6, 17], [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 17], [0, 1, 3, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17], [0, 1, 2, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 17], [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15]];\n  MP2.QUANT_TAB = [{\n    levels: 3,\n    group: 1,\n    bits: 5\n  }, {\n    levels: 5,\n    group: 1,\n    bits: 7\n  }, {\n    levels: 7,\n    group: 0,\n    bits: 3\n  }, {\n    levels: 9,\n    group: 1,\n    bits: 10\n  }, {\n    levels: 15,\n    group: 0,\n    bits: 4\n  }, {\n    levels: 31,\n    group: 0,\n    bits: 5\n  }, {\n    levels: 63,\n    group: 0,\n    bits: 6\n  }, {\n    levels: 127,\n    group: 0,\n    bits: 7\n  }, {\n    levels: 255,\n    group: 0,\n    bits: 8\n  }, {\n    levels: 511,\n    group: 0,\n    bits: 9\n  }, {\n    levels: 1023,\n    group: 0,\n    bits: 10\n  }, {\n    levels: 2047,\n    group: 0,\n    bits: 11\n  }, {\n    levels: 4095,\n    group: 0,\n    bits: 12\n  }, {\n    levels: 8191,\n    group: 0,\n    bits: 13\n  }, {\n    levels: 16383,\n    group: 0,\n    bits: 14\n  }, {\n    levels: 32767,\n    group: 0,\n    bits: 15\n  }, {\n    levels: 65535,\n    group: 0,\n    bits: 16\n  }];\n  return MP2;\n}();\nJSMpeg.Decoder.MP2AudioWASM = function () {\n  \"use strict\";\n\n  var MP2WASM = function MP2WASM(options) {\n    JSMpeg.Decoder.Base.call(this, options);\n    this.onDecodeCallback = options.onAudioDecode;\n    this.module = options.wasmModule;\n    this.bufferSize = options.audioBufferSize || 128 * 1024;\n    this.bufferMode = options.streaming ? JSMpeg.BitBuffer.MODE.EVICT : JSMpeg.BitBuffer.MODE.EXPAND;\n    this.sampleRate = 0;\n  };\n  MP2WASM.prototype = Object.create(JSMpeg.Decoder.Base.prototype);\n  MP2WASM.prototype.constructor = MP2WASM;\n  MP2WASM.prototype.initializeWasmDecoder = function () {\n    if (!this.module.instance) {\n      console.warn(\"JSMpeg: WASM module not compiled yet\");\n      return;\n    }\n    this.instance = this.module.instance;\n    this.functions = this.module.instance.exports;\n    this.decoder = this.functions._mp2_decoder_create(this.bufferSize, this.bufferMode);\n  };\n  MP2WASM.prototype.destroy = function () {\n    if (!this.decoder) {\n      return;\n    }\n    this.functions._mp2_decoder_destroy(this.decoder);\n  };\n  MP2WASM.prototype.bufferGetIndex = function () {\n    if (!this.decoder) {\n      return;\n    }\n    return this.functions._mp2_decoder_get_index(this.decoder);\n  };\n  MP2WASM.prototype.bufferSetIndex = function (index) {\n    if (!this.decoder) {\n      return;\n    }\n    this.functions._mp2_decoder_set_index(this.decoder, index);\n  };\n  MP2WASM.prototype.bufferWrite = function (buffers) {\n    if (!this.decoder) {\n      this.initializeWasmDecoder();\n    }\n    var totalLength = 0;\n    for (var i = 0; i < buffers.length; i++) {\n      totalLength += buffers[i].length;\n    }\n    var ptr = this.functions._mp2_decoder_get_write_ptr(this.decoder, totalLength);\n    for (var i = 0; i < buffers.length; i++) {\n      this.instance.heapU8.set(buffers[i], ptr);\n      ptr += buffers[i].length;\n    }\n    this.functions._mp2_decoder_did_write(this.decoder, totalLength);\n    return totalLength;\n  };\n  MP2WASM.prototype.decode = function () {\n    var startTime = JSMpeg.Now();\n    if (!this.decoder) {\n      return false;\n    }\n    var decodedBytes = this.functions._mp2_decoder_decode(this.decoder);\n    if (decodedBytes === 0) {\n      return false;\n    }\n    if (!this.sampleRate) {\n      this.sampleRate = this.functions._mp2_decoder_get_sample_rate(this.decoder);\n    }\n    if (this.destination) {\n      var leftPtr = this.functions._mp2_decoder_get_left_channel_ptr(this.decoder),\n        rightPtr = this.functions._mp2_decoder_get_right_channel_ptr(this.decoder);\n      var leftOffset = leftPtr / Float32Array.BYTES_PER_ELEMENT,\n        rightOffset = rightPtr / Float32Array.BYTES_PER_ELEMENT;\n      var left = this.instance.heapF32.subarray(leftOffset, leftOffset + MP2WASM.SAMPLES_PER_FRAME),\n        right = this.instance.heapF32.subarray(rightOffset, rightOffset + MP2WASM.SAMPLES_PER_FRAME);\n      this.destination.play(this.sampleRate, left, right);\n    }\n    this.advanceDecodedTime(MP2WASM.SAMPLES_PER_FRAME / this.sampleRate);\n    var elapsedTime = JSMpeg.Now() - startTime;\n    if (this.onDecodeCallback) {\n      this.onDecodeCallback(this, elapsedTime);\n    }\n    return true;\n  };\n  MP2WASM.prototype.getCurrentTime = function () {\n    var enqueuedTime = this.destination ? this.destination.enqueuedTime : 0;\n    return this.decodedTime - enqueuedTime;\n  };\n  MP2WASM.SAMPLES_PER_FRAME = 1152;\n  return MP2WASM;\n}();\nJSMpeg.Renderer.WebGL = function () {\n  \"use strict\";\n\n  var WebGLRenderer = function WebGLRenderer(options) {\n    this.canvas = options.canvas || document.createElement(\"canvas\");\n    this.width = this.canvas.width;\n    this.height = this.canvas.height;\n    this.enabled = true;\n    this.hasTextureData = {};\n    var contextCreateOptions = {\n      preserveDrawingBuffer: !!options.preserveDrawingBuffer,\n      alpha: false,\n      depth: false,\n      stencil: false,\n      antialias: false,\n      premultipliedAlpha: false\n    };\n    this.gl = this.canvas.getContext(\"webgl\", contextCreateOptions) || this.canvas.getContext(\"experimental-webgl\", contextCreateOptions);\n    if (!this.gl) {\n      throw new Error(\"Failed to get WebGL Context\");\n    }\n    var gl = this.gl;\n    var vertexAttr = null;\n    gl.pixelStorei(gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, false);\n    this.vertexBuffer = gl.createBuffer();\n    var vertexCoords = new Float32Array([0, 0, 0, 1, 1, 0, 1, 1]);\n    gl.bindBuffer(gl.ARRAY_BUFFER, this.vertexBuffer);\n    gl.bufferData(gl.ARRAY_BUFFER, vertexCoords, gl.STATIC_DRAW);\n    this.program = this.createProgram(WebGLRenderer.SHADER.VERTEX_IDENTITY, WebGLRenderer.SHADER.FRAGMENT_YCRCB_TO_RGBA);\n    vertexAttr = gl.getAttribLocation(this.program, \"vertex\");\n    gl.enableVertexAttribArray(vertexAttr);\n    gl.vertexAttribPointer(vertexAttr, 2, gl.FLOAT, false, 0, 0);\n    this.textureY = this.createTexture(0, \"textureY\");\n    this.textureCb = this.createTexture(1, \"textureCb\");\n    this.textureCr = this.createTexture(2, \"textureCr\");\n    this.loadingProgram = this.createProgram(WebGLRenderer.SHADER.VERTEX_IDENTITY, WebGLRenderer.SHADER.FRAGMENT_LOADING);\n    vertexAttr = gl.getAttribLocation(this.loadingProgram, \"vertex\");\n    gl.enableVertexAttribArray(vertexAttr);\n    gl.vertexAttribPointer(vertexAttr, 2, gl.FLOAT, false, 0, 0);\n    this.shouldCreateUnclampedViews = !this.allowsClampedTextureData();\n  };\n  WebGLRenderer.prototype.destroy = function () {\n    var gl = this.gl;\n    this.deleteTexture(gl.TEXTURE0, this.textureY);\n    this.deleteTexture(gl.TEXTURE1, this.textureCb);\n    this.deleteTexture(gl.TEXTURE2, this.textureCr);\n    gl.useProgram(null);\n    gl.deleteProgram(this.program);\n    gl.deleteProgram(this.loadingProgram);\n    gl.bindBuffer(gl.ARRAY_BUFFER, null);\n    gl.deleteBuffer(this.vertexBuffer);\n    gl.getExtension(\"WEBGL_lose_context\").loseContext();\n    this.canvas.remove();\n  };\n  WebGLRenderer.prototype.resize = function (width, height) {\n    this.width = width | 0;\n    this.height = height | 0;\n    this.canvas.width = this.width;\n    this.canvas.height = this.height;\n    this.gl.useProgram(this.program);\n    var codedWidth = this.width + 15 >> 4 << 4;\n    this.gl.viewport(0, 0, codedWidth, this.height);\n  };\n  WebGLRenderer.prototype.createTexture = function (index, name) {\n    var gl = this.gl;\n    var texture = gl.createTexture();\n    gl.bindTexture(gl.TEXTURE_2D, texture);\n    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);\n    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);\n    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);\n    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);\n    gl.uniform1i(gl.getUniformLocation(this.program, name), index);\n    return texture;\n  };\n  WebGLRenderer.prototype.createProgram = function (vsh, fsh) {\n    var gl = this.gl;\n    var program = gl.createProgram();\n    gl.attachShader(program, this.compileShader(gl.VERTEX_SHADER, vsh));\n    gl.attachShader(program, this.compileShader(gl.FRAGMENT_SHADER, fsh));\n    gl.linkProgram(program);\n    gl.useProgram(program);\n    return program;\n  };\n  WebGLRenderer.prototype.compileShader = function (type, source) {\n    var gl = this.gl;\n    var shader = gl.createShader(type);\n    gl.shaderSource(shader, source);\n    gl.compileShader(shader);\n    if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {\n      throw new Error(gl.getShaderInfoLog(shader));\n    }\n    return shader;\n  };\n  WebGLRenderer.prototype.allowsClampedTextureData = function () {\n    var gl = this.gl;\n    var texture = gl.createTexture();\n    gl.bindTexture(gl.TEXTURE_2D, texture);\n    gl.texImage2D(gl.TEXTURE_2D, 0, gl.LUMINANCE, 1, 1, 0, gl.LUMINANCE, gl.UNSIGNED_BYTE, new Uint8ClampedArray([0]));\n    return gl.getError() === 0;\n  };\n  WebGLRenderer.prototype.renderProgress = function (progress) {\n    var gl = this.gl;\n    gl.useProgram(this.loadingProgram);\n    var loc = gl.getUniformLocation(this.loadingProgram, \"progress\");\n    gl.uniform1f(loc, progress);\n    gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4);\n  };\n  WebGLRenderer.prototype.render = function (y, cb, cr, isClampedArray) {\n    if (!this.enabled) {\n      return;\n    }\n    var gl = this.gl;\n    var w = this.width + 15 >> 4 << 4,\n      h = this.height,\n      w2 = w >> 1,\n      h2 = h >> 1;\n    if (isClampedArray && this.shouldCreateUnclampedViews) {\n      y = new Uint8Array(y.buffer), cb = new Uint8Array(cb.buffer), cr = new Uint8Array(cr.buffer);\n    }\n    gl.useProgram(this.program);\n    this.updateTexture(gl.TEXTURE0, this.textureY, w, h, y);\n    this.updateTexture(gl.TEXTURE1, this.textureCb, w2, h2, cb);\n    this.updateTexture(gl.TEXTURE2, this.textureCr, w2, h2, cr);\n    gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4);\n  };\n  WebGLRenderer.prototype.updateTexture = function (unit, texture, w, h, data) {\n    var gl = this.gl;\n    gl.activeTexture(unit);\n    gl.bindTexture(gl.TEXTURE_2D, texture);\n    if (this.hasTextureData[unit]) {\n      gl.texSubImage2D(gl.TEXTURE_2D, 0, 0, 0, w, h, gl.LUMINANCE, gl.UNSIGNED_BYTE, data);\n    } else {\n      this.hasTextureData[unit] = true;\n      gl.texImage2D(gl.TEXTURE_2D, 0, gl.LUMINANCE, w, h, 0, gl.LUMINANCE, gl.UNSIGNED_BYTE, data);\n    }\n  };\n  WebGLRenderer.prototype.deleteTexture = function (unit, texture) {\n    var gl = this.gl;\n    gl.activeTexture(unit);\n    gl.bindTexture(gl.TEXTURE_2D, null);\n    gl.deleteTexture(texture);\n  };\n  WebGLRenderer.IsSupported = function () {\n    try {\n      if (!window.WebGLRenderingContext) {\n        return false;\n      }\n      var canvas = document.createElement(\"canvas\");\n      return !!(canvas.getContext(\"webgl\") || canvas.getContext(\"experimental-webgl\"));\n    } catch (err) {\n      return false;\n    }\n  };\n  WebGLRenderer.SHADER = {\n    FRAGMENT_YCRCB_TO_RGBA: [\"precision mediump float;\", \"uniform sampler2D textureY;\", \"uniform sampler2D textureCb;\", \"uniform sampler2D textureCr;\", \"varying vec2 texCoord;\", \"mat4 rec601 = mat4(\", \"1.16438,  0.00000,  1.59603, -0.87079,\", \"1.16438, -0.39176, -0.81297,  0.52959,\", \"1.16438,  2.01723,  0.00000, -1.08139,\", \"0, 0, 0, 1\", \");\", \"void main() {\", \"float y = texture2D(textureY, texCoord).r;\", \"float cb = texture2D(textureCb, texCoord).r;\", \"float cr = texture2D(textureCr, texCoord).r;\", \"gl_FragColor = vec4(y, cr, cb, 1.0) * rec601;\", \"}\"].join(\"\\n\"),\n    FRAGMENT_LOADING: [\"precision mediump float;\", \"uniform float progress;\", \"varying vec2 texCoord;\", \"void main() {\", \"float c = ceil(progress-(1.0-texCoord.y));\", \"gl_FragColor = vec4(c,c,c,1);\", \"}\"].join(\"\\n\"),\n    VERTEX_IDENTITY: [\"attribute vec2 vertex;\", \"varying vec2 texCoord;\", \"void main() {\", \"texCoord = vertex;\", \"gl_Position = vec4((vertex * 2.0 - 1.0) * vec2(1, -1), 0.0, 1.0);\", \"}\"].join(\"\\n\")\n  };\n  return WebGLRenderer;\n}();\nJSMpeg.Renderer.Canvas2D = function () {\n  \"use strict\";\n\n  var CanvasRenderer = function CanvasRenderer(options) {\n    this.canvas = options.canvas || document.createElement(\"canvas\");\n    this.width = this.canvas.width;\n    this.height = this.canvas.height;\n    this.enabled = true;\n    this.context = this.canvas.getContext(\"2d\");\n  };\n  CanvasRenderer.prototype.destroy = function () {};\n  CanvasRenderer.prototype.resize = function (width, height) {\n    this.width = width | 0;\n    this.height = height | 0;\n    this.canvas.width = this.width;\n    this.canvas.height = this.height;\n    this.imageData = this.context.getImageData(0, 0, this.width, this.height);\n    JSMpeg.Fill(this.imageData.data, 255);\n  };\n  CanvasRenderer.prototype.renderProgress = function (progress) {\n    var w = this.canvas.width,\n      h = this.canvas.height,\n      ctx = this.context;\n    ctx.fillStyle = \"#222\";\n    ctx.fillRect(0, 0, w, h);\n    ctx.fillStyle = \"#fff\";\n    ctx.fillRect(0, h - h * progress, w, h * progress);\n  };\n  CanvasRenderer.prototype.render = function (y, cb, cr) {\n    this.YCbCrToRGBA(y, cb, cr, this.imageData.data);\n    this.context.putImageData(this.imageData, 0, 0);\n  };\n  CanvasRenderer.prototype.YCbCrToRGBA = function (y, cb, cr, rgba) {\n    if (!this.enabled) {\n      return;\n    }\n    var w = this.width + 15 >> 4 << 4,\n      w2 = w >> 1;\n    var yIndex1 = 0,\n      yIndex2 = w,\n      yNext2Lines = w + (w - this.width);\n    var cIndex = 0,\n      cNextLine = w2 - (this.width >> 1);\n    var rgbaIndex1 = 0,\n      rgbaIndex2 = this.width * 4,\n      rgbaNext2Lines = this.width * 4;\n    var cols = this.width >> 1,\n      rows = this.height >> 1;\n    var ccb, ccr, r, g, b;\n    for (var row = 0; row < rows; row++) {\n      for (var col = 0; col < cols; col++) {\n        ccb = cb[cIndex];\n        ccr = cr[cIndex];\n        cIndex++;\n        r = ccb + (ccb * 103 >> 8) - 179;\n        g = (ccr * 88 >> 8) - 44 + (ccb * 183 >> 8) - 91;\n        b = ccr + (ccr * 198 >> 8) - 227;\n        var y1 = y[yIndex1++];\n        var y2 = y[yIndex1++];\n        rgba[rgbaIndex1] = y1 + r;\n        rgba[rgbaIndex1 + 1] = y1 - g;\n        rgba[rgbaIndex1 + 2] = y1 + b;\n        rgba[rgbaIndex1 + 4] = y2 + r;\n        rgba[rgbaIndex1 + 5] = y2 - g;\n        rgba[rgbaIndex1 + 6] = y2 + b;\n        rgbaIndex1 += 8;\n        var y3 = y[yIndex2++];\n        var y4 = y[yIndex2++];\n        rgba[rgbaIndex2] = y3 + r;\n        rgba[rgbaIndex2 + 1] = y3 - g;\n        rgba[rgbaIndex2 + 2] = y3 + b;\n        rgba[rgbaIndex2 + 4] = y4 + r;\n        rgba[rgbaIndex2 + 5] = y4 - g;\n        rgba[rgbaIndex2 + 6] = y4 + b;\n        rgbaIndex2 += 8;\n      }\n      yIndex1 += yNext2Lines;\n      yIndex2 += yNext2Lines;\n      rgbaIndex1 += rgbaNext2Lines;\n      rgbaIndex2 += rgbaNext2Lines;\n      cIndex += cNextLine;\n    }\n  };\n  return CanvasRenderer;\n}();\nJSMpeg.AudioOutput.WebAudio = function () {\n  \"use strict\";\n\n  var WebAudioOut = function WebAudioOut(options) {\n    this.context = WebAudioOut.CachedContext = WebAudioOut.CachedContext || new (window.AudioContext || window.webkitAudioContext)();\n    this.gain = this.context.createGain();\n    this.destination = this.gain;\n    this.gain.connect(this.context.destination);\n    this.context._connections = (this.context._connections || 0) + 1;\n    this.startTime = 0;\n    this.buffer = null;\n    this.wallclockStartTime = 0;\n    this.volume = 1;\n    this.enabled = true;\n    this.unlocked = !WebAudioOut.NeedsUnlocking();\n    Object.defineProperty(this, \"enqueuedTime\", {\n      get: this.getEnqueuedTime\n    });\n  };\n  WebAudioOut.prototype.destroy = function () {\n    this.gain.disconnect();\n    this.context._connections--;\n    if (this.context._connections === 0) {\n      this.context.close();\n      WebAudioOut.CachedContext = null;\n    }\n  };\n  WebAudioOut.prototype.play = function (sampleRate, left, right) {\n    if (!this.enabled) {\n      return;\n    }\n    if (!this.unlocked) {\n      var ts = JSMpeg.Now();\n      if (this.wallclockStartTime < ts) {\n        this.wallclockStartTime = ts;\n      }\n      this.wallclockStartTime += left.length / sampleRate;\n      return;\n    }\n    this.gain.gain.value = this.volume;\n    var buffer = this.context.createBuffer(2, left.length, sampleRate);\n    buffer.getChannelData(0).set(left);\n    buffer.getChannelData(1).set(right);\n    var source = this.context.createBufferSource();\n    source.buffer = buffer;\n    source.connect(this.destination);\n    var now = this.context.currentTime;\n    var duration = buffer.duration;\n    if (this.startTime < now) {\n      this.startTime = now;\n      this.wallclockStartTime = JSMpeg.Now();\n    }\n    source.start(this.startTime);\n    this.startTime += duration;\n    this.wallclockStartTime += duration;\n  };\n  WebAudioOut.prototype.stop = function () {\n    this.gain.gain.value = 0;\n  };\n  WebAudioOut.prototype.getEnqueuedTime = function () {\n    return Math.max(this.wallclockStartTime - JSMpeg.Now(), 0);\n  };\n  WebAudioOut.prototype.resetEnqueuedTime = function () {\n    this.startTime = this.context.currentTime;\n    this.wallclockStartTime = JSMpeg.Now();\n  };\n  WebAudioOut.prototype.unlock = function (callback) {\n    if (this.unlocked) {\n      if (callback) {\n        callback();\n      }\n      return;\n    }\n    this.unlockCallback = callback;\n    var buffer = this.context.createBuffer(1, 1, 22050);\n    var source = this.context.createBufferSource();\n    source.buffer = buffer;\n    source.connect(this.destination);\n    source.start(0);\n    setTimeout(this.checkIfUnlocked.bind(this, source, 0), 0);\n  };\n  WebAudioOut.prototype.checkIfUnlocked = function (source, attempt) {\n    if (source.playbackState === source.PLAYING_STATE || source.playbackState === source.FINISHED_STATE) {\n      this.unlocked = true;\n      if (this.unlockCallback) {\n        this.unlockCallback();\n        this.unlockCallback = null;\n      }\n    } else if (attempt < 10) {\n      setTimeout(this.checkIfUnlocked.bind(this, source, attempt + 1), 100);\n    }\n  };\n  WebAudioOut.NeedsUnlocking = function () {\n    return /iPhone|iPad|iPod/i.test(navigator.userAgent);\n  };\n  WebAudioOut.IsSupported = function () {\n    return window.AudioContext || window.webkitAudioContext;\n  };\n  WebAudioOut.CachedContext = null;\n  return WebAudioOut;\n}();\nJSMpeg.WASMModule = function () {\n  \"use strict\";\n\n  var WASM = function WASM() {\n    this.stackSize = 5 * 1024 * 1024;\n    this.pageSize = 64 * 1024;\n    this.onInitCallback = null;\n    this.ready = false;\n  };\n  WASM.prototype.write = function (buffer) {\n    this.loadFromBuffer(buffer, this.onInitCallback);\n  };\n  WASM.prototype.loadFromFile = function (url, callback) {\n    this.onInitCallback = callback;\n    var ajax = new JSMpeg.Source.Ajax(url, {});\n    ajax.connect(this);\n    ajax.start();\n  };\n  WASM.prototype.loadFromBuffer = function (buffer, callback) {\n    this.moduleInfo = this.readDylinkSection(buffer);\n    if (!this.moduleInfo) {\n      this.callback && this.callback(null);\n      return;\n    }\n    this.memory = new WebAssembly.Memory({\n      initial: 256\n    });\n    var env = {\n      memory: this.memory,\n      memoryBase: 0,\n      __memory_base: 0,\n      table: new WebAssembly.Table({\n        initial: this.moduleInfo.tableSize,\n        element: \"anyfunc\"\n      }),\n      tableBase: 0,\n      __table_base: 0,\n      abort: this.c_abort.bind(this),\n      ___assert_fail: this.c_assertFail.bind(this),\n      _sbrk: this.c_sbrk.bind(this)\n    };\n    this.brk = this.align(this.moduleInfo.memorySize + this.stackSize);\n    WebAssembly.instantiate(buffer, {\n      env: env\n    }).then(function (results) {\n      this.instance = results.instance;\n      if (this.instance.exports.__post_instantiate) {\n        this.instance.exports.__post_instantiate();\n      }\n      this.createHeapViews();\n      this.ready = true;\n      callback && callback(this);\n    }.bind(this));\n  };\n  WASM.prototype.createHeapViews = function () {\n    this.instance.heapU8 = new Uint8Array(this.memory.buffer);\n    this.instance.heapU32 = new Uint32Array(this.memory.buffer);\n    this.instance.heapF32 = new Float32Array(this.memory.buffer);\n  };\n  WASM.prototype.align = function (addr) {\n    var a = Math.pow(2, this.moduleInfo.memoryAlignment);\n    return Math.ceil(addr / a) * a;\n  };\n  WASM.prototype.c_sbrk = function (size) {\n    var previousBrk = this.brk;\n    this.brk += size;\n    if (this.brk > this.memory.buffer.byteLength) {\n      var bytesNeeded = this.brk - this.memory.buffer.byteLength;\n      var pagesNeeded = Math.ceil(bytesNeeded / this.pageSize);\n      this.memory.grow(pagesNeeded);\n      this.createHeapViews();\n    }\n    return previousBrk;\n  };\n  WASM.prototype.c_abort = function (size) {\n    console.warn(\"JSMPeg: WASM abort\", arguments);\n  };\n  WASM.prototype.c_assertFail = function (size) {\n    console.warn(\"JSMPeg: WASM ___assert_fail\", arguments);\n  };\n  WASM.prototype.readDylinkSection = function (buffer) {\n    var bytes = new Uint8Array(buffer);\n    var next = 0;\n    var readVarUint = function readVarUint() {\n      var ret = 0;\n      var mul = 1;\n      while (1) {\n        var byte = bytes[next++];\n        ret += (byte & 127) * mul;\n        mul *= 128;\n        if (!(byte & 128)) {\n          return ret;\n        }\n      }\n    };\n    var matchNextBytes = function matchNextBytes(expected) {\n      for (var i = 0; i < expected.length; i++) {\n        var b = typeof expected[i] === \"string\" ? expected[i].charCodeAt(0) : expected[i];\n        if (bytes[next++] !== b) {\n          return false;\n        }\n      }\n      return true;\n    };\n    if (!matchNextBytes([0, \"a\", \"s\", \"m\"])) {\n      console.warn(\"JSMpeg: WASM header not found\");\n      return null;\n    }\n    var next = 9;\n    var sectionSize = readVarUint();\n    if (!matchNextBytes([6, \"d\", \"y\", \"l\", \"i\", \"n\", \"k\"])) {\n      console.warn(\"JSMpeg: No dylink section found in WASM\");\n      return null;\n    }\n    return {\n      memorySize: readVarUint(),\n      memoryAlignment: readVarUint(),\n      tableSize: readVarUint(),\n      tableAlignment: readVarUint()\n    };\n  };\n  WASM.IsSupported = function () {\n    return !!window.WebAssembly;\n  };\n  WASM.GetModule = function () {\n    WASM.CACHED_MODULE = WASM.CACHED_MODULE || new WASM();\n    return WASM.CACHED_MODULE;\n  };\n  return WASM;\n}();\nJSMpeg.WASM_BINARY_INLINED = \"AGFzbQEAAAAADwZkeWxpbmuA0MACBAAAAAE0CWAEf39/fwBgAX8Bf2ACf38Bf2ABfwBgAn9/AGABfwF9YAZ/f39/f38AYAN/f38Bf2AAAAJGBANlbnYOX19fYXNzZXJ0X2ZhaWwAAANlbnYFX3NicmsAAQNlbnYNX19tZW1vcnlfYmFzZQN/AANlbnYGbWVtb3J5AgCAAgM9PAIDAgEEBAMBBQEBAQEBAQEDBAMGAwQAAwAAAAIDAgEEBAEBAQEBAAACAwIBAgECAQEBAQMEAwMCBwcHCAYLAn8BQQALfwFBAAsHggYfEl9fcG9zdF9pbnN0YW50aWF0ZQA9BV9mcmVlADgHX21hbGxvYwAxB19tZW1jcHkAOghfbWVtbW92ZQA7B19tZW1zZXQAPBNfbXAyX2RlY29kZXJfY3JlYXRlAB0TX21wMl9kZWNvZGVyX2RlY29kZQAmFF9tcDJfZGVjb2Rlcl9kZXN0cm95AB4WX21wMl9kZWNvZGVyX2RpZF93cml0ZQAiFl9tcDJfZGVjb2Rlcl9nZXRfaW5kZXgAICFfbXAyX2RlY29kZXJfZ2V0X2xlZnRfY2hhbm5lbF9wdHIAJCJfbXAyX2RlY29kZXJfZ2V0X3JpZ2h0X2NoYW5uZWxfcHRyACUcX21wMl9kZWNvZGVyX2dldF9zYW1wbGVfcmF0ZQAjGl9tcDJfZGVjb2Rlcl9nZXRfd3JpdGVfcHRyAB8WX21wMl9kZWNvZGVyX3NldF9pbmRleAAhFV9tcGVnMV9kZWNvZGVyX2NyZWF0ZQACFV9tcGVnMV9kZWNvZGVyX2RlY29kZQARFl9tcGVnMV9kZWNvZGVyX2Rlc3Ryb3kAAxhfbXBlZzFfZGVjb2Rlcl9kaWRfd3JpdGUABxlfbXBlZzFfZGVjb2Rlcl9nZXRfY2JfcHRyABAdX21wZWcxX2RlY29kZXJfZ2V0X2NvZGVkX3NpemUACxlfbXBlZzFfZGVjb2Rlcl9nZXRfY3JfcHRyAA8dX21wZWcxX2RlY29kZXJfZ2V0X2ZyYW1lX3JhdGUAChlfbXBlZzFfZGVjb2Rlcl9nZXRfaGVpZ2h0AA0YX21wZWcxX2RlY29kZXJfZ2V0X2luZGV4AAUYX21wZWcxX2RlY29kZXJfZ2V0X3dpZHRoAAwcX21wZWcxX2RlY29kZXJfZ2V0X3dy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BQJ/IANBzQBHDQIgACgCgAFBBhAwIQMCQAJAIAAoAoABQQgQMCIEIgYEQCAGQYABRgRADAIFDAMLAAsgACgCgAFBCBAwDAILIAAoAoABQQgQMEGAfmoMAQsgBEGAfmogBCAEQYABShsLCyEEDAELIAZB/wFxIgNBACADayAAKAKAAUEBEDBFGyEEIAZBCHUhAwsgAiADaiIGIwBBQGtqLQAAIgMgBWotAAAgACgCREEAIARBAXQiAkEfdUEBciAAKAJcGyACamxsIgJBBHVBAEEBQX8gAkEPShsgAkEQcRtrIgJBgHAgAkGAcEobIQIgAEGcAWogA0ECdGogAyMAQZA1amotAAAgAkH/DyACQf8PSBtsNgIAIAZBAWohAgwBCwsgAUEESARAIABBhAFqIQUgAUEDdEEIcSAAKAJUIAAoAhgiAyAAKAJQbGpBBHRyIANBA3RBACABQQJxG2ohBAUgAEGMAWogAEGIAWogAUEERhshBSAAKAJQIAAoAhgiAUECdGwgACgCVEEDdGohBCABQQF1IQMLIANBeGohAyAFKAIAIQUgAkEBRiECIABBnAFqIQEgACgCXARAIAIEQCABKAIAQYABakEIdSAFIAQgAxAYIAFBADYCAAUgARAZIAEgBSAEIAMQGiABQQBBgAIQPBoLBSACBEAgASgCAEGAAWpBCHUgBSAEIAMQGyABQQA2AgAFIAEQGSABIAUgBCADEBwgAUEAQYACEDwaCwsL7AYAIAEgAmogAEEAIABBAEobIgBB/wEgAEH/AUgbQf8BcSIAOgAAIAEgAkEBamogADoAACABIAJBAmpqIAA6AAAgASACQQNqaiAAOgAAIAEgAkEEamogADoAACABIAJBBWpqIAA6AAAgASACQQZqaiAAOgAAIAEgAkEHamogADoAACABIAIgA0EIaiIDaiICaiAAOgAAIAEgAkEBamogADoAACABIAJBAmpqIAA6AAAgASACQQNqaiAAOgAAIAEgAkEEamogADoAACABIAJBBWpqIAA6AAAgASACQQZqaiAAOgAAIAEgAkEHamogADoAACABIAIgA2oiAmogADoAACABIAJBAWpqIAA6AAAgASACQQJqaiAAOgAAIAEgAkEDamogADoAACABIAJBBGpqIAA6AAAgASACQQVqaiAAOgAAIAEgAkEGamogADoAACABIAJBB2pqIAA6AAAgASACIANqIgJqIAA6AAAgASACQQFqaiAAOgAAIAEgAkECamogADoAACABIAJBA2pqIAA6AAAgASACQQRqaiAAOgAAIAEgAkEFamogADoAACABIAJBBmpqIAA6AAAgASACQQdqaiAAOgAAIAEgAiADaiICaiAAOgAAIAEgAkEBamogADoAACABIAJBAmpqIAA6AAAgASACQQNqaiAAOgAAIAEgAkEEamogADoAACABIAJBBWpqIAA6AAAgASACQQZqaiAAOgAAIAEgAkEHamogADoAACABIAIgA2oiAmogADoAACABIAJBAWpqIAA6AAAgASACQQJqaiAAOgAAIAEgAkEDamogADoAACABIAJBBGpqIAA6AAAgASACQQVqaiAAOgAAIAEgAkEGamogADoAACABIAJBB2pqIAA6AAAgASACIANqIgJqIAA6AAAgASACQQFqaiAAOgAAIAEgAkECamogADoAACABIAJBA2pqIAA6AAAgASACQQRqaiAAOgAAIAEgAkEFamogADoAACABIAJBBmpqIAA6AAAgASACQQdqaiAAOgAAIAEgAiADaiICaiAAOgAAIAEgAkEBamogADoAACABIAJBAmpqIAA6AAAgASACQQNqaiAAOgAAIAEgAkEEamogADoAACABIAJBBWpqIAA6AAAgASACQQZqaiAAOgAAIAEgAkEHamogADoAAAubBgEUfwNAIAFBEGpBAnQgAGoiBygCACIGIAFBMGpBAnQgAGoiDSgCACIJaiEFIAFBCGpBAnQgAGoiDigCACICIAFBOGpBAnQgAGoiDygCACIDaiEEIAIgA2siEEHZA2wgAUEoakECdCAAaiIKKAIAIgIgAUEYakECdCAAaiIRKAIAIgNrIgtBvH5sQYABampBCHUgBCACIANqIghqIgJrIgMgBCAIa0HqAmxBgAFqQQh1ayEEIAFBAnQgAGoiCCgCACIMIAFBIGpBAnQgAGoiEigCACITayIUIAYgCWtB6gJsQYABakEIdSAFayIJaiEGIAggAiAMIBNqIgggBWoiDGo2AgAgDiADIAZqNgIAIAcgFCAJayIHIARrNgIAIBEgC0HZA2xBgAFqIBBBxAFsakEIdSAEaiIJIAggBWsiBWo2AgAgEiAFIAlrNgIAIAogBCAHajYCACANIAYgA2s2AgAgDyAMIAJr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aiABQQxsaiAAKAIIQQYQMCICNgLUAiAAIANBgANsaiABQQxsaiACNgLQAiAFIAI2AgAMAgsgBSAAKAIIQQYQMDYCACAAIANBgANsaiABQQxsaiAAKAIIQQYQMCICNgLUAiAAIANBgANsaiABQQxsaiACNgLQAgsLCyADQQFqIgMgCEkNAAsgAUEBaiIBIAtHDQALCwsLaiALQSBJIRsgAEHMtgFqIQQgAEHMCGohHCAAQcz2AGohHSAAQcwLaiEeIABBzJYBaiEfA0BBACEWIBQhAwNAIBgEQEEAIQEDQCAAQQAgASAOECggAEEBIAEgDhAoIAFBAWoiASANSA0ACwsgGQRAIA0hAQNAIABBACABIA4QKCAAQcwLaiABQQxsaiAAQcwIaiABQQxsaigCADYCACAAIAFBDGxqQdALaiAAIAFBDGxqQdAIaigCADYCACAAIAFBDGxqQdQLaiAAIAFBDGxqQdQIaigCADYCACABQQFqIgEgC0gNAAsLIBsEQCALIQEDQCAAQcwIaiABQQxsakEANgIAIAAgAUEMbGpB0AhqQQA2AgAgACABQQxsakHUCGpBADYCACAAQcwLaiABQQxsakEANgIAIAAgAUEMbGpB0AtqQQA2AgAgACABQQxsakHUC2pBADYCACABQQFqIgFBIEcNAAsLIAAoAgQhASADIRFBACESA0AgACABQcAHakH/B3EiATYCBCAcIBIgHSABECkgBEIANwIAIARCADcCCCAEQgA3AhAgBEIANwIYIARCADcCICAEQgA3AiggBEIANwIwIARCADcCOCAEQUBrQgA3AgAgBEIANwJIIARCADcCUCAEQgA3AlggBEIANwJgIARCADcCaCAEQgA3AnAgBEIANwJ4IAAoAgQiD0EBdSETQf8HIA9BgAFvQQF1IgxrIgFBgH9xIRUgAUEHdkEGdEHABGohEEGABCATayEGIAwhAQNAIAYhB0EAIQkgASECA0AgB0EBaiEIIAJBAWohBSAAQcy2AWogCUECdGoiCiAAQczWAGogB0ECdGoqAgAgAEHM9gBqIAJBAnRqKgIAlCAKKAIAspKoNgIAIAlBAWoiCUEgRwRAIAghByAFIQIMAQsLIAFBgAFqIQIgBkFAayEGIAFBgAdIBEAgAiEBDAELC0HgByAMIBVqayIBQYAISARAIBAgE2tBoHxqIQYD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IkogWCBLk7tEujBFka7n9D+itiJLk7tEuEt/Zp6g5j+itiI6kiEqIANBMGpBAnQgAmogTSA8kow4AgAgA0EvakECdCACaiApICiSIEwgSZIgJJIiKJKMIik4AgAgA0ExakECdCACaiApOAIAIANBLmpBAnQgAmogRiBFkiAjkowiKTgCACADQTJqQQJ0IAJqICk4AgAgA0EtakECdCACaiAwIC2SIEAgPpIgJpIiKZIiPCAokowiKDgCACADQTNqQQJ0IAJqICg4AgAgA0EsakECdCACaiA2IE+SIFEgUJIgNZIiKJKMIjY4AgAgA0E0akECdCACaiA2OAIAIANBK2pBAnQgAmogPCA/IDiSIDOSIjwgJJIiJJKMIjY4AgAgA0E1akECdCACaiA2OAIAIANBKmpBAnQgAmogPSBSkiA7kiI9ICOSjCIjOAIAIANBNmpBAnQgAmogIzgCACADQSlqQQJ0IAJqIEsgSpIgOpIiIyAkkowiJDgCACADQTdqQQJ0IAJqICQ4AgAgA0EoakECdCACaiBIIE6SIDGSjCIkOAIAIANBOGpBAnQgAmogJDgCACADQSdqQQJ0IAJqICMgPCArkiIjkowiJDgCACADQTlqQQJ0IAJqICQ4AgAgA0EmakECdCACaiA9ICeSjCIkOAIAIANBOmpBAnQgAmogJDgCACADQSVqQQJ0IAJqICkgLSAwk7tEuEt/Zp6g5j+itiIpkiItICOSjCIjOAIAIANBO2pBAnQgAmogIzgCACADQSRqQQJ0IAJqICggR5KMIiM4AgAgA0E8akECdCACaiAjOAIAIANBI2pBAnQgAmogLSArIDKSIiOSjCIoOAIAIANBPWpBAnQgAmogKDgCACADQSJqQQJ0IAJqICcgU5KMIic4AgAgA0E+akECdCACaiAnOAIAIANBIWpBAnQgAmogIyBCkowiIzgCACADQT9qQQJ0IAJqICM4AgAgA0EgakECdCACaiA0jDgCACADQQJ0IAJqIDQ4AgAgA0EfakECdCACaiAsjDgCACADQQFqQQJ0IAJqICw4AgAgA0EeakECdCACaiA5jDgCACADQQJqQQJ0IAJqIDk4AgAgA0EdakECdCACaiApICaSIjQgQZIiI4w4AgAgA0EDakECdCACaiAjOAIAIANBHGpBAnQgAmogL4w4AgAgA0EEakECdCACaiAvOAIAIANBG2pBAnQgAmogNCA3IDOSIjSSIi+MOAIAIANBBWpBAnQgAmogLzgCACADQRpqQQJ0IAJqIEQgO5IiL4w4AgAgA0EGakECdCACaiAvOAIAIANBGWpBAnQgAmogNCA6kiI0jDgCACADQQdqQQJ0IAJqIDQ4AgAgA0EYakECdCACaiAxjDgCACADQQhqQQJ0IAJqIDE4AgAgA0EXakECdCACaiAqjDgCACADQQlqQQJ0IAJqICo4AgAgA0EWakECdCACaiA7IC6SIjGMOAIAIANBCmpBAnQgAmogMTgCACADQRVqQQJ0IAJqIEMgJpIiMYw4AgAgA0ELakECdCACaiAxOAIAIANBFGpBAnQgAmogNYw4AgAgA0EMakECdCACaiA1OAIAIANBE2pBAnQgAmogJiAlkiImjDgCACADQQ1qQQJ0IAJqICY4AgAgA0ESakECdCACaiAujDgCACADQQ5qQQJ0IAJqIC44AgAgA0ERakECdCACaiAljDgCACADQQ9qQQJ0IAJqICU4AgAgA0EQakECdCACakMAAAAAOAIACy8BAX9BFBAxIgIgATYCECACIAAQMTYCACACIAA2AgggAkEANgIMIAJBADYCBCACCw0AIAAoAgAQOCAAEDgL6QEBBH8gACgCCCIDIAAoAgwiAmsiBCABSQRAAkAgACgCEEECRgRAIAAgACgCACABIARrIANBAXQiAiACIARqIAFJGyIBEDk2AgAgACABNgIIIAAoAgQgACgCDCIBQQN0IgJNDQEgACACNgIEDAELIAIgACgCBCIFQQN2IgNGIAMgBGogAUlyBEAgAEEANgIMIABBADYCBEEAIQEMAQsgAwRAIAAoAgAiASABIANqIAIgA2sQOxogACAAKAIMIANrIgE2AgwgACAAKAIEIAVBeHFrNgIEBSACIQELCwUgAiEBCyAAKAIAIAFqC40BAQR/IAAoAgRBB2pBA3YiASAAKAIMIgRJBEACQCAAKAIAIQIDQAJAIAFBAWohAyABIAJqLAAARQRAIAIgA2osAABFBEAgAiABQQJqaiwAAEEBRg0CCwsgAyAETw0CIAMhAQwBCwsgACABQQN0QSBqNgIEIAIgAUEDamotAAAPCwsgACAEQQN0NgIEQX8LqQEBBH8gACgCBEEHakEDdiICIAAoAgwiBUkEQAJAIAAoAgAh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aiIGQRBLDQALIAMgCWohAyAIayECIQEMAgsgAyABKAIAIgU6AAAgAyABLAABOgABIAJBbGpBcHEiCEESaiIJIAFqIAJBbmogA0ECaiEEIAJBfmohBiABQQJqIQIgBSEBA0AgBCACKAICIgVBEHQgAUEQdnI2AgAgBCACKAIGIgFBEHQgBUEQdnI2AgQgBCACKAIKIgVBEHQgAUEQdnI2AgggBCACKAIOIgFBEHQgBUEQdnI2AgwgAkEQaiECIARBEGohBCAGQXBqIgZBEUsNAAsgAyAJaiEDIAhrIQIhAQwBCyADIAEoAgAiBToAACACQWxqQXBxIghBEWoiCSABaiACQW9qIANBAWohBCACQX9qIQYgAUEBaiECIAUhAQNAIAQgAigCAyIFQRh0IAFBCHZyNgIAIAQgAigCByIBQRh0IAVBCHZyNgIEIAQgAigCCyIFQRh0IAFBCHZyNgIIIAQgAigCDyIBQRh0IAVBCHZyNgIMIAJBEGohAiAEQRBqIQQgBkFwaiIGQRJLDQALIAMgCWohAyAIayECIQELCyACQRBxBEAgAyABLAAAOgAAIAMgASwAAToAASADIAEsAAI6AAIgAyABLAADOgADIAMgASwABDoABCADIAEsAAU6AAUgAyABLAAGOgAGIAMgASwABzoAByADIAEsAAg6AAggAyABLAAJOgAJIAMgASwACjoACiADIAEsAAs6AAsgAyABLAAMOgAMIAMgASwADToADSADIAEsAA46AA4gAyABLAAPOgAPIANBEGohAyABQRBqIQELIAJBCHEEQCADIAEsAAA6AAAgAyABLAABOgABIAMgASwAAjoAAiADIAEsAAM6AAMgAyABLAAEOgAEIAMgASwABToABSADIAEsAAY6AAYgAyABLAAHOgAHIANBCGohAyABQQhqIQELIAJBBHEEQCADIAEsAAA6AAAgAyABLAABOgABIAMgASwAAjoAAiADIAEsAAM6AAMgA0EEaiEDIAFBBGohAQsgAkECcQRAIAMgASwAADoAACADIAEsAAE6AAEgA0ECaiEDIAFBAmohAQsgAkEBcUUEQCAADwsgAyABLAAAOgAAIAALwAMBBn8gACABRgRAIAAPCyABIAJqIABLIAAgAmoiBSABS3FFBEAgACABIAIQOhogAA8LIAEgACIDc0EDcUUhBCADIAFJBH8g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JCQkJCQkJCQkJCQkJCQkJCQAAAABAhEAAAAAAAAAAAAAAAAAAQIDBAUGEQAAAAAAAAAAAAECAwQFBgcICQoLDA0OEQABAwUGBwgJCgsMDQ4PEBEAAQIEBQYHCAkKCwwNDg8RAAECAwQFBgcICQoLDA0ODwMAAQUFAAEHBwAAAwkAAQoPAAAEHwAABT8AAAZ/AAAH/wAACP8BAAn/AwAK/wcAC/8PAAz/HwAN/z8ADv9/AA///wAQAAAAAAAAAAAAAAAAAAAAAupflgEwikIBCAgMW1tbXltec2l6ZSA+IDAAL2hvbWUvZG9taW5pYy9wcm9qZWN0cy9lbXNkay9mYXN0Y29tcC9lbXNjcmlwdGVuLy9zeXN0ZW0vbGliL2VtbWFsbG9jLmNwcABnZXRGcmVlTGlzdEluZGV4AE1JTl9GUkVFTElTVF9JTkRFWCA8PSBpbmRleCAmJiBpbmRleCA8IE1BWF9GUkVFTElTVF9JTkRFWABnZXRBZnRlcihyZWdpb24pIDw9IHNicmsoMCkAZW1tYWxsb2NfbWFsbG9jAHJlZ2lvbi0+Z2V0VXNlZCgpAGdldFBheWxvYWQAKGNoYXIqKWV4dHJhUHRyID09IChjaGFyKilwdHIgKyBzYnJrU2l6ZQBhbGxvY2F0ZVJlZ2lvbgAhbGFzdFJlZ2lvbgAhZmlyc3RSZWdpb24AZmlyc3RSZWdpb24AcHRyID09IGdldEFmdGVyKGxhc3RSZWdpb24pAGV4dGVuZExhc3RSZWdpb24AYWRkVG9GcmVlTGlzdABnZXRCaWdFbm91Z2hGcmVlTGlzdEluZGV4AHBheWxvYWRTaXplID49IHNpemUAcG9zc2libHlTcGxpdFJlbWFpbmRlcgBleHRyYSA+PSBNSU5fUkVHSU9OX1NJWkUAdG90YWxTcGxpdFNpemUgPj0gTUlOX1JFR0lPTl9TSVpFAG1lcmdlSW50b0V4aXN0aW5nRnJlZVJlZ2lvbgByZWdpb24gPT0gbGFzdFJlZ2lvbgBlbW1hbGxvY19yZWFsbG9j\";\nexport default JSMpeg;",{"version":3,"names":["window","JSMpeg","Player","VideoElement","BitBuffer","Source","Demuxer","Decoder","Renderer","AudioOutput","Now","performance","now","Date","CreateVideoElements","elements","document","querySelectorAll","i","length","Fill","array","value","fill","Base64ToArrayBuffer","base64","binary","atob","bytes","Uint8Array","charCodeAt","buffer","WASM_BINARY_INLINED","readyState","addEventListener","element","url","dataset","addStyles","styles","name","style","container","display","position","minWidth","minHeight","canvas","createElement","width","height","appendChild","playButton","innerHTML","PLAY_BUTTON","zIndex","top","bottom","left","right","maxWidth","maxHeight","margin","opacity","cursor","options","option","JSON","parse","err","player","playerInstance","poster","autoplay","streaming","decodeFirstFrame","Image","src","posterLoaded","onClick","bind","audioOut","unlocked","unlockAudioElement","unmuteButton","UNMUTE_BUTTON","unlockAudioBound","onUnlockAudio","prototype","ev","preventDefault","stopPropagation","unlock","removeEventListener","isPlaying","pause","play","source","match","WebSocket","progressive","AjaxProgressive","Ajax","maxAudioLag","loop","demuxer","TS","connect","disableWebAssembly","WASMModule","IsSupported","wasmModule","GetModule","video","MPEG1VideoWASM","MPEG1Video","renderer","disableGl","WebGL","Canvas2D","STREAM","VIDEO_1","audio","WebAudio","MP2AudioWASM","MP2Audio","AUDIO_1","Object","defineProperty","get","getCurrentTime","set","setCurrentTime","getVolume","setVolume","paused","unpauseOnShow","pauseWhenHidden","showHide","ready","startLoading","wasm","loadFromBuffer","loadFromFile","start","visibilityState","wantsToPlay","animationId","requestAnimationFrame","update","cancelAnimationFrame","canPlay","stop","seek","currentTime","onPause","volume","decode","destroy","time","startOffset","startTime","established","renderProgress","progress","onPlay","updateForStreaming","updateForStaticFile","decoded","enqueuedTime","resetEnqueuedTime","enabled","nextFrame","notEnoughData","headroom","decodedTime","targetTime","lateTime","frameTime","frameRate","resume","completed","onEnded","onStalled","bufferOrLength","mode","byteLength","MODE","EXPAND","index","resize","size","newBytes","Math","min","evict","sizeNeeded","bytePos","available","copyWithin","subarray","write","buffers","isArrayOfBuffers","totalLength","newSize","max","appendSingleBuffer","findNextStartCode","findStartCode","code","current","nextBytesAreStartCode","peek","count","offset","currentByte","remaining","read","shift","mask","skip","rewind","has","EVICT","AjaxSource","destination","request","onEstablishedCallback","onSourceEstablished","onCompletedCallback","onSourceCompleted","XMLHttpRequest","onreadystatechange","DONE","status","onLoad","response","onprogress","onProgress","open","responseType","send","secondsHeadroom","abort","loaded","total","data","Fetch","FetchSource","aborted","params","method","headers","Headers","cache","self","fetch","then","res","ok","pump","body","getReader","catch","reader","result","done","cancel","AjaxProgressiveSource","fileSize","loadedSize","chunkSize","isLoading","loadStartTime","throttled","parseInt","getResponseHeader","loadNextChunk","worstCaseLoadingTime","loadTime","end","onChunkLoad","loadFails","setRequestHeader","isFirstChunk","WSSource","socket","callbacks","reconnectInterval","undefined","shouldAttemptReconnect","reconnectTimeoutId","clearTimeout","close","protocols","binaryType","onmessage","onMessage","onopen","onOpen","onerror","onClose","onclose","setTimeout","bits","leftoverBytes","guessVideoFrameEnd","pidsToStreamIds","pesPacketInfo","streamId","currentLength","pts","parsePacket","leftoverCount","resync","transportError","payloadStart","transportPriority","pid","transportScrambling","adaptationField","continuityCounter","pi","packetComplete","adaptationFieldLength","packetLength","ptsDtsFlag","headerLength","payloadBeginIndex","p32_30","p29_15","p14_0","payloadLength","packetStart","complete","packetAddData","hasPadding","byteIndex","foundSync","j","console","warn","push","PACK_HEADER","SYSTEM_HEADER","PROGRAM_MAP","PRIVATE_1","PADDING","PRIVATE_2","DIRECTORY","Base","BaseDecoder","collectTimestamps","bytesWritten","timestamps","timestampIndex","bufferGetIndex","bufferSetIndex","bufferWrite","ts","advanceDecodedTime","seconds","newTimestampIndex","currentIndex","MPEG1","call","onDecodeCallback","onVideoDecode","bufferSize","videoBufferSize","bufferMode","customIntraQuantMatrix","customNonIntraQuantMatrix","blockData","Int32Array","currentFrame","create","constructor","hasSequenceHeader","START","SEQUENCE","decodeSequenceHeader","PICTURE","bufferedBytes","decodePicture","elapsedTime","readHuffman","codeTable","state","newWidth","newHeight","PICTURE_RATE","initBuffers","ZIG_ZAG","intraQuantMatrix","idx","nonIntraQuantMatrix","DEFAULT_INTRA_QUANT_MATRIX","DEFAULT_NON_INTRA_QUANT_MATRIX","mbWidth","mbHeight","mbSize","codedWidth","codedHeight","codedSize","halfWidth","halfHeight","currentY","Uint8ClampedArray","currentY32","Uint32Array","currentCr","currentCr32","currentCb","currentCb32","forwardY","forwardY32","forwardCr","forwardCr32","forwardCb","forwardCb32","pictureType","fullPelForward","forwardFCode","forwardRSize","forwardF","skipOutput","PICTURE_TYPE","B","PREDICTIVE","EXTENSION","USER_DATA","SLICE_FIRST","SLICE_LAST","decodeSlice","render","INTRA","tmpY","tmpY32","tmpCr","tmpCr32","tmpCb","tmpCb32","quantizerScale","sliceBegin","slice","macroblockAddress","motionFwH","motionFwHPrev","motionFwV","motionFwVPrev","dcPredictorY","dcPredictorCr","dcPredictorCb","decodeMacroblock","mbRow","mbCol","macroblockType","macroblockIntra","macroblockMotFw","increment","t","MACROBLOCK_ADDRESS_INCREMENT","copyMacroblock","mbTable","MACROBLOCK_TYPE","decodeMotionVectors","cbp","CODE_BLOCK_PATTERN","block","decodeBlock","d","r","MOTION","abs","motionH","motionV","sY","sCr","sCb","scan","H","V","oddH","oddV","dest","last","dY","dCb","dCr","x","y1","y2","y","cr1","cr2","cr","cb1","cb2","cb","n","quantMatrix","predictor","dctSize","DCT_DC_SIZE_LUMINANCE","DCT_DC_SIZE_CHROMINANCE","differential","level","run","coeff","DCT_COEFF","dezigZagged","PREMULTIPLIER_MATRIX","destArray","destIndex","CopyValueToDestination","IDCT","CopyBlockToDestination","AddValueToDestination","AddBlockToDestination","b1","b3","b4","b6","b7","tmp1","tmp2","m0","x0","x1","x2","x3","x4","y3","y4","y5","y6","y7","Int16Array","MACROBLOCK_TYPE_INTRA","Int8Array","MACROBLOCK_TYPE_PREDICTIVE","MACROBLOCK_TYPE_B","MPEG1WASM","module","initializeWasmDecoder","instance","functions","exports","decoder","_mpeg1_decoder_create","_mpeg1_decoder_destroy","_mpeg1_decoder_get_index","_mpeg1_decoder_set_index","ptr","_mpeg1_decoder_get_write_ptr","heapU8","_mpeg1_decoder_did_write","_mpeg1_decoder_has_sequence_header","loadSequnceHeader","_mpeg1_decoder_get_frame_rate","_mpeg1_decoder_get_coded_size","w","_mpeg1_decoder_get_width","h","_mpeg1_decoder_get_height","didDecode","_mpeg1_decoder_decode","ptrY","_mpeg1_decoder_get_y_ptr","ptrCr","_mpeg1_decoder_get_cr_ptr","ptrCb","_mpeg1_decoder_get_cb_ptr","dy","dcr","dcb","MP2","onAudioDecode","audioBufferSize","Float32Array","sampleRate","D","SYNTHESIS_WINDOW","U","VPos","allocation","Array","scaleFactorInfo","scaleFactor","sample","pos","decodeFrame","sync","version","layer","hasCRC","FRAME_SYNC","VERSION","MPEG_1","LAYER","II","bitrateIndex","sampleRateIndex","SAMPLE_RATE","MPEG_2","padding","privat","bound","JOINT_STEREO","MONO","bitrate","BIT_RATE","frameSize","tab3","sblimit","tab1","tab2","QUANT_LUT_STEP_1","QUANT_LUT_STEP_2","sb","readAllocation","channels","ch","sf","outPos","part","granule","readSamples","p","MatrixTransform","dIndex","vIndex","outChannel","tab4","QUANT_LUT_STEP_3","qtab","QUANT_LUT_STEP4","QUANT_TAB","q","val","SCALEFACTOR_BASE","adj","levels","group","scale","s","ss","dp","t01","t02","t03","t04","t05","t06","t07","t08","t09","t10","t11","t12","t13","t14","t15","t16","t17","t18","t19","t20","t21","t22","t23","t24","t25","t26","t27","t28","t29","t30","t31","t32","t33","MPEG_2_5","III","I","STEREO","DUAL_CHANNEL","Uint16Array","A","C","MP2WASM","_mp2_decoder_create","_mp2_decoder_destroy","_mp2_decoder_get_index","_mp2_decoder_set_index","_mp2_decoder_get_write_ptr","_mp2_decoder_did_write","decodedBytes","_mp2_decoder_decode","_mp2_decoder_get_sample_rate","leftPtr","_mp2_decoder_get_left_channel_ptr","rightPtr","_mp2_decoder_get_right_channel_ptr","leftOffset","BYTES_PER_ELEMENT","rightOffset","heapF32","SAMPLES_PER_FRAME","WebGLRenderer","hasTextureData","contextCreateOptions","preserveDrawingBuffer","alpha","depth","stencil","antialias","premultipliedAlpha","gl","getContext","Error","vertexAttr","pixelStorei","UNPACK_PREMULTIPLY_ALPHA_WEBGL","vertexBuffer","createBuffer","vertexCoords","bindBuffer","ARRAY_BUFFER","bufferData","STATIC_DRAW","program","createProgram","SHADER","VERTEX_IDENTITY","FRAGMENT_YCRCB_TO_RGBA","getAttribLocation","enableVertexAttribArray","vertexAttribPointer","FLOAT","textureY","createTexture","textureCb","textureCr","loadingProgram","FRAGMENT_LOADING","shouldCreateUnclampedViews","allowsClampedTextureData","deleteTexture","TEXTURE0","TEXTURE1","TEXTURE2","useProgram","deleteProgram","deleteBuffer","getExtension","loseContext","remove","viewport","texture","bindTexture","TEXTURE_2D","texParameteri","TEXTURE_MAG_FILTER","LINEAR","TEXTURE_MIN_FILTER","TEXTURE_WRAP_S","CLAMP_TO_EDGE","TEXTURE_WRAP_T","uniform1i","getUniformLocation","vsh","fsh","attachShader","compileShader","VERTEX_SHADER","FRAGMENT_SHADER","linkProgram","type","shader","createShader","shaderSource","getShaderParameter","COMPILE_STATUS","getShaderInfoLog","texImage2D","LUMINANCE","UNSIGNED_BYTE","getError","loc","uniform1f","drawArrays","TRIANGLE_STRIP","isClampedArray","w2","h2","updateTexture","unit","activeTexture","texSubImage2D","WebGLRenderingContext","join","CanvasRenderer","context","imageData","getImageData","ctx","fillStyle","fillRect","YCbCrToRGBA","putImageData","rgba","yIndex1","yIndex2","yNext2Lines","cIndex","cNextLine","rgbaIndex1","rgbaIndex2","rgbaNext2Lines","cols","rows","ccb","ccr","g","b","row","col","WebAudioOut","CachedContext","AudioContext","webkitAudioContext","gain","createGain","_connections","wallclockStartTime","NeedsUnlocking","getEnqueuedTime","disconnect","getChannelData","createBufferSource","duration","callback","unlockCallback","checkIfUnlocked","attempt","playbackState","PLAYING_STATE","FINISHED_STATE","test","navigator","userAgent","WASM","stackSize","pageSize","onInitCallback","ajax","moduleInfo","readDylinkSection","memory","WebAssembly","Memory","initial","env","memoryBase","__memory_base","table","Table","tableSize","tableBase","__table_base","c_abort","___assert_fail","c_assertFail","_sbrk","c_sbrk","brk","align","memorySize","instantiate","results","__post_instantiate","createHeapViews","heapU32","addr","a","pow","memoryAlignment","ceil","previousBrk","bytesNeeded","pagesNeeded","grow","arguments","next","readVarUint","ret","mul","byte","matchNextBytes","expected","sectionSize","tableAlignment","CACHED_MODULE"],"sources":["E:/2023/yancheng0718/yanchengPowerSupply/src/util/jsmpeg.min.js"],"sourcesContent":["window.JSMpeg={Player:null,VideoElement:null,BitBuffer:null,Source:{},Demuxer:{},Decoder:{},Renderer:{},AudioOutput:{},Now:function(){return window.performance?window.performance.now()/1e3:Date.now()/1e3},CreateVideoElements:function(){var elements=document.querySelectorAll(\".jsmpeg\");for(var i=0;i<elements.length;i++){new JSMpeg.VideoElement(elements[i])}},Fill:function(array,value){if(array.fill){array.fill(value)}else{for(var i=0;i<array.length;i++){array[i]=value}}},Base64ToArrayBuffer:function(base64){var binary=window.atob(base64);var length=binary.length;var bytes=new Uint8Array(length);for(var i=0;i<length;i++){bytes[i]=binary.charCodeAt(i)}return bytes.buffer},WASM_BINARY_INLINED:null};if(document.readyState===\"complete\"){JSMpeg.CreateVideoElements()}else{document.addEventListener(\"DOMContentLoaded\",JSMpeg.CreateVideoElements)}JSMpeg.VideoElement=function(){\"use strict\";var VideoElement=function(element){var url=element.dataset.url;if(!url){throw\"VideoElement has no `data-url` attribute\"}var addStyles=function(element,styles){for(var name in styles){element.style[name]=styles[name]}};this.container=element;addStyles(this.container,{display:\"inline-block\",position:\"relative\",minWidth:\"80px\",minHeight:\"80px\"});this.canvas=document.createElement(\"canvas\");this.canvas.width=960;this.canvas.height=540;addStyles(this.canvas,{display:\"block\",width:\"100%\"});this.container.appendChild(this.canvas);this.playButton=document.createElement(\"div\");this.playButton.innerHTML=VideoElement.PLAY_BUTTON;addStyles(this.playButton,{zIndex:2,position:\"absolute\",top:\"0\",bottom:\"0\",left:\"0\",right:\"0\",maxWidth:\"75px\",maxHeight:\"75px\",margin:\"auto\",opacity:\"0.7\",cursor:\"pointer\"});this.container.appendChild(this.playButton);var options={canvas:this.canvas};for(var option in element.dataset){try{options[option]=JSON.parse(element.dataset[option])}catch(err){options[option]=element.dataset[option]}}this.player=new JSMpeg.Player(url,options);element.playerInstance=this.player;if(options.poster&&!options.autoplay&&!this.player.options.streaming){options.decodeFirstFrame=false;this.poster=new Image;this.poster.src=options.poster;this.poster.addEventListener(\"load\",this.posterLoaded);addStyles(this.poster,{display:\"block\",zIndex:1,position:\"absolute\",top:0,left:0,bottom:0,right:0});this.container.appendChild(this.poster)}if(!this.player.options.streaming){this.container.addEventListener(\"click\",this.onClick.bind(this))}if(options.autoplay||this.player.options.streaming){this.playButton.style.display=\"none\"}if(this.player.audioOut&&!this.player.audioOut.unlocked){var unlockAudioElement=this.container;if(options.autoplay||this.player.options.streaming){this.unmuteButton=document.createElement(\"div\");this.unmuteButton.innerHTML=VideoElement.UNMUTE_BUTTON;addStyles(this.unmuteButton,{zIndex:2,position:\"absolute\",bottom:\"10px\",right:\"20px\",width:\"75px\",height:\"75px\",margin:\"auto\",opacity:\"0.7\",cursor:\"pointer\"});this.container.appendChild(this.unmuteButton);unlockAudioElement=this.unmuteButton}this.unlockAudioBound=this.onUnlockAudio.bind(this,unlockAudioElement);unlockAudioElement.addEventListener(\"touchstart\",this.unlockAudioBound,false);unlockAudioElement.addEventListener(\"click\",this.unlockAudioBound,true)}};VideoElement.prototype.onUnlockAudio=function(element,ev){if(this.unmuteButton){ev.preventDefault();ev.stopPropagation()}this.player.audioOut.unlock(function(){if(this.unmuteButton){this.unmuteButton.style.display=\"none\"}element.removeEventListener(\"touchstart\",this.unlockAudioBound);element.removeEventListener(\"click\",this.unlockAudioBound)}.bind(this))};VideoElement.prototype.onClick=function(ev){if(this.player.isPlaying){this.player.pause();this.playButton.style.display=\"block\"}else{this.player.play();this.playButton.style.display=\"none\";if(this.poster){this.poster.style.display=\"none\"}}};VideoElement.PLAY_BUTTON='<svg style=\"max-width: 75px; max-height: 75px;\" '+'viewBox=\"0 0 200 200\" alt=\"Play video\">'+'<circle cx=\"100\" cy=\"100\" r=\"90\" fill=\"none\" '+'stroke-width=\"15\" stroke=\"#fff\"/>'+'<polygon points=\"70, 55 70, 145 145, 100\" fill=\"#fff\"/>'+\"</svg>\";VideoElement.UNMUTE_BUTTON='<svg style=\"max-width: 75px; max-height: 75px;\" viewBox=\"0 0 75 75\">'+'<polygon class=\"audio-speaker\" stroke=\"none\" fill=\"#fff\" '+'points=\"39,13 22,28 6,28 6,47 21,47 39,62 39,13\"/>'+'<g stroke=\"#fff\" stroke-width=\"5\">'+'<path d=\"M 49,50 69,26\"/>'+'<path d=\"M 69,50 49,26\"/>'+\"</g>\"+\"</svg>\";return VideoElement}();JSMpeg.Player=function(){\"use strict\";var Player=function(url,options){this.options=options||{};if(options.source){this.source=new options.source(url,options);options.streaming=!!this.source.streaming}else if(url.match(/^wss?:\\/\\//)){this.source=new JSMpeg.Source.WebSocket(url,options);options.streaming=true}else if(options.progressive!==false){this.source=new JSMpeg.Source.AjaxProgressive(url,options);options.streaming=false}else{this.source=new JSMpeg.Source.Ajax(url,options);options.streaming=false}this.maxAudioLag=options.maxAudioLag||.25;this.loop=options.loop!==false;this.autoplay=!!options.autoplay||options.streaming;this.demuxer=new JSMpeg.Demuxer.TS(options);this.source.connect(this.demuxer);if(!options.disableWebAssembly&&JSMpeg.WASMModule.IsSupported()){this.wasmModule=JSMpeg.WASMModule.GetModule();options.wasmModule=this.wasmModule}if(options.video!==false){this.video=options.wasmModule?new JSMpeg.Decoder.MPEG1VideoWASM(options):new JSMpeg.Decoder.MPEG1Video(options);this.renderer=!options.disableGl&&JSMpeg.Renderer.WebGL.IsSupported()?new JSMpeg.Renderer.WebGL(options):new JSMpeg.Renderer.Canvas2D(options);this.demuxer.connect(JSMpeg.Demuxer.TS.STREAM.VIDEO_1,this.video);this.video.connect(this.renderer)}if(options.audio!==false&&JSMpeg.AudioOutput.WebAudio.IsSupported()){this.audio=options.wasmModule?new JSMpeg.Decoder.MP2AudioWASM(options):new JSMpeg.Decoder.MP2Audio(options);this.audioOut=new JSMpeg.AudioOutput.WebAudio(options);this.demuxer.connect(JSMpeg.Demuxer.TS.STREAM.AUDIO_1,this.audio);this.audio.connect(this.audioOut)}Object.defineProperty(this,\"currentTime\",{get:this.getCurrentTime,set:this.setCurrentTime});Object.defineProperty(this,\"volume\",{get:this.getVolume,set:this.setVolume});this.paused=true;this.unpauseOnShow=false;if(options.pauseWhenHidden!==false){document.addEventListener(\"visibilitychange\",this.showHide.bind(this))}if(this.wasmModule){if(this.wasmModule.ready){this.startLoading()}else if(JSMpeg.WASM_BINARY_INLINED){var wasm=JSMpeg.Base64ToArrayBuffer(JSMpeg.WASM_BINARY_INLINED);this.wasmModule.loadFromBuffer(wasm,this.startLoading.bind(this))}else{this.wasmModule.loadFromFile(\"jsmpeg.wasm\",this.startLoading.bind(this))}}else{this.startLoading()}};Player.prototype.startLoading=function(){this.source.start();if(this.autoplay){this.play()}};Player.prototype.showHide=function(ev){if(document.visibilityState===\"hidden\"){this.unpauseOnShow=this.wantsToPlay;this.pause()}else if(this.unpauseOnShow){this.play()}};Player.prototype.play=function(ev){if(this.animationId){return}this.animationId=requestAnimationFrame(this.update.bind(this));this.wantsToPlay=true;this.paused=false};Player.prototype.pause=function(ev){if(this.paused){return}cancelAnimationFrame(this.animationId);this.animationId=null;this.wantsToPlay=false;this.isPlaying=false;this.paused=true;if(this.audio&&this.audio.canPlay){this.audioOut.stop();this.seek(this.currentTime)}if(this.options.onPause){this.options.onPause(this)}};Player.prototype.getVolume=function(){return this.audioOut?this.audioOut.volume:0};Player.prototype.setVolume=function(volume){if(this.audioOut){this.audioOut.volume=volume}};Player.prototype.stop=function(ev){this.pause();this.seek(0);if(this.video&&this.options.decodeFirstFrame!==false){this.video.decode()}};Player.prototype.destroy=function(){this.pause();this.source.destroy();this.video&&this.video.destroy();this.renderer&&this.renderer.destroy();this.audio&&this.audio.destroy();this.audioOut&&this.audioOut.destroy()};Player.prototype.seek=function(time){var startOffset=this.audio&&this.audio.canPlay?this.audio.startTime:this.video.startTime;if(this.video){this.video.seek(time+startOffset)}if(this.audio){this.audio.seek(time+startOffset)}this.startTime=JSMpeg.Now()-time};Player.prototype.getCurrentTime=function(){return this.audio&&this.audio.canPlay?this.audio.currentTime-this.audio.startTime:this.video.currentTime-this.video.startTime};Player.prototype.setCurrentTime=function(time){this.seek(time)};Player.prototype.update=function(){this.animationId=requestAnimationFrame(this.update.bind(this));if(!this.source.established){if(this.renderer){this.renderer.renderProgress(this.source.progress)}return}if(!this.isPlaying){this.isPlaying=true;this.startTime=JSMpeg.Now()-this.currentTime;if(this.options.onPlay){this.options.onPlay(this)}}if(this.options.streaming){this.updateForStreaming()}else{this.updateForStaticFile()}};Player.prototype.updateForStreaming=function(){if(this.video){this.video.decode()}if(this.audio){var decoded=false;do{if(this.audioOut.enqueuedTime>this.maxAudioLag){this.audioOut.resetEnqueuedTime();this.audioOut.enabled=false}decoded=this.audio.decode()}while(decoded);this.audioOut.enabled=true}};Player.prototype.nextFrame=function(){if(this.source.established&&this.video){return this.video.decode()}return false};Player.prototype.updateForStaticFile=function(){var notEnoughData=false,headroom=0;if(this.audio&&this.audio.canPlay){while(!notEnoughData&&this.audio.decodedTime-this.audio.currentTime<.25){notEnoughData=!this.audio.decode()}if(this.video&&this.video.currentTime<this.audio.currentTime){notEnoughData=!this.video.decode()}headroom=this.demuxer.currentTime-this.audio.currentTime}else if(this.video){var targetTime=JSMpeg.Now()-this.startTime+this.video.startTime,lateTime=targetTime-this.video.currentTime,frameTime=1/this.video.frameRate;if(this.video&&lateTime>0){if(lateTime>frameTime*2){this.startTime+=lateTime}notEnoughData=!this.video.decode()}headroom=this.demuxer.currentTime-targetTime}this.source.resume(headroom);if(notEnoughData&&this.source.completed){if(this.loop){this.seek(0)}else{this.pause();if(this.options.onEnded){this.options.onEnded(this)}}}else if(notEnoughData&&this.options.onStalled){this.options.onStalled(this)}};return Player}();JSMpeg.BitBuffer=function(){\"use strict\";var BitBuffer=function(bufferOrLength,mode){if(typeof bufferOrLength===\"object\"){this.bytes=bufferOrLength instanceof Uint8Array?bufferOrLength:new Uint8Array(bufferOrLength);this.byteLength=this.bytes.length}else{this.bytes=new Uint8Array(bufferOrLength||1024*1024);this.byteLength=0}this.mode=mode||BitBuffer.MODE.EXPAND;this.index=0};BitBuffer.prototype.resize=function(size){var newBytes=new Uint8Array(size);if(this.byteLength!==0){this.byteLength=Math.min(this.byteLength,size);newBytes.set(this.bytes,0,this.byteLength)}this.bytes=newBytes;this.index=Math.min(this.index,this.byteLength<<3)};BitBuffer.prototype.evict=function(sizeNeeded){var bytePos=this.index>>3,available=this.bytes.length-this.byteLength;if(this.index===this.byteLength<<3||sizeNeeded>available+bytePos){this.byteLength=0;this.index=0;return}else if(bytePos===0){return}if(this.bytes.copyWithin){this.bytes.copyWithin(0,bytePos,this.byteLength)}else{this.bytes.set(this.bytes.subarray(bytePos,this.byteLength))}this.byteLength=this.byteLength-bytePos;this.index-=bytePos<<3;return};BitBuffer.prototype.write=function(buffers){var isArrayOfBuffers=typeof buffers[0]===\"object\",totalLength=0,available=this.bytes.length-this.byteLength;if(isArrayOfBuffers){var totalLength=0;for(var i=0;i<buffers.length;i++){totalLength+=buffers[i].byteLength}}else{totalLength=buffers.byteLength}if(totalLength>available){if(this.mode===BitBuffer.MODE.EXPAND){var newSize=Math.max(this.bytes.length*2,totalLength-available);this.resize(newSize)}else{this.evict(totalLength)}}if(isArrayOfBuffers){for(var i=0;i<buffers.length;i++){this.appendSingleBuffer(buffers[i])}}else{this.appendSingleBuffer(buffers)}return totalLength};BitBuffer.prototype.appendSingleBuffer=function(buffer){buffer=buffer instanceof Uint8Array?buffer:new Uint8Array(buffer);this.bytes.set(buffer,this.byteLength);this.byteLength+=buffer.length};BitBuffer.prototype.findNextStartCode=function(){for(var i=this.index+7>>3;i<this.byteLength;i++){if(this.bytes[i]==0&&this.bytes[i+1]==0&&this.bytes[i+2]==1){this.index=i+4<<3;return this.bytes[i+3]}}this.index=this.byteLength<<3;return-1};BitBuffer.prototype.findStartCode=function(code){var current=0;while(true){current=this.findNextStartCode();if(current===code||current===-1){return current}}return-1};BitBuffer.prototype.nextBytesAreStartCode=function(){var i=this.index+7>>3;return i>=this.byteLength||this.bytes[i]==0&&this.bytes[i+1]==0&&this.bytes[i+2]==1};BitBuffer.prototype.peek=function(count){var offset=this.index;var value=0;while(count){var currentByte=this.bytes[offset>>3],remaining=8-(offset&7),read=remaining<count?remaining:count,shift=remaining-read,mask=255>>8-read;value=value<<read|(currentByte&mask<<shift)>>shift;offset+=read;count-=read}return value};BitBuffer.prototype.read=function(count){var value=this.peek(count);this.index+=count;return value};BitBuffer.prototype.skip=function(count){return this.index+=count};BitBuffer.prototype.rewind=function(count){this.index=Math.max(this.index-count,0)};BitBuffer.prototype.has=function(count){return(this.byteLength<<3)-this.index>=count};BitBuffer.MODE={EVICT:1,EXPAND:2};return BitBuffer}();JSMpeg.Source.Ajax=function(){\"use strict\";var AjaxSource=function(url,options){this.url=url;this.destination=null;this.request=null;this.streaming=false;this.completed=false;this.established=false;this.progress=0;this.onEstablishedCallback=options.onSourceEstablished;this.onCompletedCallback=options.onSourceCompleted};AjaxSource.prototype.connect=function(destination){this.destination=destination};AjaxSource.prototype.start=function(){this.request=new XMLHttpRequest;this.request.onreadystatechange=function(){if(this.request.readyState===this.request.DONE&&this.request.status===200){this.onLoad(this.request.response)}}.bind(this);this.request.onprogress=this.onProgress.bind(this);this.request.open(\"GET\",this.url);this.request.responseType=\"arraybuffer\";this.request.send()};AjaxSource.prototype.resume=function(secondsHeadroom){};AjaxSource.prototype.destroy=function(){this.request.abort()};AjaxSource.prototype.onProgress=function(ev){this.progress=ev.loaded/ev.total};AjaxSource.prototype.onLoad=function(data){this.established=true;this.completed=true;this.progress=1;if(this.onEstablishedCallback){this.onEstablishedCallback(this)}if(this.onCompletedCallback){this.onCompletedCallback(this)}if(this.destination){this.destination.write(data)}};return AjaxSource}();JSMpeg.Source.Fetch=function(){\"use strict\";var FetchSource=function(url,options){this.url=url;this.destination=null;this.request=null;this.streaming=true;this.completed=false;this.established=false;this.progress=0;this.aborted=false;this.onEstablishedCallback=options.onSourceEstablished;this.onCompletedCallback=options.onSourceCompleted};FetchSource.prototype.connect=function(destination){this.destination=destination};FetchSource.prototype.start=function(){var params={method:\"GET\",headers:new Headers,cache:\"default\"};self.fetch(this.url,params).then(function(res){if(res.ok&&(res.status>=200&&res.status<=299)){this.progress=1;this.established=true;return this.pump(res.body.getReader())}else{}}.bind(this)).catch(function(err){throw err})};FetchSource.prototype.pump=function(reader){return reader.read().then(function(result){if(result.done){this.completed=true}else{if(this.aborted){return reader.cancel()}if(this.destination){this.destination.write(result.value.buffer)}return this.pump(reader)}}.bind(this)).catch(function(err){throw err})};FetchSource.prototype.resume=function(secondsHeadroom){};FetchSource.prototype.abort=function(){this.aborted=true};return FetchSource}();JSMpeg.Source.AjaxProgressive=function(){\"use strict\";var AjaxProgressiveSource=function(url,options){this.url=url;this.destination=null;this.request=null;this.streaming=false;this.completed=false;this.established=false;this.progress=0;this.fileSize=0;this.loadedSize=0;this.chunkSize=options.chunkSize||1024*1024;this.isLoading=false;this.loadStartTime=0;this.throttled=options.throttled!==false;this.aborted=false;this.onEstablishedCallback=options.onSourceEstablished;this.onCompletedCallback=options.onSourceCompleted};AjaxProgressiveSource.prototype.connect=function(destination){this.destination=destination};AjaxProgressiveSource.prototype.start=function(){this.request=new XMLHttpRequest;this.request.onreadystatechange=function(){if(this.request.readyState===this.request.DONE){this.fileSize=parseInt(this.request.getResponseHeader(\"Content-Length\"));this.loadNextChunk()}}.bind(this);this.request.onprogress=this.onProgress.bind(this);this.request.open(\"HEAD\",this.url);this.request.send()};AjaxProgressiveSource.prototype.resume=function(secondsHeadroom){if(this.isLoading||!this.throttled){return}var worstCaseLoadingTime=this.loadTime*8+2;if(worstCaseLoadingTime>secondsHeadroom){this.loadNextChunk()}};AjaxProgressiveSource.prototype.destroy=function(){this.request.abort();this.aborted=true};AjaxProgressiveSource.prototype.loadNextChunk=function(){var start=this.loadedSize,end=Math.min(this.loadedSize+this.chunkSize-1,this.fileSize-1);if(start>=this.fileSize||this.aborted){this.completed=true;if(this.onCompletedCallback){this.onCompletedCallback(this)}return}this.isLoading=true;this.loadStartTime=JSMpeg.Now();this.request=new XMLHttpRequest;this.request.onreadystatechange=function(){if(this.request.readyState===this.request.DONE&&this.request.status>=200&&this.request.status<300){this.onChunkLoad(this.request.response)}else if(this.request.readyState===this.request.DONE){if(this.loadFails++<3){this.loadNextChunk()}}}.bind(this);if(start===0){this.request.onprogress=this.onProgress.bind(this)}this.request.open(\"GET\",this.url+\"?\"+start+\"-\"+end);this.request.setRequestHeader(\"Range\",\"bytes=\"+start+\"-\"+end);this.request.responseType=\"arraybuffer\";this.request.send()};AjaxProgressiveSource.prototype.onProgress=function(ev){this.progress=ev.loaded/ev.total};AjaxProgressiveSource.prototype.onChunkLoad=function(data){var isFirstChunk=!this.established;this.established=true;this.progress=1;this.loadedSize+=data.byteLength;this.loadFails=0;this.isLoading=false;if(isFirstChunk&&this.onEstablishedCallback){this.onEstablishedCallback(this)}if(this.destination){this.destination.write(data)}this.loadTime=JSMpeg.Now()-this.loadStartTime;if(!this.throttled){this.loadNextChunk()}};return AjaxProgressiveSource}();JSMpeg.Source.WebSocket=function(){\"use strict\";var WSSource=function(url,options){this.url=url;this.options=options;this.socket=null;this.streaming=true;this.callbacks={connect:[],data:[]};this.destination=null;this.reconnectInterval=options.reconnectInterval!==undefined?options.reconnectInterval:5;this.shouldAttemptReconnect=!!this.reconnectInterval;this.completed=false;this.established=false;this.progress=0;this.reconnectTimeoutId=0;this.onEstablishedCallback=options.onSourceEstablished;this.onCompletedCallback=options.onSourceCompleted};WSSource.prototype.connect=function(destination){this.destination=destination};WSSource.prototype.destroy=function(){clearTimeout(this.reconnectTimeoutId);this.shouldAttemptReconnect=false;this.socket.close()};WSSource.prototype.start=function(){this.shouldAttemptReconnect=!!this.reconnectInterval;this.progress=0;this.established=false;this.socket=new WebSocket(this.url,this.options.protocols||null);this.socket.binaryType=\"arraybuffer\";this.socket.onmessage=this.onMessage.bind(this);this.socket.onopen=this.onOpen.bind(this);this.socket.onerror=this.onClose.bind(this);this.socket.onclose=this.onClose.bind(this)};WSSource.prototype.resume=function(secondsHeadroom){};WSSource.prototype.onOpen=function(){this.progress=1};WSSource.prototype.onClose=function(){if(this.shouldAttemptReconnect){clearTimeout(this.reconnectTimeoutId);this.reconnectTimeoutId=setTimeout(function(){this.start()}.bind(this),this.reconnectInterval*1e3)}};WSSource.prototype.onMessage=function(ev){var isFirstChunk=!this.established;this.established=true;if(isFirstChunk&&this.onEstablishedCallback){this.onEstablishedCallback(this)}if(this.destination){this.destination.write(ev.data)}};return WSSource}();JSMpeg.Demuxer.TS=function(){\"use strict\";var TS=function(options){this.bits=null;this.leftoverBytes=null;this.guessVideoFrameEnd=true;this.pidsToStreamIds={};this.pesPacketInfo={};this.startTime=0;this.currentTime=0};TS.prototype.connect=function(streamId,destination){this.pesPacketInfo[streamId]={destination:destination,currentLength:0,totalLength:0,pts:0,buffers:[]}};TS.prototype.write=function(buffer){if(this.leftoverBytes){var totalLength=buffer.byteLength+this.leftoverBytes.byteLength;this.bits=new JSMpeg.BitBuffer(totalLength);this.bits.write([this.leftoverBytes,buffer])}else{this.bits=new JSMpeg.BitBuffer(buffer)}while(this.bits.has(188<<3)&&this.parsePacket()){}var leftoverCount=this.bits.byteLength-(this.bits.index>>3);this.leftoverBytes=leftoverCount>0?this.bits.bytes.subarray(this.bits.index>>3):null};TS.prototype.parsePacket=function(){if(this.bits.read(8)!==71){if(!this.resync()){return false}}var end=(this.bits.index>>3)+187;var transportError=this.bits.read(1),payloadStart=this.bits.read(1),transportPriority=this.bits.read(1),pid=this.bits.read(13),transportScrambling=this.bits.read(2),adaptationField=this.bits.read(2),continuityCounter=this.bits.read(4);var streamId=this.pidsToStreamIds[pid];if(payloadStart&&streamId){var pi=this.pesPacketInfo[streamId];if(pi&&pi.currentLength){this.packetComplete(pi)}}if(adaptationField&1){if(adaptationField&2){var adaptationFieldLength=this.bits.read(8);this.bits.skip(adaptationFieldLength<<3)}if(payloadStart&&this.bits.nextBytesAreStartCode()){this.bits.skip(24);streamId=this.bits.read(8);this.pidsToStreamIds[pid]=streamId;var packetLength=this.bits.read(16);this.bits.skip(8);var ptsDtsFlag=this.bits.read(2);this.bits.skip(6);var headerLength=this.bits.read(8);var payloadBeginIndex=this.bits.index+(headerLength<<3);var pi=this.pesPacketInfo[streamId];if(pi){var pts=0;if(ptsDtsFlag&2){this.bits.skip(4);var p32_30=this.bits.read(3);this.bits.skip(1);var p29_15=this.bits.read(15);this.bits.skip(1);var p14_0=this.bits.read(15);this.bits.skip(1);pts=(p32_30*1073741824+p29_15*32768+p14_0)/9e4;this.currentTime=pts;if(this.startTime===-1){this.startTime=pts}}var payloadLength=packetLength?packetLength-headerLength-3:0;this.packetStart(pi,pts,payloadLength)}this.bits.index=payloadBeginIndex}if(streamId){var pi=this.pesPacketInfo[streamId];if(pi){var start=this.bits.index>>3;var complete=this.packetAddData(pi,start,end);var hasPadding=!payloadStart&&adaptationField&2;if(complete||this.guessVideoFrameEnd&&hasPadding){this.packetComplete(pi)}}}}this.bits.index=end<<3;return true};TS.prototype.resync=function(){if(!this.bits.has(188*6<<3)){return false}var byteIndex=this.bits.index>>3;for(var i=0;i<187;i++){if(this.bits.bytes[byteIndex+i]===71){var foundSync=true;for(var j=1;j<5;j++){if(this.bits.bytes[byteIndex+i+188*j]!==71){foundSync=false;break}}if(foundSync){this.bits.index=byteIndex+i+1<<3;return true}}}console.warn(\"JSMpeg: Possible garbage data. Skipping.\");this.bits.skip(187<<3);return false};TS.prototype.packetStart=function(pi,pts,payloadLength){pi.totalLength=payloadLength;pi.currentLength=0;pi.pts=pts};TS.prototype.packetAddData=function(pi,start,end){pi.buffers.push(this.bits.bytes.subarray(start,end));pi.currentLength+=end-start;var complete=pi.totalLength!==0&&pi.currentLength>=pi.totalLength;return complete};TS.prototype.packetComplete=function(pi){pi.destination.write(pi.pts,pi.buffers);pi.totalLength=0;pi.currentLength=0;pi.buffers=[]};TS.STREAM={PACK_HEADER:186,SYSTEM_HEADER:187,PROGRAM_MAP:188,PRIVATE_1:189,PADDING:190,PRIVATE_2:191,AUDIO_1:192,VIDEO_1:224,DIRECTORY:255};return TS}();JSMpeg.Decoder.Base=function(){\"use strict\";var BaseDecoder=function(options){this.destination=null;this.canPlay=false;this.collectTimestamps=!options.streaming;this.bytesWritten=0;this.timestamps=[];this.timestampIndex=0;this.startTime=0;this.decodedTime=0;Object.defineProperty(this,\"currentTime\",{get:this.getCurrentTime})};BaseDecoder.prototype.destroy=function(){};BaseDecoder.prototype.connect=function(destination){this.destination=destination};BaseDecoder.prototype.bufferGetIndex=function(){return this.bits.index};BaseDecoder.prototype.bufferSetIndex=function(index){this.bits.index=index};BaseDecoder.prototype.bufferWrite=function(buffers){return this.bits.write(buffers)};BaseDecoder.prototype.write=function(pts,buffers){if(this.collectTimestamps){if(this.timestamps.length===0){this.startTime=pts;this.decodedTime=pts}this.timestamps.push({index:this.bytesWritten<<3,time:pts})}this.bytesWritten+=this.bufferWrite(buffers);this.canPlay=true};BaseDecoder.prototype.seek=function(time){if(!this.collectTimestamps){return}this.timestampIndex=0;for(var i=0;i<this.timestamps.length;i++){if(this.timestamps[i].time>time){break}this.timestampIndex=i}var ts=this.timestamps[this.timestampIndex];if(ts){this.bufferSetIndex(ts.index);this.decodedTime=ts.time}else{this.bufferSetIndex(0);this.decodedTime=this.startTime}};BaseDecoder.prototype.decode=function(){this.advanceDecodedTime(0)};BaseDecoder.prototype.advanceDecodedTime=function(seconds){if(this.collectTimestamps){var newTimestampIndex=-1;var currentIndex=this.bufferGetIndex();for(var i=this.timestampIndex;i<this.timestamps.length;i++){if(this.timestamps[i].index>currentIndex){break}newTimestampIndex=i}if(newTimestampIndex!==-1&&newTimestampIndex!==this.timestampIndex){this.timestampIndex=newTimestampIndex;this.decodedTime=this.timestamps[this.timestampIndex].time;return}}this.decodedTime+=seconds};BaseDecoder.prototype.getCurrentTime=function(){return this.decodedTime};return BaseDecoder}();JSMpeg.Decoder.MPEG1Video=function(){\"use strict\";var MPEG1=function(options){JSMpeg.Decoder.Base.call(this,options);this.onDecodeCallback=options.onVideoDecode;var bufferSize=options.videoBufferSize||512*1024;var bufferMode=options.streaming?JSMpeg.BitBuffer.MODE.EVICT:JSMpeg.BitBuffer.MODE.EXPAND;this.bits=new JSMpeg.BitBuffer(bufferSize,bufferMode);this.customIntraQuantMatrix=new Uint8Array(64);this.customNonIntraQuantMatrix=new Uint8Array(64);this.blockData=new Int32Array(64);this.currentFrame=0;this.decodeFirstFrame=options.decodeFirstFrame!==false};MPEG1.prototype=Object.create(JSMpeg.Decoder.Base.prototype);MPEG1.prototype.constructor=MPEG1;MPEG1.prototype.write=function(pts,buffers){JSMpeg.Decoder.Base.prototype.write.call(this,pts,buffers);if(!this.hasSequenceHeader){if(this.bits.findStartCode(MPEG1.START.SEQUENCE)===-1){return false}this.decodeSequenceHeader();if(this.decodeFirstFrame){this.decode()}}};MPEG1.prototype.decode=function(){var startTime=JSMpeg.Now();if(!this.hasSequenceHeader){return false}if(this.bits.findStartCode(MPEG1.START.PICTURE)===-1){var bufferedBytes=this.bits.byteLength-(this.bits.index>>3);return false}this.decodePicture();this.advanceDecodedTime(1/this.frameRate);var elapsedTime=JSMpeg.Now()-startTime;if(this.onDecodeCallback){this.onDecodeCallback(this,elapsedTime)}return true};MPEG1.prototype.readHuffman=function(codeTable){var state=0;do{state=codeTable[state+this.bits.read(1)]}while(state>=0&&codeTable[state]!==0);return codeTable[state+2]};MPEG1.prototype.frameRate=30;MPEG1.prototype.decodeSequenceHeader=function(){var newWidth=this.bits.read(12),newHeight=this.bits.read(12);this.bits.skip(4);this.frameRate=MPEG1.PICTURE_RATE[this.bits.read(4)];this.bits.skip(18+1+10+1);if(newWidth!==this.width||newHeight!==this.height){this.width=newWidth;this.height=newHeight;this.initBuffers();if(this.destination){this.destination.resize(newWidth,newHeight)}}if(this.bits.read(1)){for(var i=0;i<64;i++){this.customIntraQuantMatrix[MPEG1.ZIG_ZAG[i]]=this.bits.read(8)}this.intraQuantMatrix=this.customIntraQuantMatrix}if(this.bits.read(1)){for(var i=0;i<64;i++){var idx=MPEG1.ZIG_ZAG[i];this.customNonIntraQuantMatrix[idx]=this.bits.read(8)}this.nonIntraQuantMatrix=this.customNonIntraQuantMatrix}this.hasSequenceHeader=true};MPEG1.prototype.initBuffers=function(){this.intraQuantMatrix=MPEG1.DEFAULT_INTRA_QUANT_MATRIX;this.nonIntraQuantMatrix=MPEG1.DEFAULT_NON_INTRA_QUANT_MATRIX;this.mbWidth=this.width+15>>4;this.mbHeight=this.height+15>>4;this.mbSize=this.mbWidth*this.mbHeight;this.codedWidth=this.mbWidth<<4;this.codedHeight=this.mbHeight<<4;this.codedSize=this.codedWidth*this.codedHeight;this.halfWidth=this.mbWidth<<3;this.halfHeight=this.mbHeight<<3;this.currentY=new Uint8ClampedArray(this.codedSize);this.currentY32=new Uint32Array(this.currentY.buffer);this.currentCr=new Uint8ClampedArray(this.codedSize>>2);this.currentCr32=new Uint32Array(this.currentCr.buffer);this.currentCb=new Uint8ClampedArray(this.codedSize>>2);this.currentCb32=new Uint32Array(this.currentCb.buffer);this.forwardY=new Uint8ClampedArray(this.codedSize);this.forwardY32=new Uint32Array(this.forwardY.buffer);this.forwardCr=new Uint8ClampedArray(this.codedSize>>2);this.forwardCr32=new Uint32Array(this.forwardCr.buffer);this.forwardCb=new Uint8ClampedArray(this.codedSize>>2);this.forwardCb32=new Uint32Array(this.forwardCb.buffer)};MPEG1.prototype.currentY=null;MPEG1.prototype.currentCr=null;MPEG1.prototype.currentCb=null;MPEG1.prototype.pictureType=0;MPEG1.prototype.forwardY=null;MPEG1.prototype.forwardCr=null;MPEG1.prototype.forwardCb=null;MPEG1.prototype.fullPelForward=false;MPEG1.prototype.forwardFCode=0;MPEG1.prototype.forwardRSize=0;MPEG1.prototype.forwardF=0;MPEG1.prototype.decodePicture=function(skipOutput){this.currentFrame++;this.bits.skip(10);this.pictureType=this.bits.read(3);this.bits.skip(16);if(this.pictureType<=0||this.pictureType>=MPEG1.PICTURE_TYPE.B){return}if(this.pictureType===MPEG1.PICTURE_TYPE.PREDICTIVE){this.fullPelForward=this.bits.read(1);this.forwardFCode=this.bits.read(3);if(this.forwardFCode===0){return}this.forwardRSize=this.forwardFCode-1;this.forwardF=1<<this.forwardRSize}var code=0;do{code=this.bits.findNextStartCode()}while(code===MPEG1.START.EXTENSION||code===MPEG1.START.USER_DATA);while(code>=MPEG1.START.SLICE_FIRST&&code<=MPEG1.START.SLICE_LAST){this.decodeSlice(code&255);code=this.bits.findNextStartCode()}if(code!==-1){this.bits.rewind(32)}if(this.destination){this.destination.render(this.currentY,this.currentCr,this.currentCb,true)}if(this.pictureType===MPEG1.PICTURE_TYPE.INTRA||this.pictureType===MPEG1.PICTURE_TYPE.PREDICTIVE){var tmpY=this.forwardY,tmpY32=this.forwardY32,tmpCr=this.forwardCr,tmpCr32=this.forwardCr32,tmpCb=this.forwardCb,tmpCb32=this.forwardCb32;this.forwardY=this.currentY;this.forwardY32=this.currentY32;this.forwardCr=this.currentCr;this.forwardCr32=this.currentCr32;this.forwardCb=this.currentCb;this.forwardCb32=this.currentCb32;this.currentY=tmpY;this.currentY32=tmpY32;this.currentCr=tmpCr;this.currentCr32=tmpCr32;this.currentCb=tmpCb;this.currentCb32=tmpCb32}};MPEG1.prototype.quantizerScale=0;MPEG1.prototype.sliceBegin=false;MPEG1.prototype.decodeSlice=function(slice){this.sliceBegin=true;this.macroblockAddress=(slice-1)*this.mbWidth-1;this.motionFwH=this.motionFwHPrev=0;this.motionFwV=this.motionFwVPrev=0;this.dcPredictorY=128;this.dcPredictorCr=128;this.dcPredictorCb=128;this.quantizerScale=this.bits.read(5);while(this.bits.read(1)){this.bits.skip(8)}do{this.decodeMacroblock()}while(!this.bits.nextBytesAreStartCode())};MPEG1.prototype.macroblockAddress=0;MPEG1.prototype.mbRow=0;MPEG1.prototype.mbCol=0;MPEG1.prototype.macroblockType=0;MPEG1.prototype.macroblockIntra=false;MPEG1.prototype.macroblockMotFw=false;MPEG1.prototype.motionFwH=0;MPEG1.prototype.motionFwV=0;MPEG1.prototype.motionFwHPrev=0;MPEG1.prototype.motionFwVPrev=0;MPEG1.prototype.decodeMacroblock=function(){var increment=0,t=this.readHuffman(MPEG1.MACROBLOCK_ADDRESS_INCREMENT);while(t===34){t=this.readHuffman(MPEG1.MACROBLOCK_ADDRESS_INCREMENT)}while(t===35){increment+=33;t=this.readHuffman(MPEG1.MACROBLOCK_ADDRESS_INCREMENT)}increment+=t;if(this.sliceBegin){this.sliceBegin=false;this.macroblockAddress+=increment}else{if(this.macroblockAddress+increment>=this.mbSize){return}if(increment>1){this.dcPredictorY=128;this.dcPredictorCr=128;this.dcPredictorCb=128;if(this.pictureType===MPEG1.PICTURE_TYPE.PREDICTIVE){this.motionFwH=this.motionFwHPrev=0;this.motionFwV=this.motionFwVPrev=0}}while(increment>1){this.macroblockAddress++;this.mbRow=this.macroblockAddress/this.mbWidth|0;this.mbCol=this.macroblockAddress%this.mbWidth;this.copyMacroblock(this.motionFwH,this.motionFwV,this.forwardY,this.forwardCr,this.forwardCb);increment--}this.macroblockAddress++}this.mbRow=this.macroblockAddress/this.mbWidth|0;this.mbCol=this.macroblockAddress%this.mbWidth;var mbTable=MPEG1.MACROBLOCK_TYPE[this.pictureType];this.macroblockType=this.readHuffman(mbTable);this.macroblockIntra=this.macroblockType&1;this.macroblockMotFw=this.macroblockType&8;if((this.macroblockType&16)!==0){this.quantizerScale=this.bits.read(5)}if(this.macroblockIntra){this.motionFwH=this.motionFwHPrev=0;this.motionFwV=this.motionFwVPrev=0}else{this.dcPredictorY=128;this.dcPredictorCr=128;this.dcPredictorCb=128;this.decodeMotionVectors();this.copyMacroblock(this.motionFwH,this.motionFwV,this.forwardY,this.forwardCr,this.forwardCb)}var cbp=(this.macroblockType&2)!==0?this.readHuffman(MPEG1.CODE_BLOCK_PATTERN):this.macroblockIntra?63:0;for(var block=0,mask=32;block<6;block++){if((cbp&mask)!==0){this.decodeBlock(block)}mask>>=1}};MPEG1.prototype.decodeMotionVectors=function(){var code,d,r=0;if(this.macroblockMotFw){code=this.readHuffman(MPEG1.MOTION);if(code!==0&&this.forwardF!==1){r=this.bits.read(this.forwardRSize);d=(Math.abs(code)-1<<this.forwardRSize)+r+1;if(code<0){d=-d}}else{d=code}this.motionFwHPrev+=d;if(this.motionFwHPrev>(this.forwardF<<4)-1){this.motionFwHPrev-=this.forwardF<<5}else if(this.motionFwHPrev<-this.forwardF<<4){this.motionFwHPrev+=this.forwardF<<5}this.motionFwH=this.motionFwHPrev;if(this.fullPelForward){this.motionFwH<<=1}code=this.readHuffman(MPEG1.MOTION);if(code!==0&&this.forwardF!==1){r=this.bits.read(this.forwardRSize);d=(Math.abs(code)-1<<this.forwardRSize)+r+1;if(code<0){d=-d}}else{d=code}this.motionFwVPrev+=d;if(this.motionFwVPrev>(this.forwardF<<4)-1){this.motionFwVPrev-=this.forwardF<<5}else if(this.motionFwVPrev<-this.forwardF<<4){this.motionFwVPrev+=this.forwardF<<5}this.motionFwV=this.motionFwVPrev;if(this.fullPelForward){this.motionFwV<<=1}}else if(this.pictureType===MPEG1.PICTURE_TYPE.PREDICTIVE){this.motionFwH=this.motionFwHPrev=0;this.motionFwV=this.motionFwVPrev=0}};MPEG1.prototype.copyMacroblock=function(motionH,motionV,sY,sCr,sCb){var width,scan,H,V,oddH,oddV,src,dest,last;var dY=this.currentY32,dCb=this.currentCb32,dCr=this.currentCr32;width=this.codedWidth;scan=width-16;H=motionH>>1;V=motionV>>1;oddH=(motionH&1)===1;oddV=(motionV&1)===1;src=((this.mbRow<<4)+V)*width+(this.mbCol<<4)+H;dest=this.mbRow*width+this.mbCol<<2;last=dest+(width<<2);var x,y1,y2,y;if(oddH){if(oddV){while(dest<last){y1=sY[src]+sY[src+width];src++;for(x=0;x<4;x++){y2=sY[src]+sY[src+width];src++;y=y1+y2+2>>2&255;y1=sY[src]+sY[src+width];src++;y|=y1+y2+2<<6&65280;y2=sY[src]+sY[src+width];src++;y|=y1+y2+2<<14&16711680;y1=sY[src]+sY[src+width];src++;y|=y1+y2+2<<22&4278190080;dY[dest++]=y}dest+=scan>>2;src+=scan-1}}else{while(dest<last){y1=sY[src++];for(x=0;x<4;x++){y2=sY[src++];y=y1+y2+1>>1&255;y1=sY[src++];y|=y1+y2+1<<7&65280;y2=sY[src++];y|=y1+y2+1<<15&16711680;y1=sY[src++];y|=y1+y2+1<<23&4278190080;dY[dest++]=y}dest+=scan>>2;src+=scan-1}}}else{if(oddV){while(dest<last){for(x=0;x<4;x++){y=sY[src]+sY[src+width]+1>>1&255;src++;y|=sY[src]+sY[src+width]+1<<7&65280;src++;y|=sY[src]+sY[src+width]+1<<15&16711680;src++;y|=sY[src]+sY[src+width]+1<<23&4278190080;src++;dY[dest++]=y}dest+=scan>>2;src+=scan}}else{while(dest<last){for(x=0;x<4;x++){y=sY[src];src++;y|=sY[src]<<8;src++;y|=sY[src]<<16;src++;y|=sY[src]<<24;src++;dY[dest++]=y}dest+=scan>>2;src+=scan}}}width=this.halfWidth;scan=width-8;H=motionH/2>>1;V=motionV/2>>1;oddH=(motionH/2&1)===1;oddV=(motionV/2&1)===1;src=((this.mbRow<<3)+V)*width+(this.mbCol<<3)+H;dest=this.mbRow*width+this.mbCol<<1;last=dest+(width<<1);var cr1,cr2,cr,cb1,cb2,cb;if(oddH){if(oddV){while(dest<last){cr1=sCr[src]+sCr[src+width];cb1=sCb[src]+sCb[src+width];src++;for(x=0;x<2;x++){cr2=sCr[src]+sCr[src+width];cb2=sCb[src]+sCb[src+width];src++;cr=cr1+cr2+2>>2&255;cb=cb1+cb2+2>>2&255;cr1=sCr[src]+sCr[src+width];cb1=sCb[src]+sCb[src+width];src++;cr|=cr1+cr2+2<<6&65280;cb|=cb1+cb2+2<<6&65280;cr2=sCr[src]+sCr[src+width];cb2=sCb[src]+sCb[src+width];src++;cr|=cr1+cr2+2<<14&16711680;cb|=cb1+cb2+2<<14&16711680;cr1=sCr[src]+sCr[src+width];cb1=sCb[src]+sCb[src+width];src++;cr|=cr1+cr2+2<<22&4278190080;cb|=cb1+cb2+2<<22&4278190080;dCr[dest]=cr;dCb[dest]=cb;dest++}dest+=scan>>2;src+=scan-1}}else{while(dest<last){cr1=sCr[src];cb1=sCb[src];src++;for(x=0;x<2;x++){cr2=sCr[src];cb2=sCb[src++];cr=cr1+cr2+1>>1&255;cb=cb1+cb2+1>>1&255;cr1=sCr[src];cb1=sCb[src++];cr|=cr1+cr2+1<<7&65280;cb|=cb1+cb2+1<<7&65280;cr2=sCr[src];cb2=sCb[src++];cr|=cr1+cr2+1<<15&16711680;cb|=cb1+cb2+1<<15&16711680;cr1=sCr[src];cb1=sCb[src++];cr|=cr1+cr2+1<<23&4278190080;cb|=cb1+cb2+1<<23&4278190080;dCr[dest]=cr;dCb[dest]=cb;dest++}dest+=scan>>2;src+=scan-1}}}else{if(oddV){while(dest<last){for(x=0;x<2;x++){cr=sCr[src]+sCr[src+width]+1>>1&255;cb=sCb[src]+sCb[src+width]+1>>1&255;src++;cr|=sCr[src]+sCr[src+width]+1<<7&65280;cb|=sCb[src]+sCb[src+width]+1<<7&65280;src++;cr|=sCr[src]+sCr[src+width]+1<<15&16711680;cb|=sCb[src]+sCb[src+width]+1<<15&16711680;src++;cr|=sCr[src]+sCr[src+width]+1<<23&4278190080;cb|=sCb[src]+sCb[src+width]+1<<23&4278190080;src++;dCr[dest]=cr;dCb[dest]=cb;dest++}dest+=scan>>2;src+=scan}}else{while(dest<last){for(x=0;x<2;x++){cr=sCr[src];cb=sCb[src];src++;cr|=sCr[src]<<8;cb|=sCb[src]<<8;src++;cr|=sCr[src]<<16;cb|=sCb[src]<<16;src++;cr|=sCr[src]<<24;cb|=sCb[src]<<24;src++;dCr[dest]=cr;dCb[dest]=cb;dest++}dest+=scan>>2;src+=scan}}}};MPEG1.prototype.dcPredictorY=0;MPEG1.prototype.dcPredictorCr=0;MPEG1.prototype.dcPredictorCb=0;MPEG1.prototype.blockData=null;MPEG1.prototype.decodeBlock=function(block){var n=0,quantMatrix;if(this.macroblockIntra){var predictor,dctSize;if(block<4){predictor=this.dcPredictorY;dctSize=this.readHuffman(MPEG1.DCT_DC_SIZE_LUMINANCE)}else{predictor=block===4?this.dcPredictorCr:this.dcPredictorCb;dctSize=this.readHuffman(MPEG1.DCT_DC_SIZE_CHROMINANCE)}if(dctSize>0){var differential=this.bits.read(dctSize);if((differential&1<<dctSize-1)!==0){this.blockData[0]=predictor+differential}else{this.blockData[0]=predictor+(-1<<dctSize|differential+1)}}else{this.blockData[0]=predictor}if(block<4){this.dcPredictorY=this.blockData[0]}else if(block===4){this.dcPredictorCr=this.blockData[0]}else{this.dcPredictorCb=this.blockData[0]}this.blockData[0]<<=3+5;quantMatrix=this.intraQuantMatrix;n=1}else{quantMatrix=this.nonIntraQuantMatrix}var level=0;while(true){var run=0,coeff=this.readHuffman(MPEG1.DCT_COEFF);if(coeff===1&&n>0&&this.bits.read(1)===0){break}if(coeff===65535){run=this.bits.read(6);level=this.bits.read(8);if(level===0){level=this.bits.read(8)}else if(level===128){level=this.bits.read(8)-256}else if(level>128){level=level-256}}else{run=coeff>>8;level=coeff&255;if(this.bits.read(1)){level=-level}}n+=run;var dezigZagged=MPEG1.ZIG_ZAG[n];n++;level<<=1;if(!this.macroblockIntra){level+=level<0?-1:1}level=level*this.quantizerScale*quantMatrix[dezigZagged]>>4;if((level&1)===0){level-=level>0?1:-1}if(level>2047){level=2047}else if(level<-2048){level=-2048}this.blockData[dezigZagged]=level*MPEG1.PREMULTIPLIER_MATRIX[dezigZagged]}var destArray,destIndex,scan;if(block<4){destArray=this.currentY;scan=this.codedWidth-8;destIndex=this.mbRow*this.codedWidth+this.mbCol<<4;if((block&1)!==0){destIndex+=8}if((block&2)!==0){destIndex+=this.codedWidth<<3}}else{destArray=block===4?this.currentCb:this.currentCr;scan=(this.codedWidth>>1)-8;destIndex=(this.mbRow*this.codedWidth<<2)+(this.mbCol<<3)}if(this.macroblockIntra){if(n===1){MPEG1.CopyValueToDestination(this.blockData[0]+128>>8,destArray,destIndex,scan);this.blockData[0]=0}else{MPEG1.IDCT(this.blockData);MPEG1.CopyBlockToDestination(this.blockData,destArray,destIndex,scan);JSMpeg.Fill(this.blockData,0)}}else{if(n===1){MPEG1.AddValueToDestination(this.blockData[0]+128>>8,destArray,destIndex,scan);this.blockData[0]=0}else{MPEG1.IDCT(this.blockData);MPEG1.AddBlockToDestination(this.blockData,destArray,destIndex,scan);JSMpeg.Fill(this.blockData,0)}}n=0};MPEG1.CopyBlockToDestination=function(block,dest,index,scan){for(var n=0;n<64;n+=8,index+=scan+8){dest[index+0]=block[n+0];dest[index+1]=block[n+1];dest[index+2]=block[n+2];dest[index+3]=block[n+3];dest[index+4]=block[n+4];dest[index+5]=block[n+5];dest[index+6]=block[n+6];dest[index+7]=block[n+7]}};MPEG1.AddBlockToDestination=function(block,dest,index,scan){for(var n=0;n<64;n+=8,index+=scan+8){dest[index+0]+=block[n+0];dest[index+1]+=block[n+1];dest[index+2]+=block[n+2];dest[index+3]+=block[n+3];dest[index+4]+=block[n+4];dest[index+5]+=block[n+5];dest[index+6]+=block[n+6];dest[index+7]+=block[n+7]}};MPEG1.CopyValueToDestination=function(value,dest,index,scan){for(var n=0;n<64;n+=8,index+=scan+8){dest[index+0]=value;dest[index+1]=value;dest[index+2]=value;dest[index+3]=value;dest[index+4]=value;dest[index+5]=value;dest[index+6]=value;dest[index+7]=value}};MPEG1.AddValueToDestination=function(value,dest,index,scan){for(var n=0;n<64;n+=8,index+=scan+8){dest[index+0]+=value;dest[index+1]+=value;dest[index+2]+=value;dest[index+3]+=value;dest[index+4]+=value;dest[index+5]+=value;dest[index+6]+=value;dest[index+7]+=value}};MPEG1.IDCT=function(block){var b1,b3,b4,b6,b7,tmp1,tmp2,m0,x0,x1,x2,x3,x4,y3,y4,y5,y6,y7;for(var i=0;i<8;++i){b1=block[4*8+i];b3=block[2*8+i]+block[6*8+i];b4=block[5*8+i]-block[3*8+i];tmp1=block[1*8+i]+block[7*8+i];tmp2=block[3*8+i]+block[5*8+i];b6=block[1*8+i]-block[7*8+i];b7=tmp1+tmp2;m0=block[0*8+i];x4=(b6*473-b4*196+128>>8)-b7;x0=x4-((tmp1-tmp2)*362+128>>8);x1=m0-b1;x2=((block[2*8+i]-block[6*8+i])*362+128>>8)-b3;x3=m0+b1;y3=x1+x2;y4=x3+b3;y5=x1-x2;y6=x3-b3;y7=-x0-(b4*473+b6*196+128>>8);block[0*8+i]=b7+y4;block[1*8+i]=x4+y3;block[2*8+i]=y5-x0;block[3*8+i]=y6-y7;block[4*8+i]=y6+y7;block[5*8+i]=x0+y5;block[6*8+i]=y3-x4;block[7*8+i]=y4-b7}for(var i=0;i<64;i+=8){b1=block[4+i];b3=block[2+i]+block[6+i];b4=block[5+i]-block[3+i];tmp1=block[1+i]+block[7+i];tmp2=block[3+i]+block[5+i];b6=block[1+i]-block[7+i];b7=tmp1+tmp2;m0=block[0+i];x4=(b6*473-b4*196+128>>8)-b7;x0=x4-((tmp1-tmp2)*362+128>>8);x1=m0-b1;x2=((block[2+i]-block[6+i])*362+128>>8)-b3;x3=m0+b1;y3=x1+x2;y4=x3+b3;y5=x1-x2;y6=x3-b3;y7=-x0-(b4*473+b6*196+128>>8);block[0+i]=b7+y4+128>>8;block[1+i]=x4+y3+128>>8;block[2+i]=y5-x0+128>>8;block[3+i]=y6-y7+128>>8;block[4+i]=y6+y7+128>>8;block[5+i]=x0+y5+128>>8;block[6+i]=y3-x4+128>>8;block[7+i]=y4-b7+128>>8}};MPEG1.PICTURE_RATE=[0,23.976,24,25,29.97,30,50,59.94,60,0,0,0,0,0,0,0];MPEG1.ZIG_ZAG=new Uint8Array([0,1,8,16,9,2,3,10,17,24,32,25,18,11,4,5,12,19,26,33,40,48,41,34,27,20,13,6,7,14,21,28,35,42,49,56,57,50,43,36,29,22,15,23,30,37,44,51,58,59,52,45,38,31,39,46,53,60,61,54,47,55,62,63]);MPEG1.DEFAULT_INTRA_QUANT_MATRIX=new Uint8Array([8,16,19,22,26,27,29,34,16,16,22,24,27,29,34,37,19,22,26,27,29,34,34,38,22,22,26,27,29,34,37,40,22,26,27,29,32,35,40,48,26,27,29,32,35,40,48,58,26,27,29,34,38,46,56,69,27,29,35,38,46,56,69,83]);MPEG1.DEFAULT_NON_INTRA_QUANT_MATRIX=new Uint8Array([16,16,16,16,16,16,16,16,16,16,16,16,16,16,16,16,16,16,16,16,16,16,16,16,16,16,16,16,16,16,16,16,16,16,16,16,16,16,16,16,16,16,16,16,16,16,16,16,16,16,16,16,16,16,16,16,16,16,16,16,16,16,16,16]);MPEG1.PREMULTIPLIER_MATRIX=new Uint8Array([32,44,42,38,32,25,17,9,44,62,58,52,44,35,24,12,42,58,55,49,42,33,23,12,38,52,49,44,38,30,20,10,32,44,42,38,32,25,17,9,25,35,33,30,25,20,14,7,17,24,23,20,17,14,9,5,9,12,12,10,9,7,5,2]);MPEG1.MACROBLOCK_ADDRESS_INCREMENT=new Int16Array([1*3,2*3,0,3*3,4*3,0,0,0,1,5*3,6*3,0,7*3,8*3,0,9*3,10*3,0,11*3,12*3,0,0,0,3,0,0,2,13*3,14*3,0,15*3,16*3,0,0,0,5,0,0,4,17*3,18*3,0,19*3,20*3,0,0,0,7,0,0,6,21*3,22*3,0,23*3,24*3,0,25*3,26*3,0,27*3,28*3,0,-1,29*3,0,-1,30*3,0,31*3,32*3,0,33*3,34*3,0,35*3,36*3,0,37*3,38*3,0,0,0,9,0,0,8,39*3,40*3,0,41*3,42*3,0,43*3,44*3,0,45*3,46*3,0,0,0,15,0,0,14,0,0,13,0,0,12,0,0,11,0,0,10,47*3,-1,0,-1,48*3,0,49*3,50*3,0,51*3,52*3,0,53*3,54*3,0,55*3,56*3,0,57*3,58*3,0,59*3,60*3,0,61*3,-1,0,-1,62*3,0,63*3,64*3,0,65*3,66*3,0,67*3,68*3,0,69*3,70*3,0,71*3,72*3,0,73*3,74*3,0,0,0,21,0,0,20,0,0,19,0,0,18,0,0,17,0,0,16,0,0,35,0,0,34,0,0,33,0,0,32,0,0,31,0,0,30,0,0,29,0,0,28,0,0,27,0,0,26,0,0,25,0,0,24,0,0,23,0,0,22]);MPEG1.MACROBLOCK_TYPE_INTRA=new Int8Array([1*3,2*3,0,-1,3*3,0,0,0,1,0,0,17]);MPEG1.MACROBLOCK_TYPE_PREDICTIVE=new Int8Array([1*3,2*3,0,3*3,4*3,0,0,0,10,5*3,6*3,0,0,0,2,7*3,8*3,0,0,0,8,9*3,10*3,0,11*3,12*3,0,-1,13*3,0,0,0,18,0,0,26,0,0,1,0,0,17]);MPEG1.MACROBLOCK_TYPE_B=new Int8Array([1*3,2*3,0,3*3,5*3,0,4*3,6*3,0,8*3,7*3,0,0,0,12,9*3,10*3,0,0,0,14,13*3,14*3,0,12*3,11*3,0,0,0,4,0,0,6,18*3,16*3,0,15*3,17*3,0,0,0,8,0,0,10,-1,19*3,0,0,0,1,20*3,21*3,0,0,0,30,0,0,17,0,0,22,0,0,26]);MPEG1.MACROBLOCK_TYPE=[null,MPEG1.MACROBLOCK_TYPE_INTRA,MPEG1.MACROBLOCK_TYPE_PREDICTIVE,MPEG1.MACROBLOCK_TYPE_B];MPEG1.CODE_BLOCK_PATTERN=new Int16Array([2*3,1*3,0,3*3,6*3,0,4*3,5*3,0,8*3,11*3,0,12*3,13*3,0,9*3,7*3,0,10*3,14*3,0,20*3,19*3,0,18*3,16*3,0,23*3,17*3,0,27*3,25*3,0,21*3,28*3,0,15*3,22*3,0,24*3,26*3,0,0,0,60,35*3,40*3,0,44*3,48*3,0,38*3,36*3,0,42*3,47*3,0,29*3,31*3,0,39*3,32*3,0,0,0,32,45*3,46*3,0,33*3,41*3,0,43*3,34*3,0,0,0,4,30*3,37*3,0,0,0,8,0,0,16,0,0,44,50*3,56*3,0,0,0,28,0,0,52,0,0,62,61*3,59*3,0,52*3,60*3,0,0,0,1,55*3,54*3,0,0,0,61,0,0,56,57*3,58*3,0,0,0,2,0,0,40,51*3,62*3,0,0,0,48,64*3,63*3,0,49*3,53*3,0,0,0,20,0,0,12,80*3,83*3,0,0,0,63,77*3,75*3,0,65*3,73*3,0,84*3,66*3,0,0,0,24,0,0,36,0,0,3,69*3,87*3,0,81*3,79*3,0,68*3,71*3,0,70*3,78*3,0,67*3,76*3,0,72*3,74*3,0,86*3,85*3,0,88*3,82*3,0,-1,94*3,0,95*3,97*3,0,0,0,33,0,0,9,106*3,110*3,0,102*3,116*3,0,0,0,5,0,0,10,93*3,89*3,0,0,0,6,0,0,18,0,0,17,0,0,34,113*3,119*3,0,103*3,104*3,0,90*3,92*3,0,109*3,107*3,0,117*3,118*3,0,101*3,99*3,0,98*3,96*3,0,100*3,91*3,0,114*3,115*3,0,105*3,108*3,0,112*3,111*3,0,121*3,125*3,0,0,0,41,0,0,14,0,0,21,124*3,122*3,0,120*3,123*3,0,0,0,11,0,0,19,0,0,7,0,0,35,0,0,13,0,0,50,0,0,49,0,0,58,0,0,37,0,0,25,0,0,45,0,0,57,0,0,26,0,0,29,0,0,38,0,0,53,0,0,23,0,0,43,0,0,46,0,0,42,0,0,22,0,0,54,0,0,51,0,0,15,0,0,30,0,0,39,0,0,47,0,0,55,0,0,27,0,0,59,0,0,31]);MPEG1.MOTION=new Int16Array([1*3,2*3,0,4*3,3*3,0,0,0,0,6*3,5*3,0,8*3,7*3,0,0,0,-1,0,0,1,9*3,10*3,0,12*3,11*3,0,0,0,2,0,0,-2,14*3,15*3,0,16*3,13*3,0,20*3,18*3,0,0,0,3,0,0,-3,17*3,19*3,0,-1,23*3,0,27*3,25*3,0,26*3,21*3,0,24*3,22*3,0,32*3,28*3,0,29*3,31*3,0,-1,33*3,0,36*3,35*3,0,0,0,-4,30*3,34*3,0,0,0,4,0,0,-7,0,0,5,37*3,41*3,0,0,0,-5,0,0,7,38*3,40*3,0,42*3,39*3,0,0,0,-6,0,0,6,51*3,54*3,0,50*3,49*3,0,45*3,46*3,0,52*3,47*3,0,43*3,53*3,0,44*3,48*3,0,0,0,10,0,0,9,0,0,8,0,0,-8,57*3,66*3,0,0,0,-9,60*3,64*3,0,56*3,61*3,0,55*3,62*3,0,58*3,63*3,0,0,0,-10,59*3,65*3,0,0,0,12,0,0,16,0,0,13,0,0,14,0,0,11,0,0,15,0,0,-16,0,0,-12,0,0,-14,0,0,-15,0,0,-11,0,0,-13]);MPEG1.DCT_DC_SIZE_LUMINANCE=new Int8Array([2*3,1*3,0,6*3,5*3,0,3*3,4*3,0,0,0,1,0,0,2,9*3,8*3,0,7*3,10*3,0,0,0,0,12*3,11*3,0,0,0,4,0,0,3,13*3,14*3,0,0,0,5,0,0,6,16*3,15*3,0,17*3,-1,0,0,0,7,0,0,8]);MPEG1.DCT_DC_SIZE_CHROMINANCE=new Int8Array([2*3,1*3,0,4*3,3*3,0,6*3,5*3,0,8*3,7*3,0,0,0,2,0,0,1,0,0,0,10*3,9*3,0,0,0,3,12*3,11*3,0,0,0,4,14*3,13*3,0,0,0,5,16*3,15*3,0,0,0,6,17*3,-1,0,0,0,7,0,0,8]);MPEG1.DCT_COEFF=new Int32Array([1*3,2*3,0,4*3,3*3,0,0,0,1,7*3,8*3,0,6*3,5*3,0,13*3,9*3,0,11*3,10*3,0,14*3,12*3,0,0,0,257,20*3,22*3,0,18*3,21*3,0,16*3,19*3,0,0,0,513,17*3,15*3,0,0,0,2,0,0,3,27*3,25*3,0,29*3,31*3,0,24*3,26*3,0,32*3,30*3,0,0,0,1025,23*3,28*3,0,0,0,769,0,0,258,0,0,1793,0,0,65535,0,0,1537,37*3,36*3,0,0,0,1281,35*3,34*3,0,39*3,38*3,0,33*3,42*3,0,40*3,41*3,0,52*3,50*3,0,54*3,53*3,0,48*3,49*3,0,43*3,45*3,0,46*3,44*3,0,0,0,2049,0,0,4,0,0,514,0,0,2305,51*3,47*3,0,55*3,57*3,0,60*3,56*3,0,59*3,58*3,0,61*3,62*3,0,0,0,2561,0,0,3329,0,0,6,0,0,259,0,0,5,0,0,770,0,0,2817,0,0,3073,76*3,75*3,0,67*3,70*3,0,73*3,71*3,0,78*3,74*3,0,72*3,77*3,0,69*3,64*3,0,68*3,63*3,0,66*3,65*3,0,81*3,87*3,0,91*3,80*3,0,82*3,79*3,0,83*3,86*3,0,93*3,92*3,0,84*3,85*3,0,90*3,94*3,0,88*3,89*3,0,0,0,515,0,0,260,0,0,7,0,0,1026,0,0,1282,0,0,4097,0,0,3841,0,0,3585,105*3,107*3,0,111*3,114*3,0,104*3,97*3,0,125*3,119*3,0,96*3,98*3,0,-1,123*3,0,95*3,101*3,0,106*3,121*3,0,99*3,102*3,0,113*3,103*3,0,112*3,116*3,0,110*3,100*3,0,124*3,115*3,0,117*3,122*3,0,109*3,118*3,0,120*3,108*3,0,127*3,136*3,0,139*3,140*3,0,130*3,126*3,0,145*3,146*3,0,128*3,129*3,0,0,0,2050,132*3,134*3,0,155*3,154*3,0,0,0,8,137*3,133*3,0,143*3,144*3,0,151*3,138*3,0,142*3,141*3,0,0,0,10,0,0,9,0,0,11,0,0,5377,0,0,1538,0,0,771,0,0,5121,0,0,1794,0,0,4353,0,0,4609,0,0,4865,148*3,152*3,0,0,0,1027,153*3,150*3,0,0,0,261,131*3,135*3,0,0,0,516,149*3,147*3,0,172*3,173*3,0,162*3,158*3,0,170*3,161*3,0,168*3,166*3,0,157*3,179*3,0,169*3,167*3,0,174*3,171*3,0,178*3,177*3,0,156*3,159*3,0,164*3,165*3,0,183*3,182*3,0,175*3,176*3,0,0,0,263,0,0,2562,0,0,2306,0,0,5633,0,0,5889,0,0,6401,0,0,6145,0,0,1283,0,0,772,0,0,13,0,0,12,0,0,14,0,0,15,0,0,517,0,0,6657,0,0,262,180*3,181*3,0,160*3,163*3,0,196*3,199*3,0,0,0,27,203*3,185*3,0,202*3,201*3,0,0,0,19,0,0,22,197*3,207*3,0,0,0,18,191*3,192*3,0,188*3,190*3,0,0,0,20,184*3,194*3,0,0,0,21,186*3,193*3,0,0,0,23,204*3,198*3,0,0,0,25,0,0,24,200*3,205*3,0,0,0,31,0,0,30,0,0,28,0,0,29,0,0,26,0,0,17,0,0,16,189*3,206*3,0,187*3,195*3,0,218*3,211*3,0,0,0,37,215*3,216*3,0,0,0,36,210*3,212*3,0,0,0,34,213*3,209*3,0,221*3,222*3,0,219*3,208*3,0,217*3,214*3,0,223*3,220*3,0,0,0,35,0,0,267,0,0,40,0,0,268,0,0,266,0,0,32,0,0,264,0,0,265,0,0,38,0,0,269,0,0,270,0,0,33,0,0,39,0,0,7937,0,0,6913,0,0,7681,0,0,4098,0,0,7425,0,0,7169,0,0,271,0,0,274,0,0,273,0,0,272,0,0,1539,0,0,2818,0,0,3586,0,0,3330,0,0,3074,0,0,3842]);MPEG1.PICTURE_TYPE={INTRA:1,PREDICTIVE:2,B:3};MPEG1.START={SEQUENCE:179,SLICE_FIRST:1,SLICE_LAST:175,PICTURE:0,EXTENSION:181,USER_DATA:178};return MPEG1}();JSMpeg.Decoder.MPEG1VideoWASM=function(){\"use strict\";var MPEG1WASM=function(options){JSMpeg.Decoder.Base.call(this,options);this.onDecodeCallback=options.onVideoDecode;this.module=options.wasmModule;this.bufferSize=options.videoBufferSize||512*1024;this.bufferMode=options.streaming?JSMpeg.BitBuffer.MODE.EVICT:JSMpeg.BitBuffer.MODE.EXPAND;this.decodeFirstFrame=options.decodeFirstFrame!==false;this.hasSequenceHeader=false};MPEG1WASM.prototype=Object.create(JSMpeg.Decoder.Base.prototype);MPEG1WASM.prototype.constructor=MPEG1WASM;MPEG1WASM.prototype.initializeWasmDecoder=function(){if(!this.module.instance){console.warn(\"JSMpeg: WASM module not compiled yet\");return}this.instance=this.module.instance;this.functions=this.module.instance.exports;this.decoder=this.functions._mpeg1_decoder_create(this.bufferSize,this.bufferMode)};MPEG1WASM.prototype.destroy=function(){if(!this.decoder){return}this.functions._mpeg1_decoder_destroy(this.decoder)};MPEG1WASM.prototype.bufferGetIndex=function(){if(!this.decoder){return}return this.functions._mpeg1_decoder_get_index(this.decoder)};MPEG1WASM.prototype.bufferSetIndex=function(index){if(!this.decoder){return}this.functions._mpeg1_decoder_set_index(this.decoder,index)};MPEG1WASM.prototype.bufferWrite=function(buffers){if(!this.decoder){this.initializeWasmDecoder()}var totalLength=0;for(var i=0;i<buffers.length;i++){totalLength+=buffers[i].length}var ptr=this.functions._mpeg1_decoder_get_write_ptr(this.decoder,totalLength);for(var i=0;i<buffers.length;i++){this.instance.heapU8.set(buffers[i],ptr);ptr+=buffers[i].length}this.functions._mpeg1_decoder_did_write(this.decoder,totalLength);return totalLength};MPEG1WASM.prototype.write=function(pts,buffers){JSMpeg.Decoder.Base.prototype.write.call(this,pts,buffers);if(!this.hasSequenceHeader&&this.functions._mpeg1_decoder_has_sequence_header(this.decoder)){this.loadSequnceHeader()}};MPEG1WASM.prototype.loadSequnceHeader=function(){this.hasSequenceHeader=true;this.frameRate=this.functions._mpeg1_decoder_get_frame_rate(this.decoder);this.codedSize=this.functions._mpeg1_decoder_get_coded_size(this.decoder);if(this.destination){var w=this.functions._mpeg1_decoder_get_width(this.decoder);var h=this.functions._mpeg1_decoder_get_height(this.decoder);this.destination.resize(w,h)}if(this.decodeFirstFrame){this.decode()}};MPEG1WASM.prototype.decode=function(){var startTime=JSMpeg.Now();if(!this.decoder){return false}var didDecode=this.functions._mpeg1_decoder_decode(this.decoder);if(!didDecode){return false}if(this.destination){var ptrY=this.functions._mpeg1_decoder_get_y_ptr(this.decoder),ptrCr=this.functions._mpeg1_decoder_get_cr_ptr(this.decoder),ptrCb=this.functions._mpeg1_decoder_get_cb_ptr(this.decoder);var dy=this.instance.heapU8.subarray(ptrY,ptrY+this.codedSize);var dcr=this.instance.heapU8.subarray(ptrCr,ptrCr+(this.codedSize>>2));var dcb=this.instance.heapU8.subarray(ptrCb,ptrCb+(this.codedSize>>2));this.destination.render(dy,dcr,dcb,false)}this.advanceDecodedTime(1/this.frameRate);var elapsedTime=JSMpeg.Now()-startTime;if(this.onDecodeCallback){this.onDecodeCallback(this,elapsedTime)}return true};return MPEG1WASM}();JSMpeg.Decoder.MP2Audio=function(){\"use strict\";var MP2=function(options){JSMpeg.Decoder.Base.call(this,options);this.onDecodeCallback=options.onAudioDecode;var bufferSize=options.audioBufferSize||128*1024;var bufferMode=options.streaming?JSMpeg.BitBuffer.MODE.EVICT:JSMpeg.BitBuffer.MODE.EXPAND;this.bits=new JSMpeg.BitBuffer(bufferSize,bufferMode);this.left=new Float32Array(1152);this.right=new Float32Array(1152);this.sampleRate=44100;this.D=new Float32Array(1024);this.D.set(MP2.SYNTHESIS_WINDOW,0);this.D.set(MP2.SYNTHESIS_WINDOW,512);this.V=[new Float32Array(1024),new Float32Array(1024)];this.U=new Int32Array(32);this.VPos=0;this.allocation=[new Array(32),new Array(32)];this.scaleFactorInfo=[new Uint8Array(32),new Uint8Array(32)];this.scaleFactor=[new Array(32),new Array(32)];this.sample=[new Array(32),new Array(32)];for(var j=0;j<2;j++){for(var i=0;i<32;i++){this.scaleFactor[j][i]=[0,0,0];this.sample[j][i]=[0,0,0]}}};MP2.prototype=Object.create(JSMpeg.Decoder.Base.prototype);MP2.prototype.constructor=MP2;MP2.prototype.decode=function(){var startTime=JSMpeg.Now();var pos=this.bits.index>>3;if(pos>=this.bits.byteLength){return false}var decoded=this.decodeFrame(this.left,this.right);this.bits.index=pos+decoded<<3;if(!decoded){return false}if(this.destination){this.destination.play(this.sampleRate,this.left,this.right)}this.advanceDecodedTime(this.left.length/this.sampleRate);var elapsedTime=JSMpeg.Now()-startTime;if(this.onDecodeCallback){this.onDecodeCallback(this,elapsedTime)}return true};MP2.prototype.getCurrentTime=function(){var enqueuedTime=this.destination?this.destination.enqueuedTime:0;return this.decodedTime-enqueuedTime};MP2.prototype.decodeFrame=function(left,right){var sync=this.bits.read(11),version=this.bits.read(2),layer=this.bits.read(2),hasCRC=!this.bits.read(1);if(sync!==MP2.FRAME_SYNC||version!==MP2.VERSION.MPEG_1||layer!==MP2.LAYER.II){return 0}var bitrateIndex=this.bits.read(4)-1;if(bitrateIndex>13){return 0}var sampleRateIndex=this.bits.read(2);var sampleRate=MP2.SAMPLE_RATE[sampleRateIndex];if(sampleRateIndex===3){return 0}if(version===MP2.VERSION.MPEG_2){sampleRateIndex+=4;bitrateIndex+=14}var padding=this.bits.read(1),privat=this.bits.read(1),mode=this.bits.read(2);var bound=0;if(mode===MP2.MODE.JOINT_STEREO){bound=this.bits.read(2)+1<<2}else{this.bits.skip(2);bound=mode===MP2.MODE.MONO?0:32}this.bits.skip(4);if(hasCRC){this.bits.skip(16)}var bitrate=MP2.BIT_RATE[bitrateIndex],sampleRate=MP2.SAMPLE_RATE[sampleRateIndex],frameSize=144e3*bitrate/sampleRate+padding|0;var tab3=0;var sblimit=0;if(version===MP2.VERSION.MPEG_2){tab3=2;sblimit=30}else{var tab1=mode===MP2.MODE.MONO?0:1;var tab2=MP2.QUANT_LUT_STEP_1[tab1][bitrateIndex];tab3=MP2.QUANT_LUT_STEP_2[tab2][sampleRateIndex];sblimit=tab3&63;tab3>>=6}if(bound>sblimit){bound=sblimit}for(var sb=0;sb<bound;sb++){this.allocation[0][sb]=this.readAllocation(sb,tab3);this.allocation[1][sb]=this.readAllocation(sb,tab3)}for(var sb=bound;sb<sblimit;sb++){this.allocation[0][sb]=this.allocation[1][sb]=this.readAllocation(sb,tab3)}var channels=mode===MP2.MODE.MONO?1:2;for(var sb=0;sb<sblimit;sb++){for(ch=0;ch<channels;ch++){if(this.allocation[ch][sb]){this.scaleFactorInfo[ch][sb]=this.bits.read(2)}}if(mode===MP2.MODE.MONO){this.scaleFactorInfo[1][sb]=this.scaleFactorInfo[0][sb]}}for(var sb=0;sb<sblimit;sb++){for(var ch=0;ch<channels;ch++){if(this.allocation[ch][sb]){var sf=this.scaleFactor[ch][sb];switch(this.scaleFactorInfo[ch][sb]){case 0:sf[0]=this.bits.read(6);sf[1]=this.bits.read(6);sf[2]=this.bits.read(6);break;case 1:sf[0]=sf[1]=this.bits.read(6);sf[2]=this.bits.read(6);break;case 2:sf[0]=sf[1]=sf[2]=this.bits.read(6);break;case 3:sf[0]=this.bits.read(6);sf[1]=sf[2]=this.bits.read(6);break}}}if(mode===MP2.MODE.MONO){this.scaleFactor[1][sb][0]=this.scaleFactor[0][sb][0];this.scaleFactor[1][sb][1]=this.scaleFactor[0][sb][1];this.scaleFactor[1][sb][2]=this.scaleFactor[0][sb][2]}}var outPos=0;for(var part=0;part<3;part++){for(var granule=0;granule<4;granule++){for(var sb=0;sb<bound;sb++){this.readSamples(0,sb,part);this.readSamples(1,sb,part)}for(var sb=bound;sb<sblimit;sb++){this.readSamples(0,sb,part);this.sample[1][sb][0]=this.sample[0][sb][0];this.sample[1][sb][1]=this.sample[0][sb][1];this.sample[1][sb][2]=this.sample[0][sb][2]}for(var sb=sblimit;sb<32;sb++){this.sample[0][sb][0]=0;this.sample[0][sb][1]=0;this.sample[0][sb][2]=0;this.sample[1][sb][0]=0;this.sample[1][sb][1]=0;this.sample[1][sb][2]=0}for(var p=0;p<3;p++){this.VPos=this.VPos-64&1023;for(var ch=0;ch<2;ch++){MP2.MatrixTransform(this.sample[ch],p,this.V[ch],this.VPos);JSMpeg.Fill(this.U,0);var dIndex=512-(this.VPos>>1);var vIndex=this.VPos%128>>1;while(vIndex<1024){for(var i=0;i<32;++i){this.U[i]+=this.D[dIndex++]*this.V[ch][vIndex++]}vIndex+=128-32;dIndex+=64-32}vIndex=128-32+1024-vIndex;dIndex-=512-32;while(vIndex<1024){for(var i=0;i<32;++i){this.U[i]+=this.D[dIndex++]*this.V[ch][vIndex++]}vIndex+=128-32;dIndex+=64-32}var outChannel=ch===0?left:right;for(var j=0;j<32;j++){outChannel[outPos+j]=this.U[j]/2147418112}}outPos+=32}}}this.sampleRate=sampleRate;return frameSize};MP2.prototype.readAllocation=function(sb,tab3){var tab4=MP2.QUANT_LUT_STEP_3[tab3][sb];var qtab=MP2.QUANT_LUT_STEP4[tab4&15][this.bits.read(tab4>>4)];return qtab?MP2.QUANT_TAB[qtab-1]:0};MP2.prototype.readSamples=function(ch,sb,part){var q=this.allocation[ch][sb],sf=this.scaleFactor[ch][sb][part],sample=this.sample[ch][sb],val=0;if(!q){sample[0]=sample[1]=sample[2]=0;return}if(sf===63){sf=0}else{var shift=sf/3|0;sf=MP2.SCALEFACTOR_BASE[sf%3]+(1<<shift>>1)>>shift}var adj=q.levels;if(q.group){val=this.bits.read(q.bits);sample[0]=val%adj;val=val/adj|0;sample[1]=val%adj;sample[2]=val/adj|0}else{sample[0]=this.bits.read(q.bits);sample[1]=this.bits.read(q.bits);sample[2]=this.bits.read(q.bits)}var scale=65536/(adj+1)|0;adj=(adj+1>>1)-1;val=(adj-sample[0])*scale;sample[0]=val*(sf>>12)+(val*(sf&4095)+2048>>12)>>12;val=(adj-sample[1])*scale;sample[1]=val*(sf>>12)+(val*(sf&4095)+2048>>12)>>12;val=(adj-sample[2])*scale;sample[2]=val*(sf>>12)+(val*(sf&4095)+2048>>12)>>12};MP2.MatrixTransform=function(s,ss,d,dp){var t01,t02,t03,t04,t05,t06,t07,t08,t09,t10,t11,t12,t13,t14,t15,t16,t17,t18,t19,t20,t21,t22,t23,t24,t25,t26,t27,t28,t29,t30,t31,t32,t33;t01=s[0][ss]+s[31][ss];t02=(s[0][ss]-s[31][ss])*.500602998235;t03=s[1][ss]+s[30][ss];t04=(s[1][ss]-s[30][ss])*.505470959898;t05=s[2][ss]+s[29][ss];t06=(s[2][ss]-s[29][ss])*.515447309923;t07=s[3][ss]+s[28][ss];t08=(s[3][ss]-s[28][ss])*.53104259109;t09=s[4][ss]+s[27][ss];t10=(s[4][ss]-s[27][ss])*.553103896034;t11=s[5][ss]+s[26][ss];t12=(s[5][ss]-s[26][ss])*.582934968206;t13=s[6][ss]+s[25][ss];t14=(s[6][ss]-s[25][ss])*.622504123036;t15=s[7][ss]+s[24][ss];t16=(s[7][ss]-s[24][ss])*.674808341455;t17=s[8][ss]+s[23][ss];t18=(s[8][ss]-s[23][ss])*.744536271002;t19=s[9][ss]+s[22][ss];t20=(s[9][ss]-s[22][ss])*.839349645416;t21=s[10][ss]+s[21][ss];t22=(s[10][ss]-s[21][ss])*.972568237862;t23=s[11][ss]+s[20][ss];t24=(s[11][ss]-s[20][ss])*1.16943993343;t25=s[12][ss]+s[19][ss];t26=(s[12][ss]-s[19][ss])*1.48416461631;t27=s[13][ss]+s[18][ss];t28=(s[13][ss]-s[18][ss])*2.05778100995;t29=s[14][ss]+s[17][ss];t30=(s[14][ss]-s[17][ss])*3.40760841847;t31=s[15][ss]+s[16][ss];t32=(s[15][ss]-s[16][ss])*10.1900081235;t33=t01+t31;t31=(t01-t31)*.502419286188;t01=t03+t29;t29=(t03-t29)*.52249861494;t03=t05+t27;t27=(t05-t27)*.566944034816;t05=t07+t25;t25=(t07-t25)*.64682178336;t07=t09+t23;t23=(t09-t23)*.788154623451;t09=t11+t21;t21=(t11-t21)*1.06067768599;t11=t13+t19;t19=(t13-t19)*1.72244709824;t13=t15+t17;t17=(t15-t17)*5.10114861869;t15=t33+t13;t13=(t33-t13)*.509795579104;t33=t01+t11;t01=(t01-t11)*.601344886935;t11=t03+t09;t09=(t03-t09)*.899976223136;t03=t05+t07;t07=(t05-t07)*2.56291544774;t05=t15+t03;t15=(t15-t03)*.541196100146;t03=t33+t11;t11=(t33-t11)*1.30656296488;t33=t05+t03;t05=(t05-t03)*.707106781187;t03=t15+t11;t15=(t15-t11)*.707106781187;t03+=t15;t11=t13+t07;t13=(t13-t07)*.541196100146;t07=t01+t09;t09=(t01-t09)*1.30656296488;t01=t11+t07;t07=(t11-t07)*.707106781187;t11=t13+t09;t13=(t13-t09)*.707106781187;t11+=t13;t01+=t11;t11+=t07;t07+=t13;t09=t31+t17;t31=(t31-t17)*.509795579104;t17=t29+t19;t29=(t29-t19)*.601344886935;t19=t27+t21;t21=(t27-t21)*.899976223136;t27=t25+t23;t23=(t25-t23)*2.56291544774;t25=t09+t27;t09=(t09-t27)*.541196100146;t27=t17+t19;t19=(t17-t19)*1.30656296488;t17=t25+t27;t27=(t25-t27)*.707106781187;t25=t09+t19;t19=(t09-t19)*.707106781187;t25+=t19;t09=t31+t23;t31=(t31-t23)*.541196100146;t23=t29+t21;t21=(t29-t21)*1.30656296488;t29=t09+t23;t23=(t09-t23)*.707106781187;t09=t31+t21;t31=(t31-t21)*.707106781187;t09+=t31;t29+=t09;t09+=t23;t23+=t31;t17+=t29;t29+=t25;t25+=t09;t09+=t27;t27+=t23;t23+=t19;t19+=t31;t21=t02+t32;t02=(t02-t32)*.502419286188;t32=t04+t30;t04=(t04-t30)*.52249861494;t30=t06+t28;t28=(t06-t28)*.566944034816;t06=t08+t26;t08=(t08-t26)*.64682178336;t26=t10+t24;t10=(t10-t24)*.788154623451;t24=t12+t22;t22=(t12-t22)*1.06067768599;t12=t14+t20;t20=(t14-t20)*1.72244709824;t14=t16+t18;t16=(t16-t18)*5.10114861869;t18=t21+t14;t14=(t21-t14)*.509795579104;t21=t32+t12;t32=(t32-t12)*.601344886935;t12=t30+t24;t24=(t30-t24)*.899976223136;t30=t06+t26;t26=(t06-t26)*2.56291544774;t06=t18+t30;t18=(t18-t30)*.541196100146;t30=t21+t12;t12=(t21-t12)*1.30656296488;t21=t06+t30;t30=(t06-t30)*.707106781187;t06=t18+t12;t12=(t18-t12)*.707106781187;t06+=t12;t18=t14+t26;t26=(t14-t26)*.541196100146;t14=t32+t24;t24=(t32-t24)*1.30656296488;t32=t18+t14;t14=(t18-t14)*.707106781187;t18=t26+t24;t24=(t26-t24)*.707106781187;t18+=t24;t32+=t18;t18+=t14;t26=t14+t24;t14=t02+t16;t02=(t02-t16)*.509795579104;t16=t04+t20;t04=(t04-t20)*.601344886935;t20=t28+t22;t22=(t28-t22)*.899976223136;t28=t08+t10;t10=(t08-t10)*2.56291544774;t08=t14+t28;t14=(t14-t28)*.541196100146;t28=t16+t20;t20=(t16-t20)*1.30656296488;t16=t08+t28;t28=(t08-t28)*.707106781187;t08=t14+t20;t20=(t14-t20)*.707106781187;t08+=t20;t14=t02+t10;t02=(t02-t10)*.541196100146;t10=t04+t22;t22=(t04-t22)*1.30656296488;t04=t14+t10;t10=(t14-t10)*.707106781187;t14=t02+t22;t02=(t02-t22)*.707106781187;t14+=t02;t04+=t14;t14+=t10;t10+=t02;t16+=t04;t04+=t08;t08+=t14;t14+=t28;t28+=t10;t10+=t20;t20+=t02;t21+=t16;t16+=t32;t32+=t04;t04+=t06;t06+=t08;t08+=t18;t18+=t14;t14+=t30;t30+=t28;t28+=t26;t26+=t10;t10+=t12;t12+=t20;t20+=t24;t24+=t02;d[dp+48]=-t33;d[dp+49]=d[dp+47]=-t21;d[dp+50]=d[dp+46]=-t17;d[dp+51]=d[dp+45]=-t16;d[dp+52]=d[dp+44]=-t01;d[dp+53]=d[dp+43]=-t32;d[dp+54]=d[dp+42]=-t29;d[dp+55]=d[dp+41]=-t04;d[dp+56]=d[dp+40]=-t03;d[dp+57]=d[dp+39]=-t06;d[dp+58]=d[dp+38]=-t25;d[dp+59]=d[dp+37]=-t08;d[dp+60]=d[dp+36]=-t11;d[dp+61]=d[dp+35]=-t18;d[dp+62]=d[dp+34]=-t09;d[dp+63]=d[dp+33]=-t14;d[dp+32]=-t05;d[dp+0]=t05;d[dp+31]=-t30;d[dp+1]=t30;d[dp+30]=-t27;d[dp+2]=t27;d[dp+29]=-t28;d[dp+3]=t28;d[dp+28]=-t07;d[dp+4]=t07;d[dp+27]=-t26;d[dp+5]=t26;d[dp+26]=-t23;d[dp+6]=t23;d[dp+25]=-t10;d[dp+7]=t10;d[dp+24]=-t15;d[dp+8]=t15;d[dp+23]=-t12;d[dp+9]=t12;d[dp+22]=-t19;d[dp+10]=t19;d[dp+21]=-t20;d[dp+11]=t20;d[dp+20]=-t13;d[dp+12]=t13;d[dp+19]=-t24;d[dp+13]=t24;d[dp+18]=-t31;d[dp+14]=t31;d[dp+17]=-t02;d[dp+15]=t02;d[dp+16]=0};MP2.FRAME_SYNC=2047;MP2.VERSION={MPEG_2_5:0,MPEG_2:2,MPEG_1:3};MP2.LAYER={III:1,II:2,I:3};MP2.MODE={STEREO:0,JOINT_STEREO:1,DUAL_CHANNEL:2,MONO:3};MP2.SAMPLE_RATE=new Uint16Array([44100,48e3,32e3,0,22050,24e3,16e3,0]);MP2.BIT_RATE=new Uint16Array([32,48,56,64,80,96,112,128,160,192,224,256,320,384,8,16,24,32,40,48,56,64,80,96,112,128,144,160]);MP2.SCALEFACTOR_BASE=new Uint32Array([33554432,26632170,21137968]);MP2.SYNTHESIS_WINDOW=new Float32Array([0,-.5,-.5,-.5,-.5,-.5,-.5,-1,-1,-1,-1,-1.5,-1.5,-2,-2,-2.5,-2.5,-3,-3.5,-3.5,-4,-4.5,-5,-5.5,-6.5,-7,-8,-8.5,-9.5,-10.5,-12,-13,-14.5,-15.5,-17.5,-19,-20.5,-22.5,-24.5,-26.5,-29,-31.5,-34,-36.5,-39.5,-42.5,-45.5,-48.5,-52,-55.5,-58.5,-62.5,-66,-69.5,-73.5,-77,-80.5,-84.5,-88,-91.5,-95,-98,-101,-104,106.5,109,111,112.5,113.5,114,114,113.5,112,110.5,107.5,104,100,94.5,88.5,81.5,73,63.5,53,41.5,28.5,14.5,-1,-18,-36,-55.5,-76.5,-98.5,-122,-147,-173.5,-200.5,-229.5,-259.5,-290.5,-322.5,-355.5,-389.5,-424,-459.5,-495.5,-532,-568.5,-605,-641.5,-678,-714,-749,-783.5,-817,-849,-879.5,-908.5,-935,-959.5,-981,-1000.5,-1016,-1028.5,-1037.5,-1042.5,-1043.5,-1040,-1031.5,1018.5,1e3,976,946.5,911,869.5,822,767.5,707,640,565.5,485,397,302.5,201,92.5,-22.5,-144,-272.5,-407,-547.5,-694,-846,-1003,-1165,-1331.5,-1502,-1675.5,-1852.5,-2031.5,-2212.5,-2394,-2576.5,-2758.5,-2939.5,-3118.5,-3294.5,-3467.5,-3635.5,-3798.5,-3955,-4104.5,-4245.5,-4377.5,-4499,-4609.5,-4708,-4792.5,-4863.5,-4919,-4958,-4979.5,-4983,-4967.5,-4931.5,-4875,-4796,-4694.5,-4569.5,-4420,-4246,-4046,-3820,-3567,3287,2979.5,2644,2280.5,1888,1467.5,1018.5,541,35,-499,-1061,-1650,-2266.5,-2909,-3577,-4270,-4987.5,-5727.5,-6490,-7274,-8077.5,-8899.5,-9739,-10594.5,-11464.5,-12347,-13241,-14144.5,-15056,-15973.5,-16895.5,-17820,-18744.5,-19668,-20588,-21503,-22410.5,-23308.5,-24195,-25068.5,-25926.5,-26767,-27589,-28389,-29166.5,-29919,-30644.5,-31342,-32009.5,-32645,-33247,-33814.5,-34346,-34839.5,-35295,-35710,-36084.5,-36417.5,-36707.5,-36954,-37156.5,-37315,-37428,-37496,37519,37496,37428,37315,37156.5,36954,36707.5,36417.5,36084.5,35710,35295,34839.5,34346,33814.5,33247,32645,32009.5,31342,30644.5,29919,29166.5,28389,27589,26767,25926.5,25068.5,24195,23308.5,22410.5,21503,20588,19668,18744.5,17820,16895.5,15973.5,15056,14144.5,13241,12347,11464.5,10594.5,9739,8899.5,8077.5,7274,6490,5727.5,4987.5,4270,3577,2909,2266.5,1650,1061,499,-35,-541,-1018.5,-1467.5,-1888,-2280.5,-2644,-2979.5,3287,3567,3820,4046,4246,4420,4569.5,4694.5,4796,4875,4931.5,4967.5,4983,4979.5,4958,4919,4863.5,4792.5,4708,4609.5,4499,4377.5,4245.5,4104.5,3955,3798.5,3635.5,3467.5,3294.5,3118.5,2939.5,2758.5,2576.5,2394,2212.5,2031.5,1852.5,1675.5,1502,1331.5,1165,1003,846,694,547.5,407,272.5,144,22.5,-92.5,-201,-302.5,-397,-485,-565.5,-640,-707,-767.5,-822,-869.5,-911,-946.5,-976,-1e3,1018.5,1031.5,1040,1043.5,1042.5,1037.5,1028.5,1016,1000.5,981,959.5,935,908.5,879.5,849,817,783.5,749,714,678,641.5,605,568.5,532,495.5,459.5,424,389.5,355.5,322.5,290.5,259.5,229.5,200.5,173.5,147,122,98.5,76.5,55.5,36,18,1,-14.5,-28.5,-41.5,-53,-63.5,-73,-81.5,-88.5,-94.5,-100,-104,-107.5,-110.5,-112,-113.5,-114,-114,-113.5,-112.5,-111,-109,106.5,104,101,98,95,91.5,88,84.5,80.5,77,73.5,69.5,66,62.5,58.5,55.5,52,48.5,45.5,42.5,39.5,36.5,34,31.5,29,26.5,24.5,22.5,20.5,19,17.5,15.5,14.5,13,12,10.5,9.5,8.5,8,7,6.5,5.5,5,4.5,4,3.5,3.5,3,2.5,2.5,2,2,1.5,1.5,1,1,1,1,.5,.5,.5,.5,.5,.5]);MP2.QUANT_LUT_STEP_1=[[0,0,1,1,1,2,2,2,2,2,2,2,2,2],[0,0,0,0,0,0,1,1,1,2,2,2,2,2]];MP2.QUANT_TAB={A:27|64,B:30|64,C:8,D:12};MP2.QUANT_LUT_STEP_2=[[MP2.QUANT_TAB.C,MP2.QUANT_TAB.C,MP2.QUANT_TAB.D],[MP2.QUANT_TAB.A,MP2.QUANT_TAB.A,MP2.QUANT_TAB.A],[MP2.QUANT_TAB.B,MP2.QUANT_TAB.A,MP2.QUANT_TAB.B]];MP2.QUANT_LUT_STEP_3=[[68,68,52,52,52,52,52,52,52,52,52,52],[67,67,67,66,66,66,66,66,66,66,66,49,49,49,49,49,49,49,49,49,49,49,49,32,32,32,32,32,32,32],[69,69,69,69,52,52,52,52,52,52,52,36,36,36,36,36,36,36,36,36,36,36,36,36,36,36,36,36,36,36]];MP2.QUANT_LUT_STEP4=[[0,1,2,17],[0,1,2,3,4,5,6,17],[0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,17],[0,1,3,5,6,7,8,9,10,11,12,13,14,15,16,17],[0,1,2,4,5,6,7,8,9,10,11,12,13,14,15,17],[0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15]];MP2.QUANT_TAB=[{levels:3,group:1,bits:5},{levels:5,group:1,bits:7},{levels:7,group:0,bits:3},{levels:9,group:1,bits:10},{levels:15,group:0,bits:4},{levels:31,group:0,bits:5},{levels:63,group:0,bits:6},{levels:127,group:0,bits:7},{levels:255,group:0,bits:8},{levels:511,group:0,bits:9},{levels:1023,group:0,bits:10},{levels:2047,group:0,bits:11},{levels:4095,group:0,bits:12},{levels:8191,group:0,bits:13},{levels:16383,group:0,bits:14},{levels:32767,group:0,bits:15},{levels:65535,group:0,bits:16}];return MP2}();JSMpeg.Decoder.MP2AudioWASM=function(){\"use strict\";var MP2WASM=function(options){JSMpeg.Decoder.Base.call(this,options);this.onDecodeCallback=options.onAudioDecode;this.module=options.wasmModule;this.bufferSize=options.audioBufferSize||128*1024;this.bufferMode=options.streaming?JSMpeg.BitBuffer.MODE.EVICT:JSMpeg.BitBuffer.MODE.EXPAND;this.sampleRate=0};MP2WASM.prototype=Object.create(JSMpeg.Decoder.Base.prototype);MP2WASM.prototype.constructor=MP2WASM;MP2WASM.prototype.initializeWasmDecoder=function(){if(!this.module.instance){console.warn(\"JSMpeg: WASM module not compiled yet\");return}this.instance=this.module.instance;this.functions=this.module.instance.exports;this.decoder=this.functions._mp2_decoder_create(this.bufferSize,this.bufferMode)};MP2WASM.prototype.destroy=function(){if(!this.decoder){return}this.functions._mp2_decoder_destroy(this.decoder)};MP2WASM.prototype.bufferGetIndex=function(){if(!this.decoder){return}return this.functions._mp2_decoder_get_index(this.decoder)};MP2WASM.prototype.bufferSetIndex=function(index){if(!this.decoder){return}this.functions._mp2_decoder_set_index(this.decoder,index)};MP2WASM.prototype.bufferWrite=function(buffers){if(!this.decoder){this.initializeWasmDecoder()}var totalLength=0;for(var i=0;i<buffers.length;i++){totalLength+=buffers[i].length}var ptr=this.functions._mp2_decoder_get_write_ptr(this.decoder,totalLength);for(var i=0;i<buffers.length;i++){this.instance.heapU8.set(buffers[i],ptr);ptr+=buffers[i].length}this.functions._mp2_decoder_did_write(this.decoder,totalLength);return totalLength};MP2WASM.prototype.decode=function(){var startTime=JSMpeg.Now();if(!this.decoder){return false}var decodedBytes=this.functions._mp2_decoder_decode(this.decoder);if(decodedBytes===0){return false}if(!this.sampleRate){this.sampleRate=this.functions._mp2_decoder_get_sample_rate(this.decoder)}if(this.destination){var leftPtr=this.functions._mp2_decoder_get_left_channel_ptr(this.decoder),rightPtr=this.functions._mp2_decoder_get_right_channel_ptr(this.decoder);var leftOffset=leftPtr/Float32Array.BYTES_PER_ELEMENT,rightOffset=rightPtr/Float32Array.BYTES_PER_ELEMENT;var left=this.instance.heapF32.subarray(leftOffset,leftOffset+MP2WASM.SAMPLES_PER_FRAME),right=this.instance.heapF32.subarray(rightOffset,rightOffset+MP2WASM.SAMPLES_PER_FRAME);this.destination.play(this.sampleRate,left,right)}this.advanceDecodedTime(MP2WASM.SAMPLES_PER_FRAME/this.sampleRate);var elapsedTime=JSMpeg.Now()-startTime;if(this.onDecodeCallback){this.onDecodeCallback(this,elapsedTime)}return true};MP2WASM.prototype.getCurrentTime=function(){var enqueuedTime=this.destination?this.destination.enqueuedTime:0;return this.decodedTime-enqueuedTime};MP2WASM.SAMPLES_PER_FRAME=1152;return MP2WASM}();JSMpeg.Renderer.WebGL=function(){\"use strict\";var WebGLRenderer=function(options){this.canvas=options.canvas||document.createElement(\"canvas\");this.width=this.canvas.width;this.height=this.canvas.height;this.enabled=true;this.hasTextureData={};var contextCreateOptions={preserveDrawingBuffer:!!options.preserveDrawingBuffer,alpha:false,depth:false,stencil:false,antialias:false,premultipliedAlpha:false};this.gl=this.canvas.getContext(\"webgl\",contextCreateOptions)||this.canvas.getContext(\"experimental-webgl\",contextCreateOptions);if(!this.gl){throw new Error(\"Failed to get WebGL Context\")}var gl=this.gl;var vertexAttr=null;gl.pixelStorei(gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL,false);this.vertexBuffer=gl.createBuffer();var vertexCoords=new Float32Array([0,0,0,1,1,0,1,1]);gl.bindBuffer(gl.ARRAY_BUFFER,this.vertexBuffer);gl.bufferData(gl.ARRAY_BUFFER,vertexCoords,gl.STATIC_DRAW);this.program=this.createProgram(WebGLRenderer.SHADER.VERTEX_IDENTITY,WebGLRenderer.SHADER.FRAGMENT_YCRCB_TO_RGBA);vertexAttr=gl.getAttribLocation(this.program,\"vertex\");gl.enableVertexAttribArray(vertexAttr);gl.vertexAttribPointer(vertexAttr,2,gl.FLOAT,false,0,0);this.textureY=this.createTexture(0,\"textureY\");this.textureCb=this.createTexture(1,\"textureCb\");this.textureCr=this.createTexture(2,\"textureCr\");this.loadingProgram=this.createProgram(WebGLRenderer.SHADER.VERTEX_IDENTITY,WebGLRenderer.SHADER.FRAGMENT_LOADING);vertexAttr=gl.getAttribLocation(this.loadingProgram,\"vertex\");gl.enableVertexAttribArray(vertexAttr);gl.vertexAttribPointer(vertexAttr,2,gl.FLOAT,false,0,0);this.shouldCreateUnclampedViews=!this.allowsClampedTextureData()};WebGLRenderer.prototype.destroy=function(){var gl=this.gl;this.deleteTexture(gl.TEXTURE0,this.textureY);this.deleteTexture(gl.TEXTURE1,this.textureCb);this.deleteTexture(gl.TEXTURE2,this.textureCr);gl.useProgram(null);gl.deleteProgram(this.program);gl.deleteProgram(this.loadingProgram);gl.bindBuffer(gl.ARRAY_BUFFER,null);gl.deleteBuffer(this.vertexBuffer);gl.getExtension(\"WEBGL_lose_context\").loseContext();this.canvas.remove()};WebGLRenderer.prototype.resize=function(width,height){this.width=width|0;this.height=height|0;this.canvas.width=this.width;this.canvas.height=this.height;this.gl.useProgram(this.program);var codedWidth=this.width+15>>4<<4;this.gl.viewport(0,0,codedWidth,this.height)};WebGLRenderer.prototype.createTexture=function(index,name){var gl=this.gl;var texture=gl.createTexture();gl.bindTexture(gl.TEXTURE_2D,texture);gl.texParameteri(gl.TEXTURE_2D,gl.TEXTURE_MAG_FILTER,gl.LINEAR);gl.texParameteri(gl.TEXTURE_2D,gl.TEXTURE_MIN_FILTER,gl.LINEAR);gl.texParameteri(gl.TEXTURE_2D,gl.TEXTURE_WRAP_S,gl.CLAMP_TO_EDGE);gl.texParameteri(gl.TEXTURE_2D,gl.TEXTURE_WRAP_T,gl.CLAMP_TO_EDGE);gl.uniform1i(gl.getUniformLocation(this.program,name),index);return texture};WebGLRenderer.prototype.createProgram=function(vsh,fsh){var gl=this.gl;var program=gl.createProgram();gl.attachShader(program,this.compileShader(gl.VERTEX_SHADER,vsh));gl.attachShader(program,this.compileShader(gl.FRAGMENT_SHADER,fsh));gl.linkProgram(program);gl.useProgram(program);return program};WebGLRenderer.prototype.compileShader=function(type,source){var gl=this.gl;var shader=gl.createShader(type);gl.shaderSource(shader,source);gl.compileShader(shader);if(!gl.getShaderParameter(shader,gl.COMPILE_STATUS)){throw new Error(gl.getShaderInfoLog(shader))}return shader};WebGLRenderer.prototype.allowsClampedTextureData=function(){var gl=this.gl;var texture=gl.createTexture();gl.bindTexture(gl.TEXTURE_2D,texture);gl.texImage2D(gl.TEXTURE_2D,0,gl.LUMINANCE,1,1,0,gl.LUMINANCE,gl.UNSIGNED_BYTE,new Uint8ClampedArray([0]));return gl.getError()===0};WebGLRenderer.prototype.renderProgress=function(progress){var gl=this.gl;gl.useProgram(this.loadingProgram);var loc=gl.getUniformLocation(this.loadingProgram,\"progress\");gl.uniform1f(loc,progress);gl.drawArrays(gl.TRIANGLE_STRIP,0,4)};WebGLRenderer.prototype.render=function(y,cb,cr,isClampedArray){if(!this.enabled){return}var gl=this.gl;var w=this.width+15>>4<<4,h=this.height,w2=w>>1,h2=h>>1;if(isClampedArray&&this.shouldCreateUnclampedViews){y=new Uint8Array(y.buffer),cb=new Uint8Array(cb.buffer),cr=new Uint8Array(cr.buffer)}gl.useProgram(this.program);this.updateTexture(gl.TEXTURE0,this.textureY,w,h,y);this.updateTexture(gl.TEXTURE1,this.textureCb,w2,h2,cb);this.updateTexture(gl.TEXTURE2,this.textureCr,w2,h2,cr);gl.drawArrays(gl.TRIANGLE_STRIP,0,4)};WebGLRenderer.prototype.updateTexture=function(unit,texture,w,h,data){var gl=this.gl;gl.activeTexture(unit);gl.bindTexture(gl.TEXTURE_2D,texture);if(this.hasTextureData[unit]){gl.texSubImage2D(gl.TEXTURE_2D,0,0,0,w,h,gl.LUMINANCE,gl.UNSIGNED_BYTE,data)}else{this.hasTextureData[unit]=true;gl.texImage2D(gl.TEXTURE_2D,0,gl.LUMINANCE,w,h,0,gl.LUMINANCE,gl.UNSIGNED_BYTE,data)}};WebGLRenderer.prototype.deleteTexture=function(unit,texture){var gl=this.gl;gl.activeTexture(unit);gl.bindTexture(gl.TEXTURE_2D,null);gl.deleteTexture(texture)};WebGLRenderer.IsSupported=function(){try{if(!window.WebGLRenderingContext){return false}var canvas=document.createElement(\"canvas\");return!!(canvas.getContext(\"webgl\")||canvas.getContext(\"experimental-webgl\"))}catch(err){return false}};WebGLRenderer.SHADER={FRAGMENT_YCRCB_TO_RGBA:[\"precision mediump float;\",\"uniform sampler2D textureY;\",\"uniform sampler2D textureCb;\",\"uniform sampler2D textureCr;\",\"varying vec2 texCoord;\",\"mat4 rec601 = mat4(\",\"1.16438,  0.00000,  1.59603, -0.87079,\",\"1.16438, -0.39176, -0.81297,  0.52959,\",\"1.16438,  2.01723,  0.00000, -1.08139,\",\"0, 0, 0, 1\",\");\",\"void main() {\",\"float y = texture2D(textureY, texCoord).r;\",\"float cb = texture2D(textureCb, texCoord).r;\",\"float cr = texture2D(textureCr, texCoord).r;\",\"gl_FragColor = vec4(y, cr, cb, 1.0) * rec601;\",\"}\"].join(\"\\n\"),FRAGMENT_LOADING:[\"precision mediump float;\",\"uniform float progress;\",\"varying vec2 texCoord;\",\"void main() {\",\"float c = ceil(progress-(1.0-texCoord.y));\",\"gl_FragColor = vec4(c,c,c,1);\",\"}\"].join(\"\\n\"),VERTEX_IDENTITY:[\"attribute vec2 vertex;\",\"varying vec2 texCoord;\",\"void main() {\",\"texCoord = vertex;\",\"gl_Position = vec4((vertex * 2.0 - 1.0) * vec2(1, -1), 0.0, 1.0);\",\"}\"].join(\"\\n\")};return WebGLRenderer}();JSMpeg.Renderer.Canvas2D=function(){\"use strict\";var CanvasRenderer=function(options){this.canvas=options.canvas||document.createElement(\"canvas\");this.width=this.canvas.width;this.height=this.canvas.height;this.enabled=true;this.context=this.canvas.getContext(\"2d\")};CanvasRenderer.prototype.destroy=function(){};CanvasRenderer.prototype.resize=function(width,height){this.width=width|0;this.height=height|0;this.canvas.width=this.width;this.canvas.height=this.height;this.imageData=this.context.getImageData(0,0,this.width,this.height);JSMpeg.Fill(this.imageData.data,255)};CanvasRenderer.prototype.renderProgress=function(progress){var w=this.canvas.width,h=this.canvas.height,ctx=this.context;ctx.fillStyle=\"#222\";ctx.fillRect(0,0,w,h);ctx.fillStyle=\"#fff\";ctx.fillRect(0,h-h*progress,w,h*progress)};CanvasRenderer.prototype.render=function(y,cb,cr){this.YCbCrToRGBA(y,cb,cr,this.imageData.data);this.context.putImageData(this.imageData,0,0)};CanvasRenderer.prototype.YCbCrToRGBA=function(y,cb,cr,rgba){if(!this.enabled){return}var w=this.width+15>>4<<4,w2=w>>1;var yIndex1=0,yIndex2=w,yNext2Lines=w+(w-this.width);var cIndex=0,cNextLine=w2-(this.width>>1);var rgbaIndex1=0,rgbaIndex2=this.width*4,rgbaNext2Lines=this.width*4;var cols=this.width>>1,rows=this.height>>1;var ccb,ccr,r,g,b;for(var row=0;row<rows;row++){for(var col=0;col<cols;col++){ccb=cb[cIndex];ccr=cr[cIndex];cIndex++;r=ccb+(ccb*103>>8)-179;g=(ccr*88>>8)-44+(ccb*183>>8)-91;b=ccr+(ccr*198>>8)-227;var y1=y[yIndex1++];var y2=y[yIndex1++];rgba[rgbaIndex1]=y1+r;rgba[rgbaIndex1+1]=y1-g;rgba[rgbaIndex1+2]=y1+b;rgba[rgbaIndex1+4]=y2+r;rgba[rgbaIndex1+5]=y2-g;rgba[rgbaIndex1+6]=y2+b;rgbaIndex1+=8;var y3=y[yIndex2++];var y4=y[yIndex2++];rgba[rgbaIndex2]=y3+r;rgba[rgbaIndex2+1]=y3-g;rgba[rgbaIndex2+2]=y3+b;rgba[rgbaIndex2+4]=y4+r;rgba[rgbaIndex2+5]=y4-g;rgba[rgbaIndex2+6]=y4+b;rgbaIndex2+=8}yIndex1+=yNext2Lines;yIndex2+=yNext2Lines;rgbaIndex1+=rgbaNext2Lines;rgbaIndex2+=rgbaNext2Lines;cIndex+=cNextLine}};return CanvasRenderer}();JSMpeg.AudioOutput.WebAudio=function(){\"use strict\";var WebAudioOut=function(options){this.context=WebAudioOut.CachedContext=WebAudioOut.CachedContext||new(window.AudioContext||window.webkitAudioContext);this.gain=this.context.createGain();this.destination=this.gain;this.gain.connect(this.context.destination);this.context._connections=(this.context._connections||0)+1;this.startTime=0;this.buffer=null;this.wallclockStartTime=0;this.volume=1;this.enabled=true;this.unlocked=!WebAudioOut.NeedsUnlocking();Object.defineProperty(this,\"enqueuedTime\",{get:this.getEnqueuedTime})};WebAudioOut.prototype.destroy=function(){this.gain.disconnect();this.context._connections--;if(this.context._connections===0){this.context.close();WebAudioOut.CachedContext=null}};WebAudioOut.prototype.play=function(sampleRate,left,right){if(!this.enabled){return}if(!this.unlocked){var ts=JSMpeg.Now();if(this.wallclockStartTime<ts){this.wallclockStartTime=ts}this.wallclockStartTime+=left.length/sampleRate;return}this.gain.gain.value=this.volume;var buffer=this.context.createBuffer(2,left.length,sampleRate);buffer.getChannelData(0).set(left);buffer.getChannelData(1).set(right);var source=this.context.createBufferSource();source.buffer=buffer;source.connect(this.destination);var now=this.context.currentTime;var duration=buffer.duration;if(this.startTime<now){this.startTime=now;this.wallclockStartTime=JSMpeg.Now()}source.start(this.startTime);this.startTime+=duration;this.wallclockStartTime+=duration};WebAudioOut.prototype.stop=function(){this.gain.gain.value=0};WebAudioOut.prototype.getEnqueuedTime=function(){return Math.max(this.wallclockStartTime-JSMpeg.Now(),0)};WebAudioOut.prototype.resetEnqueuedTime=function(){this.startTime=this.context.currentTime;this.wallclockStartTime=JSMpeg.Now()};WebAudioOut.prototype.unlock=function(callback){if(this.unlocked){if(callback){callback()}return}this.unlockCallback=callback;var buffer=this.context.createBuffer(1,1,22050);var source=this.context.createBufferSource();source.buffer=buffer;source.connect(this.destination);source.start(0);setTimeout(this.checkIfUnlocked.bind(this,source,0),0)};WebAudioOut.prototype.checkIfUnlocked=function(source,attempt){if(source.playbackState===source.PLAYING_STATE||source.playbackState===source.FINISHED_STATE){this.unlocked=true;if(this.unlockCallback){this.unlockCallback();this.unlockCallback=null}}else if(attempt<10){setTimeout(this.checkIfUnlocked.bind(this,source,attempt+1),100)}};WebAudioOut.NeedsUnlocking=function(){return/iPhone|iPad|iPod/i.test(navigator.userAgent)};WebAudioOut.IsSupported=function(){return window.AudioContext||window.webkitAudioContext};WebAudioOut.CachedContext=null;return WebAudioOut}();JSMpeg.WASMModule=function(){\"use strict\";var WASM=function(){this.stackSize=5*1024*1024;this.pageSize=64*1024;this.onInitCallback=null;this.ready=false};WASM.prototype.write=function(buffer){this.loadFromBuffer(buffer,this.onInitCallback)};WASM.prototype.loadFromFile=function(url,callback){this.onInitCallback=callback;var ajax=new JSMpeg.Source.Ajax(url,{});ajax.connect(this);ajax.start()};WASM.prototype.loadFromBuffer=function(buffer,callback){this.moduleInfo=this.readDylinkSection(buffer);if(!this.moduleInfo){this.callback&&this.callback(null);return}this.memory=new WebAssembly.Memory({initial:256});var env={memory:this.memory,memoryBase:0,__memory_base:0,table:new WebAssembly.Table({initial:this.moduleInfo.tableSize,element:\"anyfunc\"}),tableBase:0,__table_base:0,abort:this.c_abort.bind(this),___assert_fail:this.c_assertFail.bind(this),_sbrk:this.c_sbrk.bind(this)};this.brk=this.align(this.moduleInfo.memorySize+this.stackSize);WebAssembly.instantiate(buffer,{env:env}).then(function(results){this.instance=results.instance;if(this.instance.exports.__post_instantiate){this.instance.exports.__post_instantiate()}this.createHeapViews();this.ready=true;callback&&callback(this)}.bind(this))};WASM.prototype.createHeapViews=function(){this.instance.heapU8=new Uint8Array(this.memory.buffer);this.instance.heapU32=new Uint32Array(this.memory.buffer);this.instance.heapF32=new Float32Array(this.memory.buffer)};WASM.prototype.align=function(addr){var a=Math.pow(2,this.moduleInfo.memoryAlignment);return Math.ceil(addr/a)*a};WASM.prototype.c_sbrk=function(size){var previousBrk=this.brk;this.brk+=size;if(this.brk>this.memory.buffer.byteLength){var bytesNeeded=this.brk-this.memory.buffer.byteLength;var pagesNeeded=Math.ceil(bytesNeeded/this.pageSize);this.memory.grow(pagesNeeded);this.createHeapViews()}return previousBrk};WASM.prototype.c_abort=function(size){console.warn(\"JSMPeg: WASM abort\",arguments)};WASM.prototype.c_assertFail=function(size){console.warn(\"JSMPeg: WASM ___assert_fail\",arguments)};WASM.prototype.readDylinkSection=function(buffer){var bytes=new Uint8Array(buffer);var next=0;var readVarUint=function(){var ret=0;var mul=1;while(1){var byte=bytes[next++];ret+=(byte&127)*mul;mul*=128;if(!(byte&128)){return ret}}};var matchNextBytes=function(expected){for(var i=0;i<expected.length;i++){var b=typeof expected[i]===\"string\"?expected[i].charCodeAt(0):expected[i];if(bytes[next++]!==b){return false}}return true};if(!matchNextBytes([0,\"a\",\"s\",\"m\"])){console.warn(\"JSMpeg: WASM header not found\");return null}var next=9;var sectionSize=readVarUint();if(!matchNextBytes([6,\"d\",\"y\",\"l\",\"i\",\"n\",\"k\"])){console.warn(\"JSMpeg: No dylink section found in WASM\");return null}return{memorySize:readVarUint(),memoryAlignment:readVarUint(),tableSize:readVarUint(),tableAlignment:readVarUint()}};WASM.IsSupported=function(){return!!window.WebAssembly};WASM.GetModule=function(){WASM.CACHED_MODULE=WASM.CACHED_MODULE||new WASM;return WASM.CACHED_MODULE};return WASM}();JSMpeg.WASM_BINARY_INLINED=\"AGFzbQEAAAAADwZkeWxpbmuA0MACBAAAAAE0CWAEf39/fwBgAX8Bf2ACf38Bf2ABfwBgAn9/AGABfwF9YAZ/f39/f38AYAN/f38Bf2AAAAJGBANlbnYOX19fYXNzZXJ0X2ZhaWwAAANlbnYFX3NicmsAAQNlbnYNX19tZW1vcnlfYmFzZQN/AANlbnYGbWVtb3J5AgCAAgM9PAIDAgEEBAMBBQEBAQEBAQEDBAMGAwQAAwAAAAIDAgEEBAEBAQEBAAACAwIBAgECAQEBAQMEAwMCBwcHCAYLAn8BQQALfwFBAAsHggYfEl9fcG9zdF9pbnN0YW50aWF0ZQA9BV9mcmVlADgHX21hbGxvYwAxB19tZW1jcHkAOghfbWVtbW92ZQA7B19tZW1zZXQAPBNfbXAyX2RlY29kZXJfY3JlYXRlAB0TX21wMl9kZWNvZGVyX2RlY29kZQAmFF9tcDJfZGVjb2Rlcl9kZXN0cm95AB4WX21wMl9kZWNvZGVyX2RpZF93cml0ZQAiFl9tcDJfZGVjb2Rlcl9nZXRfaW5kZXgAICFfbXAyX2RlY29kZXJfZ2V0X2xlZnRfY2hhbm5lbF9wdHIAJCJfbXAyX2RlY29kZXJfZ2V0X3JpZ2h0X2NoYW5uZWxfcHRyACUcX21wMl9kZWNvZGVyX2dldF9zYW1wbGVfcmF0ZQAjGl9tcDJfZGVjb2Rlcl9nZXRfd3JpdGVfcHRyAB8WX21wMl9kZWNvZGVyX3NldF9pbmRleAAhFV9tcGVnMV9kZWNvZGVyX2NyZWF0ZQACFV9tcGVnMV9kZWNvZGVyX2RlY29kZQARFl9tcGVnMV9kZWNvZGVyX2Rlc3Ryb3kAAxhfbXBlZzFfZGVjb2Rlcl9kaWRfd3JpdGUABxlfbXBlZzFfZGVjb2Rlcl9nZXRfY2JfcHRyABAdX21wZWcxX2RlY29kZXJfZ2V0X2NvZGVkX3NpemUACxlfbXBlZzFfZGVjb2Rlcl9nZXRfY3JfcHRyAA8dX21wZWcxX2RlY29kZXJfZ2V0X2ZyYW1lX3JhdGUAChlfbXBlZzFfZGVjb2Rlcl9nZXRfaGVpZ2h0AA0YX21wZWcxX2RlY29kZXJfZ2V0X2luZGV4AAUYX21wZWcxX2RlY29kZXJfZ2V0X3dpZHRoAAwcX21wZWcxX2RlY29kZXJfZ2V0X3dy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BQJ/IANBzQBHDQIgACgCgAFBBhAwIQMCQAJAIAAoAoABQQgQMCIEIgYEQCAGQYABRgRADAIFDAMLAAsgACgCgAFBCBAwDAILIAAoAoABQQgQMEGAfmoMAQsgBEGAfmogBCAEQYABShsLCyEEDAELIAZB/wFxIgNBACADayAAKAKAAUEBEDBFGyEEIAZBCHUhAwsgAiADaiIGIwBBQGtqLQAAIgMgBWotAAAgACgCREEAIARBAXQiAkEfdUEBciAAKAJcGyACamxsIgJBBHVBAEEBQX8gAkEPShsgAkEQcRtrIgJBgHAgAkGAcEobIQIgAEGcAWogA0ECdGogAyMAQZA1amotAAAgAkH/DyACQf8PSBtsNgIAIAZBAWohAgwBCwsgAUEESARAIABBhAFqIQUgAUEDdEEIcSAAKAJUIAAoAhgiAyAAKAJQbGpBBHRyIANBA3RBACABQQJxG2ohBAUgAEGMAWogAEGIAWogAUEERhshBSAAKAJQIAAoAhgiAUECdGwgACgCVEEDdGohBCABQQF1IQMLIANBeGohAyAFKAIAIQUgAkEBRiECIABBnAFqIQEgACgCXARAIAIEQCABKAIAQYABakEIdSAFIAQgAxAYIAFBADYCAAUgARAZIAEgBSAEIAMQGiABQQBBgAIQPBoLBSACBEAgASgCAEGAAWpBCHUgBSAEIAMQGyABQQA2AgAFIAEQGSABIAUgBCADEBwgAUEAQYACEDwaCwsL7AYAIAEgAmogAEEAIABBAEobIgBB/wEgAEH/AUgbQf8BcSIAOgAAIAEgAkEBamogADoAACABIAJBAmpqIAA6AAAgASACQQNqaiAAOgAAIAEgAkEEamogADoAACABIAJBBWpqIAA6AAAgASACQQZqaiAAOgAAIAEgAkEHamogADoAACABIAIgA0EIaiIDaiICaiAAOgAAIAEgAkEBamogADoAACABIAJBAmpqIAA6AAAgASACQQNqaiAAOgAAIAEgAkEEamogADoAACABIAJBBWpqIAA6AAAgASACQQZqaiAAOgAAIAEgAkEHamogADoAACABIAIgA2oiAmogADoAACABIAJBAWpqIAA6AAAgASACQQJqaiAAOgAAIAEgAkEDamogADoAACABIAJBBGpqIAA6AAAgASACQQVqaiAAOgAAIAEgAkEGamogADoAACABIAJBB2pqIAA6AAAgASACIANqIgJqIAA6AAAgASACQQFqaiAAOgAAIAEgAkECamogADoAACABIAJBA2pqIAA6AAAgASACQQRqaiAAOgAAIAEgAkEFamogADoAACABIAJBBmpqIAA6AAAgASACQQdqaiAAOgAAIAEgAiADaiICaiAAOgAAIAEgAkEBamogADoAACABIAJBAmpqIAA6AAAgASACQQNqaiAAOgAAIAEgAkEEamogADoAACABIAJBBWpqIAA6AAAgASACQQZqaiAAOgAAIAEgAkEHamogADoAACABIAIgA2oiAmogADoAACABIAJBAWpqIAA6AAAgASACQQJqaiAAOgAAIAEgAkEDamogADoAACABIAJBBGpqIAA6AAAgASACQQVqaiAAOgAAIAEgAkEGamogADoAACABIAJBB2pqIAA6AAAgASACIANqIgJqIAA6AAAgASACQQFqaiAAOgAAIAEgAkECamogADoAACABIAJBA2pqIAA6AAAgASACQQRqaiAAOgAAIAEgAkEFamogADoAACABIAJBBmpqIAA6AAAgASACQQdqaiAAOgAAIAEgAiADaiICaiAAOgAAIAEgAkEBamogADoAACABIAJBAmpqIAA6AAAgASACQQNqaiAAOgAAIAEgAkEEamogADoAACABIAJBBWpqIAA6AAAgASACQQZqaiAAOgAAIAEgAkEHamogADoAAAubBgEUfwNAIAFBEGpBAnQgAGoiBygCACIGIAFBMGpBAnQgAGoiDSgCACIJaiEFIAFBCGpBAnQgAGoiDigCACICIAFBOGpBAnQgAGoiDygCACIDaiEEIAIgA2siEEHZA2wgAUEoakECdCAAaiIKKAIAIgIgAUEYakECdCAAaiIRKAIAIgNrIgtBvH5sQYABampBCHUgBCACIANqIghqIgJrIgMgBCAIa0HqAmxBgAFqQQh1ayEEIAFBAnQgAGoiCCgCACIMIAFBIGpBAnQgAGoiEigCACITayIUIAYgCWtB6gJsQYABakEIdSAFayIJaiEGIAggAiAMIBNqIgggBWoiDGo2AgAgDiADIAZqNgIAIAcgFCAJayIHIARrNgIAIBEgC0HZA2xBgAFqIBBBxAFsakEIdSAEaiIJIAggBWsiBWo2AgAgEiAFIAlrNgIAIAogBCAHajYCACANIAYgA2s2AgAgDyAMIAJr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aiABQQxsaiAAKAIIQQYQMCICNgLUAiAAIANBgANsaiABQQxsaiACNgLQAiAFIAI2AgAMAgsgBSAAKAIIQQYQMDYCACAAIANBgANsaiABQQxsaiAAKAIIQQYQMCICNgLUAiAAIANBgANsaiABQQxsaiACNgLQAgsLCyADQQFqIgMgCEkNAAsgAUEBaiIBIAtHDQALCwsLaiALQSBJIRsgAEHMtgFqIQQgAEHMCGohHCAAQcz2AGohHSAAQcwLaiEeIABBzJYBaiEfA0BBACEWIBQhAwNAIBgEQEEAIQEDQCAAQQAgASAOECggAEEBIAEgDhAoIAFBAWoiASANSA0ACwsgGQRAIA0hAQNAIABBACABIA4QKCAAQcwLaiABQQxsaiAAQcwIaiABQQxsaigCADYCACAAIAFBDGxqQdALaiAAIAFBDGxqQdAIaigCADYCACAAIAFBDGxqQdQLaiAAIAFBDGxqQdQIaigCADYCACABQQFqIgEgC0gNAAsLIBsEQCALIQEDQCAAQcwIaiABQQxsakEANgIAIAAgAUEMbGpB0AhqQQA2AgAgACABQQxsakHUCGpBADYCACAAQcwLaiABQQxsakEANgIAIAAgAUEMbGpB0AtqQQA2AgAgACABQQxsakHUC2pBADYCACABQQFqIgFBIEcNAAsLIAAoAgQhASADIRFBACESA0AgACABQcAHakH/B3EiATYCBCAcIBIgHSABECkgBEIANwIAIARCADcCCCAEQgA3AhAgBEIANwIYIARCADcCICAEQgA3AiggBEIANwIwIARCADcCOCAEQUBrQgA3AgAgBEIANwJIIARCADcCUCAEQgA3AlggBEIANwJgIARCADcCaCAEQgA3AnAgBEIANwJ4IAAoAgQiD0EBdSETQf8HIA9BgAFvQQF1IgxrIgFBgH9xIRUgAUEHdkEGdEHABGohEEGABCATayEGIAwhAQNAIAYhB0EAIQkgASECA0AgB0EBaiEIIAJBAWohBSAAQcy2AWogCUECdGoiCiAAQczWAGogB0ECdGoqAgAgAEHM9gBqIAJBAnRqKgIAlCAKKAIAspKoNgIAIAlBAWoiCUEgRwRAIAghByAFIQIMAQsLIAFBgAFqIQIgBkFAayEGIAFBgAdIBEAgAiEBDAELC0HgByAMIBVqayIBQYAISARAIBAgE2tBoHxqIQYD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IkogWCBLk7tEujBFka7n9D+itiJLk7tEuEt/Zp6g5j+itiI6kiEqIANBMGpBAnQgAmogTSA8kow4AgAgA0EvakECdCACaiApICiSIEwgSZIgJJIiKJKMIik4AgAgA0ExakECdCACaiApOAIAIANBLmpBAnQgAmogRiBFkiAjkowiKTgCACADQTJqQQJ0IAJqICk4AgAgA0EtakECdCACaiAwIC2SIEAgPpIgJpIiKZIiPCAokowiKDgCACADQTNqQQJ0IAJqICg4AgAgA0EsakECdCACaiA2IE+SIFEgUJIgNZIiKJKMIjY4AgAgA0E0akECdCACaiA2OAIAIANBK2pBAnQgAmogPCA/IDiSIDOSIjwgJJIiJJKMIjY4AgAgA0E1akECdCACaiA2OAIAIANBKmpBAnQgAmogPSBSkiA7kiI9ICOSjCIjOAIAIANBNmpBAnQgAmogIzgCACADQSlqQQJ0IAJqIEsgSpIgOpIiIyAkkowiJDgCACADQTdqQQJ0IAJqICQ4AgAgA0EoakECdCACaiBIIE6SIDGSjCIkOAIAIANBOGpBAnQgAmogJDgCACADQSdqQQJ0IAJqICMgPCArkiIjkowiJDgCACADQTlqQQJ0IAJqICQ4AgAgA0EmakECdCACaiA9ICeSjCIkOAIAIANBOmpBAnQgAmogJDgCACADQSVqQQJ0IAJqICkgLSAwk7tEuEt/Zp6g5j+itiIpkiItICOSjCIjOAIAIANBO2pBAnQgAmogIzgCACADQSRqQQJ0IAJqICggR5KMIiM4AgAgA0E8akECdCACaiAjOAIAIANBI2pBAnQgAmogLSArIDKSIiOSjCIoOAIAIANBPWpBAnQgAmogKDgCACADQSJqQQJ0IAJqICcgU5KMIic4AgAgA0E+akECdCACaiAnOAIAIANBIWpBAnQgAmogIyBCkowiIzgCACADQT9qQQJ0IAJqICM4AgAgA0EgakECdCACaiA0jDgCACADQQJ0IAJqIDQ4AgAgA0EfakECdCACaiAsjDgCACADQQFqQQJ0IAJqICw4AgAgA0EeakECdCACaiA5jDgCACADQQJqQQJ0IAJqIDk4AgAgA0EdakECdCACaiApICaSIjQgQZIiI4w4AgAgA0EDakECdCACaiAjOAIAIANBHGpBAnQgAmogL4w4AgAgA0EEakECdCACaiAvOAIAIANBG2pBAnQgAmogNCA3IDOSIjSSIi+MOAIAIANBBWpBAnQgAmogLzgCACADQRpqQQJ0IAJqIEQgO5IiL4w4AgAgA0EGakECdCACaiAvOAIAIANBGWpBAnQgAmogNCA6kiI0jDgCACADQQdqQQJ0IAJqIDQ4AgAgA0EYakECdCACaiAxjDgCACADQQhqQQJ0IAJqIDE4AgAgA0EXakECdCACaiAqjDgCACADQQlqQQJ0IAJqICo4AgAgA0EWakECdCACaiA7IC6SIjGMOAIAIANBCmpBAnQgAmogMTgCACADQRVqQQJ0IAJqIEMgJpIiMYw4AgAgA0ELakECdCACaiAxOAIAIANBFGpBAnQgAmogNYw4AgAgA0EMakECdCACaiA1OAIAIANBE2pBAnQgAmogJiAlkiImjDgCACADQQ1qQQJ0IAJqICY4AgAgA0ESakECdCACaiAujDgCACADQQ5qQQJ0IAJqIC44AgAgA0ERakECdCACaiAljDgCACADQQ9qQQJ0IAJqICU4AgAgA0EQakECdCACakMAAAAAOAIACy8BAX9BFBAxIgIgATYCECACIAAQMTYCACACIAA2AgggAkEANgIMIAJBADYCBCACCw0AIAAoAgAQOCAAEDgL6QEBBH8gACgCCCIDIAAoAgwiAmsiBCABSQRAAkAgACgCEEECRgRAIAAgACgCACABIARrIANBAXQiAiACIARqIAFJGyIBEDk2AgAgACABNgIIIAAoAgQgACgCDCIBQQN0IgJNDQEgACACNgIEDAELIAIgACgCBCIFQQN2IgNGIAMgBGogAUlyBEAgAEEANgIMIABBADYCBEEAIQEMAQsgAwRAIAAoAgAiASABIANqIAIgA2sQOxogACAAKAIMIANrIgE2AgwgACAAKAIEIAVBeHFrNgIEBSACIQELCwUgAiEBCyAAKAIAIAFqC40BAQR/IAAoAgRBB2pBA3YiASAAKAIMIgRJBEACQCAAKAIAIQIDQAJAIAFBAWohAyABIAJqLAAARQRAIAIgA2osAABFBEAgAiABQQJqaiwAAEEBRg0CCwsgAyAETw0CIAMhAQwBCwsgACABQQN0QSBqNgIEIAIgAUEDamotAAAPCwsgACAEQQN0NgIEQX8LqQEBBH8gACgCBEEHakEDdiICIAAoAgwiBUkEQAJAIAAoAgAh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aiIGQRBLDQALIAMgCWohAyAIayECIQEMAgsgAyABKAIAIgU6AAAgAyABLAABOgABIAJBbGpBcHEiCEESaiIJIAFqIAJBbmogA0ECaiEEIAJBfmohBiABQQJqIQIgBSEBA0AgBCACKAICIgVBEHQgAUEQdnI2AgAgBCACKAIGIgFBEHQgBUEQdnI2AgQgBCACKAIKIgVBEHQgAUEQdnI2AgggBCACKAIOIgFBEHQgBUEQdnI2AgwgAkEQaiECIARBEGohBCAGQXBqIgZBEUsNAAsgAyAJaiEDIAhrIQIhAQwBCyADIAEoAgAiBToAACACQWxqQXBxIghBEWoiCSABaiACQW9qIANBAWohBCACQX9qIQYgAUEBaiECIAUhAQNAIAQgAigCAyIFQRh0IAFBCHZyNgIAIAQgAigCByIBQRh0IAVBCHZyNgIEIAQgAigCCyIFQRh0IAFBCHZyNgIIIAQgAigCDyIBQRh0IAVBCHZyNgIMIAJBEGohAiAEQRBqIQQgBkFwaiIGQRJLDQALIAMgCWohAyAIayECIQELCyACQRBxBEAgAyABLAAAOgAAIAMgASwAAToAASADIAEsAAI6AAIgAyABLAADOgADIAMgASwABDoABCADIAEsAAU6AAUgAyABLAAGOgAGIAMgASwABzoAByADIAEsAAg6AAggAyABLAAJOgAJIAMgASwACjoACiADIAEsAAs6AAsgAyABLAAMOgAMIAMgASwADToADSADIAEsAA46AA4gAyABLAAPOgAPIANBEGohAyABQRBqIQELIAJBCHEEQCADIAEsAAA6AAAgAyABLAABOgABIAMgASwAAjoAAiADIAEsAAM6AAMgAyABLAAEOgAEIAMgASwABToABSADIAEsAAY6AAYgAyABLAAHOgAHIANBCGohAyABQQhqIQELIAJBBHEEQCADIAEsAAA6AAAgAyABLAABOgABIAMgASwAAjoAAiADIAEsAAM6AAMgA0EEaiEDIAFBBGohAQsgAkECcQRAIAMgASwAADoAACADIAEsAAE6AAEgA0ECaiEDIAFBAmohAQsgAkEBcUUEQCAADwsgAyABLAAAOgAAIAALwAMBBn8gACABRgRAIAAPCyABIAJqIABLIAAgAmoiBSABS3FFBEAgACABIAIQOhogAA8LIAEgACIDc0EDcUUhBCADIAFJBH8g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JCQkJCQkJCQkJCQkJCQkJCQAAAABAhEAAAAAAAAAAAAAAAAAAQIDBAUGEQAAAAAAAAAAAAECAwQFBgcICQoLDA0OEQABAwUGBwgJCgsMDQ4PEBEAAQIEBQYHCAkKCwwNDg8RAAECAwQFBgcICQoLDA0ODwMAAQUFAAEHBwAAAwkAAQoPAAAEHwAABT8AAAZ/AAAH/wAACP8BAAn/AwAK/wcAC/8PAAz/HwAN/z8ADv9/AA///wAQAAAAAAAAAAAAAAAAAAAAAupflgEwikIBCAgMW1tbXltec2l6ZSA+IDAAL2hvbWUvZG9taW5pYy9wcm9qZWN0cy9lbXNkay9mYXN0Y29tcC9lbXNjcmlwdGVuLy9zeXN0ZW0vbGliL2VtbWFsbG9jLmNwcABnZXRGcmVlTGlzdEluZGV4AE1JTl9GUkVFTElTVF9JTkRFWCA8PSBpbmRleCAmJiBpbmRleCA8IE1BWF9GUkVFTElTVF9JTkRFWABnZXRBZnRlcihyZWdpb24pIDw9IHNicmsoMCkAZW1tYWxsb2NfbWFsbG9jAHJlZ2lvbi0+Z2V0VXNlZCgpAGdldFBheWxvYWQAKGNoYXIqKWV4dHJhUHRyID09IChjaGFyKilwdHIgKyBzYnJrU2l6ZQBhbGxvY2F0ZVJlZ2lvbgAhbGFzdFJlZ2lvbgAhZmlyc3RSZWdpb24AZmlyc3RSZWdpb24AcHRyID09IGdldEFmdGVyKGxhc3RSZWdpb24pAGV4dGVuZExhc3RSZWdpb24AYWRkVG9GcmVlTGlzdABnZXRCaWdFbm91Z2hGcmVlTGlzdEluZGV4AHBheWxvYWRTaXplID49IHNpemUAcG9zc2libHlTcGxpdFJlbWFpbmRlcgBleHRyYSA+PSBNSU5fUkVHSU9OX1NJWkUAdG90YWxTcGxpdFNpemUgPj0gTUlOX1JFR0lPTl9TSVpFAG1lcmdlSW50b0V4aXN0aW5nRnJlZVJlZ2lvbgByZWdpb24gPT0gbGFzdFJlZ2lvbgBlbW1hbGxvY19yZWFsbG9j\";export default JSMpeg\n"],"mappings":"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AC,GAAC,CAAC,EAAC,CAAC,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,CAAC,EAAC,CAAC,EAAC,CAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,CAAC,EAAC,CAAC,EAAC,CAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CA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AAC,CAAC,EAAC,CAAC,EAAC,CAAC,GAAC,CAAC,EAAC,CAAC,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,GAAC,CAAC,EAAC,CAAC,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,GAAC,CAAC,EAAC,CAAC,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,CAAC,CAAC;EAAC9K,KAAK,CAAC6G,MAAM,GAAC,IAAIiE,UAAU,CAAC,CAAC,CAAC,GAAC,CAAC,EAAC,CAAC,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,GAAC,CAAC,EAAC,CAAC,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,GAAC,CAAC,EAAC,CAAC,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,GAAC,CAAC,EAAC,CAAC,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,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C,EAAC,CAAC,GAAC,CAAC,EAAC,CAAC,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,GAAG,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,GAAG,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,IAAI,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,CAAC,EAAC,KAAK,EAAC,CAAC,EAAC,CAAC,EAAC,IAAI,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,IAAI,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,CAAC,EAAC,IAAI,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,CAAC,EAAC,IAAI,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,CAAC,EAAC,IAAI,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,EAAE,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,IAAI,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,CAAC,EAAC,IAAI,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,IAAI,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,GAAG,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,GAAG,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,CAAC,EAAC,GAAG,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,GAAG,GAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAA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,CAAC,IAAI,EAAC,CAAC,IAAI,EAAC,CAAC,EAAE,EAAC,CAAC,IAAI,EAAC,CAAC,IAAI,EAAC,CAAC,EAAE,EAAC,CAAC,IAAI,EAAC,CAAC,IAAI,EAAC,CAAC,EAAE,EAAC,CAAC,IAAI,EAAC,CAAC,EAAE,EAAC,CAAC,EAAE,EAAC,CAAC,GAAG,EAAC,CAAC,GAAG,EAAC,KAAK,EAAC,GAAG,EAAC,GAAG,EAAC,KAAK,EAAC,KAAK,EAAC,GAAG,EAAC,GAAG,EAAC,KAAK,EAAC,GAAG,EAAC,KAAK,EAAC,KAAK,EAAC,GAAG,EAAC,GAAG,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,CAAC,CAAC,EAAC,CAAC,EAAE,EAAC,CAAC,EAAE,EAAC,CAAC,IAAI,EAAC,CAAC,IAAI,EAAC,CAAC,IAAI,EAAC,CAAC,GAAG,EAAC,CAAC,GAAG,EAAC,CAAC,KAAK,EAAC,CAAC,KAAK,EAAC,CAAC,KAAK,EAAC,CAAC,KAAK,EAAC,CAAC,KAAK,EAAC,CAAC,KAAK,EAAC,CAAC,KAAK,EAAC,CAAC,KAAK,EAAC,CAAC,GAAG,EAAC,CAAC,KAAK,EAAC,CAAC,KAAK,EAAC,CAAC,GAAG,EAAC,CAAC,KAAK,EAAC,CAAC,GAAG,EAAC,CAAC,KAAK,EAAC,CAAC,GAAG,EAAC,CAAC,GAAG,EAAC,CAAC,GAAG,EAAC,CAAC,KAAK,EAAC,CAAC,GAAG,EAAC,CAAC,GAAG,EAAC,CAAC,KAAK,EAAC,CAAC,KAAK,EAAC,CAAC,GAAG,EAAC,CAAC,KAAK,EAAC,CAAC,GAAG,EAAC,CAAC,MAAM,EAAC,CAAC,IAAI,EAAC,CAAC,MAAM,EAAC,CAAC,MAAM,EAAC,CAAC,MAAM,EAAC,CAAC,MAAM,EAAC,CAAC,IAAI,EAAC,CAAC,MAAM,EAAC,MAAM,EAAC,GAAG,EAAC,GAAG,EAAC,KAAK,EAAC,GAAG,EAAC,KAAK,EAAC,GAAG,EAAC,KAAK,EAAC,GAAG,EAAC,GAAG,EAAC,KAAK,EAAC,GAAG,EAAC,GAAG,EAAC,KAAK,EAAC,GAAG,EAAC,IAAI,EAAC,CAAC,IAAI,EAAC,CAAC,GAAG,EAAC,CAAC,KAAK,EAAC,CAAC,GAAG,EAAC,CAAC,KAAK,EAAC,CAAC,GAAG,EAAC,CAAC,GAAG,EAAC,CAAC,IAAI,EAAC,CAAC,IAAI,EAAC,CAAC,MAAM,EAAC,CAAC,IAAI,EAAC,CAAC,MAAM,EAAC,CAAC,MAAM,EAAC,CAAC,MAAM,EAAC,CAAC,MAAM,EAAC,CAAC,IAAI,EAAC,CAAC,MAAM,EAAC,CAAC,MAAM,EAAC,CAAC,MAAM,EAAC,CAAC,MAAM,EAAC,CAAC,MAAM,EAAC,CAAC,MAAM,EAAC,CAAC,MAAM,EAAC,CAAC,MAAM,EAAC,CAAC,IAAI,EAAC,CAAC,MAAM,EAAC,CAAC,MAAM,EAAC,CAAC,MAAM,EAAC,CAAC,IAAI,EAAC,CAAC,MAAM,EAAC,CAAC,IAAI,EAAC,CAAC,MAAM,EAAC,CAAC,MAAM,EAAC,CAAC,IAAI,EAAC,CAAC,IAAI,EAAC,CAAC,MAAM,EAAC,CAAC,IAAI,EAAC,CAAC,MAAM,EAAC,CAAC,MAAM,EAAC,CAAC,IAAI,EAAC,CAAC,IAAI,EAAC,CAAC,MAAM,EAAC,CAAC,MAAM,EAAC,CAAC,IAAI,EAAC,CAAC,IAAI,EAAC,CAAC,IAAI,EAAC,CAAC,IAAI,EAAC,CAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,GAAG,EAAC,EAAE,EAAC,CAAC,GAAG,EAAC,CAAC,IAAI,EAAC,CAAC,IAAI,EAAC,CAAC,MAAM,EAAC,CAAC,IAAI,EAAC,CAAC,IAAI,EAAC,CAAC,IAAI,EAAC,CAAC,MAAM,EAAC,CAAC,MAAM,EAAC,CAAC,IAAI,EAAC,CAAC,IAAI,EAAC,CAAC,MAAM,EAAC,CAAC,MAAM,EAAC,CAAC,IAAI,EAAC,CAAC,OAAO,EAAC,CAAC,OAAO,EAAC,CAAC,KAAK,EAAC,CAAC,KAAK,EAAC,CAAC,OAAO,EAAC,CAAC,KAAK,EAAC,CAAC,OAAO,EAAC,CAAC,OAAO,EAAC,CAAC,KAAK,EAAC,CAAC,OAAO,EAAC,CAAC,KAAK,EAAC,CAAC,KAAK,EAAC,CAAC,KAAK,EAAC,CAAC,OAAO,EAAC,CAAC,OAAO,EAAC,CAAC,KAAK,EAAC,CAAC,OAAO,EAAC,CAAC,OAAO,EAAC,CAAC,KAAK,EAAC,CAAC,KAAK,EAAC,CAAC,KAAK,EAAC,CAAC,OAAO,EAAC,CAAC,KAAK,EAAC,CAAC,OAAO,EAAC,CAAC,KAAK,EAAC,CAAC,OAAO,EAAC,CAAC,KAAK,EAAC,CAAC,KAAK,EAAC,CAAC,OAAO,EAAC,CAAC,KAAK,EAAC,CAAC,OAAO,EAAC,CAAC,KAAK,EAAC,CAAC,KAAK,EAAC,CAAC,OAAO,EAAC,CAAC,OAAO,EAAC,CAAC,OAAO,EAAC,CAAC,KAAK,EAAC,CAAC,OAAO,EAAC,CAAC,KAAK,EAAC,CAAC,KAAK,EAAC,CAAC,KAAK,EAAC,KAAK,EAAC,KAAK,EAAC,KAAK,EAAC,KAAK,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,KAAK,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,EAAC,KAAK,EAAC,KAAK,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,EAAC,KAAK,EAAC,KAAK,EAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,KAAK,EAAC,KAAK,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,EAAC,KAAK,EAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,GAAG,EAAC,CAAC,EAAE,EAAC,CAAC,GAAG,EAAC,CAAC,MAAM,EAAC,CAAC,MAAM,EAAC,CAAC,IAAI,EAAC,CAAC,MAAM,EAAC,CAAC,IAAI,EAAC,CAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,GAAG,EAAC,GAAG,EAAC,KAAK,EAAC,GAAG,EAAC,KAAK,EAAC,GAAG,EAAC,IAAI,EAAC,CAAC,IAAI,EAAC,CAAC,GAAG,EAAC,CAAC,KAAK,EAAC,CAAC,GAAG,EAAC,CAAC,GAAG,EAAC,CAAC,KAAK,EAAC,CAAC,GAAG,EAAC,CAAC,GAAG,EAAC,CAAC,KAAK,EAAC,CAAC,GAAG,EAAC,CAAC,KAAK,EAAC,CAAC,GAAG,EAAC,CAAC,KAAK,EAAC,CAAC,GAAG,EAAC,CAAC,GAAG,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,EAAC,GAAG,EAAC,KAAK,EAAC,GAAG,EAAC,KAAK,EAAC,KAAK,EAAC,GAAG,EAAC,GAAG,EAAC,KAAK,EAAC,GAAG,EAAC,GAAG,EAAC,GAAG,EAAC,KAAK,EAAC,GAAG,EAAC,KAAK,EAAC,GAAG,EAAC,KAAK,EAAC,KAAK,EAAC,GAAG,EAAC,KAAK,EAAC,KAAK,EAAC,KAAK,EAAC,KAAK,EAAC,KAAK,EAAC,KAAK,EAAC,KAAK,EAAC,KAAK,EAAC,GAAG,EAAC,GAAG,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,EAAE,EAAC,EAAE,EAAC,CAAC,EAAC,CAAC,IAAI,EAAC,CAAC,IAAI,EAAC,CAAC,IAAI,EAAC,CAAC,EAAE,EAAC,CAAC,IAAI,EAAC,CAAC,EAAE,EAAC,CAAC,IAAI,EAAC,CAAC,IAAI,EAAC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"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/ab37f816fb3291f67d119d7d26bd40c8.json b/node_modules/.cache/babel-loader/ab37f816fb3291f67d119d7d26bd40c8.json
new file mode 100644
index 00000000..969d343c
--- /dev/null
+++ b/node_modules/.cache/babel-loader/ab37f816fb3291f67d119d7d26bd40c8.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??ref--6!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\HomePop\\ringMainUnit.vue?vue&type=template&id=69e71d64&scoped=true&","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\HomePop\\ringMainUnit.vue","mtime":1689642397095},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\babel.config.js","mtime":1689642387810},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1689642389292},{"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\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1689642396087},{"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":["import \"core-js/modules/es6.function.name\";\nimport \"core-js/modules/es7.array.includes\";\nimport \"core-js/modules/es6.string.includes\";\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"ringMainUnit\",\n    class: _vm.equipmentName == \"分支箱\" ? \"ringMain\" : \"\"\n  }, [_c(\"div\", {\n    staticClass: \"top\"\n  }, [_c(\"div\", {\n    staticClass: \"title\"\n  }, [_vm._v(_vm._s(_vm.ringMainUnit))]), _c(\"div\", {\n    staticClass: \"close\"\n  }, [_c(\"img\", {\n    staticStyle: {\n      cursor: \"pointer\"\n    },\n    attrs: {\n      src: require(\"@/assets/images/close.png\")\n    },\n    on: {\n      click: _vm.handleClose\n    }\n  })])]), _c(\"div\", {\n    staticClass: \"main\"\n  }, [_vm.ringMainUnit.includes(\"总览\") || _vm.ringMainUnit.includes(\"环网柜\") ? _c(\"el-tabs\", {\n    staticStyle: {\n      height: \"4%\"\n    },\n    on: {\n      \"tab-click\": _vm.handleClick\n    },\n    model: {\n      value: _vm.activeName,\n      callback: function callback($$v) {\n        _vm.activeName = $$v;\n      },\n      expression: \"activeName\"\n    }\n  }, [_c(\"el-tab-pane\", {\n    staticStyle: {\n      \"font-size\": \"20px\"\n    },\n    attrs: {\n      label: \"设备信息\",\n      name: \"first\"\n    }\n  }), _c(\"el-tab-pane\", {\n    staticStyle: {\n      \"font-size\": \"20px\"\n    },\n    attrs: {\n      label: \"现场照片/红外视频\",\n      name: \"second\"\n    }\n  })], 1) : _vm._e(), _vm.ringMainUnit.includes(\"分支箱\") ? _c(\"el-tabs\", {\n    staticStyle: {\n      height: \"4%\"\n    },\n    on: {\n      \"tab-click\": _vm.handleClick\n    },\n    model: {\n      value: _vm.activeName,\n      callback: function callback($$v) {\n        _vm.activeName = $$v;\n      },\n      expression: \"activeName\"\n    }\n  }, [_c(\"el-tab-pane\", {\n    staticStyle: {\n      \"font-size\": \"20px\"\n    },\n    attrs: {\n      label: \"设备信息\",\n      name: \"first\"\n    }\n  }), _c(\"el-tab-pane\", {\n    staticStyle: {\n      \"font-size\": \"20px\"\n    },\n    attrs: {\n      label: \"现场照片\",\n      name: \"second\"\n    }\n  })], 1) : _vm._e(), _vm.ringMainUnit.includes(\"箱变\") ? _c(\"el-tabs\", {\n    staticStyle: {\n      height: \"4%\"\n    },\n    on: {\n      \"tab-click\": _vm.handleClick\n    },\n    model: {\n      value: _vm.activeName,\n      callback: function callback($$v) {\n        _vm.activeName = $$v;\n      },\n      expression: \"activeName\"\n    }\n  }, [_c(\"el-tab-pane\", {\n    staticStyle: {\n      \"font-size\": \"20px\"\n    },\n    attrs: {\n      label: \"设备信息\",\n      name: \"first\"\n    }\n  }), _c(\"el-tab-pane\", {\n    staticStyle: {\n      \"font-size\": \"20px\"\n    },\n    attrs: {\n      label: \"现场照片/红外视频\",\n      name: \"second\"\n    }\n  })], 1) : _vm._e(), _vm.ringMainUnit.includes(\"开闭所\") ? _c(\"el-tabs\", {\n    staticStyle: {\n      height: \"4%\"\n    },\n    on: {\n      \"tab-click\": _vm.handleClick\n    },\n    model: {\n      value: _vm.activeName,\n      callback: function callback($$v) {\n        _vm.activeName = $$v;\n      },\n      expression: \"activeName\"\n    }\n  }, [_c(\"el-tab-pane\", {\n    staticStyle: {\n      \"font-size\": \"20px\"\n    },\n    attrs: {\n      label: \"设备信息\",\n      name: \"first\"\n    }\n  }), _c(\"el-tab-pane\", {\n    staticStyle: {\n      \"font-size\": \"20px\"\n    },\n    attrs: {\n      label: \"红外线视频/监检视频/现场照片\",\n      name: \"second\"\n    }\n  })], 1) : _vm._e(), _vm.activeName == \"first\" ? _c(\"div\", {\n    staticStyle: {\n      height: \"100%\",\n      width: \"100%\"\n    }\n  }, [_c(\"div\", {\n    staticClass: \"basic\"\n  }, [_c(\"div\", {\n    staticClass: \"title\",\n    staticStyle: {\n      \"margin-top\": \"10px\"\n    }\n  }, [_vm._v(\"基本信息\")]), _c(\"div\", {\n    staticClass: \"content\"\n  }, [_c(\"div\", {\n    staticClass: \"information\"\n  }, [_c(\"div\", {\n    staticClass: \"informationContent\"\n  }, [_vm._v(\"\\n              \" + _vm._s(_vm.equipmentName) + \"名称    \" + _vm._s(_vm.ringMainUnit) + \"\\n            \")]), _c(\"div\", {\n    staticClass: \"informationContent\"\n  }, [_vm._v(\"\\n              \" + _vm._s(_vm.equipmentName) + \"编号    \" + _vm._s(_vm.deviceSn) + \"\\n            \")]), _vm.equipmentName == \"分支箱\" ? _c(\"div\", {\n    staticClass: \"informationContent\"\n  }, [_vm._v(\" \\n              蓄电池电压(v)\\n            \")]) : _vm.equipmentName == \"箱变\" ? void 0 : [_c(\"div\", {\n    staticClass: \"informationContent\"\n  }, [_vm._v(\"\\n              IP地址    \" + _vm._s(_vm.deviceInformation.device_ip) + \"\\n            \")]), _c(\"div\", {\n    staticClass: \"informationContent\"\n  }, [_vm._v(\"\\n              总间隔    \" + _vm._s(_vm.totalInterval) + \"\\n            \")])]], 2)])]), _c(\"div\", {\n    directives: [{\n      name: \"show\",\n      rawName: \"v-show\",\n      value: _vm.equipmentName != \"分支箱\",\n      expression: 'equipmentName!=\"分支箱\"'\n    }],\n    staticClass: \"earlyWarning\"\n  }, [_c(\"div\", {\n    staticClass: \"title\"\n  }, [_vm._v(\"预警信息\")]), _c(\"div\", {\n    staticClass: \"content\"\n  }, [_c(\"div\", {\n    staticClass: \"information\"\n  }, [_c(\"div\", {\n    staticClass: \"informationContent\"\n  }, [_c(\"img\", {\n    attrs: {\n      src: require(\"@/assets/images/shiliangIcon1.png\")\n    }\n  }), _vm._v(\"\\n              电缆沟水位 :    \" + _vm._s(_vm.waterLevel) + \"米\\n              \\n            \")]), _c(\"div\", {\n    staticClass: \"informationContent\"\n  }, [_vm.equipmentName != \"箱变\" ? _c(\"span\", {\n    staticStyle: {\n      \"margin-left\": \"10px\"\n    }\n  }, [_vm._v(\" 状态:    \" + _vm._s(_vm.waterLevel1))]) : _vm._e()]), _c(\"div\", {\n    staticClass: \"informationContent\"\n  }, [_c(\"img\", {\n    attrs: {\n      src: require(\"@/assets/images/shiliangIcon2.png\")\n    }\n  }), _vm._v(\"\\n              小电流接地故障状态 :    \" + _vm._s(_vm.grounding) + \"\\n            \")])])])]), _vm.equipmentName == \"分支箱\" ? _c(\"div\", {\n    staticClass: \"interval\"\n  }, [_c(\"div\", {\n    staticClass: \"title\"\n  }, [_vm._v(\"出现线缆温度监测\")]), _c(\"div\", {\n    staticClass: \"fenzhiMessage\"\n  }, _vm._l(_vm.fenzhiArr, function (s) {\n    return _c(\"div\", {\n      staticClass: \"fenzhiItem\"\n    }, [_vm._m(0, true), _c(\"div\", {\n      staticClass: \"fenzhiUnit\"\n    }, [_c(\"span\", [_vm._v(_vm._s(s))])])]);\n  }), 0)]) : _c(\"div\", {\n    staticClass: \"interval\"\n  }, [_vm.equipmentName == \"箱变\" ? _c(\"div\", {\n    staticClass: \"title\"\n  }, [_vm._v(\"电参数监测\")]) : _c(\"div\", {\n    staticClass: \"title\"\n  }, [_vm._v(\"间隔监测\")]), _c(\"div\", {\n    staticClass: \"table user_skills\"\n  }, [_c(\"el-table\", {\n    staticStyle: {\n      width: \"100%\",\n      height: \"100%\"\n    },\n    attrs: {\n      data: _vm.tableData,\n      \"header-cell-style\": {\n        \"text-align\": \"center\"\n      },\n      \"cell-style\": {\n        \"text-align\": \"center\"\n      },\n      stripe: \"\"\n    }\n  }, [_c(\"el-table-column\", {\n    attrs: {\n      prop: \"name\",\n      label: \"\",\n      align: \"center\",\n      width: \"150\"\n    }\n  }), _c(\"el-table-column\", {\n    attrs: {\n      prop: \"phase\",\n      label: \"相位\"\n    }\n  }), _vm._l(_vm.tableColumns, function (item, index) {\n    return _c(\"el-table-column\", {\n      key: index,\n      attrs: {\n        prop: item.key,\n        align: \"center\",\n        label: item.name\n      }\n    });\n  })], 2)], 1)]), _vm.equipmentName == \"箱变\" ? _c(\"div\", {\n    staticClass: \"addTitle\"\n  }, [_vm._v(\"进线局放数据\")]) : _vm.equipmentName == \"分支箱\" ? _c(\"div\", {\n    staticClass: \"addTitle\"\n  }, [_vm._v(\"局放数据\")]) : _vm._e(), _c(\"div\", {\n    staticClass: \"intervalData\"\n  }, [_c(\"el-tabs\", {\n    on: {\n      \"tab-click\": _vm.intervalClick\n    },\n    model: {\n      value: _vm.intervalName,\n      callback: function callback($$v) {\n        _vm.intervalName = $$v;\n      },\n      expression: \"intervalName\"\n    }\n  }, _vm._l(_vm.echartsTab, function (item, index) {\n    return _c(\"el-tab-pane\", {\n      key: index,\n      attrs: {\n        label: item.name,\n        name: item.key\n      }\n    });\n  }), 1), _c(\"el-tabs\", {\n    on: {\n      \"tab-click\": _vm.intervalClick1\n    },\n    model: {\n      value: _vm.intervalName1,\n      callback: function callback($$v) {\n        _vm.intervalName1 = $$v;\n      },\n      expression: \"intervalName1\"\n    }\n  }, _vm._l(_vm.echartsTab1, function (item, index) {\n    return _c(\"el-tab-pane\", {\n      key: index,\n      attrs: {\n        label: item.name,\n        name: item.key\n      }\n    });\n  }), 1), _c(\"div\", {\n    directives: [{\n      name: \"show\",\n      rawName: \"v-show\",\n      value: _vm.echartsShow,\n      expression: \"echartsShow\"\n    }],\n    attrs: {\n      id: \"intervalShow\"\n    }\n  }), _c(\"div\", {\n    directives: [{\n      name: \"show\",\n      rawName: \"v-show\",\n      value: !_vm.echartsShow,\n      expression: \"!echartsShow\"\n    }],\n    attrs: {\n      id: \"temperatureShow\"\n    }\n  })], 1)]) : _vm._e(), _vm.activeName == \"second\" ? _c(\"div\", {\n    staticClass: \"InfraredVideo\",\n    staticStyle: {\n      height: \"96%\",\n      width: \"100%\"\n    }\n  }, [_c(\"div\", {\n    staticClass: \"title\"\n  }, [_c(\"el-tabs\", {\n    staticStyle: {\n      height: \"100%\"\n    },\n    attrs: {\n      \"tab-position\": _vm.tabPosition\n    },\n    model: {\n      value: _vm.InfraredName,\n      callback: function callback($$v) {\n        _vm.InfraredName = $$v;\n      },\n      expression: \"InfraredName\"\n    }\n  }, [_vm._l(_vm.vectorgraphData, function (item, index) {\n    return _c(\"el-tab-pane\", {\n      key: index\n    }, [_c(\"span\", {\n      staticStyle: {\n        display: \"flex\",\n        \"align-items\": \"center\"\n      },\n      attrs: {\n        slot: \"label\"\n      },\n      on: {\n        click: function click($event) {\n          return _vm.InfraredClick(index);\n        }\n      },\n      slot: \"label\"\n    }, [_c(\"img\", {\n      attrs: {\n        src: item.vectorgraph\n      }\n    }), _c(\"span\", {\n      staticStyle: {\n        \"margin-left\": \"10px\",\n        \"font-size\": \"19px\"\n      },\n      style: {\n        color: item.color\n      }\n    }, [_vm._v(_vm._s(item.name))])])]);\n  }), _c(\"div\", {\n    directives: [{\n      name: \"show\",\n      rawName: \"v-show\",\n      value: _vm.photoShow,\n      expression: \"photoShow\"\n    }],\n    staticClass: \"content\"\n  }, _vm._l(_vm.photoList, function (item, index) {\n    return _c(\"div\", {\n      key: index,\n      staticStyle: {\n        \"margin-top\": \"40px\",\n        \"margin-right\": \"20px\"\n      }\n    }, [_c(\"img\", {\n      staticStyle: {\n        width: \"407px\",\n        height: \"274px\"\n      },\n      attrs: {\n        src: item.photo\n      }\n    })]);\n  }), 0), _c(\"div\", {\n    directives: [{\n      name: \"show\",\n      rawName: \"v-show\",\n      value: _vm.videoShow,\n      expression: \"videoShow\"\n    }],\n    staticClass: \"content1\"\n  }, [_c(\"canvas\", {\n    staticStyle: {\n      width: \"100%\",\n      height: \"100%\"\n    },\n    attrs: {\n      id: \"canvas\"\n    }\n  })]), _c(\"div\", {\n    directives: [{\n      name: \"show\",\n      rawName: \"v-show\",\n      value: _vm.videoShow1,\n      expression: \"videoShow1\"\n    }],\n    staticClass: \"content1\"\n  }, [_c(\"canvas\", {\n    staticStyle: {\n      width: \"100%\",\n      height: \"100%\"\n    },\n    attrs: {\n      id: \"canvas1\"\n    }\n  })])], 2)], 1)]) : _vm._e()], 1)]);\n};\nvar staticRenderFns = [function () {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"unitNum\"\n  }, [_c(\"span\", [_vm._v(\"55\")])]);\n}];\nrender._withStripped = true;\nexport { render, staticRenderFns };",{"version":3,"names":["render","_vm","_c","_self","staticClass","class","equipmentName","_v","_s","ringMainUnit","staticStyle","cursor","attrs","src","require","on","click","handleClose","includes","height","handleClick","model","value","activeName","callback","$$v","expression","label","name","_e","width","deviceSn","deviceInformation","device_ip","totalInterval","directives","rawName","waterLevel","waterLevel1","grounding","_l","fenzhiArr","s","_m","data","tableData","stripe","prop","align","tableColumns","item","index","key","intervalClick","intervalName","echartsTab","intervalClick1","intervalName1","echartsTab1","echartsShow","id","tabPosition","InfraredName","vectorgraphData","display","slot","$event","InfraredClick","vectorgraph","style","color","photoShow","photoList","photo","videoShow","videoShow1","staticRenderFns","_withStripped"],"sources":["E:/2023/yancheng0718/yanchengPowerSupply/src/views/HomePop/ringMainUnit.vue"],"sourcesContent":["var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"div\",\n    {\n      staticClass: \"ringMainUnit\",\n      class: _vm.equipmentName == \"分支箱\" ? \"ringMain\" : \"\",\n    },\n    [\n      _c(\"div\", { staticClass: \"top\" }, [\n        _c(\"div\", { staticClass: \"title\" }, [_vm._v(_vm._s(_vm.ringMainUnit))]),\n        _c(\"div\", { staticClass: \"close\" }, [\n          _c(\"img\", {\n            staticStyle: { cursor: \"pointer\" },\n            attrs: { src: require(\"@/assets/images/close.png\") },\n            on: { click: _vm.handleClose },\n          }),\n        ]),\n      ]),\n      _c(\n        \"div\",\n        { staticClass: \"main\" },\n        [\n          _vm.ringMainUnit.includes(\"总览\") ||\n          _vm.ringMainUnit.includes(\"环网柜\")\n            ? _c(\n                \"el-tabs\",\n                {\n                  staticStyle: { height: \"4%\" },\n                  on: { \"tab-click\": _vm.handleClick },\n                  model: {\n                    value: _vm.activeName,\n                    callback: function ($$v) {\n                      _vm.activeName = $$v\n                    },\n                    expression: \"activeName\",\n                  },\n                },\n                [\n                  _c(\"el-tab-pane\", {\n                    staticStyle: { \"font-size\": \"20px\" },\n                    attrs: { label: \"设备信息\", name: \"first\" },\n                  }),\n                  _c(\"el-tab-pane\", {\n                    staticStyle: { \"font-size\": \"20px\" },\n                    attrs: { label: \"现场照片/红外视频\", name: \"second\" },\n                  }),\n                ],\n                1\n              )\n            : _vm._e(),\n          _vm.ringMainUnit.includes(\"分支箱\")\n            ? _c(\n                \"el-tabs\",\n                {\n                  staticStyle: { height: \"4%\" },\n                  on: { \"tab-click\": _vm.handleClick },\n                  model: {\n                    value: _vm.activeName,\n                    callback: function ($$v) {\n                      _vm.activeName = $$v\n                    },\n                    expression: \"activeName\",\n                  },\n                },\n                [\n                  _c(\"el-tab-pane\", {\n                    staticStyle: { \"font-size\": \"20px\" },\n                    attrs: { label: \"设备信息\", name: \"first\" },\n                  }),\n                  _c(\"el-tab-pane\", {\n                    staticStyle: { \"font-size\": \"20px\" },\n                    attrs: { label: \"现场照片\", name: \"second\" },\n                  }),\n                ],\n                1\n              )\n            : _vm._e(),\n          _vm.ringMainUnit.includes(\"箱变\")\n            ? _c(\n                \"el-tabs\",\n                {\n                  staticStyle: { height: \"4%\" },\n                  on: { \"tab-click\": _vm.handleClick },\n                  model: {\n                    value: _vm.activeName,\n                    callback: function ($$v) {\n                      _vm.activeName = $$v\n                    },\n                    expression: \"activeName\",\n                  },\n                },\n                [\n                  _c(\"el-tab-pane\", {\n                    staticStyle: { \"font-size\": \"20px\" },\n                    attrs: { label: \"设备信息\", name: \"first\" },\n                  }),\n                  _c(\"el-tab-pane\", {\n                    staticStyle: { \"font-size\": \"20px\" },\n                    attrs: { label: \"现场照片/红外视频\", name: \"second\" },\n                  }),\n                ],\n                1\n              )\n            : _vm._e(),\n          _vm.ringMainUnit.includes(\"开闭所\")\n            ? _c(\n                \"el-tabs\",\n                {\n                  staticStyle: { height: \"4%\" },\n                  on: { \"tab-click\": _vm.handleClick },\n                  model: {\n                    value: _vm.activeName,\n                    callback: function ($$v) {\n                      _vm.activeName = $$v\n                    },\n                    expression: \"activeName\",\n                  },\n                },\n                [\n                  _c(\"el-tab-pane\", {\n                    staticStyle: { \"font-size\": \"20px\" },\n                    attrs: { label: \"设备信息\", name: \"first\" },\n                  }),\n                  _c(\"el-tab-pane\", {\n                    staticStyle: { \"font-size\": \"20px\" },\n                    attrs: {\n                      label: \"红外线视频/监检视频/现场照片\",\n                      name: \"second\",\n                    },\n                  }),\n                ],\n                1\n              )\n            : _vm._e(),\n          _vm.activeName == \"first\"\n            ? _c(\"div\", { staticStyle: { height: \"100%\", width: \"100%\" } }, [\n                _c(\"div\", { staticClass: \"basic\" }, [\n                  _c(\n                    \"div\",\n                    {\n                      staticClass: \"title\",\n                      staticStyle: { \"margin-top\": \"10px\" },\n                    },\n                    [_vm._v(\"基本信息\")]\n                  ),\n                  _c(\"div\", { staticClass: \"content\" }, [\n                    _c(\n                      \"div\",\n                      { staticClass: \"information\" },\n                      [\n                        _c(\"div\", { staticClass: \"informationContent\" }, [\n                          _vm._v(\n                            \"\\n              \" +\n                              _vm._s(_vm.equipmentName) +\n                              \"名称    \" +\n                              _vm._s(_vm.ringMainUnit) +\n                              \"\\n            \"\n                          ),\n                        ]),\n                        _c(\"div\", { staticClass: \"informationContent\" }, [\n                          _vm._v(\n                            \"\\n              \" +\n                              _vm._s(_vm.equipmentName) +\n                              \"编号    \" +\n                              _vm._s(_vm.deviceSn) +\n                              \"\\n            \"\n                          ),\n                        ]),\n                        _vm.equipmentName == \"分支箱\"\n                          ? _c(\"div\", { staticClass: \"informationContent\" }, [\n                              _vm._v(\n                                \" \\n              蓄电池电压(v)\\n            \"\n                              ),\n                            ])\n                          : _vm.equipmentName == \"箱变\"\n                          ? void 0\n                          : [\n                              _c(\"div\", { staticClass: \"informationContent\" }, [\n                                _vm._v(\n                                  \"\\n              IP地址    \" +\n                                    _vm._s(_vm.deviceInformation.device_ip) +\n                                    \"\\n            \"\n                                ),\n                              ]),\n                              _c(\"div\", { staticClass: \"informationContent\" }, [\n                                _vm._v(\n                                  \"\\n              总间隔    \" +\n                                    _vm._s(_vm.totalInterval) +\n                                    \"\\n            \"\n                                ),\n                              ]),\n                            ],\n                      ],\n                      2\n                    ),\n                  ]),\n                ]),\n                _c(\n                  \"div\",\n                  {\n                    directives: [\n                      {\n                        name: \"show\",\n                        rawName: \"v-show\",\n                        value: _vm.equipmentName != \"分支箱\",\n                        expression: 'equipmentName!=\"分支箱\"',\n                      },\n                    ],\n                    staticClass: \"earlyWarning\",\n                  },\n                  [\n                    _c(\"div\", { staticClass: \"title\" }, [_vm._v(\"预警信息\")]),\n                    _c(\"div\", { staticClass: \"content\" }, [\n                      _c(\"div\", { staticClass: \"information\" }, [\n                        _c(\"div\", { staticClass: \"informationContent\" }, [\n                          _c(\"img\", {\n                            attrs: {\n                              src: require(\"@/assets/images/shiliangIcon1.png\"),\n                            },\n                          }),\n                          _vm._v(\n                            \"\\n              电缆沟水位 :    \" +\n                              _vm._s(_vm.waterLevel) +\n                              \"米\\n              \\n            \"\n                          ),\n                        ]),\n                        _c(\"div\", { staticClass: \"informationContent\" }, [\n                          _vm.equipmentName != \"箱变\"\n                            ? _c(\n                                \"span\",\n                                { staticStyle: { \"margin-left\": \"10px\" } },\n                                [_vm._v(\" 状态:    \" + _vm._s(_vm.waterLevel1))]\n                              )\n                            : _vm._e(),\n                        ]),\n                        _c(\"div\", { staticClass: \"informationContent\" }, [\n                          _c(\"img\", {\n                            attrs: {\n                              src: require(\"@/assets/images/shiliangIcon2.png\"),\n                            },\n                          }),\n                          _vm._v(\n                            \"\\n              小电流接地故障状态 :    \" +\n                              _vm._s(_vm.grounding) +\n                              \"\\n            \"\n                          ),\n                        ]),\n                      ]),\n                    ]),\n                  ]\n                ),\n                _vm.equipmentName == \"分支箱\"\n                  ? _c(\"div\", { staticClass: \"interval\" }, [\n                      _c(\"div\", { staticClass: \"title\" }, [\n                        _vm._v(\"出现线缆温度监测\"),\n                      ]),\n                      _c(\n                        \"div\",\n                        { staticClass: \"fenzhiMessage\" },\n                        _vm._l(_vm.fenzhiArr, function (s) {\n                          return _c(\"div\", { staticClass: \"fenzhiItem\" }, [\n                            _vm._m(0, true),\n                            _c(\"div\", { staticClass: \"fenzhiUnit\" }, [\n                              _c(\"span\", [_vm._v(_vm._s(s))]),\n                            ]),\n                          ])\n                        }),\n                        0\n                      ),\n                    ])\n                  : _c(\"div\", { staticClass: \"interval\" }, [\n                      _vm.equipmentName == \"箱变\"\n                        ? _c(\"div\", { staticClass: \"title\" }, [\n                            _vm._v(\"电参数监测\"),\n                          ])\n                        : _c(\"div\", { staticClass: \"title\" }, [\n                            _vm._v(\"间隔监测\"),\n                          ]),\n                      _c(\n                        \"div\",\n                        { staticClass: \"table user_skills\" },\n                        [\n                          _c(\n                            \"el-table\",\n                            {\n                              staticStyle: { width: \"100%\", height: \"100%\" },\n                              attrs: {\n                                data: _vm.tableData,\n                                \"header-cell-style\": { \"text-align\": \"center\" },\n                                \"cell-style\": { \"text-align\": \"center\" },\n                                stripe: \"\",\n                              },\n                            },\n                            [\n                              _c(\"el-table-column\", {\n                                attrs: {\n                                  prop: \"name\",\n                                  label: \"\",\n                                  align: \"center\",\n                                  width: \"150\",\n                                },\n                              }),\n                              _c(\"el-table-column\", {\n                                attrs: { prop: \"phase\", label: \"相位\" },\n                              }),\n                              _vm._l(_vm.tableColumns, function (item, index) {\n                                return _c(\"el-table-column\", {\n                                  key: index,\n                                  attrs: {\n                                    prop: item.key,\n                                    align: \"center\",\n                                    label: item.name,\n                                  },\n                                })\n                              }),\n                            ],\n                            2\n                          ),\n                        ],\n                        1\n                      ),\n                    ]),\n                _vm.equipmentName == \"箱变\"\n                  ? _c(\"div\", { staticClass: \"addTitle\" }, [\n                      _vm._v(\"进线局放数据\"),\n                    ])\n                  : _vm.equipmentName == \"分支箱\"\n                  ? _c(\"div\", { staticClass: \"addTitle\" }, [_vm._v(\"局放数据\")])\n                  : _vm._e(),\n                _c(\n                  \"div\",\n                  { staticClass: \"intervalData\" },\n                  [\n                    _c(\n                      \"el-tabs\",\n                      {\n                        on: { \"tab-click\": _vm.intervalClick },\n                        model: {\n                          value: _vm.intervalName,\n                          callback: function ($$v) {\n                            _vm.intervalName = $$v\n                          },\n                          expression: \"intervalName\",\n                        },\n                      },\n                      _vm._l(_vm.echartsTab, function (item, index) {\n                        return _c(\"el-tab-pane\", {\n                          key: index,\n                          attrs: { label: item.name, name: item.key },\n                        })\n                      }),\n                      1\n                    ),\n                    _c(\n                      \"el-tabs\",\n                      {\n                        on: { \"tab-click\": _vm.intervalClick1 },\n                        model: {\n                          value: _vm.intervalName1,\n                          callback: function ($$v) {\n                            _vm.intervalName1 = $$v\n                          },\n                          expression: \"intervalName1\",\n                        },\n                      },\n                      _vm._l(_vm.echartsTab1, function (item, index) {\n                        return _c(\"el-tab-pane\", {\n                          key: index,\n                          attrs: { label: item.name, name: item.key },\n                        })\n                      }),\n                      1\n                    ),\n                    _c(\"div\", {\n                      directives: [\n                        {\n                          name: \"show\",\n                          rawName: \"v-show\",\n                          value: _vm.echartsShow,\n                          expression: \"echartsShow\",\n                        },\n                      ],\n                      attrs: { id: \"intervalShow\" },\n                    }),\n                    _c(\"div\", {\n                      directives: [\n                        {\n                          name: \"show\",\n                          rawName: \"v-show\",\n                          value: !_vm.echartsShow,\n                          expression: \"!echartsShow\",\n                        },\n                      ],\n                      attrs: { id: \"temperatureShow\" },\n                    }),\n                  ],\n                  1\n                ),\n              ])\n            : _vm._e(),\n          _vm.activeName == \"second\"\n            ? _c(\n                \"div\",\n                {\n                  staticClass: \"InfraredVideo\",\n                  staticStyle: { height: \"96%\", width: \"100%\" },\n                },\n                [\n                  _c(\n                    \"div\",\n                    { staticClass: \"title\" },\n                    [\n                      _c(\n                        \"el-tabs\",\n                        {\n                          staticStyle: { height: \"100%\" },\n                          attrs: { \"tab-position\": _vm.tabPosition },\n                          model: {\n                            value: _vm.InfraredName,\n                            callback: function ($$v) {\n                              _vm.InfraredName = $$v\n                            },\n                            expression: \"InfraredName\",\n                          },\n                        },\n                        [\n                          _vm._l(_vm.vectorgraphData, function (item, index) {\n                            return _c(\"el-tab-pane\", { key: index }, [\n                              _c(\n                                \"span\",\n                                {\n                                  staticStyle: {\n                                    display: \"flex\",\n                                    \"align-items\": \"center\",\n                                  },\n                                  attrs: { slot: \"label\" },\n                                  on: {\n                                    click: function ($event) {\n                                      return _vm.InfraredClick(index)\n                                    },\n                                  },\n                                  slot: \"label\",\n                                },\n                                [\n                                  _c(\"img\", {\n                                    attrs: { src: item.vectorgraph },\n                                  }),\n                                  _c(\n                                    \"span\",\n                                    {\n                                      staticStyle: {\n                                        \"margin-left\": \"10px\",\n                                        \"font-size\": \"19px\",\n                                      },\n                                      style: { color: item.color },\n                                    },\n                                    [_vm._v(_vm._s(item.name))]\n                                  ),\n                                ]\n                              ),\n                            ])\n                          }),\n                          _c(\n                            \"div\",\n                            {\n                              directives: [\n                                {\n                                  name: \"show\",\n                                  rawName: \"v-show\",\n                                  value: _vm.photoShow,\n                                  expression: \"photoShow\",\n                                },\n                              ],\n                              staticClass: \"content\",\n                            },\n                            _vm._l(_vm.photoList, function (item, index) {\n                              return _c(\n                                \"div\",\n                                {\n                                  key: index,\n                                  staticStyle: {\n                                    \"margin-top\": \"40px\",\n                                    \"margin-right\": \"20px\",\n                                  },\n                                },\n                                [\n                                  _c(\"img\", {\n                                    staticStyle: {\n                                      width: \"407px\",\n                                      height: \"274px\",\n                                    },\n                                    attrs: { src: item.photo },\n                                  }),\n                                ]\n                              )\n                            }),\n                            0\n                          ),\n                          _c(\n                            \"div\",\n                            {\n                              directives: [\n                                {\n                                  name: \"show\",\n                                  rawName: \"v-show\",\n                                  value: _vm.videoShow,\n                                  expression: \"videoShow\",\n                                },\n                              ],\n                              staticClass: \"content1\",\n                            },\n                            [\n                              _c(\"canvas\", {\n                                staticStyle: { width: \"100%\", height: \"100%\" },\n                                attrs: { id: \"canvas\" },\n                              }),\n                            ]\n                          ),\n                          _c(\n                            \"div\",\n                            {\n                              directives: [\n                                {\n                                  name: \"show\",\n                                  rawName: \"v-show\",\n                                  value: _vm.videoShow1,\n                                  expression: \"videoShow1\",\n                                },\n                              ],\n                              staticClass: \"content1\",\n                            },\n                            [\n                              _c(\"canvas\", {\n                                staticStyle: { width: \"100%\", height: \"100%\" },\n                                attrs: { id: \"canvas1\" },\n                              }),\n                            ]\n                          ),\n                        ],\n                        2\n                      ),\n                    ],\n                    1\n                  ),\n                ]\n              )\n            : _vm._e(),\n        ],\n        1\n      ),\n    ]\n  )\n}\nvar staticRenderFns = [\n  function () {\n    var _vm = this,\n      _c = _vm._self._c\n    return _c(\"div\", { staticClass: \"unitNum\" }, [_c(\"span\", [_vm._v(\"55\")])])\n  },\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }"],"mappings":"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"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/b02ed53154647e837f454a450a8479a7.json b/node_modules/.cache/babel-loader/b02ed53154647e837f454a450a8479a7.json
new file mode 100644
index 00000000..a95c47b5
--- /dev/null
+++ b/node_modules/.cache/babel-loader/b02ed53154647e837f454a450a8479a7.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\component\\workOrder.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\component\\workOrder.vue","mtime":1689642397092},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\babel.config.js","mtime":1689642387810},{"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":["import \"core-js/modules/es6.regexp.split\";\nimport { getGdtj, getWord } from \"../api/index\";\n// import axios from \"axios\";\nvar docx = require(\"docx-preview\");\nwindow.JSZip = require(\"jszip\");\nexport default {\n  name: \"workOrder\",\n  props: [\"orderItem\"],\n  data: function data() {\n    return {\n      workList: null,\n      wordShow: false,\n      wordTitle: \"\",\n      closeShow: false\n    };\n  },\n  created: function created() {\n    var _this = this;\n    //   console.log(this.workId,'id');\n    //   查询工单详情\n    // if(this.orderItem.gd_type_id==''){\n    //   return\n    // }\n    getGdtj({\n      action: \"detail\",\n      gd_type_id: this.orderItem.gd_type_id\n    }).then(function (res) {\n      if (res.state == false) {\n        return;\n      }\n      // console.log(res.data.data, \"工单详情数据\");\n      _this.workList = res.data.data;\n    });\n  },\n  methods: {\n    handleClose: function handleClose() {\n      this.$parent.workShow = \"\";\n      this.$parent.orderItem = null;\n    },\n    //   弹出word\n    openFile: function openFile(url, row) {\n      var _this2 = this;\n      // console.log(row,'数据');\n      // word标题\n      this.wordTitle = row;\n      var that = this;\n      // console.log(url);\n      // console.log(url, \"url路劲\");\n      var url = \"/\" + url.split(\"/\")[3] + \"/\" + url.split(\"/\")[4];\n      //   console.log(url,'路劲');\n\n      //\n\n      getWord(url).then(function (_ref) {\n        var data = _ref.data;\n        // console.log(data, \"格式\");\n\n        // console.log(src,'000');\n        that.$nextTick(function () {\n          // doc.renderAsync(data,that.$refs.word)\n          docx.renderAsync(data, that.$refs.word, null, {\n            className: \"docx\",\n            //默认和文档样式类的类名/前缀\n            inWrapper: true,\n            //启用围绕文档内容呈现包装器\n            ignoreWidth: true,\n            //禁用页面的渲染宽度\n            ignoreHeight: true,\n            //禁用页面的渲染高度\n            ignoreFonts: false,\n            //禁用字体渲染\n            breakPages: true,\n            //在分页符上启用分页\n            ignoreLastRenderedPageBreak: true,\n            //在lastRenderedPageBreak元素上禁用分页\n            experimental: false,\n            //启用实验功能（制表符停止计算）\n            trimXMLDeclaration: true,\n            //如果为true，则在解析之前将从xml文档中删除xml声明\n            useBase64URL: false,\n            //如果为true，图像、字体等将转换为base 64 URL，否则使用URL.createObjectURL\n            useMathMLPolyfill: false,\n            //包括用于铬、边等的MathML多填充。\n            showChanges: false,\n            //启用文档更改的实验渲染（插入/删除）\n            debug: false //启用额外的日志记录\n          }).then(function (res) {\n            _this2.wordShow = true;\n            that.closeShow = true;\n          });\n        });\n      });\n      // 关闭按钮显示\n\n      //   setTimeout(() => {\n      //     that.closeShow = true;\n      //   }, 2000);\n      //   });\n      // });\n    },\n    // 关闭word\n    wordClose: function wordClose() {\n      this.wordShow = false;\n    }\n  }\n};",{"version":3,"mappings":";AAyEA;AACA;AACA;AAEAA;AACA;EACAC;EACAC;EACAC;IACA;MACAC;MACAC;MACAC;MACAC;IAGA;EACA;EACAC;IAAA;IACA;IACA;IACA;IACA;IACA;IACAC;MAAAC;MAAAC;IAAA,QACA;MACA;QACA;MACA;MACA;MACA;IACA,EACA;EACA;EACAC;IACAC;MACA;MACA;IACA;IACA;IACAC;MAAA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;;MAEA;;MAEAC;QAAA;QACA;;QAEA;QACAC;UACA;UACAC,KACAC;YACAC;YAAA;YACAC;YAAA;YACAC;YAAA;YACAC;YAAA;YACAC;YAAA;YACAC;YAAA;YACAC;YAAA;YACAC;YAAA;YACAC;YAAA;YACAC;YAAA;YACAC;YAAA;YACAC;YAAA;YACAC;UACA,GACAC;YACA;YACAhB;UACA;QACA;MACA;MACA;;MAEA;MACA;MACA;MACA;MACA;IACA;IACA;IACAiB;MACA;IACA;EACA;AACA","names":["window","name","props","data","workList","wordShow","wordTitle","closeShow","created","getGdtj","action","gd_type_id","methods","handleClose","openFile","getWord","that","docx","renderAsync","className","inWrapper","ignoreWidth","ignoreHeight","ignoreFonts","breakPages","ignoreLastRenderedPageBreak","experimental","trimXMLDeclaration","useBase64URL","useMathMLPolyfill","showChanges","debug","then","wordClose"],"sourceRoot":"src/component","sources":["workOrder.vue"],"sourcesContent":["<template>\r\n  <div>\r\n    <div class=\"workOrder\" :class=\"wordShow == true ? 'addblur' : ''\">\r\n      <div class=\"top\">\r\n        <div class=\"title\">{{ orderItem.gd_type_name }}详情</div>\r\n        <div class=\"close\">\r\n          <img\r\n            @click=\"handleClose\"\r\n            src=\"@/assets/images/close.png\"\r\n            style=\"cursor: pointer\"\r\n          />\r\n        </div>\r\n      </div>\r\n      <div class=\"table user_skills\">\r\n        <el-table\r\n          :data=\"workList\"\r\n          style=\"width: 100%; height: 100%\"\r\n          :header-cell-style=\"{ 'text-align': 'center' }\"\r\n          :cell-style=\"{ 'text-align': 'center' }\"\r\n          stripe\r\n        >\r\n          <el-table-column label=\"序号\" align=\"center\" width=\"60\">\r\n            <template slot-scope=\"scope\">\r\n              {{ scope.$index + 1 }}\r\n            </template>\r\n          </el-table-column>\r\n          <el-table-column prop=\"bz\" label=\"班组\" align=\"center\">\r\n          </el-table-column>\r\n          <el-table-column prop=\"gd_type_id\" label=\"工单类型\" align=\"center\">\r\n          </el-table-column>\r\n          <el-table-column prop=\"gd_zrr\" label=\"工单责任人\" align=\"center\">\r\n          </el-table-column>\r\n          <el-table-column prop=\"gd_title\" label=\"工单标题\" align=\"center\">\r\n          </el-table-column>\r\n          <el-table-column prop=\"gd_time\" label=\"工单时间\" align=\"center\">\r\n          </el-table-column>\r\n          <el-table-column prop=\"is_manyi_dsc\" label=\"是否满意\" align=\"center\">\r\n          </el-table-column>\r\n          <el-table-column label=\"资料路径\" align=\"center\">\r\n            <template slot-scope=\"scope\">\r\n              <div\r\n                @click=\"openFile(scope.row.file_url, scope.row.bz)\"\r\n                :class=\"scope.row.file_url ? 'openBtn' : ''\"\r\n              ></div>\r\n              <!-- <el-button type='info'>\r\n              查看详情\r\n            </el-button> -->\r\n            </template>\r\n          </el-table-column>\r\n          <!-- <el-table-column prop=\"phase\" label=\"创建时间\" align=\"center\"> </el-table-column> -->\r\n        </el-table>\r\n      </div>\r\n    </div>\r\n    <!-- word弹窗 -->\r\n    <div class=\"wordDialog\" v-show=\"wordShow\">\r\n      <div class=\"title\">\r\n        {{ wordShow == true ? this.wordTitle+'详情' : \"\" }}\r\n      </div>\r\n      <div class=\"word\" ref=\"word\">\r\n        <div class=\"wordBox\"></div>\r\n      </div>\r\n      <div class=\"wordBtn\">\r\n        <img\r\n          @click=\"wordClose\"\r\n          src=\"@/assets/images/close.png\"\r\n          style=\"cursor: pointer\"\r\n        />\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { getGdtj, getWord } from \"../api/index\";\r\n// import axios from \"axios\";\r\nlet docx = require(\"docx-preview\");\r\n\r\nwindow.JSZip = require(\"jszip\");\r\nexport default {\r\n  name: \"workOrder\",\r\n  props: [\"orderItem\"],\r\n  data() {\r\n    return {\r\n      workList: null,\r\n      wordShow: false,\r\n      wordTitle: \"\",\r\n      closeShow: false,\r\n\r\n      \r\n    };\r\n  },\r\n  created() {\r\n    //   console.log(this.workId,'id');\r\n    //   查询工单详情\r\n    // if(this.orderItem.gd_type_id==''){\r\n    //   return\r\n    // }\r\n    getGdtj({ action: \"detail\", gd_type_id: this.orderItem.gd_type_id }).then(\r\n      (res) => {\r\n        if(res.state==false){\r\n          return\r\n        }\r\n        // console.log(res.data.data, \"工单详情数据\");\r\n        this.workList = res.data.data;\r\n      }\r\n    );\r\n  },\r\n  methods: {\r\n    handleClose() {\r\n      this.$parent.workShow = \"\";\r\n      this.$parent.orderItem = null;\r\n    },\r\n    //   弹出word\r\n    openFile(url, row) {\r\n      // console.log(row,'数据');\r\n      // word标题\r\n      this.wordTitle = row;\r\n      var that = this;\r\n      // console.log(url);\r\n      // console.log(url, \"url路劲\");\r\n      var url = \"/\" + url.split(\"/\")[3] + \"/\" + url.split(\"/\")[4];\r\n      //   console.log(url,'路劲');\r\n\r\n      //\r\n\r\n      getWord(url).then(({ data }) => {\r\n        // console.log(data, \"格式\");\r\n\r\n        // console.log(src,'000');\r\n        that.$nextTick(() => {\r\n          // doc.renderAsync(data,that.$refs.word)\r\n          docx\r\n            .renderAsync(data, that.$refs.word, null, {\r\n              className: \"docx\", //默认和文档样式类的类名/前缀\r\n              inWrapper: true, //启用围绕文档内容呈现包装器\r\n              ignoreWidth: true, //禁用页面的渲染宽度\r\n              ignoreHeight: true, //禁用页面的渲染高度\r\n              ignoreFonts: false, //禁用字体渲染\r\n              breakPages: true, //在分页符上启用分页\r\n              ignoreLastRenderedPageBreak: true, //在lastRenderedPageBreak元素上禁用分页\r\n              experimental: false, //启用实验功能（制表符停止计算）\r\n              trimXMLDeclaration: true, //如果为true，则在解析之前将从xml文档中删除xml声明\r\n              useBase64URL: false, //如果为true，图像、字体等将转换为base 64 URL，否则使用URL.createObjectURL\r\n              useMathMLPolyfill: false, //包括用于铬、边等的MathML多填充。\r\n              showChanges: false, //启用文档更改的实验渲染（插入/删除）\r\n              debug: false, //启用额外的日志记录\r\n            })\r\n            .then((res) => {\r\n              this.wordShow = true;\r\n              that.closeShow = true;\r\n            });\r\n        });\r\n      });\r\n      // 关闭按钮显示\r\n\r\n      //   setTimeout(() => {\r\n      //     that.closeShow = true;\r\n      //   }, 2000);\r\n      //   });\r\n      // });\r\n    },\r\n    // 关闭word\r\n    wordClose() {\r\n      this.wordShow = false;\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped lang='less'>\r\n.openBtn {\r\n  width: 128px;\r\n  height: 37px;\r\n  background-image: url(\"../assets/images/detailBtn.png\");\r\n  background-size: 100% 100%;\r\n  margin: 0 auto;\r\n}\r\n/deep/.el-table {\r\n  font-size: 20px !important;\r\n}\r\n/deep/.el-table tr {\r\n  height: 70px;\r\n}\r\n.user_skills {\r\n  /**\r\n  表格有滚动效果但是不显示滚动条\r\n  */\r\n  /deep/ .is-scrolling-none {\r\n    overflow: hidden;\r\n    overflow-y: auto;\r\n    overflow-x: scroll;\r\n    height: calc(100% - 70px);\r\n  }\r\n  /deep/ .is-scrolling-none::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n  /deep/.el-table--scrollable-y ::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n  /deep/.el-table--scrollable-x ::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n  /deep/ .el-table {\r\n    background-color: transparent !important;\r\n  }\r\n  /deep/ .el-table th {\r\n    background-color: transparent !important;\r\n  }\r\n  /deep/ .el-table__header {\r\n    height: 48px;\r\n    background: url(\"../assets/images/intervalTable.png\") no-repeat;\r\n    background-size: 100% 100%;\r\n  }\r\n  /deep/ .el-table__header th {\r\n    border: none;\r\n    padding: 0;\r\n    height: 40px;\r\n    .cell {\r\n      height: 100%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-around;\r\n    }\r\n    &.el-table__cell.is-leaf {\r\n      border: none !important;\r\n    }\r\n  }\r\n  /deep/ .el-table tr {\r\n    background-color: transparent !important;\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  /deep/ .el-table__body td .cell {\r\n    white-space: nowrap !important;\r\n    // word-break: break-all;\r\n  }\r\n  /deep/ .el-table th.el-table__cell > .cell {\r\n    color: rgb(86, 254, 226);\r\n  }\r\n  /deep/.el-table .el-table__cell {\r\n    padding: 5px 0;\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}\r\n.el-table::before {\r\n  background-color: transparent;\r\n}\r\n::v-deep .el-table .el-table__body tr.el-table__row td {\r\n  background: rgba(79, 218, 255, 0.1) !important;\r\n}\r\n::v-deep .el-table--striped .el-table__body tr.el-table__row--striped td {\r\n  background: rgba(79, 218, 255, 0.06) !important;\r\n}\r\n.addblur {\r\n  filter: blur(5px);\r\n  // background-color: #000;\r\n}\r\n.workOrder {\r\n  width: 1332px;\r\n  height: 693px;\r\n  position: relative;\r\n  background: url(\"../assets/images/ringMain.png\") no-repeat;\r\n  background-size: 100% 100%;\r\n  -webkit-animation: fadeInDown 0.3s;\r\n  animation: fadeInDown 0.3s;\r\n  padding: 15px 25px;\r\n  box-sizing: border-box;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  align-content: space-between;\r\n  .top {\r\n    height: 4%;\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    .close{\r\n      position: absolute;\r\n      top: 3%;\r\n      right: 2%;\r\n    }\r\n    .title {\r\n      font-size: 28px;\r\n      font-weight: 700;\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(86, 244, 254)\r\n      );\r\n    }\r\n  }\r\n  .table {\r\n    width: 100%;\r\n    height: 95%;\r\n    // border: 1px solid red;\r\n    background: url(\"../assets/images/intervalFrame.png\") no-repeat;\r\n    background-size: 100% 100%;\r\n    padding: 15px 20px;\r\n  }\r\n}\r\n.wordDialog {\r\n  width: 1511px;\r\n  height: 1071px;\r\n  position: fixed;\r\n  top: 0px;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  margin: auto;\r\n  z-index: 999;\r\n  background: url(\"../assets/images/ringMainUnitKuang.png\") no-repeat;\r\n  // background: url(\"../assets/images/wordBg.png\") no-repeat;\r\n  background-size: 100% 100%;\r\n}\r\n.title {\r\n  font-size: 28px;\r\n  font-weight: 700;\r\n  color: transparent;\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  background-image: -webkit-gradient(\r\n    linear,\r\n    left top,\r\n    left bottom,\r\n    from(#ffffff),\r\n    to(#56f4fe)\r\n  );\r\n  background-image: linear-gradient(to bottom, #ffffff, #56f4fe);\r\n  position: absolute;\r\n  top: 1%;\r\n  left: 1%;\r\n}\r\n//   去除滚动条\r\n::-webkit-scrollbar {\r\n  display: none;\r\n}\r\n//   word\r\n.word {\r\n  width: 100%;\r\n  // height: 50%;\r\n  height: 94%;\r\n  margin-top: 4%;\r\n  overflow-y: scroll;\r\n\r\n  // background-color: chartreuse;\r\n}\r\n.wordBtn {\r\n  position: absolute;\r\n  right: 35px;\r\n  top: 39px;\r\n  z-index: 1000;\r\n  // width: 100%;\r\n  // height: 4%;\r\n  // background-color: darkgray;\r\n  // img {\r\n  //   position: absolute;\r\n  //   top: 34%;\r\n  //   right: 1%;\r\n  // }\r\n}\r\n\r\n/deep/ .docx span {\r\n  // font-size: 25px !important;\r\n  color: #fff !important;\r\n}\r\n/deep/ .docx-wrapper {\r\n  background-color: transparent !important;\r\n  box-shadow: none !important;\r\n  // background-image: url(\"../assets/images/wordBg1.png\");\r\n  background-size: 100% 100%;\r\n}\r\n/deep/ .docx {\r\n  width: 100% !important;\r\n  background-color: transparent !important;\r\n  box-shadow: none !important;\r\n  padding: unset !important;\r\n}\r\n// /deep/ .docx table td {\r\n//   width: 60px !important;\r\n//   border-style: none !important;\r\n// }\r\n// /deep/ .docx-wrapper > section.docx {\r\n//   // background-color: transparent !important;\r\n// }\r\n/deep/ .docx table {\r\n  width: 100% !important;\r\n  /deep/ tr:nth-of-type(1) {\r\n    background: url(\"../assets/images/intervalTable.png\") no-repeat !important;\r\n    background-size: 100% 100%;\r\n  }\r\n  /deep/ td {\r\n    border-style: unset !important;\r\n    font-size: 20px;\r\n  }\r\n  /deep/ tr:nth-child(2n) {\r\n    background: rgba(79, 218, 255, 0.06) !important;\r\n  }\r\n  /deep/ tr {\r\n    background: rgba(79, 218, 255, 0.1) !important;\r\n    height: 48px !important;\r\n  }\r\n}\r\n\r\n// /deep/ .docx p {\r\n//   text-align: center !important;\r\n// }\r\n// /deep/ p.docx_a3 {\r\n//   border-bottom: none !important;\r\n// }\r\n/deep/ .docx p {\r\n  // text-align: unset !important;\r\n  line-height: unset !important;\r\n  text-align: unset !important;\r\n  // text-indent: unset !important;\r\n}\r\n/dee/ .docx img {\r\n  margin: 0 auto !important;\r\n}\r\n/deep/ .docx_normalcharacter > div {\r\n  margin: 0 auto !important;\r\n  text-align: unset !important;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/c2c5c491db89d07c01b7b7221d168462.json b/node_modules/.cache/babel-loader/c2c5c491db89d07c01b7b7221d168462.json
new file mode 100644
index 00000000..dba4e5a8
--- /dev/null
+++ b/node_modules/.cache/babel-loader/c2c5c491db89d07c01b7b7221d168462.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\store.js","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\store.js","mtime":1689642397093},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\babel.config.js","mtime":1689642387810},{"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}],"contextDependencies":[],"result":["import Vue from 'vue';\nimport Vuex from 'vuex';\nVue.use(Vuex);\nexport default new Vuex.Store({\n  state: {},\n  mutations: {},\n  actions: {}\n});",{"version":3,"names":["Vue","Vuex","use","Store","state","mutations","actions"],"sources":["E:/2023/yancheng0718/yanchengPowerSupply/src/store.js"],"sourcesContent":["import Vue from 'vue'\r\nimport Vuex from 'vuex'\r\n\r\nVue.use(Vuex)\r\n\r\nexport default new Vuex.Store({\r\n  state: {\r\n\r\n  },\r\n  mutations: {\r\n\r\n  },\r\n  actions: {\r\n\r\n  }\r\n})\r\n"],"mappings":"AAAA,OAAOA,GAAG,MAAM,KAAK;AACrB,OAAOC,IAAI,MAAM,MAAM;AAEvBD,GAAG,CAACE,GAAG,CAACD,IAAI,CAAC;AAEb,eAAe,IAAIA,IAAI,CAACE,KAAK,CAAC;EAC5BC,KAAK,EAAE,CAEP,CAAC;EACDC,SAAS,EAAE,CAEX,CAAC;EACDC,OAAO,EAAE,CAET;AACF,CAAC,CAAC"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/e9f768bbdd6dc67245e58a6cfd40bf42.json b/node_modules/.cache/babel-loader/e9f768bbdd6dc67245e58a6cfd40bf42.json
new file mode 100644
index 00000000..60bf4570
--- /dev/null
+++ b/node_modules/.cache/babel-loader/e9f768bbdd6dc67245e58a6cfd40bf42.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??ref--6!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\twentyKV.vue?vue&type=template&id=e9df6994&scoped=true&","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\twentyKV.vue","mtime":1689642397097},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\babel.config.js","mtime":1689642387810},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1689642389292},{"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\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1689642396087},{"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":["var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"twentyKV\"\n  }, [_vm._v(\"\\n    twentyKV\\n\")]);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\nexport { render, staticRenderFns };",{"version":3,"names":["render","_vm","_c","_self","staticClass","_v","staticRenderFns","_withStripped"],"sources":["E:/2023/yancheng0718/yanchengPowerSupply/src/views/twentyKV.vue"],"sourcesContent":["var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\"div\", { staticClass: \"twentyKV\" }, [_vm._v(\"\\n    twentyKV\\n\")])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"],"mappings":"AAAA,IAAIA,MAAM,GAAG,SAASA,MAAM,GAAG;EAC7B,IAAIC,GAAG,GAAG,IAAI;IACZC,EAAE,GAAGD,GAAG,CAACE,KAAK,CAACD,EAAE;EACnB,OAAOA,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAW,CAAC,EAAE,CAACH,GAAG,CAACI,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC;AAC7E,CAAC;AACD,IAAIC,eAAe,GAAG,EAAE;AACxBN,MAAM,CAACO,aAAa,GAAG,IAAI;AAE3B,SAASP,MAAM,EAAEM,eAAe"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/ee367402980420a051f4907867bccb38.json b/node_modules/.cache/babel-loader/ee367402980420a051f4907867bccb38.json
new file mode 100644
index 00000000..0c88bb33
--- /dev/null
+++ b/node_modules/.cache/babel-loader/ee367402980420a051f4907867bccb38.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\main.js","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\main.js","mtime":1689642397092},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\babel.config.js","mtime":1689642387810},{"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}],"contextDependencies":[],"result":["import \"E:\\\\2023\\\\yancheng0718\\\\yanchengPowerSupply\\\\node_modules\\\\core-js\\\\modules\\\\es6.array.iterator.js\";\nimport \"E:\\\\2023\\\\yancheng0718\\\\yanchengPowerSupply\\\\node_modules\\\\core-js\\\\modules\\\\es6.promise.js\";\nimport \"E:\\\\2023\\\\yancheng0718\\\\yanchengPowerSupply\\\\node_modules\\\\core-js\\\\modules\\\\es6.object.assign.js\";\nimport \"E:\\\\2023\\\\yancheng0718\\\\yanchengPowerSupply\\\\node_modules\\\\core-js\\\\modules\\\\es7.promise.finally.js\";\nimport Vue from 'vue';\nimport App from \"./App.vue\";\nimport router from \"./router\";\nimport store from \"./store\";\nimport ElementUI from 'element-ui';\nimport 'element-ui/lib/theme-chalk/index.css';\nVue.use(ElementUI);\nimport Plugin from 'v-fit-columns';\nVue.use(Plugin);\nimport * as echarts from 'echarts';\nVue.prototype.$echarts = echarts;\nimport VideoPlayer from 'vue-video-player';\nimport 'video.js/dist/video-js.css';\nimport 'vue-video-player/src/custom-theme.css';\nVue.use(VideoPlayer);\nimport moment from 'moment';\n//定义一个全局过滤器实现日期格式化\nVue.filter('datefmt', function (input, fmtstring) {\n  //当input为时间戳时，需转为Number类型\n  // 使用momentjs这个日期格式化类库实现日期的格式化功能\n  return moment(input).format(fmtstring);\n});\nVue.prototype.$moment = moment;\nimport Mixin from \"./mixins.js\";\nVue.mixin(Mixin);\nVue.config.productionTip = false;\nnew Vue({\n  router: router,\n  store: store,\n  render: function render(h) {\n    return h(App);\n  }\n}).$mount('#app');",{"version":3,"names":["Vue","App","router","store","ElementUI","use","Plugin","echarts","prototype","$echarts","VideoPlayer","moment","filter","input","fmtstring","format","$moment","Mixin","mixin","config","productionTip","render","h","$mount"],"sources":["E:/2023/yancheng0718/yanchengPowerSupply/src/main.js"],"sourcesContent":["import Vue from 'vue'\r\nimport App from './App.vue'\r\nimport router from './router'\r\nimport store from './store'\r\n\r\nimport ElementUI from 'element-ui'\r\nimport 'element-ui/lib/theme-chalk/index.css'\r\nVue.use(ElementUI)\r\nimport Plugin from 'v-fit-columns';\r\nVue.use(Plugin);\r\nimport * as echarts from 'echarts'\r\nVue.prototype.$echarts = echarts\r\n\r\n\r\nimport VideoPlayer from 'vue-video-player'\r\nimport 'video.js/dist/video-js.css'\r\nimport 'vue-video-player/src/custom-theme.css'\r\nVue.use(VideoPlayer)\r\n\r\nimport moment from 'moment'\r\n//定义一个全局过滤器实现日期格式化\r\nVue.filter('datefmt',function (input,fmtstring) {//当input为时间戳时，需转为Number类型\r\n  // 使用momentjs这个日期格式化类库实现日期的格式化功能\r\n  return moment(input).format(fmtstring);\r\n});\r\nVue.prototype.$moment = moment\r\n\r\nimport Mixin from './mixins.js';\r\nVue.mixin(Mixin)\r\n\r\nVue.config.productionTip = false\r\n\r\nnew Vue({\r\n  router,\r\n  store,\r\n  render: h => h(App)\r\n}).$mount('#app')\r\n"],"mappings":";;;;AAAA,OAAOA,GAAG,MAAM,KAAK;AACrB,OAAOC,GAAG;AACV,OAAOC,MAAM;AACb,OAAOC,KAAK;AAEZ,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAO,sCAAsC;AAC7CJ,GAAG,CAACK,GAAG,CAACD,SAAS,CAAC;AAClB,OAAOE,MAAM,MAAM,eAAe;AAClCN,GAAG,CAACK,GAAG,CAACC,MAAM,CAAC;AACf,OAAO,KAAKC,OAAO,MAAM,SAAS;AAClCP,GAAG,CAACQ,SAAS,CAACC,QAAQ,GAAGF,OAAO;AAGhC,OAAOG,WAAW,MAAM,kBAAkB;AAC1C,OAAO,4BAA4B;AACnC,OAAO,uCAAuC;AAC9CV,GAAG,CAACK,GAAG,CAACK,WAAW,CAAC;AAEpB,OAAOC,MAAM,MAAM,QAAQ;AAC3B;AACAX,GAAG,CAACY,MAAM,CAAC,SAAS,EAAC,UAAUC,KAAK,EAACC,SAAS,EAAE;EAAC;EAC/C;EACA,OAAOH,MAAM,CAACE,KAAK,CAAC,CAACE,MAAM,CAACD,SAAS,CAAC;AACxC,CAAC,CAAC;AACFd,GAAG,CAACQ,SAAS,CAACQ,OAAO,GAAGL,MAAM;AAE9B,OAAOM,KAAK;AACZjB,GAAG,CAACkB,KAAK,CAACD,KAAK,CAAC;AAEhBjB,GAAG,CAACmB,MAAM,CAACC,aAAa,GAAG,KAAK;AAEhC,IAAIpB,GAAG,CAAC;EACNE,MAAM,EAANA,MAAM;EACNC,KAAK,EAALA,KAAK;EACLkB,MAAM,EAAE,gBAAAC,CAAC;IAAA,OAAIA,CAAC,CAACrB,GAAG,CAAC;EAAA;AACrB,CAAC,CAAC,CAACsB,MAAM,CAAC,MAAM,CAAC"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/f5f1f688c70272befa5f8ede69dcdade.json b/node_modules/.cache/babel-loader/f5f1f688c70272befa5f8ede69dcdade.json
new file mode 100644
index 00000000..ad7f6162
--- /dev/null
+++ b/node_modules/.cache/babel-loader/f5f1f688c70272befa5f8ede69dcdade.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\component\\lineDetail.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\component\\lineDetail.vue","mtime":1689642397091},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\babel.config.js","mtime":1689642387810},{"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":["import \"core-js/modules/es6.regexp.split\";\nimport { getLine } from \"../api/index\";\n// import Mx from \"mxdraw\";\nimport pdf from \"vue-pdf\";\nexport default {\n  name: \"lineDetail\",\n  props: [\"lineItem\"],\n  components: {\n    pdf: pdf\n  },\n  data: function data() {\n    return {\n      init: '',\n      nigai: '',\n      // 说明文字 ，文本域\n      textarea: \"\",\n      // 搜索文字\n      searchData: \"\",\n      //\n      lineList: null,\n      pdfUrl: \"\",\n      rightDialog: false,\n      // cad: \"/assets/cad/cad.dwg\",\n      pdfUrl1: \"\",\n      //nigai图\n      districtList: [],\n      //区属列表\n      value1: \"\",\n      taiwanList: [],\n      //台区列表\n      value2: \"\",\n      // 原状图\n      scale: 100,\n      scale1: 100,\n      //拟改图\n\n      title: '原状图',\n      host: '',\n      cadFile: ''\n    };\n  },\n  methods: {\n    // 放大按钮 原状\n    enlargeBtn0: function enlargeBtn0() {\n      var _this = this;\n      this.scale += 5;\n      this.$nextTick(function () {\n        _this.$refs.pdf.$el.style.width = parseInt(_this.scale) + \"%\";\n        //  console.log(this,'and',this.$refs.pdf.$el.style.width);\n      });\n    },\n    // 放大按钮 拟改\n    enlargeBtn1: function enlargeBtn1() {\n      var _this2 = this;\n      this.scale1 += 5;\n      // debugger\n      this.$nextTick(function () {\n        _this2.$refs.pdf1.$el.style.width = parseInt(_this2.scale1) + \"%\";\n      });\n      // debugger\n    },\n    reduceBtn0: function reduceBtn0() {\n      var _this3 = this;\n      if (this.scale == 100) {\n        return;\n      }\n      this.scale += -5;\n      this.$nextTick(function () {\n        _this3.$refs.pdf.$el.style.width = parseInt(_this3.scale) + \"%\";\n        //  console.log(this,'and',this.$refs.pdf.$el.style.width);\n      });\n    },\n    reduceBtn1: function reduceBtn1() {\n      var _this4 = this;\n      if (this.scale1 == 100) {\n        return;\n      }\n      this.scale1 += -5;\n      this.$nextTick(function () {\n        _this4.$refs.pdf1.$el.style.width = parseInt(_this4.scale1) + \"%\";\n      });\n    },\n    rowHandle: function rowHandle(event) {\n      this.init = '';\n      this.nigai = '';\n\n      // console.log(event, '行数据');\n      if (event.url_init != '') {\n        var init = event.url_init.split('/')[4];\n        this.init = this.cadFile + '?file=' + init + '&&time=' + new Date().getTime();\n      }\n      if (event.url_nigai != '') {\n        var nigai = event.url_nigai.split('/')[4];\n        // console.log(init, nigai, '数据');\n        // http://localhost:3000/mxweb3d.html?file=%E5%8E%9F%E8%A3%85%E5%9B%BE_20230309170721326.dwg\n        // this.cadFile + '?file='\n        // this.nigai = 'http://localhost:3000/mxweb3d.html?file=' + nigai\n        this.nigai = this.cadFile + '?file=' + nigai + '&&time=' + new Date().getTime();\n      }\n      this.title = '原状图';\n      this.rightDialog = true;\n      // if (init == undefined || nigai == undefined) {\n      //   return;\n      // }\n      // 原装图\n      // var initUrl =\n      //   \"/app\" + \"/\" + init.split(\"/\")[3] + \"/\" + init.split(\"/\")[4];\n      // var nigaiUrl =\n      //   \"/app\" + \"/\" + nigai.split(\"/\")[3] + \"/\" + nigai.split(\"/\")[4];\n      // // console.log(initUrl,'原装图');\n      // this.$nextTick(() => {\n      //   // console.log(this.$refs.iframe);\n      //   // document.querySelector('iframe').src = e\n      //   // 原状图\n      //   if (initUrl != \"\") {\n      //     this.pdfUrl = initUrl;\n      //   }\n      //   if (nigaiUrl != \"\") {\n      //     this.pdfUrl1 = nigaiUrl;\n      //   }\n\n      // this.rightDialog = true;\n      // });\n    },\n    handleClose: function handleClose() {\n      this.$parent.lineItem = null;\n      this.$parent.lineShow = \"\";\n    },\n    // 关闭右侧弹窗\n    handleClose1: function handleClose1() {\n      this.rightDialog = false;\n      this.init = '';\n      this.nigai = '';\n    },\n    getCadFile: function getCadFile() {\n      var _this5 = this;\n      getLine({\n        action: 'cad'\n      }).then(function (res) {\n        // console.log(res, 'cad请求数据');\n        if (res.data.state == true) {\n          _this5.cadFile = res.data.data;\n        }\n      });\n    },\n    // 打开cad\n    openCad: function openCad(event) {\n      this.init = '';\n      this.nigai = '';\n      if (event.url_dest != '') {\n        var dest = event.url_dest.split('/')[4];\n        this.init = this.cadFile + '?file=' + dest;\n      }\n      if (event.url_nigai != '') {\n        var nigai = event.url_nigai.split('/')[4];\n        this.nigai = this.cadFile + '?file=' + nigai + '&&time=' + new Date().getTime();\n      }\n\n      // http://localhost:3000/mxweb3d.html?file=%E5%8E%9F%E8%A3%85%E5%9B%BE_20230309170721326.dwg\n\n      // console.log(url, 'cad');\n      // 目标\n      this.rightDialog = true;\n      this.title = '目标图';\n    },\n    // 原状图\n    openInit: function openInit(event) {\n      var _this6 = this;\n      this.$nextTick(function () {\n        _this6.init = '';\n        _this6.nigai = '';\n        // document.getElementById('iframeId').contentWindow.location.reload(true);\n        if (event.url_init != '') {\n          var init = event.url_init.split('/')[4];\n          _this6.init = _this6.cadFile + '?file=' + init + '&&time=' + new Date().getTime();\n        }\n        if (event.url_nigai != '') {\n          var nigai = event.url_nigai.split('/')[4];\n          // console.log(init, nigai, '数据');\n          // http://localhost:3000/mxweb3d.html?file=%E5%8E%9F%E8%A3%85%E5%9B%BE_20230309170721326.dwg\n\n          _this6.nigai = _this6.cadFile + '?file=' + nigai + '&&time=' + new Date().getTime();\n        }\n        _this6.title = '原状图';\n        _this6.rightDialog = true;\n      });\n    },\n    // 回城进行搜索\n    search: function search() {\n      var _this7 = this;\n      if (this.searchData == \"\") {\n        getLine({\n          action: \"pdxl\",\n          // linename: \"\",\n          qushu: this.value1,\n          taiqu: this.value2\n        }).then(function (_ref) {\n          var data = _ref.data;\n          // console.log(data, '数据');\n          _this7.lineList = data.data;\n        });\n        // return;\n      } else {\n        // 把searchData带着，发请求获取有关联的数据并呈现在页面中\n        getLine({\n          action: \"pdxl\",\n          linename: this.searchData,\n          qushu: this.value1,\n          taiqu: this.value2\n        }).then(function (_ref2) {\n          var data = _ref2.data;\n          console.log(data, '数据');\n          _this7.lineList = data.data;\n        });\n      }\n    },\n    refurbish: function refurbish() {\n      this.lineList = this.lineItem;\n      // 点击还原初始\n      this.searchData = \"\";\n      this.value1 = '';\n      this.value2 = '';\n    }\n  },\n  created: function created() {\n    var _this8 = this;\n    this.getCadFile();\n    // console.log(location.host,'.......');\n    this.host = location.host;\n    this.lineList = this.lineItem;\n    // 获取区属的请求\n    getLine({\n      action: \"qushu\"\n    }).then(function (_ref3) {\n      var data = _ref3.data;\n      // console.log(data, \"区属的数据\");\n      if (data.state == true) {\n        _this8.districtList = data.data; //区属赋值\n        // this.value1 = data.data[0];\n      }\n    });\n    // 获取台区的请求\n    if (this.value1 != \"\") {\n      getLine({\n        action: \"taiqu\",\n        qushu: this.value1\n      }).then(function (_ref4) {\n        var data = _ref4.data;\n        // console.log(data, \"台区的数据\");\n        if (data.state == true) {\n          _this8.taiwanList = data.data; //台区赋值\n        }\n      });\n    }\n  },\n\n  watch: {\n    // 监听input输入框，若没东西了，就回复默认状态\n    searchData: function searchData(newnew, oldold) {\n      if (newnew == \"\") {\n        this.lineList = this.lineItem;\n        // 发请求回到初始列表数据状态\n        // console.log(\"搜索框没东西了，回复初始状态\");\n      }\n    },\n\n    value1: function value1(newVal, old) {\n      var _this9 = this;\n      // console.log(newVal, \"数据\");\n      if (newVal) {\n        getLine({\n          action: \"taiqu\",\n          qushu: newVal\n        }).then(function (_ref5) {\n          var data = _ref5.data;\n          // console.log(data, \"台区的数据\");\n          if (data.state == true) {\n            _this9.taiwanList = data.data; //台区赋值\n            // this.value2 = data.data[0];\n          }\n        });\n      }\n    }\n  }\n};",{"version":3,"mappings":";AAoJA;AACA;AACA;AACA;EACAA;EACAC;EACAC;IACAC;EACA;EACAC;IACA;MACAC;MACAC;MACA;MACAC;MACA;MACAC;MACA;MACAC;MACAC;MACAC;MACA;MACAC;MAAA;MACAC;MAAA;MACAC;MACAC;MAAA;MACAC;MACA;MACAC;MACAC;MAAA;;MAEAC;MACAC;MACAC;IACA;EACA;EACAC;IAGA;IACAC;MAAA;MACA;MACA;QACA;QACA;MACA;IACA;IACA;IACAC;MAAA;MACA;MACA;MACA;QACA;MACA;MACA;IACA;IACAC;MAAA;MACA;QACA;MACA;MACA;MACA;QACA;QACA;MACA;IACA;IACAC;MAAA;MACA;QACA;MACA;MACA;MACA;QACA;MACA;IACA;IACAC;MACA;MACA;;MAEA;MACA;QACA;QACA;MACA;MACA;QACA;QACA;QACA;QACA;QACA;QACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;;MAEA;MACA;IACA;IAEAC;MACA;MACA;IACA;IACA;IACAC;MACA;MACA;MACA;IACA;IACAC;MAAA;MAEAC;QAAAC;MAAA;QACA;QACA;UACA;QACA;MACA;IACA;IACA;IACAC;MACA;MACA;MACA;QACA;QACA;MACA;MACA;QACA;QACA;MACA;;MAGA;;MAGA;MACA;MACA;MACA;IACA;IACA;IACAC;MAAA;MACA;QACA;QACA;QACA;QACA;UACA;UACA;QACA;QACA;UACA;UACA;UACA;;UAEA;QAEA;QACA;QACA;MACA;IAGA;IACA;IACAC;MAAA;MACA;QACAJ;UACAC;UACA;UACAI;UACAC;QACA;UAAA;UACA;UACA;QACA;QACA;MACA;QACA;QACAN;UACAC;UACAM;UACAF;UACAC;QACA;UAAA;UACAE;UACA;QACA;MACA;IACA;IACAC;MACA;MACA;MACA;MACA;MACA;IACA;EACA;EACAC;IAAA;IACA;IACA;IACA;IACA;IACA;IACAV;MAAAC;IAAA;MAAA;MACA;MACA;QACA;QACA;MACA;IACA;IACA;IACA;MACAD;QAAAC;QAAAI;MAAA;QAAA;QACA;QACA;UACA;QACA;MACA;IACA;EACA;;EACAM;IACA;IACAlC;MACA;QACA;QACA;QACA;MACA;IACA;;IACAM;MAAA;MACA;MACA;QACAiB;UAAAC;UAAAI;QAAA;UAAA;UACA;UACA;YACA;YACA;UACA;QACA;MACA;IACA;EACA;AACA","names":["name","props","components","pdf","data","init","nigai","textarea","searchData","lineList","pdfUrl","rightDialog","pdfUrl1","districtList","value1","taiwanList","value2","scale","scale1","title","host","cadFile","methods","enlargeBtn0","enlargeBtn1","reduceBtn0","reduceBtn1","rowHandle","handleClose","handleClose1","getCadFile","getLine","action","openCad","openInit","search","qushu","taiqu","linename","console","refurbish","created","watch"],"sourceRoot":"src/component","sources":["lineDetail.vue"],"sourcesContent":["<template>\r\n  <div class=\"lineContent\">\r\n    <!-- 配电线路弹窗 -->\r\n    <div class=\"lineDetail\">\r\n      <!-- <div class=\"title\">配电路线详情</div> -->\r\n      <div class=\"close\">\r\n        <img @click=\"handleClose\" src=\"@/assets/images/close.png\" style=\"cursor: pointer\" />\r\n      </div>\r\n\r\n      <div class=\"table user_skills\">\r\n\r\n        <div class=\"search\">\r\n          <el-select v-model=\"value1\" placeholder=\"请选择\" style=\"margin-left: 30px\">\r\n            <el-option v-for=\"(item, index) in districtList\" :key=\"item.index\" :label=\"item\" :value=\"item\">\r\n            </el-option>\r\n          </el-select>\r\n          <el-select v-model=\"value2\" placeholder=\"请选择\" style=\"margin-left: 10px\">\r\n            <el-option v-for=\"(item, index) in taiwanList\" :key=\"item.index\" :label=\"item\" :value=\"item\">\r\n            </el-option>\r\n          </el-select>\r\n          <el-input style=\"margin-left: 10px;\" placeholder=\"模糊中文搜索\" v-model.trim=\"searchData\"\r\n            @keyup.enter.native=\"search\">\r\n            <!-- <i slot=\"suffix\" class=\"el-input-icon el-icon-search\" @click=\"search\"></i> -->\r\n          </el-input>\r\n\r\n\r\n          <div class=\"searchBtn\" @click=\"search\"></div>\r\n          <div class=\"refurbish\" @click=\"refurbish\"></div>\r\n        </div>\r\n\r\n        <el-table @row-click=\"rowHandle\" :data=\"lineList\" style=\"width: 100%; height: calc(100% - 80px);\r\n                        overflow-y: scroll;\r\n                        position: relative;\r\n                      \" :header-cell-style=\"{ 'text-align': 'center' }\" :cell-style=\"{ 'text-align': 'center' }\" stripe>\r\n          <el-table-column prop=\"line_name\" label=\"序号\" align=\"center\" width=\"60\">\r\n            <template slot-scope=\"scope\">\r\n              {{ scope.$index + 1 }}\r\n            </template>\r\n          </el-table-column>\r\n          <el-table-column prop=\"qushu\" label=\"区域\" align=\"center\">\r\n            <!-- <template slot-scope=\"scope\">\r\n              <div>\r\n                  \r\n              </div>\r\n            </template> -->\r\n          </el-table-column>\r\n          <el-table-column prop=\"taiqu\" label=\"变电站\" align=\"center\">\r\n          </el-table-column>\r\n          <el-table-column prop=\"line_name\" label=\"线路名称\" align=\"center\" width=\"170\">\r\n            <!-- <template slot-scope=\"scope\">\r\n              <div>\r\n                  \r\n              </div>\r\n            </template> -->\r\n          </el-table-column>\r\n          <el-table-column prop=\"url_init\" label=\"原状\" align=\"center\">\r\n            <template slot-scope=\"scope\">\r\n              <div v-if=\"scope.row.url_init\" class=\"cad-icon\" @click.stop=\"openInit(scope.row)\"></div>\r\n            </template>\r\n          </el-table-column>\r\n          <el-table-column prop=\"url_dest\" label=\"目标\" align=\"center\">\r\n            <template slot-scope=\"scope\">\r\n              <div v-if=\"scope.row.url_dest\" class=\"cad-icon\" @click.stop=\"openCad(scope.row)\"></div>\r\n            </template>\r\n          </el-table-column>\r\n          <el-table-column prop=\"url_nigai\" label=\"本年度拟改\" align=\"center\">\r\n            <template slot-scope=\"scope\">\r\n              <div v-if=\"scope.row.url_nigai\" class=\"cad-icon\"></div>\r\n            </template>\r\n          </el-table-column>\r\n          <el-table-column prop=\"nigai_state\" label=\"当前状态\" align=\"center\">\r\n            <template slot-scope=\"scope\">\r\n              <div :class=\"'circle' + scope.row.nigai_state\"></div>\r\n            </template>\r\n          </el-table-column>\r\n        </el-table>\r\n      </div>\r\n    </div>\r\n    <div class=\"right-dialog\" v-show=\"rightDialog\">\r\n      <div class=\"closeBtn\">\r\n        <img @click=\"handleClose1\" src=\"@/assets/images/close.png\" style=\"cursor: pointer\" />\r\n      </div>\r\n      <!-- 标题 -->\r\n      <div class=\"title\">拟改图对比</div>\r\n      <div class=\"funBtn\">\r\n        <div class=\"initBtn\">\r\n          <!-- <el-button icon=\"el-icon-zoom-in\" @click.native=\"enlargeBtn0()\"\r\n            >放大</el-button\r\n          >\r\n          <el-button icon=\"el-icon-zoom-out\" @click=\"reduceBtn0()\"\r\n            >缩小</el-button\r\n          > -->\r\n          <span class=\"title\">{{ title }}</span>\r\n        </div>\r\n\r\n        <div class=\"nigaiBtn\">\r\n          <!-- <el-button icon=\"el-icon-zoom-in\" @click=\"enlargeBtn1()\"\r\n            >放大</el-button\r\n          >\r\n          <el-button icon=\"el-icon-zoom-out\" @click=\"reduceBtn1()\"\r\n            >缩小</el-button\r\n          > -->\r\n          <span class=\"title\">拟改图</span>\r\n        </div>\r\n      </div>\r\n      <div class=\"pdf-content\">\r\n        <div class=\"left-content\" id=\"leftContent\">\r\n          <!-- <iframe\r\n            :src=\"pdfUrl\"\r\n            width=\"100%\"\r\n            height=\"100%\"\r\n            scrolling=\"no\"\r\n            frameborder=\"no\"\r\n          ></iframe> -->\r\n          <!-- <pdf ref=\"pdf\" :src=\"pdfUrl\"></pdf> -->\r\n          <iframe :src=\"init\" frameborder=\"0\" width=\"100%\" height=\"100%\" scrolling=\"no\"></iframe>\r\n        </div>\r\n\r\n        <div class=\"right-content\" >\r\n          <!-- <pdf ref=\"pdf1\" :src=\"pdfUrl1\"></pdf>\r\n          -->\r\n          <iframe :src=\"nigai\" ref=\"iframeId\" frameborder=\"0\" width=\"100%\" height=\"100%\" scrolling=\"no\"></iframe>\r\n\r\n          <!-- <iframe\r\n            ref=\"iframe\"\r\n            id=\"iframe\"\r\n            :src=\"pdfUrl1\"\r\n            width=\"100%\"\r\n            height=\"100%\"\r\n            scrolling=\"no\"\r\n            frameborder=\"no\"\r\n          >\r\n          </iframe> -->\r\n        </div>\r\n      </div>\r\n      <!-- <div class=\"footer\"> -->\r\n      <!-- <div class=\"text-detail\">说明文字:</div> -->\r\n      <!-- 说明文字 -->\r\n      <!-- <div class=\"text-content\">\r\n          <el-input type=\"textarea\" placeholder=\"说明文字\" v-model=\"textarea\">\r\n          </el-input>\r\n        </div>\r\n      </div> -->\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { getLine } from \"../api/index\";\r\n// import Mx from \"mxdraw\";\r\nimport pdf from \"vue-pdf\";\r\nexport default {\r\n  name: \"lineDetail\",\r\n  props: [\"lineItem\"],\r\n  components: {\r\n    pdf,\r\n  },\r\n  data() {\r\n    return {\r\n      init: '',\r\n      nigai: '',\r\n      // 说明文字 ，文本域\r\n      textarea: \"\",\r\n      // 搜索文字\r\n      searchData: \"\",\r\n      //\r\n      lineList: null,\r\n      pdfUrl: \"\",\r\n      rightDialog: false,\r\n      // cad: \"/assets/cad/cad.dwg\",\r\n      pdfUrl1: \"\", //nigai图\r\n      districtList: [], //区属列表\r\n      value1: \"\",\r\n      taiwanList: [], //台区列表\r\n      value2: \"\",\r\n      // 原状图\r\n      scale: 100,\r\n      scale1: 100, //拟改图\r\n\r\n      title: '原状图',\r\n      host: '',\r\n      cadFile: ''\r\n    };\r\n  },\r\n  methods: {\r\n\r\n\r\n    // 放大按钮 原状\r\n    enlargeBtn0() {\r\n      this.scale += 5;\r\n      this.$nextTick(() => {\r\n        this.$refs.pdf.$el.style.width = parseInt(this.scale) + \"%\";\r\n        //  console.log(this,'and',this.$refs.pdf.$el.style.width);\r\n      });\r\n    },\r\n    // 放大按钮 拟改\r\n    enlargeBtn1() {\r\n      this.scale1 += 5;\r\n      // debugger\r\n      this.$nextTick(() => {\r\n        this.$refs.pdf1.$el.style.width = parseInt(this.scale1) + \"%\";\r\n      });\r\n      // debugger\r\n    },\r\n    reduceBtn0() {\r\n      if (this.scale == 100) {\r\n        return;\r\n      }\r\n      this.scale += -5;\r\n      this.$nextTick(() => {\r\n        this.$refs.pdf.$el.style.width = parseInt(this.scale) + \"%\";\r\n        //  console.log(this,'and',this.$refs.pdf.$el.style.width);\r\n      });\r\n    },\r\n    reduceBtn1() {\r\n      if (this.scale1 == 100) {\r\n        return;\r\n      }\r\n      this.scale1 += -5;\r\n      this.$nextTick(() => {\r\n        this.$refs.pdf1.$el.style.width = parseInt(this.scale1) + \"%\";\r\n      });\r\n    },\r\n    rowHandle(event) {\r\n      this.init = ''\r\n      this.nigai = ''\r\n\r\n      // console.log(event, '行数据');\r\n      if (event.url_init != '') {\r\n        let init = event.url_init.split('/')[4];\r\n        this.init = this.cadFile + '?file=' + init + '&&time=' + new Date().getTime()\r\n      }\r\n      if (event.url_nigai != '') {\r\n        let nigai = event.url_nigai.split('/')[4];\r\n        // console.log(init, nigai, '数据');\r\n        // http://localhost:3000/mxweb3d.html?file=%E5%8E%9F%E8%A3%85%E5%9B%BE_20230309170721326.dwg\r\n        // this.cadFile + '?file='\r\n        // this.nigai = 'http://localhost:3000/mxweb3d.html?file=' + nigai\r\n        this.nigai = this.cadFile + '?file=' + nigai + '&&time=' + new Date().getTime()\r\n      }\r\n      this.title = '原状图'\r\n      this.rightDialog = true;\r\n      // if (init == undefined || nigai == undefined) {\r\n      //   return;\r\n      // }\r\n      // 原装图\r\n      // var initUrl =\r\n      //   \"/app\" + \"/\" + init.split(\"/\")[3] + \"/\" + init.split(\"/\")[4];\r\n      // var nigaiUrl =\r\n      //   \"/app\" + \"/\" + nigai.split(\"/\")[3] + \"/\" + nigai.split(\"/\")[4];\r\n      // // console.log(initUrl,'原装图');\r\n      // this.$nextTick(() => {\r\n      //   // console.log(this.$refs.iframe);\r\n      //   // document.querySelector('iframe').src = e\r\n      //   // 原状图\r\n      //   if (initUrl != \"\") {\r\n      //     this.pdfUrl = initUrl;\r\n      //   }\r\n      //   if (nigaiUrl != \"\") {\r\n      //     this.pdfUrl1 = nigaiUrl;\r\n      //   }\r\n\r\n      // this.rightDialog = true;\r\n      // });\r\n    },\r\n\r\n    handleClose() {\r\n      this.$parent.lineItem = null;\r\n      this.$parent.lineShow = \"\";\r\n    },\r\n    // 关闭右侧弹窗\r\n    handleClose1() {\r\n      this.rightDialog = false;\r\n      this.init = ''\r\n        this.nigai = ''\r\n    },\r\n    getCadFile() {\r\n\r\n      getLine({ action: 'cad' }).then(res => {\r\n        // console.log(res, 'cad请求数据');\r\n        if (res.data.state == true) {\r\n          this.cadFile = res.data.data\r\n        }\r\n      })\r\n    },\r\n    // 打开cad\r\n    openCad(event) {\r\n      this.init = ''\r\n      this.nigai = ''\r\n      if (event.url_dest != '') {\r\n        let dest = event.url_dest.split('/')[4];\r\n        this.init = this.cadFile + '?file=' + dest\r\n      }\r\n      if (event.url_nigai != '') {\r\n        let nigai = event.url_nigai.split('/')[4];\r\n        this.nigai = this.cadFile + '?file=' + nigai +'&&time=' + new Date().getTime()\r\n      }\r\n\r\n\r\n      // http://localhost:3000/mxweb3d.html?file=%E5%8E%9F%E8%A3%85%E5%9B%BE_20230309170721326.dwg\r\n\r\n\r\n      // console.log(url, 'cad');\r\n      // 目标\r\n      this.rightDialog = true;\r\n      this.title = '目标图'\r\n    },\r\n    // 原状图\r\n    openInit(event) {\r\n      this.$nextTick(() => {\r\n        this.init = ''\r\n        this.nigai = ''\r\n      // document.getElementById('iframeId').contentWindow.location.reload(true);\r\n      if (event.url_init != '') {\r\n        let init = event.url_init.split('/')[4];\r\n        this.init = this.cadFile + '?file=' + init + '&&time=' + new Date().getTime()\r\n      }\r\n      if (event.url_nigai != '') {\r\n        let nigai = event.url_nigai.split('/')[4];\r\n        // console.log(init, nigai, '数据');\r\n        // http://localhost:3000/mxweb3d.html?file=%E5%8E%9F%E8%A3%85%E5%9B%BE_20230309170721326.dwg\r\n\r\n        this.nigai = this.cadFile + '?file=' + nigai + '&&time=' + new Date().getTime()\r\n\r\n      }\r\n      this.title = '原状图'\r\n      this.rightDialog = true;\r\n      })\r\n\r\n      \r\n    },\r\n    // 回城进行搜索\r\n    search() {\r\n      if (this.searchData == \"\") {\r\n        getLine({\r\n          action: \"pdxl\",\r\n          // linename: \"\",\r\n          qushu: this.value1,\r\n          taiqu: this.value2,\r\n        }).then(({ data }) => {\r\n          // console.log(data, '数据');\r\n          this.lineList = data.data;\r\n        });\r\n        // return;\r\n      } else {\r\n        // 把searchData带着，发请求获取有关联的数据并呈现在页面中\r\n        getLine({\r\n          action: \"pdxl\",\r\n          linename: this.searchData,\r\n          qushu: this.value1,\r\n          taiqu: this.value2,\r\n        }).then(({ data }) => {\r\n          console.log(data, '数据');\r\n          this.lineList = data.data;\r\n        });\r\n      }\r\n    },\r\n    refurbish() {\r\n      this.lineList = this.lineItem;\r\n      // 点击还原初始\r\n      this.searchData = \"\";\r\n      this.value1 = ''\r\n      this.value2 = ''\r\n    },\r\n  },\r\n  created() {\r\n    this.getCadFile()\r\n    // console.log(location.host,'.......');\r\n    this.host = location.host\r\n    this.lineList = this.lineItem;\r\n    // 获取区属的请求\r\n    getLine({ action: \"qushu\" }).then(({ data }) => {\r\n      // console.log(data, \"区属的数据\");\r\n      if (data.state == true) {\r\n        this.districtList = data.data; //区属赋值\r\n        // this.value1 = data.data[0];\r\n      }\r\n    });\r\n    // 获取台区的请求\r\n    if (this.value1 != \"\") {\r\n      getLine({ action: \"taiqu\", qushu: this.value1 }).then(({ data }) => {\r\n        // console.log(data, \"台区的数据\");\r\n        if (data.state == true) {\r\n          this.taiwanList = data.data; //台区赋值\r\n        }\r\n      });\r\n    }\r\n  },\r\n  watch: {\r\n    // 监听input输入框，若没东西了，就回复默认状态\r\n    searchData: function (newnew, oldold) {\r\n      if (newnew == \"\") {\r\n        this.lineList = this.lineItem;\r\n        // 发请求回到初始列表数据状态\r\n        // console.log(\"搜索框没东西了，回复初始状态\");\r\n      }\r\n    },\r\n    value1: function (newVal, old) {\r\n      // console.log(newVal, \"数据\");\r\n      if (newVal) {\r\n        getLine({ action: \"taiqu\", qushu: newVal }).then(({ data }) => {\r\n          // console.log(data, \"台区的数据\");\r\n          if (data.state == true) {\r\n            this.taiwanList = data.data; //台区赋值\r\n            // this.value2 = data.data[0];\r\n          }\r\n        });\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n/deep/ .el-textarea__inner {\r\n  background-color: rgba(16, 40, 49, 38);\r\n  border-color: #164a75;\r\n}\r\n\r\n.cad-icon {\r\n  width: 25px;\r\n  height: 22px;\r\n  background-image: url(\"../assets/images/cadIcon.png\");\r\n  background-size: 100% 100%;\r\n  // text-align: center;\r\n  margin: 0 auto;\r\n}\r\n\r\n.circle0 {\r\n  width: 20px;\r\n  height: 20px;\r\n  // background-color: tomato;\r\n  border: 2px solid #fff;\r\n  border-radius: 50%;\r\n  margin: 0 auto;\r\n}\r\n\r\n.circle1 {\r\n  width: 20px;\r\n  height: 20px;\r\n  background-color: red;\r\n  // border: 2px solid #fff;\r\n  border-radius: 50%;\r\n  margin: 0 auto;\r\n}\r\n\r\n.circle2 {\r\n  width: 20px;\r\n  height: 20px;\r\n  background-color: green;\r\n  // border: 2px solid #fff;\r\n  border-radius: 50%;\r\n  margin: 0 auto;\r\n}\r\n\r\n.lineContent {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.lineDetail {\r\n  width: 30%;\r\n  height: 95%;\r\n  position: relative;\r\n  background: url(\"../assets/images/leftLine.png\") no-repeat;\r\n  background-size: 100% 100%;\r\n  -webkit-animation: fadeInDown 0.3s;\r\n  animation: fadeInDown 0.3s;\r\n  padding: 15px 25px;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  align-content: space-between;\r\n\r\n  .close {\r\n    position: absolute;\r\n    right: 4%;\r\n    top: 4%;\r\n  }\r\n\r\n  .table {\r\n    width: 100%;\r\n    height: 95%;\r\n    // border: 1px solid red;\r\n    background: url(\"../assets/images/intervalFrame.png\") no-repeat;\r\n    background-size: 100% 100%;\r\n    padding: 15px 20px;\r\n  }\r\n}\r\n\r\n// 右边弹框\r\n.right-dialog {\r\n  position: relative;\r\n  width: 67%;\r\n  height: 95%;\r\n  background: url(\"../assets/images/linetail-right.png\") no-repeat;\r\n  background-size: 100% 100%;\r\n  margin-left: 30px;\r\n  padding: 1%;\r\n  box-sizing: border-box;\r\n\r\n  &>.title {\r\n    position: absolute;\r\n    top: 1%;\r\n    left: 2%;\r\n  }\r\n\r\n  // align-items: center;\r\n  .funBtn {\r\n    display: flex;\r\n    // justify-content: space-between;\\\r\n    // background-color: #fff;\r\n    margin-top: 2%;\r\n    justify-content: space-between;\r\n\r\n    .initBtn,\r\n    .nigaiBtn {\r\n      width: 49.5%;\r\n      text-align: center;\r\n      // background-color: #fff;\r\n\r\n    }\r\n\r\n    .title {\r\n      // margin-left: 25%;\r\n      font-size: 23px;\r\n      color: #fff;\r\n      margin-bottom: 1%;\r\n    }\r\n\r\n  }\r\n\r\n  .pdf-content {\r\n    width: 100%;\r\n    height: 92%;\r\n    display: flex;\r\n    justify-content: space-between;\r\n\r\n    .right-content,\r\n    .left-content {\r\n      width: 49.5%;\r\n      height: 100%;\r\n      position: relative;\r\n      // background-color: #fff;\r\n      // overflow-y: scroll;\r\n      // background: #000;\r\n      // border-radius: 40px;\r\n      // overflow: scroll;\r\n    }\r\n\r\n    .left-content {\r\n      // background-color: tomato;\r\n      // span {\r\n      //   width: 100% !important;\r\n      //   height: 100% !important;\r\n      //   // /deep/ canvas {\r\n      //   //   height: 100% !important;\r\n      //   // }\r\n      // }\r\n    }\r\n  }\r\n\r\n  .rightBtn {\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n    z-index: 999;\r\n    // background-color: tomato;\r\n  }\r\n\r\n  // 标题\r\n  .title {\r\n    font-size: 28px;\r\n    font-weight: 700;\r\n    color: transparent;\r\n    -webkit-background-clip: text;\r\n    background-clip: text;\r\n    display: inline-block;\r\n    background-image: -webkit-gradient(linear,\r\n        left top,\r\n        left bottom,\r\n        from(#ffffff),\r\n        to(#56f4fe));\r\n    background-image: linear-gradient(to bottom, #ffffff, #56f4fe);\r\n  }\r\n\r\n  .closeBtn {\r\n    // width: 100%;\r\n    // height: 4%;\r\n    // background-color: turquoise;\r\n    // display: flex;\r\n    // align-items: center;\r\n    // justify-content: flex-end;\r\n    position: absolute;\r\n    right: 0.3%;\r\n    top: 3%;\r\n    z-index: 1000;\r\n\r\n    img {\r\n      margin-right: 20px;\r\n    }\r\n\r\n    // position: absolute;\r\n    // right: 2%;\r\n    // top: 3%;\r\n  }\r\n\r\n  .footer {\r\n    height: 10%;\r\n    width: 100%;\r\n    // background-color: #ffffff;\r\n    display: flex;\r\n    // align-items: center;\r\n  }\r\n\r\n  // .text-detail {\r\n  //   width: 10%;\r\n  //   height: 100%;\r\n  //   display: flex;\r\n  //   align-items: center;\r\n  //   justify-content: center;\r\n  // }\r\n  .text-content {\r\n    width: 100%;\r\n    height: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    /deep/ .el-textarea {\r\n      height: 90%;\r\n\r\n      /deep/ textarea {\r\n        background-color: transparent;\r\n        border-top: 2px solid #fff;\r\n        border-bottom: 2px solid #fff;\r\n        border-left: none;\r\n        border-right: none;\r\n        border-color: #2e7680 !important;\r\n        height: 100%;\r\n        color: #fff;\r\n        font-size: 18px;\r\n      }\r\n\r\n      background-color: transparent !important;\r\n    }\r\n\r\n  }\r\n}\r\n\r\n.user_skills {\r\n  .search {\r\n    text-align: left;\r\n    margin: 20px 0;\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    .searchBtn,\r\n    .refurbish {\r\n      width: 122px;\r\n      height: 39px;\r\n      background-image: url(\"../assets/images/search.png\");\r\n      background-size: 100% 100%;\r\n      margin-left: 10px;\r\n    }\r\n\r\n    .refurbish {\r\n      background-image: url(\"../assets/images/refurbish.png\");\r\n      margin-left: 10px;\r\n    }\r\n\r\n    // /deep/ .el-input__suffix {\r\n    //   display: flex;\r\n    //   align-items: center;\r\n    // }\r\n    .el-input {\r\n      width: 260px;\r\n    }\r\n\r\n    ::v-deep .el-input__inner {\r\n      background-color: transparent !important;\r\n      border-color: #2e7680 !important;\r\n      border-left: none !important;\r\n      color: #fff !important;\r\n      border-right: none !important;\r\n    }\r\n  }\r\n\r\n  /**\r\n  表格有滚动效果但是不显示滚动条 */\r\n  /deep/ .el-table::-webkit-scrollbar {\r\n    display: none !important;\r\n  }\r\n\r\n  /deep/ .el-select .el-input {\r\n    width: 100px;\r\n  }\r\n\r\n  /deep/ .is-scrolling-none {\r\n    overflow: hidden;\r\n    overflow-y: auto;\r\n    overflow-x: scroll;\r\n    height: calc(100% - 56px);\r\n  }\r\n\r\n  /deep/ .is-scrolling-none::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n\r\n  /deep/.el-table--scrollable-y ::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n\r\n  /deep/.el-table--scrollable-x ::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n\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    height: 48px;\r\n    background: url(\"../assets/images/intervalTable.png\") no-repeat;\r\n    background-size: 100% 100%;\r\n    // margin-bottom: 48px;\r\n    // position: absolute;\r\n    // top: 0;\r\n    // left: 0;\r\n  }\r\n\r\n  /deep/ .el-table__header th {\r\n    border: none;\r\n    padding: 0;\r\n    height: 40px;\r\n\r\n    .cell {\r\n      height: 100%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-around;\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 !important;\r\n    height: 55px;\r\n    font-size: 18px !important;\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 !important;\r\n    // word-break: break-all;\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 .el-table__cell {\r\n    padding: 5px 0;\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}\r\n\r\n.el-table::before {\r\n  background-color: transparent;\r\n}\r\n\r\n::v-deep .el-table .el-table__body tr.el-table__row td {\r\n  background: rgba(79, 218, 255, 0.1) !important;\r\n}\r\n\r\n::v-deep .el-table--striped .el-table__body tr.el-table__row--striped td {\r\n  background: rgba(79, 218, 255, 0.06) !important;\r\n}\r\n</style>\r\n<style lang=\"less\">\r\n.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  .el-select-dropdown__item {\r\n    color: #fff !important;\r\n  }\r\n\r\n  .el-select-dropdown__item.hover,\r\n  .el-select-dropdown__item:hover {\r\n    background-color: rgb(18, 54, 87) !important;\r\n  }\r\n}\r\n</style>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/09cfb7a5617e70d27b9d4ddca693ec0e.json b/node_modules/.cache/vue-loader/09cfb7a5617e70d27b9d4ddca693ec0e.json
new file mode 100644
index 00000000..0bdea7ae
--- /dev/null
+++ b/node_modules/.cache/vue-loader/09cfb7a5617e70d27b9d4ddca693ec0e.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\twentyKV.vue?vue&type=template&id=e9df6994&scoped=true&","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\twentyKV.vue","mtime":1689642397097},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1689642389292},{"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\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1689642396087},{"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":["\n<div class=\"twentyKV\">\n    twentyKV\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/0de76862fe26d72a374d04834df20726.json b/node_modules/.cache/vue-loader/0de76862fe26d72a374d04834df20726.json
new file mode 100644
index 00000000..c5548b7d
--- /dev/null
+++ b/node_modules/.cache/vue-loader/0de76862fe26d72a374d04834df20726.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\App.vue?vue&type=template&id=7ba5bd90&scoped=true&","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\App.vue","mtime":1689642396895},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1689642389292},{"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\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1689642396087},{"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":["\n<div id=\"app\">\n  <div class=\"top\">\n    <div class=\"left\">\n       <div class=\"time\">\n        <span>{{ this.$moment().format(\"YYYY-MM-DD\") }} {{ week }}</span>\n        <span style=\"font-size: 24px; margin-top: 3px\">{{\n          nowDate\n        }}</span>\n      </div>\n    </div>\n    <div class=\"middle\">\n      <div class=\"box\">\n\n      </div>\n      <!-- <div\n        class=\"router\"\n        :class=\"{ active: routerActive == index }\"\n        v-for=\"(item, index) in routerTitle\"\n        @click=\"handleChange(index)\"\n        :key=\"index\"\n        :text=\"item\"\n      >\n        {{ item }}\n      </div> -->\n    </div>\n    <div class=\"right\">\n      <div class=\"time\">\n        <span>{{ this.$moment().format(\"YYYY-MM-DD\") }} {{ week }}</span>\n        <span style=\"font-size: 24px; margin-top: 3px\">{{\n          nowDate\n        }}</span>\n      </div>\n      <div class=\"weather\" v-for=\"(item, index) in weatherArr\" :key=\"index\">\n        <div class=\"pic\">\n          <img :src=\"item.pic\" alt=\"\" style=\"height: 100%; width: 100%\" />\n        </div>\n        <div class=\"date\">\n          <span>{{ item.date }}</span>\n          <span style=\"font-size: 24px; margin-top: 3px\">{{\n            item.wendu\n          }}</span>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"content\">\n    <router-view />\n  </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/0e241f7747139ee52b8ccdeaa9ede672.json b/node_modules/.cache/vue-loader/0e241f7747139ee52b8ccdeaa9ede672.json
new file mode 100644
index 00000000..7b0c2aa0
--- /dev/null
+++ b/node_modules/.cache/vue-loader/0e241f7747139ee52b8ccdeaa9ede672.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\App.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\App.vue","mtime":1689642396895},{"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 MinxinItem from \"./mixins\";\r\nimport axios from \"axios\";\r\nimport { getWather, Weather, getToken } from \"./api/index.js\";\r\nexport default {\r\n  name: \"home\",\r\n  mixins: [MinxinItem],\r\n  data() {\r\n    return {\r\n      addDay: \"\",\r\n      subDay: \"\",\r\n      routerTitle: [\"实时监测\",  \"安全管控\", \"站房智辅\"],\r\n      routerActive: 0,\r\n      weatherArr: [\r\n        {\r\n          day: \"今天\",\r\n          temperature: \"\",\r\n          pic: require(\"./assets/images/sun.png\"),\r\n        },\r\n        {\r\n          day: \"昨天\",\r\n          temperature: \"\",\r\n          pic: require(\"./assets/images/union.png\"),\r\n        },\r\n        {\r\n          day: \"明天\",\r\n          temperature: \"\",\r\n          pic: require(\"./assets/images/windy.png\"),\r\n        },\r\n      ],\r\n      weekList: [\"周日\", \"周一\", \"周二\", \"周三\", \"周四\", \"周五\", \"周六\"],\r\n      week: \"\",\r\n      nowDate:'',\r\n    };\r\n  },\r\n  mounted() {\r\n    this.handleWather();\r\n    let week = new Date(this.$moment().format(\"YYYY-MM-DD\")).getDay();\r\n    this.week = this.weekList[week];\r\n    //  let params = new URLSearchParams()\r\n    let params = {\r\n      appKey: \"symnzwxdfu1ul8raqrykgbld7zonktga\",\r\n      appSecret: \"a3tdb6nxfciekxcgcl94ljvtmw2lsafx\",\r\n    };\r\n    //  params.append('appKey','symnzwxdfu1ul8raqrykgbld7zonktga')\r\n    //  params.append('appSecret','a3tdb6nxfciekxcgcl94ljvtmw2lsafx')\r\n    getToken(params).then((res) => {\r\n      localStorage.setItem(\"token\", res.data.data.token);\r\n      //  console.log(localStorage.getItem('token'),'token');\r\n    });\r\n    setInterval(()=>{\r\n      this. handleWather()\r\n    },480000)\r\n    setInterval(()=>{\r\n      this.nowDate =  this.$moment().format(\"HH:mm:ss\")\r\n    },100)\r\n  },\r\n\r\n  methods: {\r\n    getDateSub(n) {\r\n      let day = this.$moment(new Date())\r\n        .subtract(n, \"days\")\r\n        .format(\"YYYY-MM-DD\");\r\n      this.subDay = day;\r\n      return day;\r\n    },\r\n    getDateAdd(n) {\r\n      var dd = new Date();\r\n      dd.setDate(dd.getDate() + n); //获取n天后的日期\r\n      // var y = dd.getFullYear();\r\n      var m = dd.getMonth() + 1; //获取当前月份的日期\r\n      if (m < 10) {\r\n        m = \"0\" + m;\r\n      }\r\n      var d = dd.getDate();\r\n      if (d < 10) {\r\n        d = \"0\" + d;\r\n      }\r\n      let day = m + \"-\" + d;\r\n      // this.addDay = day;\r\n      return day;\r\n    },\r\n    getNewDate() {\r\n      var date = new Date();\r\n      var month = date.getMonth() + 1; //获取当前月份的日期\r\n      if (month < 10) {\r\n        month = \"0\" + month;\r\n      }\r\n      var a = date.getDate();\r\n      if (a < 10) {\r\n        a = \"0\" + a;\r\n      }\r\n      let day = month + \"-\" + a;\r\n      return day;\r\n    },\r\n    //天气\r\n    handleWather() {\r\n      // axios({url:\"http://www.jcznedu.com:5000/weather/prediction/?city=盐都&&limit=3\",methods:'GET'}).then(res=>{\r\n      // })\r\n\r\n      getWather().then((res) => {\r\n        // console.log(res, \"天气情况\");\r\n        for (let i = 0; i < res.data.data.length; i++) {\r\n          let item = res.data.data[i];\r\n          // console.log(item.date);\r\n          if (item.date == this.getNewDate()) {\r\n            item.date = \"今天\";\r\n            item.wendu = item.low + \"℃~\" + item.high + \"℃\";\r\n            item.pic = this.Onweather(item.weather, i);\r\n          } else if (item.date == this.getDateAdd(1)) {\r\n            item.date = \"明天\";\r\n            item.wendu = item.low + \"℃~\" + item.high + \"℃\";\r\n            item.pic = this.Onweather(item.weather, i);\r\n          } else if (item.date == this.getDateAdd(2)) {\r\n            item.date = \"后天\";\r\n            item.wendu = item.low + \"℃~\" + item.high + \"℃\";\r\n            item.pic = this.Onweather(item.weather, i);\r\n          }\r\n        }\r\n        // console.log(res.data.data);\r\n        // 天气\r\n        this.weatherArr = res.data.data;\r\n        // console.log(this.weatherArr);\r\n        // console.log(this.getNewDate(),'获取');\r\n      });\r\n      // Weather({\r\n      //   action: \"one\",\r\n      //   key: \"天气情况\",\r\n      // }).then((res) => {\r\n      //   // console.log(res, \"天气情况\");\r\n      //   let toDay = this.$moment().format(\"D\");\r\n      //   this.getDateSub(1);\r\n      //   this.getDateAdd(1),\r\n      //     res.data.data.forEach((item, index) => {\r\n      //       if (item.第N天 == this.$moment(this.subDay).format(\"D\")) {\r\n      //         this.weatherArr[1].date = \"昨天\";\r\n      //         this.weatherArr[1].temperature =\r\n      //           item.最低温度 + \"℃\" + \"~\" + item.最高温度 + \"℃\";\r\n      //         this.Onweather(item.天气, 1);\r\n      //       } else if (item.第N天 == this.$moment(this.addDay).format(\"D\")) {\r\n      //         this.weatherArr[2].date = \"明天\";\r\n      //         this.weatherArr[2].temperature =\r\n      //           item.最低温度 + \"℃\" + \"~\" + item.最高温度 + \"℃\";\r\n      //         this.Onweather(item.天气, 2);\r\n      //       } else if (item.第N天 == toDay) {\r\n      //         this.weatherArr[0].date = \"今天\";\r\n      //         this.weatherArr[0].temperature =\r\n      //           item.最低温度 + \"℃\" + \"~\" + item.最高温度 + \"℃\";\r\n      //         this.Onweather(item.天气, 0);\r\n      //       }\r\n      //     });\r\n      // });\r\n    },\r\n    //天气\r\n    Onweather(name, index) {\r\n      // console.log(name, \"名字\");\r\n      if(name.includes('阴')||name.includes('多云')){\r\n        if(name.includes('雨')){\r\n          return require(\"./assets/weather/rain.png\");\r\n        }else{\r\n          return require(\"./assets/weather/Cloudy .png\");\r\n        }\r\n      }\r\n      if(name.includes('小雨')){\r\n        \r\n          return require(\"./assets/weather/rain.png\");\r\n        \r\n      }\r\n      // console.log(index);\r\n      switch (name) {\r\n        \r\n        case '风转阴':\r\n          return require(\"./assets/weather/Cloudy .png\");\r\n        case \"多云\":\r\n          return require(\"./assets/weather/Cloudy .png\");\r\n        case \"阴\":\r\n          return require(\"./assets/weather/Cloudy .png\");\r\n        case \"阴转多云\":\r\n          return require(\"./assets/weather/Cloudy .png\");\r\n        case \"暴雨\":\r\n          return require(\"./assets/weather/rainstorm.png\");\r\n        case \"冰雹\":\r\n          return require(\"./assets/weather/hail.png\");\r\n        case \"大风\":\r\n          return require(\"./assets/weather/gale.png\");\r\n        case \"大雪\":\r\n          return require(\"./assets/weather/bigsnow.png\");\r\n        case \"大雨\":\r\n          return require(\"./assets/weather/bigrain.png\");\r\n        case \"雷电\":\r\n          return require(\"./assets/weather/thunder.png\");\r\n        case \"雷阵雨\":\r\n          return require(\"./assets/weather/shower.png\");\r\n        case \"沙尘暴\":\r\n          return require(\"./assets/weather/sand.png\");\r\n        case \"晴\":\r\n          return require(\"./assets/weather/sun.png\");\r\n        case \"雾霾\":\r\n          return require(\"./assets/weather/smog.png\");\r\n        case \"小雪\":\r\n          return require(\"./assets/weather/snow.png\");\r\n        case \"小雨\":\r\n          return require(\"./assets/weather/rain.png\");\r\n        case \"雪\":\r\n          return require(\"./assets/weather/rainlitter.png\");\r\n        case \"多云\":\r\n          return require(\"./assets/weather/night.png\");\r\n        case \"雨夹雪\":\r\n          return require(\"./assets/weather/rainsnow.png\");\r\n        case \"月亮\":\r\n          return require(\"./assets/weather/moon.png\");\r\n        case \"中雪\":\r\n          return require(\"./assets/weather/mieddlesnow.png\");\r\n        case \"中雨\":\r\n          return require(\"./assets/weather/middlerain.png\");\r\n        case \"阴转雨\":\r\n          return require(\"./assets/weather/rain.png\");\r\n        case \"阴转晴\":\r\n          return require(\"./assets/weather/Cloudy .png\");\r\n      }\r\n    },\r\n    handleChange(index) {\r\n      let that = this;\r\n      this.routerActive = index;\r\n      if (this.routerActive == 0) {\r\n        if (this.$route.name != \"index\") {\r\n          that.$router.push({ name: \"index\" });\r\n        }\r\n      } else if (this.routerActive == 2) {\r\n        that.$router.push({ name: \"stationBuilding\" });\r\n      }\r\n      //  else if (this.routerActive == 1) {\r\n      //   that.$router.push({ name: \"twentyKV\" });\r\n      // } \r\n      else if (this.routerActive == 1) {\r\n        that.$router.push({ name: \"thirtyFiveKV\" });\r\n      }\r\n    },\r\n  },\r\n};\r\n",{"version":3,"sources":["App.vue"],"names":[],"mappings":";AAoDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;;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;;AAEA;;AAEA;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","file":"App.vue","sourceRoot":"src","sourcesContent":["<template>\r\n  <div id=\"app\">\r\n    <div class=\"top\">\r\n      <div class=\"left\">\r\n         <div class=\"time\">\r\n          <span>{{ this.$moment().format(\"YYYY-MM-DD\") }} {{ week }}</span>\r\n          <span style=\"font-size: 24px; margin-top: 3px\">{{\r\n            nowDate\r\n          }}</span>\r\n        </div>\r\n      </div>\r\n      <div class=\"middle\">\r\n        <div class=\"box\">\r\n\r\n        </div>\r\n        <!-- <div\r\n          class=\"router\"\r\n          :class=\"{ active: routerActive == index }\"\r\n          v-for=\"(item, index) in routerTitle\"\r\n          @click=\"handleChange(index)\"\r\n          :key=\"index\"\r\n          :text=\"item\"\r\n        >\r\n          {{ item }}\r\n        </div> -->\r\n      </div>\r\n      <div class=\"right\">\r\n        <div class=\"time\">\r\n          <span>{{ this.$moment().format(\"YYYY-MM-DD\") }} {{ week }}</span>\r\n          <span style=\"font-size: 24px; margin-top: 3px\">{{\r\n            nowDate\r\n          }}</span>\r\n        </div>\r\n        <div class=\"weather\" v-for=\"(item, index) in weatherArr\" :key=\"index\">\r\n          <div class=\"pic\">\r\n            <img :src=\"item.pic\" alt=\"\" style=\"height: 100%; width: 100%\" />\r\n          </div>\r\n          <div class=\"date\">\r\n            <span>{{ item.date }}</span>\r\n            <span style=\"font-size: 24px; margin-top: 3px\">{{\r\n              item.wendu\r\n            }}</span>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"content\">\r\n      <router-view />\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nimport MinxinItem from \"./mixins\";\r\nimport axios from \"axios\";\r\nimport { getWather, Weather, getToken } from \"./api/index.js\";\r\nexport default {\r\n  name: \"home\",\r\n  mixins: [MinxinItem],\r\n  data() {\r\n    return {\r\n      addDay: \"\",\r\n      subDay: \"\",\r\n      routerTitle: [\"实时监测\",  \"安全管控\", \"站房智辅\"],\r\n      routerActive: 0,\r\n      weatherArr: [\r\n        {\r\n          day: \"今天\",\r\n          temperature: \"\",\r\n          pic: require(\"./assets/images/sun.png\"),\r\n        },\r\n        {\r\n          day: \"昨天\",\r\n          temperature: \"\",\r\n          pic: require(\"./assets/images/union.png\"),\r\n        },\r\n        {\r\n          day: \"明天\",\r\n          temperature: \"\",\r\n          pic: require(\"./assets/images/windy.png\"),\r\n        },\r\n      ],\r\n      weekList: [\"周日\", \"周一\", \"周二\", \"周三\", \"周四\", \"周五\", \"周六\"],\r\n      week: \"\",\r\n      nowDate:'',\r\n    };\r\n  },\r\n  mounted() {\r\n    this.handleWather();\r\n    let week = new Date(this.$moment().format(\"YYYY-MM-DD\")).getDay();\r\n    this.week = this.weekList[week];\r\n    //  let params = new URLSearchParams()\r\n    let params = {\r\n      appKey: \"symnzwxdfu1ul8raqrykgbld7zonktga\",\r\n      appSecret: \"a3tdb6nxfciekxcgcl94ljvtmw2lsafx\",\r\n    };\r\n    //  params.append('appKey','symnzwxdfu1ul8raqrykgbld7zonktga')\r\n    //  params.append('appSecret','a3tdb6nxfciekxcgcl94ljvtmw2lsafx')\r\n    getToken(params).then((res) => {\r\n      localStorage.setItem(\"token\", res.data.data.token);\r\n      //  console.log(localStorage.getItem('token'),'token');\r\n    });\r\n    setInterval(()=>{\r\n      this. handleWather()\r\n    },480000)\r\n    setInterval(()=>{\r\n      this.nowDate =  this.$moment().format(\"HH:mm:ss\")\r\n    },100)\r\n  },\r\n\r\n  methods: {\r\n    getDateSub(n) {\r\n      let day = this.$moment(new Date())\r\n        .subtract(n, \"days\")\r\n        .format(\"YYYY-MM-DD\");\r\n      this.subDay = day;\r\n      return day;\r\n    },\r\n    getDateAdd(n) {\r\n      var dd = new Date();\r\n      dd.setDate(dd.getDate() + n); //获取n天后的日期\r\n      // var y = dd.getFullYear();\r\n      var m = dd.getMonth() + 1; //获取当前月份的日期\r\n      if (m < 10) {\r\n        m = \"0\" + m;\r\n      }\r\n      var d = dd.getDate();\r\n      if (d < 10) {\r\n        d = \"0\" + d;\r\n      }\r\n      let day = m + \"-\" + d;\r\n      // this.addDay = day;\r\n      return day;\r\n    },\r\n    getNewDate() {\r\n      var date = new Date();\r\n      var month = date.getMonth() + 1; //获取当前月份的日期\r\n      if (month < 10) {\r\n        month = \"0\" + month;\r\n      }\r\n      var a = date.getDate();\r\n      if (a < 10) {\r\n        a = \"0\" + a;\r\n      }\r\n      let day = month + \"-\" + a;\r\n      return day;\r\n    },\r\n    //天气\r\n    handleWather() {\r\n      // axios({url:\"http://www.jcznedu.com:5000/weather/prediction/?city=盐都&&limit=3\",methods:'GET'}).then(res=>{\r\n      // })\r\n\r\n      getWather().then((res) => {\r\n        // console.log(res, \"天气情况\");\r\n        for (let i = 0; i < res.data.data.length; i++) {\r\n          let item = res.data.data[i];\r\n          // console.log(item.date);\r\n          if (item.date == this.getNewDate()) {\r\n            item.date = \"今天\";\r\n            item.wendu = item.low + \"℃~\" + item.high + \"℃\";\r\n            item.pic = this.Onweather(item.weather, i);\r\n          } else if (item.date == this.getDateAdd(1)) {\r\n            item.date = \"明天\";\r\n            item.wendu = item.low + \"℃~\" + item.high + \"℃\";\r\n            item.pic = this.Onweather(item.weather, i);\r\n          } else if (item.date == this.getDateAdd(2)) {\r\n            item.date = \"后天\";\r\n            item.wendu = item.low + \"℃~\" + item.high + \"℃\";\r\n            item.pic = this.Onweather(item.weather, i);\r\n          }\r\n        }\r\n        // console.log(res.data.data);\r\n        // 天气\r\n        this.weatherArr = res.data.data;\r\n        // console.log(this.weatherArr);\r\n        // console.log(this.getNewDate(),'获取');\r\n      });\r\n      // Weather({\r\n      //   action: \"one\",\r\n      //   key: \"天气情况\",\r\n      // }).then((res) => {\r\n      //   // console.log(res, \"天气情况\");\r\n      //   let toDay = this.$moment().format(\"D\");\r\n      //   this.getDateSub(1);\r\n      //   this.getDateAdd(1),\r\n      //     res.data.data.forEach((item, index) => {\r\n      //       if (item.第N天 == this.$moment(this.subDay).format(\"D\")) {\r\n      //         this.weatherArr[1].date = \"昨天\";\r\n      //         this.weatherArr[1].temperature =\r\n      //           item.最低温度 + \"℃\" + \"~\" + item.最高温度 + \"℃\";\r\n      //         this.Onweather(item.天气, 1);\r\n      //       } else if (item.第N天 == this.$moment(this.addDay).format(\"D\")) {\r\n      //         this.weatherArr[2].date = \"明天\";\r\n      //         this.weatherArr[2].temperature =\r\n      //           item.最低温度 + \"℃\" + \"~\" + item.最高温度 + \"℃\";\r\n      //         this.Onweather(item.天气, 2);\r\n      //       } else if (item.第N天 == toDay) {\r\n      //         this.weatherArr[0].date = \"今天\";\r\n      //         this.weatherArr[0].temperature =\r\n      //           item.最低温度 + \"℃\" + \"~\" + item.最高温度 + \"℃\";\r\n      //         this.Onweather(item.天气, 0);\r\n      //       }\r\n      //     });\r\n      // });\r\n    },\r\n    //天气\r\n    Onweather(name, index) {\r\n      // console.log(name, \"名字\");\r\n      if(name.includes('阴')||name.includes('多云')){\r\n        if(name.includes('雨')){\r\n          return require(\"./assets/weather/rain.png\");\r\n        }else{\r\n          return require(\"./assets/weather/Cloudy .png\");\r\n        }\r\n      }\r\n      if(name.includes('小雨')){\r\n        \r\n          return require(\"./assets/weather/rain.png\");\r\n        \r\n      }\r\n      // console.log(index);\r\n      switch (name) {\r\n        \r\n        case '风转阴':\r\n          return require(\"./assets/weather/Cloudy .png\");\r\n        case \"多云\":\r\n          return require(\"./assets/weather/Cloudy .png\");\r\n        case \"阴\":\r\n          return require(\"./assets/weather/Cloudy .png\");\r\n        case \"阴转多云\":\r\n          return require(\"./assets/weather/Cloudy .png\");\r\n        case \"暴雨\":\r\n          return require(\"./assets/weather/rainstorm.png\");\r\n        case \"冰雹\":\r\n          return require(\"./assets/weather/hail.png\");\r\n        case \"大风\":\r\n          return require(\"./assets/weather/gale.png\");\r\n        case \"大雪\":\r\n          return require(\"./assets/weather/bigsnow.png\");\r\n        case \"大雨\":\r\n          return require(\"./assets/weather/bigrain.png\");\r\n        case \"雷电\":\r\n          return require(\"./assets/weather/thunder.png\");\r\n        case \"雷阵雨\":\r\n          return require(\"./assets/weather/shower.png\");\r\n        case \"沙尘暴\":\r\n          return require(\"./assets/weather/sand.png\");\r\n        case \"晴\":\r\n          return require(\"./assets/weather/sun.png\");\r\n        case \"雾霾\":\r\n          return require(\"./assets/weather/smog.png\");\r\n        case \"小雪\":\r\n          return require(\"./assets/weather/snow.png\");\r\n        case \"小雨\":\r\n          return require(\"./assets/weather/rain.png\");\r\n        case \"雪\":\r\n          return require(\"./assets/weather/rainlitter.png\");\r\n        case \"多云\":\r\n          return require(\"./assets/weather/night.png\");\r\n        case \"雨夹雪\":\r\n          return require(\"./assets/weather/rainsnow.png\");\r\n        case \"月亮\":\r\n          return require(\"./assets/weather/moon.png\");\r\n        case \"中雪\":\r\n          return require(\"./assets/weather/mieddlesnow.png\");\r\n        case \"中雨\":\r\n          return require(\"./assets/weather/middlerain.png\");\r\n        case \"阴转雨\":\r\n          return require(\"./assets/weather/rain.png\");\r\n        case \"阴转晴\":\r\n          return require(\"./assets/weather/Cloudy .png\");\r\n      }\r\n    },\r\n    handleChange(index) {\r\n      let that = this;\r\n      this.routerActive = index;\r\n      if (this.routerActive == 0) {\r\n        if (this.$route.name != \"index\") {\r\n          that.$router.push({ name: \"index\" });\r\n        }\r\n      } else if (this.routerActive == 2) {\r\n        that.$router.push({ name: \"stationBuilding\" });\r\n      }\r\n      //  else if (this.routerActive == 1) {\r\n      //   that.$router.push({ name: \"twentyKV\" });\r\n      // } \r\n      else if (this.routerActive == 1) {\r\n        that.$router.push({ name: \"thirtyFiveKV\" });\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style >\r\n@import \"./assets/index.css\";\r\n\r\n#app {\r\n  font-family: \"Avenir\", Helvetica, Arial, sans-serif;\r\n  -webkit-font-smoothing: antialiased;\r\n  -moz-osx-font-smoothing: grayscale;\r\n  text-align: center;\r\n  color: #2c3e50;\r\n  background: url(\"./assets/index/bg.png\") no-repeat;\r\n  background-size: 100% 100%;\r\n}\r\n\r\n</style>\r\n<style lang=\"less\" scoped>\r\n.top {\r\n  width: 100%;\r\n  height: 100px;\r\n  /* background: rgba(147, 230, 244,0.6); */\r\n  /* background-image: linear-gradient(90deg, rgba(147, 230, 244,0.6),rgba(147, 230, 244,0), rgba(147, 230, 244,0.6)); */\r\n//   background: url(\"./assets/images/topBg.png\") no-repeat;\r\n  background: url(\"./assets/indexN/title.png\") no-repeat;\r\n  background-size: 100% 100%;\r\n  display: flex;\r\n  flex-flow: row nowrap;\r\n  justify-content: space-between;\r\n  .left {\r\n    width: 815px;\r\n    height: 97px;\r\n    // background: url(\"./assets/index/title.png\") no-repeat;\r\n    // background-size: 100% 100%;\r\n    font-size: 44px;\r\n    font-weight: 700;\r\n    letter-spacing: 22px;\r\n    color: #ffffff;\r\n    // line-height: 97px;\r\n    padding-left: 86px;\r\n    text-align: left;\r\n    box-sizing: border-box;\r\n     .time {\r\n      height: 100%;\r\n      color: #ffffff;\r\n      font-size: 18px;\r\n      display: flex;\r\n      flex-flow: column nowrap;\r\n      justify-content: center;\r\n      text-align: left;\r\n    }\r\n    .weather {\r\n      display: flex;\r\n      flex-flow: row nowrap;\r\n      height: 100%;\r\n      align-items: center;\r\n      margin-left: 36px;\r\n      .pic {\r\n        width: 61px;\r\n        height: 61px;\r\n      }\r\n      .date {\r\n        height: 100%;\r\n        color: #ffffff;\r\n        font-size: 18px;\r\n        display: flex;\r\n        flex-flow: column nowrap;\r\n        justify-content: center;\r\n        margin-left: 19px;\r\n        text-align: left;\r\n      }\r\n    }\r\n    \r\n  }\r\n  .left:before {\r\n    content: attr(text);\r\n    position: absolute;\r\n    z-index: 10;\r\n    color: rgb(86, 254, 246);\r\n    -webkit-mask: linear-gradient(to top, rgb(86, 244, 254), transparent);\r\n  }\r\n  .middle {\r\n     width: 27%;\r\n    height: 80px;\r\n    display: -webkit-box;\r\n    display: -ms-flexbox;\r\n    /* display: flex; */\r\n    -webkit-box-orient: horizontal;\r\n    -webkit-box-direction: normal;\r\n    position: absolute;\r\n    left: 38%;\r\n    top: 3%;\r\n   .box{\r\n    width: 100%;\r\n    height: 100%;\r\n    background: url(\"./assets/indexN/titleText.png\") no-repeat;\r\n   }\r\n    .router {\r\n      width: 244px;\r\n      height: 100%;\r\n      line-height: 78px;\r\n      color: rgb(41, 114, 124);\r\n      font-size: 22px;\r\n      cursor: pointer;\r\n    }\r\n    .active {\r\n      color: #ffffff;\r\n      background: url(\"./assets/images/routerActive.png\") no-repeat;\r\n      background-size: 100% 100%;\r\n    }\r\n    .active:before {\r\n      content: attr(text);\r\n      position: absolute;\r\n      z-index: 10;\r\n      color: rgb(86, 254, 246);\r\n      -webkit-mask: linear-gradient(to top, rgb(86, 244, 254), transparent);\r\n    }\r\n  }\r\n  .right {\r\n    // width: 740px;\r\n    height: 78px;\r\n    display: flex;\r\n    flex-flow: row nowrap;\r\n    justify-content: space-between;\r\n    padding-right: 15px;\r\n    .time {\r\n      height: 100%;\r\n      color: #ffffff;\r\n      font-size: 18px;\r\n      display: flex;\r\n      flex-flow: column nowrap;\r\n      justify-content: center;\r\n      text-align: left;\r\n    }\r\n    .weather {\r\n      display: flex;\r\n      flex-flow: row nowrap;\r\n      height: 100%;\r\n      align-items: center;\r\n      margin-left: 36px;\r\n      .pic {\r\n        width: 61px;\r\n        height: 61px;\r\n      }\r\n      .date {\r\n        height: 100%;\r\n        color: #ffffff;\r\n        font-size: 18px;\r\n        display: flex;\r\n        flex-flow: column nowrap;\r\n        justify-content: center;\r\n        margin-left: 19px;\r\n        text-align: left;\r\n      }\r\n    }\r\n  }\r\n}\r\n.content {\r\n  width: 100%;\r\n  height: calc(100% - 100px);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-around;\r\n}\r\n</style>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/1b978c94556292259bdf4a2fa8f96b6d.json b/node_modules/.cache/vue-loader/1b978c94556292259bdf4a2fa8f96b6d.json
new file mode 100644
index 00000000..e7af32f3
--- /dev/null
+++ b/node_modules/.cache/vue-loader/1b978c94556292259bdf4a2fa8f96b6d.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\thirtyFiveKV.vue?vue&type=style&index=0&id=4bdb45b9&lang=less&scoped=true&","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\thirtyFiveKV.vue","mtime":1689642397096},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\css-loader\\index.js","mtime":1689642389821},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1689642396087},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\postcss-loader\\src\\index.js","mtime":1689642393431},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\less-loader\\dist\\cjs.js","mtime":1689642392421},{"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\n.stationBuilding {\r\n  width: 1722px;\r\n  height: 982px;\r\n  background: url(\"../assets/images/stationBuildingKuang.png\") no-repeat;\r\n  background-size: 100% 100%;\r\n  padding: 15px 25px;\r\n  z-index: 100;\r\n  .stationContent {\r\n    width: 100%;\r\n    height: 100%;\r\n    background: url(\"../assets/images/zhifu.png\") no-repeat;\r\n    background-size: 100% 100%;\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    .systemText {\r\n      position: absolute;\r\n      display: flex;\r\n      flex-direction: column;\r\n    }\r\n  }\r\n}\r\n",{"version":3,"sources":["thirtyFiveKV.vue"],"names":[],"mappings":";AAyDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"thirtyFiveKV.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n  <div class=\"stationBuilding\">\r\n    <!-- <video-player\r\n      class=\"video-player vjs-custom-skin\"\r\n      style=\"heght:100%;width:100%\"\r\n      ref=\"VideoPlayer\"\r\n      :playsinline=\"true\"\r\n      :options=\"playerOptions\"\r\n      > \r\n      </video-player> -->\r\n    <div class=\"stationContent\">\r\n      <div class=\"systemText\">\r\n        <i class=\"el-icon-loading\" style=\"color: #4bfffd; font-size: 80px\"></i>\r\n        <p style=\"font-size: 30px;color:#fff\">系统正在加载中...</p>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"thirtyFiveKV\",\r\n  data() {\r\n    return {\r\n      // 视频播放器配置\r\n      playerOptions: {\r\n        height: 400,\r\n        playbackRates: [0.7, 1.0, 1.5, 2.0], // 播放速度\r\n        autoplay: false, // 如果true,浏览器准备好时开始回放。\r\n        muted: false, // 默认情况下将会消除任何音频。\r\n        loop: false, // 导致视频一结束就重新开始。\r\n        preload: \"auto\", // 建议浏览器在<video>加载元素后是否应该开始下载视频数据。auto浏览器选择最佳行为,立即开始加载视频（如果浏览器支持）\r\n        language: \"zh-CN\",\r\n        aspectRatio: \"16:9\", // 将播放器置于流畅模式，并在计算播放器的动态大小时使用该值。值应该代表一个比例 - 用冒号分隔的两个数字（例如\"16:9\"或\"4:3\"）\r\n        fluid: true, // 当true时，Video.js player将拥有流体大小。换句话说，它将按比例缩放以适应其容器。\r\n        sources: [\r\n          {\r\n            type: \"video/mp4\", // 这里的种类支持很多种：基本视频格式、直播、流媒体等，具体可以参看git网址项目\r\n            src: require(\"../assets/videos/video.mp4\"), // url地址\r\n          },\r\n        ],\r\n        poster: require(\"../assets/images/sun.png\"), // 你的封面地址\r\n        // width: document.documentElement.clientWidth, //播放器宽度\r\n        notSupportedMessage: \"此视频暂无法播放，请稍后再试\", // 允许覆盖Video.js无法播放媒体源时显示的默认信息。\r\n        controlBar: {\r\n          timeDivider: true,\r\n          durationDisplay: true,\r\n          remainingTimeDisplay: false,\r\n          fullscreenToggle: true, // 全屏按钮\r\n        },\r\n      },\r\n    };\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.stationBuilding {\r\n  width: 1722px;\r\n  height: 982px;\r\n  background: url(\"../assets/images/stationBuildingKuang.png\") no-repeat;\r\n  background-size: 100% 100%;\r\n  padding: 15px 25px;\r\n  z-index: 100;\r\n  .stationContent {\r\n    width: 100%;\r\n    height: 100%;\r\n    background: url(\"../assets/images/zhifu.png\") no-repeat;\r\n    background-size: 100% 100%;\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    .systemText {\r\n      position: absolute;\r\n      display: flex;\r\n      flex-direction: column;\r\n    }\r\n  }\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/1cc1ba917e585aaa34fe47c1212692ee.json b/node_modules/.cache/vue-loader/1cc1ba917e585aaa34fe47c1212692ee.json
new file mode 100644
index 00000000..633b2969
--- /dev/null
+++ b/node_modules/.cache/vue-loader/1cc1ba917e585aaa34fe47c1212692ee.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\HomePop\\ringMainUnit.vue?vue&type=style&index=0&id=69e71d64&lang=less&scoped=true&","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\HomePop\\ringMainUnit.vue","mtime":1689642397095},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\css-loader\\index.js","mtime":1689642389821},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1689642396087},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\postcss-loader\\src\\index.js","mtime":1689642393431},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\less-loader\\dist\\cjs.js","mtime":1689642392421},{"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\n.fenzhiMessage {\r\n  width: 100%;\r\n  margin-top: 6px;\r\n  height: calc(100% - 30px);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-around;\r\n  background: url(\"../../assets/images/intervalFrame.png\") no-repeat;\r\n  .fenzhiItem {\r\n    background-image: url(\"../../assets/images/fenzhiBg.png\");\r\n    width: 295px;\r\n    height: 116px;\r\n    background-size: 100% 100%;\r\n    .unitNum {\r\n      height: 83px;\r\n      line-height: 83px;\r\n      width: 100%;\r\n      text-align: center;\r\n      font-size: 30px;\r\n      color: #56fefe;\r\n    }\r\n    .fenzhiUnit {\r\n      height: 33px;\r\n      text-align: center;\r\n      font-size: 20px;\r\n      line-height: 28px;\r\n      color: #fff;\r\n    }\r\n  }\r\n}\r\n.addTitle {\r\n  color: rgb(86, 244, 254);\r\n  text-align: left;\r\n}\r\n//表格\r\n.user_skills {\r\n  /**\r\n  表格有滚动效果但是不显示滚动条\r\n  */\r\n  /deep/ .is-scrolling-none {\r\n    overflow: hidden;\r\n    overflow-y: auto;\r\n    overflow-x: scroll;\r\n  }\r\n  /deep/ .is-scrolling-none::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n  /deep/.el-table--scrollable-y ::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n  /deep/.el-table--scrollable-x ::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n  /deep/ .el-table {\r\n    background-color: transparent !important;\r\n  }\r\n  /deep/ .el-table th {\r\n    background-color: transparent !important;\r\n  }\r\n  /deep/ .el-table__header {\r\n    height: 48px;\r\n    background: url(\"../../assets/images/intervalTable.png\") no-repeat;\r\n    background-size: 100% 100%;\r\n  }\r\n  /deep/ .el-table__header th {\r\n    border: none;\r\n    padding: 0;\r\n    height: 40px;\r\n    .cell {\r\n      height: 100%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-around;\r\n    }\r\n    &.el-table__cell.is-leaf {\r\n      border: none !important;\r\n    }\r\n  }\r\n  /deep/ .el-table tr {\r\n    background-color: transparent !important;\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  /deep/ .el-table__body td .cell {\r\n    white-space: nowrap !important;\r\n    // word-break: break-all;\r\n  }\r\n  /deep/ .el-table th.el-table__cell > .cell {\r\n    color: rgb(86, 254, 226);\r\n  }\r\n  /deep/.el-table .el-table__cell {\r\n    padding: 5px 0;\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}\r\n.el-table::before {\r\n  background-color: transparent;\r\n}\r\n::v-deep .el-table .el-table__body tr.el-table__row td {\r\n  background: rgba(79, 218, 255, 0.1) !important;\r\n}\r\n::v-deep .el-table--striped .el-table__body tr.el-table__row--striped td {\r\n  background: rgba(79, 218, 255, 0.06) !important;\r\n}\r\n.ringMain {\r\n  width: 1332px !important;\r\n  height: 739px !important;\r\n  background-image: url(\"../../assets/images/ringMain.png\") !important;\r\n  .main {\r\n    height: 93% !important;\r\n    .basic {\r\n      margin-top: 20px;\r\n      .title {\r\n        margin-bottom: 5px;\r\n      }\r\n    }\r\n  }\r\n}\r\n.ringMainUnit {\r\n  width: 1511px;\r\n  height: 1071px;\r\n  background: url(\"../../assets/images/ringMainUnitKuang.png\") no-repeat;\r\n  background-size: 100% 100%;\r\n  -webkit-animation: fadeInDown 0.3s;\r\n  animation: fadeInDown 0.3s;\r\n  padding: 15px 25px;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  align-content: space-between;\r\n  .top {\r\n    height: 4%;\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    .title {\r\n      font-size: 28px;\r\n      font-weight: 700;\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(86, 244, 254)\r\n      );\r\n    }\r\n  }\r\n  .main {\r\n    height: 95%;\r\n    width: 100%;\r\n    //   border: 1px solid blue;\r\n    .basic {\r\n      height: 8.8%;\r\n      width: 100%;\r\n      //   border: 1px solid red;\r\n      .title {\r\n        height: 27%;\r\n        width: 100%;\r\n        //  border: 1px solid yellow;\r\n        color: rgb(86, 244, 254);\r\n        display: flex;\r\n      }\r\n      .content {\r\n        height: 73%;\r\n        width: 100%;\r\n        background: url(\"../../assets/images/basicFrame.png\") no-repeat;\r\n        display: flex;\r\n        background-size: 100% 100%;\r\n        justify-content: space-around;\r\n        overflow: auto;\r\n        .information {\r\n          color: #ffffff;\r\n          height: 100%;\r\n          width: 96%;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: space-between;\r\n          .informationContent {\r\n            height: 35px;\r\n            line-height: 35px;\r\n            background: url(\"../../assets/images/cardSquare.png\") no-repeat;\r\n            background-size: 100% 100%;\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .earlyWarning {\r\n      height: 8.8%;\r\n      width: 100%;\r\n      margin-top: 10px;\r\n      //   border: 1px solid red;\r\n      .title {\r\n        height: 27%;\r\n        width: 100%;\r\n        //  border: 1px solid yellow;\r\n        color: rgb(86, 244, 254);\r\n        display: flex;\r\n      }\r\n      .content {\r\n        height: 73%;\r\n        width: 100%;\r\n        background: url(\"../../assets/images/basicFrame.png\") no-repeat;\r\n        display: flex;\r\n        background-size: 100% 100%;\r\n        justify-content: flex-start;\r\n        .information {\r\n          color: #ffffff;\r\n          height: 100%;\r\n          width: 79%;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: space-between;\r\n          display: flex;\r\n          align-items: center;\r\n          -webkit-box-pack: justify;\r\n          padding-left: 24px;\r\n          .informationContent {\r\n            height: 35px;\r\n            background: url(\"../../assets/images/cardSquare.png\") no-repeat;\r\n            background-size: 100% 100%;\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .interval {\r\n      height: 40%;\r\n      width: 100%;\r\n      margin-top: 10px;\r\n      .title {\r\n        height: 7%;\r\n        width: 100%;\r\n        color: rgb(86, 244, 254);\r\n        display: flex;\r\n      }\r\n      .table {\r\n        height: 85%;\r\n        // border: 1px solid red;\r\n        background: url(\"../../assets/images/intervalFrame.png\") no-repeat;\r\n        background-size: 100% 100%;\r\n        padding: 15px 20px;\r\n      }\r\n    }\r\n    .intervalData {\r\n      height: 33%;\r\n      margin-top: 10px;\r\n      padding-left: 10px;\r\n      background: url(\"../../assets/images/intervalFrame.png\") no-repeat;\r\n      background-size: 100% 100%;\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      /deep/ .el-tabs__nav-wrap::after {\r\n        background-color: transparent !important;\r\n      }\r\n      /deep/ .el-tabs--top{\r\n        width: 50%;\r\n      }\r\n      #intervalShow {\r\n        width: 100%;\r\n        height: calc(100% - 54px);\r\n      }\r\n      #temperatureShow{\r\n        width: 100%;\r\n        height: calc(100% - 54px);\r\n      }\r\n    }\r\n    .InfraredVideo {\r\n      .title {\r\n        height: 100%;\r\n        .content {\r\n          margin-left: 30px;\r\n          display: flex;\r\n          flex-direction: row;\r\n          flex-wrap: wrap;\r\n          justify-content: flex-start;\r\n        }\r\n      }\r\n      /deep/ .el-tabs__item {\r\n        margin-top: 20px;\r\n        padding: 0 30px;\r\n      }\r\n    }\r\n  }\r\n}\r\n.content1 {\r\n  height: 100%;\r\n  width: 100%;\r\n  overflow: hidden;\r\n}\r\n/deep/.el-tabs__content {\r\n  height: 100%;\r\n  overflow: auto;\r\n  position: relative;\r\n}\r\n/**\r\n下拉显示动画效果\r\n*/\r\n@keyframes fadeInDown {\r\n  0% {\r\n    -webkit-transform: translate3d(0, -20%, 0);\r\n    transform: translate3d(0, -20%, 0);\r\n    opacity: 0;\r\n  }\r\n\r\n  100% {\r\n    -webkit-transform: none;\r\n    transform: none;\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n@-webkit-keyframes fadeInDown {\r\n  0% {\r\n    -webkit-transform: translate3d(0, -20%, 0);\r\n    opacity: 0;\r\n  }\r\n\r\n  100% {\r\n    -webkit-transform: none;\r\n    opacity: 1;\r\n  }\r\n}\r\n",{"version":3,"sources":["ringMainUnit.vue"],"names":[],"mappings":";AAuwCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA","file":"ringMainUnit.vue","sourceRoot":"src/views/HomePop","sourcesContent":["<template>\r\n  <div :class=\"equipmentName=='分支箱'?'ringMain':''\"  class=\"ringMainUnit\"> \r\n    <div class=\"top\">\r\n      <div class=\"title\">{{ ringMainUnit }}</div>\r\n      <div class=\"close\">\r\n        <img\r\n          @click=\"handleClose\"\r\n          src=\"@/assets/images/close.png\"\r\n          style=\"cursor: pointer\"\r\n        />\r\n      </div>\r\n    </div>\r\n    <div class=\"main\">\r\n      <el-tabs v-model=\"activeName\" @tab-click=\"handleClick\" style=\"height: 4%\" v-if=\"ringMainUnit.includes('总览')||ringMainUnit.includes('环网柜')\">\r\n        </el-tab-pane><el-tab-pane label=\"设备信息\" name=\"first\" style=\"font-size:20px\" > </el-tab-pane>\r\n        <el-tab-pane label=\"现场照片/红外视频\" name=\"second\" style=\"font-size:20px\"></el-tab-pane>\r\n        \r\n      </el-tabs>\r\n      <!-- 分支箱 -->\r\n      <el-tabs v-model=\"activeName\" @tab-click=\"handleClick\" style=\"height: 4%\" v-if=\"ringMainUnit.includes('分支箱')\">\r\n        <el-tab-pane label=\"设备信息\" name=\"first\" style=\"font-size:20px\" ></el-tab-pane>\r\n        <el-tab-pane label=\"现场照片\" name=\"second\" style=\"font-size:20px\"></el-tab-pane>\r\n      </el-tabs>\r\n      <!-- 箱变 -->\r\n      <el-tabs v-model=\"activeName\" @tab-click=\"handleClick\" style=\"height: 4%\" v-if=\"ringMainUnit.includes('箱变')\">\r\n        <el-tab-pane label=\"设备信息\" name=\"first\" style=\"font-size:20px\" ></el-tab-pane>\r\n        <el-tab-pane label=\"现场照片/红外视频\" name=\"second\" style=\"font-size:20px\"></el-tab-pane>\r\n      </el-tabs>\r\n      <!-- 开闭所 -->\r\n      <el-tabs v-model=\"activeName\" @tab-click=\"handleClick\" style=\"height: 4%\" v-if=\"ringMainUnit.includes('开闭所')\">\r\n        <el-tab-pane label=\"设备信息\" name=\"first\" style=\"font-size:20px\" ></el-tab-pane>\r\n        <el-tab-pane label=\"红外线视频/监检视频/现场照片\" name=\"second\" style=\"font-size:20px\"></el-tab-pane>\r\n      </el-tabs>\r\n      <div v-if=\"activeName == 'first'\" style=\"height: 100%; width: 100%\">\r\n        <div class=\"basic\">\r\n          <div class=\"title\" style=\"margin-top: 10px\">基本信息</div>\r\n          <div class=\"content\">\r\n            <div class=\"information\">\r\n              <div class=\"informationContent\">\r\n                {{ equipmentName }}名称&nbsp;&nbsp;&nbsp;&nbsp;{{\r\n                  ringMainUnit\r\n                }}\r\n              </div>\r\n              <div class=\"informationContent\">\r\n                {{ equipmentName }}编号&nbsp;&nbsp;&nbsp;&nbsp;{{ deviceSn }}\r\n              </div>\r\n              <div class=\"informationContent\" v-if='equipmentName==\"分支箱\"'> \r\n                蓄电池电压(v)\r\n              </div>\r\n              <template v-else-if='equipmentName==\"箱变\"'>\r\n\r\n              </template>\r\n\r\n              <template v-else>\r\n              <div class=\"informationContent\" >\r\n                IP地址&nbsp;&nbsp;&nbsp;&nbsp;{{ deviceInformation.device_ip }}\r\n              </div>\r\n              <div class=\"informationContent\">\r\n                总间隔&nbsp;&nbsp;&nbsp;&nbsp;{{ totalInterval }}\r\n              </div>\r\n              </template>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"earlyWarning\" v-show='equipmentName!=\"分支箱\"'>\r\n          <div class=\"title\">预警信息</div>\r\n          <div class=\"content\">\r\n            <div class=\"information\">\r\n              <div class=\"informationContent\">\r\n                <img src=\"@/assets/images/shiliangIcon1.png\" />\r\n                电缆沟水位&nbsp;:&nbsp;&nbsp;&nbsp;&nbsp;{{ waterLevel }}米\r\n                \r\n              </div>\r\n              <div class=\"informationContent\">\r\n                <span v-if=\"equipmentName!='箱变'\" style=\"margin-left:10px\">&nbsp;状态:&nbsp;&nbsp;&nbsp;&nbsp;{{ waterLevel1 }}</span>\r\n              </div>\r\n              <div class=\"informationContent\">\r\n                <img src=\"@/assets/images/shiliangIcon2.png\" />\r\n                小电流接地故障状态&nbsp;:&nbsp;&nbsp;&nbsp;&nbsp;{{ grounding }}\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div v-if=\"equipmentName=='分支箱'\" class=\"interval\" >\r\n            <div class=\"title\" >出现线缆温度监测</div>\r\n            <div class=\"fenzhiMessage\">\r\n              <div class=\"fenzhiItem\" v-for=\"s in fenzhiArr\">\r\n                  <div class=\"unitNum\">\r\n                    <span>55</span>\r\n                  </div>\r\n                  <div class=\"fenzhiUnit\">\r\n                    <span>{{s}}</span>\r\n                  </div>\r\n              </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"interval\" v-else>\r\n          <div class=\"title\" v-if='equipmentName==\"箱变\"'>电参数监测</div>\r\n        \r\n          <div class=\"title\" v-else>间隔监测</div>\r\n          <!-- 分支箱 -->\r\n          \r\n          <div  class=\"table user_skills\">\r\n            <el-table\r\n              :data=\"tableData\"\r\n              style=\"width: 100%; height: 100%\"\r\n              :header-cell-style=\"{ 'text-align': 'center' }\"\r\n              :cell-style=\"{ 'text-align': 'center' }\"\r\n              stripe\r\n            >\r\n              <el-table-column prop=\"name\" label=\"\" align=\"center\" width=\"150\">\r\n              </el-table-column>\r\n              <el-table-column prop=\"phase\" label=\"相位\"> </el-table-column>\r\n              <el-table-column\r\n                v-for=\"(item, index) in tableColumns\"\r\n                :key=\"index\"\r\n                :prop=\"item.key\"\r\n                align=\"center\"\r\n                :label=\"item.name\"\r\n              >\r\n              </el-table-column>\r\n            </el-table>\r\n          </div>\r\n        </div>\r\n        \r\n        <div class=\"addTitle\" v-if='equipmentName==\"箱变\"'>进线局放数据</div>\r\n        <div class=\"addTitle\" v-else-if='equipmentName==\"分支箱\"'>局放数据</div>\r\n        \r\n        <div class=\"intervalData\">\r\n          <!-- <template v-if='equipmentName==\"箱变\"||equipmentName==\"分支箱\"'>\r\n          </template> -->\r\n          <el-tabs  v-model=\"intervalName\" @tab-click=\"intervalClick\">\r\n            <el-tab-pane\r\n              :label=\"item.name\"\r\n              :name=\"item.key\"\r\n              v-for=\"(item, index) in echartsTab\"\r\n              :key=\"index\"\r\n            ></el-tab-pane>\r\n          </el-tabs>\r\n          <el-tabs  v-model=\"intervalName1\" @tab-click=\"intervalClick1\">\r\n            <el-tab-pane\r\n              :label=\"item.name\"\r\n              :name=\"item.key\"\r\n              v-for=\"(item, index) in echartsTab1\"\r\n              :key=\"index\"\r\n            ></el-tab-pane>\r\n          </el-tabs>\r\n          <div id=\"intervalShow\" v-show=\"echartsShow\"></div>\r\n          <div id=\"temperatureShow\" v-show=\"!echartsShow\"></div>\r\n        </div>\r\n      </div>\r\n\r\n      <div\r\n        class=\"InfraredVideo\"\r\n        v-if=\"activeName == 'second'\"\r\n        style=\"height: 96%; width: 100%\"\r\n      >\r\n        <div class=\"title\">\r\n          <el-tabs\r\n            :tab-position=\"tabPosition\"\r\n            v-model=\"InfraredName\"\r\n            style=\"height: 100%\"\r\n          >\r\n            <el-tab-pane v-for=\"(item, index) in vectorgraphData\" :key=\"index\">\r\n              <span\r\n                slot=\"label\"\r\n                style=\"display: flex; align-items: center\"\r\n                @click=\"InfraredClick(index)\"\r\n              >\r\n                <img :src=\"item.vectorgraph\" />\r\n                <span\r\n                  style=\"margin-left: 10px; font-size: 19px\"\r\n                  :style=\"{ color: item.color }\"\r\n                  >{{ item.name }}</span\r\n                >\r\n              </span>\r\n            </el-tab-pane>\r\n            <div class=\"content\" v-show=\"photoShow\">\r\n              <div\r\n                v-for=\"(item, index) in photoList\"\r\n                :key=\"index\"\r\n                style=\"margin-top: 40px; margin-right: 20px\"\r\n              >\r\n                <img :src=\"item.photo\" style=\"width: 407px; height: 274px\" />\r\n              </div>\r\n            </div>\r\n            <div class=\"content1\" v-show=\"videoShow\">\r\n              <canvas id=\"canvas\" style=\"width: 100%; height: 100%\"></canvas>\r\n              <!-- <video id=\"video\" autoplay  style=\"width:100%; height:100%\"></video> -->\r\n            </div>\r\n            <div class=\"content1\" v-show=\"videoShow1\">\r\n              <canvas id=\"canvas1\" style=\"width: 100%; height: 100%\"></canvas>\r\n              <!-- <video id=\"video\" autoplay  style=\"width:100%; height:100%\"></video> -->\r\n            </div>\r\n          </el-tabs>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nimport {\r\n  getDevice,\r\n  getCabinetInfo,\r\n  getCabinetList,\r\n  getCabinetData,\r\n  getCabinetCameraList,\r\n  getCabinetPointHistory\r\n} from \"../../api/index.js\";\r\nimport JSMpeg from \"../../util/jsmpeg.min\";\r\nimport axios from \"axios\";\r\n// import JSMpeg from 'jsmpeg'\r\nexport default {\r\n  name: \"ringMainUnit\",\r\n  props: [\"ringMainUnit\"],\r\n  data() {\r\n    return {\r\n      echartsShow:true,\r\n      //\r\n      fenzhiArr: [\"电压/KV\", \"电流/A\", \"温度/℃\"],\r\n      JSMpeg: null, //视频\r\n      player: null,\r\n      webRtcServer: null,\r\n      rtsp: \"\", //红外视频地址\r\n      rtsp1: \"\", //普通视频地址\r\n      waterLevel: \"\", //水位值\r\n      waterLevel1: \"\", //水位告警\r\n      grounding: \"\",\r\n      photoShow: true,\r\n      videoShow: false,\r\n      videoShow1: false,\r\n      deviceId: \"\",\r\n      tabPosition: \"left\",\r\n      activeName: \"first\",\r\n      intervalName: \"interval1\",\r\n      intervalName1: \"\",\r\n      InfraredName: \"first\",\r\n      vectorgraphData: [\r\n        {\r\n          vectorgraph: require(\"@/assets/images/shiliangIcon4.png\"),\r\n          name: \"现场照片\",\r\n          color: \"rgb(60,127,127)\",\r\n        },\r\n        {\r\n          vectorgraph: require(\"@/assets/images/shiliangIcon4.png\"),\r\n          name: \"红外视频\",\r\n          color: \"rgb(60,127,127)\",\r\n        },\r\n        {\r\n          vectorgraph: require(\"@/assets/images/shiliangIcon4.png\"),\r\n          name: \"普通视频\",\r\n          color: \"rgb(60,127,127)\",\r\n        },\r\n      ],\r\n      tableData1: [],\r\n      tableData: [\r\n        {\r\n          name: \"\",\r\n          phase: \"Uab\",\r\n          interval1: \"220\",\r\n          interval2: \"220\",\r\n          interval3: \"220\",\r\n          interval4: \"220\",\r\n          interval5: \"220\",\r\n          interval6: \"220\",\r\n          interval7: \"220\",\r\n          interval8: \"220\",\r\n        },\r\n        {\r\n          name: \"电压/V\",\r\n          phase: \"Ubc\",\r\n          interval1: \"220\",\r\n          interval2: \"220\",\r\n          interval3: \"220\",\r\n          interval4: \"220\",\r\n          interval5: \"220\",\r\n          interval6: \"220\",\r\n          interval7: \"220\",\r\n          interval8: \"220\",\r\n        },\r\n        {\r\n          name: \"\",\r\n          phase: \"Uca\",\r\n          interval1: \"220\",\r\n          interval2: \"220\",\r\n          interval3: \"220\",\r\n          interval4: \"220\",\r\n          interval5: \"220\",\r\n          interval6: \"220\",\r\n          interval7: \"220\",\r\n          interval8: \"220\",\r\n        },\r\n        {\r\n          name: \"\",\r\n          phase: \"A\",\r\n          interval1: \"21\",\r\n          interval2: \"25\",\r\n          interval3: \"23\",\r\n          interval4: \"27\",\r\n          interval5: \"24\",\r\n          interval6: \"28\",\r\n          interval7: \"22\",\r\n          interval8: \"21\",\r\n        },\r\n        {\r\n          name: \"电流/A\",\r\n          phase: \"B\",\r\n          interval1: \"25\",\r\n          interval2: \"20\",\r\n          interval3: \"24\",\r\n          interval4: \"23\",\r\n          interval5: \"24\",\r\n          interval6: \"22\",\r\n          interval7: \"21\",\r\n          interval8: \"29\",\r\n        },\r\n        {\r\n          name: \"\",\r\n          phase: \"C\",\r\n          interval1: \"21\",\r\n          interval2: \"25\",\r\n          interval3: \"23\",\r\n          interval4: \"27\",\r\n          interval5: \"24\",\r\n          interval6: \"28\",\r\n          interval7: \"22\",\r\n          interval8: \"21\",\r\n        },\r\n        {\r\n          name: \"\",\r\n          phase: \"A\",\r\n          interval1: \"21\",\r\n          interval2: \"25\",\r\n          interval3: \"23\",\r\n          interval4: \"27\",\r\n          interval5: \"24\",\r\n          interval6: \"28\",\r\n          interval7: \"22\",\r\n          interval8: \"21\",\r\n        },\r\n        {\r\n          name: \"温度/℃\",\r\n          phase: \"B\",\r\n          interval1: \"25\",\r\n          interval2: \"20\",\r\n          interval3: \"24\",\r\n          interval4: \"23\",\r\n          interval5: \"24\",\r\n          interval6: \"22\",\r\n          interval7: \"21\",\r\n          interval8: \"29\",\r\n        },\r\n        {\r\n          name: \"\",\r\n          phase: \"C\",\r\n          interval1: \"25\",\r\n          interval2: \"20\",\r\n          interval3: \"24\",\r\n          interval4: \"23\",\r\n          interval5: \"24\",\r\n          interval6: \"22\",\r\n          interval7: \"21\",\r\n          interval8: \"29\",\r\n        },\r\n      ],\r\n      tableColumns: [\r\n        {\r\n          name: \"间隔1\",\r\n        },\r\n        {\r\n          name: \"间隔2\",\r\n        },\r\n        {\r\n          name: \"间隔3\",\r\n        },\r\n        {\r\n          name: \"间隔4\",\r\n        },\r\n      ],\r\n      echartsTab: [],\r\n      echartsTab1: [],\r\n      echartsData: {\r\n        time: [\r\n          \"0点\",\r\n          \"1点\",\r\n          \"2点\",\r\n          \"3点\",\r\n          \"4点\",\r\n          \"5点\",\r\n          \"6点\",\r\n          \"7点\",\r\n          \"8点\",\r\n          \"9点\",\r\n          \"10点\",\r\n          \"11点\",\r\n          \"12点\",\r\n          \"13点\",\r\n          \"14点\",\r\n          \"15点\",\r\n          \"16点\",\r\n          \"17点\",\r\n          \"18点\",\r\n          \"19点\",\r\n          \"20点\",\r\n          \"21点\",\r\n          \"22点\",\r\n          \"23点\",\r\n        ],\r\n        num: [],\r\n      },\r\n      photoList: [\r\n        {\r\n          photo: \"\",\r\n        },\r\n      ],\r\n\r\n      deviceInformation: {},\r\n      equipmentName: \"\",\r\n      deviceSn: \"\",\r\n      partialDischarge: [], //局放数据\r\n      totalInterval: \"\",\r\n      tabName:'',//选择温度tab\r\n       temperatureChildDataA : [],\r\n       temperatureChildDataB : [],\r\n      temperatureChildDataC :[],\r\n      voltageDataAB : [],\r\n       voltageDataBC : [],\r\n      voltageDataCA :[],\r\n    };\r\n  },\r\n  mounted() {\r\n    var that = this;\r\n    //sssss\r\n    getDevice({\r\n      action: \"querydevice\",\r\n      device_name: this.ringMainUnit,\r\n    }).then((res) => {\r\n      if (res.data.data != null) {\r\n        this.deviceInformation = res.data.data.device;\r\n      }\r\n    });\r\n    this.equipmentName = this.ringMainUnit.substring(\r\n      this.ringMainUnit.length - 3,\r\n      this.ringMainUnit.length\r\n    );\r\n    if (\r\n      this.equipmentName.substring(\r\n        this.equipmentName.length - 2,\r\n        this.equipmentName.length\r\n      ) == \"箱变\"\r\n    ) {\r\n      this.equipmentName = \"箱变\";\r\n    }\r\n    this.getDeviceData();\r\n\r\n    if (this.ringMainUnit != \"金盾FH9环网柜\") {\r\n      window.setTimeout(() => {\r\n        let tab = { index: 0, name: \"interval1\" };\r\n        this.intervalClick(tab);\r\n      }, 1000);\r\n    } else {\r\n      window.setTimeout(() => {\r\n        let tab = { index: 1, name: \"interval2\" };\r\n        this.intervalClick(tab);\r\n      }, 1000);\r\n    }\r\n  },\r\n  //  beforeDestroy() {\r\n  //   this.webRtcServer.disconnect();\r\n  //   this.webRtcServer = null;\r\n  // },\r\n  // beforeDestroy () {\r\n  //   // 页面销毁前 关闭flvjs\r\n  //   this.player.destroy()\r\n  // },\r\n  methods: {\r\n    //查询所有网柜信息\r\n    getDeviceData() {\r\n      let params = {\r\n        pageSize: 50,\r\n        token: localStorage.getItem(\"token\"),\r\n      };\r\n      getCabinetList(params).then((res) => {\r\n        res.data.data.data.forEach((item, index) => {\r\n          if (item.name == this.ringMainUnit) {\r\n            this.deviceSn = item.sn;\r\n          }\r\n        });\r\n        //查询单个网柜\r\n        let data = {\r\n          sn: this.deviceSn,\r\n          token: localStorage.getItem(\"token\"),\r\n        };\r\n        //现场图片\r\n        getCabinetInfo(data).then((res) => {\r\n          console.log(res.data.data, \"Jieguo\");\r\n        });\r\n        //间隔监测\r\n        getCabinetData(data).then((res) => {\r\n          let units = [];\r\n          console.log(res.data.data,'---------');\r\n          Object.keys(res.data.data.units).map((item, index) => {\r\n            if (res.data.data.units[item].name.indexOf(\"开关\") != -1) {\r\n              units.push(res.data.data.units[item]);\r\n            }\r\n          });\r\n          this.tableColumns = Object.keys(units).map((x, y) => {\r\n            let heardName = [];\r\n            heardName.push(\r\n              (heardName = \"间隔\" + units[x].name.substring(0, 1))\r\n            );\r\n            return {\r\n              name: heardName,\r\n              key: \"interval\" + units[x].name.substring(0, 1),\r\n            };\r\n          });\r\n          this.totalInterval = this.tableColumns.length;\r\n          this.echartsTab = Object.keys(units).map((x, y) => {\r\n            let heardName = [];\r\n            heardName.push(\r\n              (heardName = \"间隔\" + units[x].name.substring(0, 1) + \"局放数据\")\r\n            );\r\n            return {\r\n              name: heardName,\r\n              key: \"interval\" + units[x].name.substring(0, 1),\r\n            };\r\n          });\r\n          this.echartsTab1 = Object.keys(units).map((x, y) => {\r\n            let heardName = [];\r\n            heardName.push(\r\n              (heardName = \"间隔\" + units[x].name.substring(0, 1) + \"温度数据\")\r\n            );\r\n            return {\r\n              name: heardName,\r\n              key: \"interval\" + units[x].name.substring(0, 1),\r\n            };\r\n          });\r\n          \r\n          let electricCurrentA = [];\r\n          let electricCurrentB = [];\r\n          let electricCurrentC = [];\r\n          // let voltageA = []\r\n          // let voltageB = []\r\n          // let voltageC = []\r\n          res.data.data.units.forEach((item, index) => {\r\n            res.data.data.yc.forEach((n, i) => {\r\n              if (n.name == \"温度\") {\r\n                n.child.forEach((z, j) => {\r\n                  if (\r\n                    item.name == z.point_name.substring(0,4) &&\r\n                    z.point_name.indexOf(\"A\") != -1\r\n                  ) {\r\n                    this.temperatureChildDataA.push(z);\r\n                  }\r\n                  if (\r\n                    item.name == z.point_name.substring(0,4) &&\r\n                    z.point_name.indexOf(\"B\") != -1\r\n                  ) {\r\n                    this.temperatureChildDataB.push(z);\r\n                  }\r\n                  if (\r\n                    item.name == z.point_name.substring(0,4) &&\r\n                    z.point_name.indexOf(\"C\") != -1\r\n                  ) {\r\n                    this.temperatureChildDataC.push(z);\r\n                  }\r\n                });\r\n              } else if (n.name == \"电流\") {\r\n                n.child.forEach((z, j) => {\r\n                  if (\r\n                    item.name == z.point_name.substring(0,4) &&\r\n                    z.point_name.indexOf(\"a\") != -1\r\n                  ) {\r\n                    electricCurrentA.push(z);\r\n                  }\r\n                  if (\r\n                    item.name == z.point_name.substring(0,4) &&\r\n                    z.point_name.indexOf(\"b\") != -1\r\n                  ) {\r\n                    electricCurrentB.push(z);\r\n                  }\r\n                  if (\r\n                    item.name == z.point_name.substring(0,4) &&\r\n                    z.point_name.indexOf(\"c\") != -1\r\n                  ) {\r\n                    electricCurrentC.push(z);\r\n                  }\r\n                });\r\n              } else if (n.name == \"局放\") {\r\n                n.child.forEach((z, j) => {\r\n                  if (\r\n                    item.name == z.point_name.substring(0,4) &&\r\n                    z.point_name.indexOf(\"均值\") != -1\r\n                  ) {\r\n                    this.partialDischarge.push(z);\r\n                  }\r\n                });\r\n              } else if (n.name == \"水位\") {\r\n                n.child.forEach((z, j) => {\r\n                  this.waterLevel = z.value;\r\n                });\r\n              }else if (n.name == \"电压\") {\r\n                n.child.forEach((z, j) => {\r\n                  if (\r\n                    z.point_name.indexOf(\"Uab\") != -1\r\n                  ) {\r\n                    this.voltageDataAB.push(z);\r\n                  }\r\n                  if (\r\n                    z.point_name.indexOf(\"Ubc\") != -1\r\n                  ) {\r\n                    this.voltageDataBC.push(z);\r\n                  }\r\n                  if (\r\n                    z.point_name.indexOf(\"Uca\") != -1\r\n                  ) {\r\n                    this.voltageDataCA.push(z);\r\n                  }\r\n                });\r\n              }\r\n            });\r\n          });\r\n          //表格电流\r\n          for (let i = 0; i < electricCurrentA.length; i++) {\r\n            let interval = \"interval\" + electricCurrentA[i].point_name.substring(0,1);\r\n            this.tableData[3][interval] = electricCurrentA[i].value;\r\n          }\r\n          for (let i = 0; i < electricCurrentB.length; i++) {\r\n            let interval = \"interval\" + electricCurrentB[i].point_name.substring(0,1);\r\n            this.tableData[4][interval] = electricCurrentB[i].value;\r\n          }\r\n          for (let i = 0; i < electricCurrentC.length; i++) {\r\n            let interval = \"interval\" + electricCurrentC[i].point_name.substring(0,1);\r\n            this.tableData[5][interval] = electricCurrentC[i].value;\r\n          }\r\n          //电压\r\n          for (let i = 0; i < this.voltageDataAB.length; i++) {\r\n            for (let j = 0; j < units.length; j++) {\r\n              let interval = \"interval\" + units[j].name.substring(0,1);\r\n              this.tableData[0][interval] = this.voltageDataAB[i].value + ' kV';\r\n            }\r\n          }\r\n          for (let i = 0; i < this.voltageDataBC.length; i++) {\r\n            for (let j = 0; j < units.length; j++) {\r\n              let interval = \"interval\" + units[j].name.substring(0,1);\r\n              this.tableData[1][interval] = this.voltageDataBC[i].value + ' kV';\r\n            }\r\n          }\r\n          for (let i = 0; i < this.voltageDataCA.length; i++) {\r\n            for (let j = 0; j < units.length; j++) {\r\n              let interval = \"interval\" + units[j].name.substring(0,1);\r\n              this.tableData[2][interval] = this.voltageDataCA[i].value + ' kV';\r\n            }\r\n          }\r\n          //警告\r\n          res.data.data.yx.forEach((item, index) => {\r\n            if (item.name == \"水位告警\") {\r\n              this.waterLevel1 = item.child[0].value;\r\n            } else if (item.name == \"接地告警\") {\r\n              this.grounding = item.child[0].value;\r\n            }\r\n          });\r\n          this.getIntervalTep(null)\r\n        });\r\n      });\r\n       \r\n    },\r\n    handleClick(tab) {\r\n      let that = this;\r\n      if (tab.index == 0) {\r\n        this.activeName = \"first\";\r\n        this.$nextTick(() => {\r\n          let tab = {\r\n            name:'interval1'\r\n          }\r\n          this.intervalClick(tab);\r\n        });\r\n      } else if (tab.index == 1) {\r\n        this.activeName = \"second\";\r\n        this.photoShow = true;\r\n        this.videoShow = false;\r\n        this.videoShow1 = false;\r\n        this.InfraredClick(0);\r\n        getDevice({\r\n          action: \"querydevice\",\r\n          device_name: that.ringMainUnit,\r\n        }).then((res) => {\r\n          if (res.data.data.pic != null) {\r\n            this.photoList = Object.keys(res.data.data.pic).map(\r\n              (item, index) => {\r\n                let photoUrl = res.data.data.pic[index].url;\r\n                return { photo: photoUrl };\r\n              }\r\n            );\r\n          }\r\n        });\r\n      }\r\n    },\r\n    //echarts切换\r\n    intervalClick(tab) {\r\n      if (tab != null) {\r\n        this.intervalName = tab.name;\r\n        this.intervalName1 = '';\r\n        let echartsData = [];\r\n        // let index = Number(tab.index) + 1;\r\n        let index = tab.name.substring(8,9)\r\n        for (let i = 0; i < this.partialDischarge.length; i++) {\r\n          if (this.partialDischarge[i].point_name.substring(0,4).indexOf(index) != -1) {\r\n            echartsData.push(this.partialDischarge[i]);\r\n          }\r\n        }\r\n        this.intervalShow(echartsData);\r\n        this.echartsShow = true\r\n      } else {\r\n        this.intervalShow(null);\r\n      }\r\n    },\r\n    intervalClick1(tab) {\r\n      this.intervalName = '';\r\n      this.intervalName1 = tab.name;\r\n      this.echartsShow = false\r\n      if (tab != null) {\r\n        this.getIntervalTep(tab.name)\r\n      } else {\r\n        this.getIntervalTep(null);\r\n      }\r\n    },\r\n    //获取间隔温度\r\n    getIntervalTep(tabName){\r\n      let dataA = []\r\n      let dataB = []\r\n      let dataC = []\r\n      let time = []\r\n        //表格温度\r\n          for (let i = 0; i < this.temperatureChildDataA.length; i++) {\r\n            let interval = \"interval\" + this.temperatureChildDataA[i].point_name.substring(0,1);\r\n            this.tableData[6][interval] = this.temperatureChildDataA[i].value;\r\n              if (tabName == interval) {\r\n                 let data = {\r\n                      token:localStorage.getItem(\"token\"),\r\n                      sn: this.deviceSn,\r\n                      point:this.temperatureChildDataA[i].point_id,\r\n                      date:this.$moment().format(\"YYYY-MM-DD\")\r\n                    }\r\n                    getCabinetPointHistory(data).then((res)=>{\r\n                      for (let i = 0; i < res.data.data.value.length; i++) {\r\n                        dataA.push(parseInt(res.data.data.value[i]))\r\n                      }\r\n                    })\r\n              }\r\n          }\r\n          for (let i = 0; i < this.temperatureChildDataB.length; i++) {\r\n            let interval = \"interval\" + this.temperatureChildDataB[i].point_name.substring(0,1);\r\n            this.tableData[7][interval] = this.temperatureChildDataB[i].value;\r\n              if (tabName == interval) {\r\n                 let data = {\r\n                      token:localStorage.getItem(\"token\"),\r\n                      sn: this.deviceSn,\r\n                      point:this.temperatureChildDataA[i].point_id,\r\n                      date:this.$moment().format(\"YYYY-MM-DD\")\r\n                    }\r\n                    getCabinetPointHistory(data).then((res)=>{\r\n                      for (let i = 0; i < res.data.data.value.length; i++) {\r\n                        dataB.push(parseInt(res.data.data.value[i]))\r\n                      }\r\n                    })\r\n              }\r\n          }\r\n          for (let i = 0; i < this.temperatureChildDataC.length; i++) {\r\n            let interval = \"interval\" + this.temperatureChildDataC[i].point_name.substring(0,1);\r\n            this.tableData[8][interval] = this.temperatureChildDataC[i].value;\r\n              if (tabName == interval) {\r\n                 let data = {\r\n                      token:localStorage.getItem(\"token\"),\r\n                      sn: this.deviceSn,\r\n                      point:this.temperatureChildDataA[i].point_id,\r\n                      date:this.$moment().format(\"YYYY-MM-DD\")\r\n                    }\r\n                    getCabinetPointHistory(data).then((res)=>{\r\n                      \r\n                      for (let i = 0; i < res.data.data.value.length; i++) {\r\n                        dataC.push(parseInt(res.data.data.value[i]))\r\n                      }\r\n                      for (let i = 0; i < res.data.data.time.length; i++) {\r\n                        time.push(parseInt(res.data.data.time[i]))\r\n                      }\r\n                      setTimeout(()=>{\r\n                        this.$nextTick(()=>{\r\n                        this.temperatureShow(dataA,dataB,dataC,time);\r\n                        })\r\n                      },100)\r\n                      \r\n                    })\r\n              }\r\n          }\r\n    },\r\n    //视频切换\r\n    InfraredClick(index) {\r\n      let data = {\r\n        sn: this.deviceSn,\r\n        token: localStorage.getItem(\"token\"),\r\n      };\r\n      if (index == 1) {\r\n        let that = this;\r\n        Object.keys(this.vectorgraphData).forEach((key) => {\r\n          this.vectorgraphData[\r\n            key\r\n          ].vectorgraph = require(\"@/assets/images/shiliangIcon4.png\");\r\n          this.vectorgraphData[key].color = \"rgb(60,127,127)\";\r\n          if (key == index) {\r\n            this.vectorgraphData[\r\n              index\r\n            ].vectorgraph = require(\"@/assets/images/shiliangIcon3.png\");\r\n            this.vectorgraphData[index].color = \"#56fefe\";\r\n            this.photoShow = false;\r\n            this.videoShow = true;\r\n            this.videoShow1 = false;\r\n            //这里的port要与index.js的port保持一致\r\n            //解析视频流\r\n            //视频数据\r\n            getCabinetCameraList(data).then((res) => {\r\n              console.log(res.data.data, \"视频\");\r\n              this.rtsp = res.data.data[1].url;\r\n              this.$nextTick(() => {\r\n                this.JSMpeg = new JSMpeg.Player(\r\n                  \"ws://localhost:9999/rtsp?url=\" + btoa(this.rtsp),\r\n                  {\r\n                    canvas: document.getElementById(\"canvas\"),\r\n                  }\r\n                );\r\n              });\r\n            });\r\n\r\n            // let video = document.getElementById('video')\r\n            //  try{\r\n            //    if ('srcObject' in video) {\r\n            //      video.srcObject = null;\r\n            //  this.webRtcServer = new WebRtcStreamer(\r\n            //     \"video\",\r\n            //     location.protocol + \"//127.0.0.1:8000\"\r\n            //   );\r\n            // //   //需要看的rtsp视频地址，可以在网上找在线的rtsp视频地址来进行demo实验，在vlc中能播放就能用\r\n            //   this.webRtcServer.connect(\r\n            //     \"rtsp://221.231.99.214:554/cam=109/channel=0\"\r\n            //   );\r\n            //       this.webRtcServer.connect(\r\n            //         \"rtsp://wowzaec2demo.streamlock.net/vod/mp4:BigBuckBunny_115k.mp4\"\r\n            //       );\r\n            //    }else{\r\n            //      video.src = null;\r\n            //    }\r\n\r\n            //  }catch(e){\r\n            //       console.log(e)\r\n            //     }\r\n          }\r\n        });\r\n      } else if (index == 0) {\r\n        let that = this;\r\n        Object.keys(this.vectorgraphData).forEach((key) => {\r\n          this.vectorgraphData[\r\n            key\r\n          ].vectorgraph = require(\"@/assets/images/shiliangIcon4.png\");\r\n          this.vectorgraphData[key].color = \"rgb(60,127,127)\";\r\n          if (key == index) {\r\n            this.vectorgraphData[\r\n              index\r\n            ].vectorgraph = require(\"@/assets/images/shiliangIcon3.png\");\r\n            this.vectorgraphData[index].color = \"#56fefe\";\r\n            (this.photoShow = true), (this.videoShow = false);\r\n            this.videoShow1 = false;\r\n          }\r\n        });\r\n      } else if (index == 2) {\r\n        let that = this;\r\n        Object.keys(this.vectorgraphData).forEach((key) => {\r\n          this.vectorgraphData[\r\n            key\r\n          ].vectorgraph = require(\"@/assets/images/shiliangIcon4.png\");\r\n          this.vectorgraphData[key].color = \"rgb(60,127,127)\";\r\n          if (key == index) {\r\n            this.vectorgraphData[\r\n              index\r\n            ].vectorgraph = require(\"@/assets/images/shiliangIcon3.png\");\r\n            this.vectorgraphData[index].color = \"#56fefe\";\r\n            this.photoShow = false;\r\n            this.videoShow = false;\r\n            this.videoShow1 = true;\r\n            //这里的port要与index.js的port保持一致\r\n            //解析视频流\r\n            getCabinetCameraList(data).then((res) => {\r\n              console.log(res.data.data, \"视频\");\r\n              this.rtsp1 = res.data.data[0].url;\r\n              this.JSMpeg = new JSMpeg.Player(\r\n                \"ws://localhost:9999/rtsp?url=\" + btoa(this.rtsp1),\r\n                {\r\n                  canvas: document.getElementById(\"canvas1\"),\r\n                }\r\n              );\r\n            });\r\n          }\r\n        });\r\n      }\r\n    },\r\n    closeJSMpeg() {\r\n      //销毁\r\n      this.JSMpeg.destroy();\r\n    },\r\n    handleClose() {\r\n      this.$parent.componentShow = \"\";\r\n      this.$parent.modelOthers = false;\r\n      // this.$emit(\"closeStatus\", this.closeStatus)\r\n      this.rtsp = \"\";\r\n      this.rtsp1 = \"\";\r\n      if (this.JSMpeg != null) {\r\n        this.closeJSMpeg();\r\n      }\r\n    },\r\n    //局放图\r\n    intervalShow(InintervalData) {\r\n      let num = [];\r\n      let time = [];\r\n      if (InintervalData != null && InintervalData != []) {\r\n        for (const i in InintervalData[0].hour_data) {\r\n          num.push(InintervalData[0].hour_data[i]);\r\n          time.push(i);\r\n        }\r\n        this.echartsData.num = num;\r\n        this.echartsData.time = time;\r\n      }\r\n      let that = this;\r\n      var data = this.echartsData;\r\n      var myChart = this.$echarts.init(document.getElementById(\"intervalShow\"));\r\n      var option = {\r\n        tooltip: {\r\n          trigger: \"axis\",\r\n          formatter:function(params){\r\n            return '时间：' + params[0].name+'<br/>'+'局放数据：'+params[0].value+'dbm'\r\n          }\r\n        },\r\n        grid: {\r\n          top: \"10%\",\r\n          left: \"3%\",\r\n          right: \"3%\",\r\n          bottom: \"10%\",\r\n          // containLabel: true\r\n        },\r\n        xAxis: [\r\n          {\r\n            type: \"category\",\r\n            boundaryGap: true,\r\n            axisLine: {\r\n              //坐标轴轴线相关设置。数学上的x轴\r\n              show: true,\r\n              lineStyle: {\r\n                color: 'color:\"#93dcfe\"',\r\n              },\r\n            },\r\n            axisLabel: {\r\n              //坐标轴刻度标签的相关设置\r\n              textStyle: {\r\n                color: \"#93dcfe\",\r\n                margin: 15,\r\n              },\r\n              formatter: function (data) {\r\n                return data;\r\n              },\r\n            },\r\n            axisTick: {\r\n              show: false,\r\n            },\r\n            data: data.time,\r\n          },\r\n        ],\r\n        yAxis: [\r\n          {\r\n            //   min: 0,\r\n            //   max: 100,\r\n            name: \"dbm\",\r\n            splitLine: {\r\n              show: true,\r\n              lineStyle: {\r\n                color: \"rgba(147,220,254,0.3)\",\r\n              },\r\n            },\r\n            axisLine: {\r\n              show: false,\r\n              lineStyle: {\r\n                color: \"#93dcfe\",\r\n              },\r\n            },\r\n            axisLabel: {\r\n              show: true,\r\n              textStyle: {\r\n                color: \"#93dcfe\",\r\n              },\r\n              // formatter: function (value) {\r\n              //   if (value === 0) {\r\n              //     return value;\r\n              //   }\r\n              //   return value + \"%\";\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            symbol: \"circle\", // 默认是空心圆（中间是白色的），改成实心圆\r\n            showAllSymbol: true,\r\n            symbolSize: 8,\r\n            lineStyle: {\r\n              normal: {\r\n                color: \"#1f93fa\", // 线条颜色\r\n              },\r\n              borderColor: \"rgba(0,0,0,.4)\",\r\n            },\r\n            itemStyle: {\r\n              color: \"#1f93fa\",\r\n              borderColor: \"#1f93fa\",\r\n              borderWidth: 2,\r\n            },\r\n            label: {\r\n              normal: {\r\n                show: false,\r\n                position: \"top\",\r\n                formatter: [\" {a|{c}%}\"].join(\",\"),\r\n                rich: {\r\n                  a: {\r\n                    color: \"#fff\",\r\n                    align: \"center\",\r\n                  },\r\n                },\r\n              },\r\n            },\r\n            tooltip: {\r\n              show: true,\r\n            },\r\n\r\n            data: data.num,\r\n          },\r\n        ],\r\n      };\r\n      myChart.setOption(option);\r\n    },\r\n     //图\r\n    temperatureShow(dataA,dataB,dataC,date) {\r\n      let numA = dataA;\r\n      let time = date;\r\n      let numB = dataB;\r\n      let numC = dataC;\r\n      // if (temperatureData != null && temperatureData != []) {\r\n      //   for (const i in temperatureData[0].hour_data) {\r\n      //     num.push(temperatureData[0].hour_data[i]);\r\n      //     time.push(i);\r\n      //   }\r\n      //   this.echartsData.num = num;\r\n      //   this.echartsData.time = time;\r\n      // }\r\n      let that = this;\r\n      // var data = this.echartsData;\r\n      var myChart = this.$echarts.init(document.getElementById(\"temperatureShow\"));\r\n      var option = {\r\n        tooltip: {\r\n          trigger: \"axis\",\r\n          formatter:function(params){\r\n            return '时间：' + params[0].name+'<br/>'+'温度A：'+params[0].value+'℃'\r\n            +'<br/>'+'温度B：'+params[1].value+'℃'\r\n            +'<br/>'+'温度C：'+params[2].value+'℃'\r\n          }\r\n        },\r\n        legend:{\r\n          origin:'horizontal',\r\n          textStyle: {\r\n            color: \"#fff\",\r\n            fontSize: \"18px\",\r\n          },\r\n        },\r\n        grid: {\r\n          top: \"10%\",\r\n          left: \"3%\",\r\n          right: \"3%\",\r\n          bottom: \"10%\",\r\n          // containLabel: true\r\n        },\r\n        xAxis: [\r\n          {\r\n            type: \"category\",\r\n            boundaryGap: true,\r\n            axisLine: {\r\n              //坐标轴轴线相关设置。数学上的x轴\r\n              show: true,\r\n              lineStyle: {\r\n                color: 'color:\"#93dcfe\"',\r\n              },\r\n            },\r\n            axisLabel: {\r\n              //坐标轴刻度标签的相关设置\r\n              textStyle: {\r\n                color: \"#93dcfe\",\r\n                margin: 15,\r\n              },\r\n              formatter: function (data) {\r\n                return data;\r\n              },\r\n            },\r\n            axisTick: {\r\n              show: false,\r\n            },\r\n            data: time,\r\n          },\r\n        ],\r\n        yAxis: [\r\n          {\r\n            //   min: 0,\r\n            //   max: 100,\r\n            name: \"℃\",\r\n            splitLine: {\r\n              show: true,\r\n              lineStyle: {\r\n                color: \"rgba(147,220,254,0.3)\",\r\n              },\r\n            },\r\n            axisLine: {\r\n              show: false,\r\n              lineStyle: {\r\n                color: \"#93dcfe\",\r\n              },\r\n            },\r\n            axisLabel: {\r\n              show: true,\r\n              textStyle: {\r\n                color: \"#93dcfe\",\r\n              },\r\n              // formatter: function (value) {\r\n              //   if (value === 0) {\r\n              //     return value;\r\n              //   }\r\n              //   return value + \"%\";\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: \"A相位\",\r\n            type: \"line\",\r\n            symbol: \"circle\", // 默认是空心圆（中间是白色的），改成实心圆\r\n            showAllSymbol: true,\r\n            symbolSize: 8,\r\n            lineStyle: {\r\n              normal: {\r\n                color: \"#1f93fa\", // 线条颜色\r\n              },\r\n              borderColor: \"rgba(0,0,0,0.4)\",\r\n            },\r\n            itemStyle: {\r\n              color: \"#1f93fa\",\r\n              borderColor: \"#1f93fa\",\r\n              borderWidth: 2,\r\n            },\r\n            label: {\r\n              normal: {\r\n                show: false,\r\n                position: \"top\",\r\n                formatter: [\" {a|{c}%}\"].join(\",\"),\r\n                rich: {\r\n                  a: {\r\n                    color: \"#fff\",\r\n                    align: \"center\",\r\n                  },\r\n                },\r\n              },\r\n            },\r\n            tooltip: {\r\n              show: true,\r\n            },\r\n\r\n            data: numA,\r\n          },\r\n          {\r\n            name: \"B相位\",\r\n            type: \"line\",\r\n            symbol: \"circle\", // 默认是空心圆（中间是白色的），改成实心圆\r\n            showAllSymbol: true,\r\n            symbolSize: 8,\r\n            lineStyle: {\r\n              normal: {\r\n                color: \"rgb(39,239,94)\", // 线条颜色\r\n              },\r\n              borderColor: \"rgba(0,0,0,0.4)\",\r\n            },\r\n            itemStyle: {\r\n              color: \"rgb(39,239,94)\",\r\n              borderColor: \"rgb(39,239,94)\",\r\n              borderWidth: 2,\r\n            },\r\n            label: {\r\n              normal: {\r\n                show: false,\r\n                position: \"top\",\r\n                formatter: [\" {a|{c}%}\"].join(\",\"),\r\n                rich: {\r\n                  a: {\r\n                    color: \"#fff\",\r\n                    align: \"center\",\r\n                  },\r\n                },\r\n              },\r\n            },\r\n            tooltip: {\r\n              show: true,\r\n            },\r\n\r\n            data: numB,\r\n          },\r\n          {\r\n            name: \"C相位\",\r\n            type: \"line\",\r\n            symbol: \"circle\", // 默认是空心圆（中间是白色的），改成实心圆\r\n            showAllSymbol: true,\r\n            symbolSize: 8,\r\n            lineStyle: {\r\n              normal: {\r\n                color: \"rgb(255,193,64)\", // 线条颜色\r\n              },\r\n              borderColor: \"rgba(0,0,0,0.4)\",\r\n            },\r\n            itemStyle: {\r\n              color: \"rgb(255,193,64)\",\r\n              borderColor: \"rgb(255,193,64)\",\r\n              borderWidth: 2,\r\n            },\r\n            label: {\r\n              normal: {\r\n                show: false,\r\n                position: \"top\",\r\n                formatter: [\" {a|{c}%}\"].join(\",\"),\r\n                rich: {\r\n                  a: {\r\n                    color: \"#fff\",\r\n                    align: \"center\",\r\n                  },\r\n                },\r\n              },\r\n            },\r\n            tooltip: {\r\n              show: true,\r\n            },\r\n\r\n            data: numC,\r\n          },\r\n        ],\r\n      };\r\n      myChart.setOption(option);\r\n    },\r\n  },\r\n  watch: {\r\n    equipmentName: {\r\n      handler(newVal, oldVal) {\r\n        if (newVal == \"箱变\") {\r\n          this.tableColumns.forEach((item, index) => {\r\n            if (index == 0 || index % 2 == 0) {\r\n              item.name = \"进线\";\r\n            } else {\r\n              item.name = \"出线\";\r\n            }\r\n          });\r\n        } else {\r\n          this.tableColumns.forEach((item, index) => {\r\n            item.name=\"间隔\"+(index+1)\r\n          });\r\n        }\r\n      },\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.fenzhiMessage {\r\n  width: 100%;\r\n  margin-top: 6px;\r\n  height: calc(100% - 30px);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-around;\r\n  background: url(\"../../assets/images/intervalFrame.png\") no-repeat;\r\n  .fenzhiItem {\r\n    background-image: url(\"../../assets/images/fenzhiBg.png\");\r\n    width: 295px;\r\n    height: 116px;\r\n    background-size: 100% 100%;\r\n    .unitNum {\r\n      height: 83px;\r\n      line-height: 83px;\r\n      width: 100%;\r\n      text-align: center;\r\n      font-size: 30px;\r\n      color: #56fefe;\r\n    }\r\n    .fenzhiUnit {\r\n      height: 33px;\r\n      text-align: center;\r\n      font-size: 20px;\r\n      line-height: 28px;\r\n      color: #fff;\r\n    }\r\n  }\r\n}\r\n.addTitle {\r\n  color: rgb(86, 244, 254);\r\n  text-align: left;\r\n}\r\n//表格\r\n.user_skills {\r\n  /**\r\n  表格有滚动效果但是不显示滚动条\r\n  */\r\n  /deep/ .is-scrolling-none {\r\n    overflow: hidden;\r\n    overflow-y: auto;\r\n    overflow-x: scroll;\r\n  }\r\n  /deep/ .is-scrolling-none::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n  /deep/.el-table--scrollable-y ::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n  /deep/.el-table--scrollable-x ::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n  /deep/ .el-table {\r\n    background-color: transparent !important;\r\n  }\r\n  /deep/ .el-table th {\r\n    background-color: transparent !important;\r\n  }\r\n  /deep/ .el-table__header {\r\n    height: 48px;\r\n    background: url(\"../../assets/images/intervalTable.png\") no-repeat;\r\n    background-size: 100% 100%;\r\n  }\r\n  /deep/ .el-table__header th {\r\n    border: none;\r\n    padding: 0;\r\n    height: 40px;\r\n    .cell {\r\n      height: 100%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-around;\r\n    }\r\n    &.el-table__cell.is-leaf {\r\n      border: none !important;\r\n    }\r\n  }\r\n  /deep/ .el-table tr {\r\n    background-color: transparent !important;\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  /deep/ .el-table__body td .cell {\r\n    white-space: nowrap !important;\r\n    // word-break: break-all;\r\n  }\r\n  /deep/ .el-table th.el-table__cell > .cell {\r\n    color: rgb(86, 254, 226);\r\n  }\r\n  /deep/.el-table .el-table__cell {\r\n    padding: 5px 0;\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}\r\n.el-table::before {\r\n  background-color: transparent;\r\n}\r\n::v-deep .el-table .el-table__body tr.el-table__row td {\r\n  background: rgba(79, 218, 255, 0.1) !important;\r\n}\r\n::v-deep .el-table--striped .el-table__body tr.el-table__row--striped td {\r\n  background: rgba(79, 218, 255, 0.06) !important;\r\n}\r\n.ringMain {\r\n  width: 1332px !important;\r\n  height: 739px !important;\r\n  background-image: url(\"../../assets/images/ringMain.png\") !important;\r\n  .main {\r\n    height: 93% !important;\r\n    .basic {\r\n      margin-top: 20px;\r\n      .title {\r\n        margin-bottom: 5px;\r\n      }\r\n    }\r\n  }\r\n}\r\n.ringMainUnit {\r\n  width: 1511px;\r\n  height: 1071px;\r\n  background: url(\"../../assets/images/ringMainUnitKuang.png\") no-repeat;\r\n  background-size: 100% 100%;\r\n  -webkit-animation: fadeInDown 0.3s;\r\n  animation: fadeInDown 0.3s;\r\n  padding: 15px 25px;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  align-content: space-between;\r\n  .top {\r\n    height: 4%;\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    .title {\r\n      font-size: 28px;\r\n      font-weight: 700;\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(86, 244, 254)\r\n      );\r\n    }\r\n  }\r\n  .main {\r\n    height: 95%;\r\n    width: 100%;\r\n    //   border: 1px solid blue;\r\n    .basic {\r\n      height: 8.8%;\r\n      width: 100%;\r\n      //   border: 1px solid red;\r\n      .title {\r\n        height: 27%;\r\n        width: 100%;\r\n        //  border: 1px solid yellow;\r\n        color: rgb(86, 244, 254);\r\n        display: flex;\r\n      }\r\n      .content {\r\n        height: 73%;\r\n        width: 100%;\r\n        background: url(\"../../assets/images/basicFrame.png\") no-repeat;\r\n        display: flex;\r\n        background-size: 100% 100%;\r\n        justify-content: space-around;\r\n        overflow: auto;\r\n        .information {\r\n          color: #ffffff;\r\n          height: 100%;\r\n          width: 96%;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: space-between;\r\n          .informationContent {\r\n            height: 35px;\r\n            line-height: 35px;\r\n            background: url(\"../../assets/images/cardSquare.png\") no-repeat;\r\n            background-size: 100% 100%;\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .earlyWarning {\r\n      height: 8.8%;\r\n      width: 100%;\r\n      margin-top: 10px;\r\n      //   border: 1px solid red;\r\n      .title {\r\n        height: 27%;\r\n        width: 100%;\r\n        //  border: 1px solid yellow;\r\n        color: rgb(86, 244, 254);\r\n        display: flex;\r\n      }\r\n      .content {\r\n        height: 73%;\r\n        width: 100%;\r\n        background: url(\"../../assets/images/basicFrame.png\") no-repeat;\r\n        display: flex;\r\n        background-size: 100% 100%;\r\n        justify-content: flex-start;\r\n        .information {\r\n          color: #ffffff;\r\n          height: 100%;\r\n          width: 79%;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: space-between;\r\n          display: flex;\r\n          align-items: center;\r\n          -webkit-box-pack: justify;\r\n          padding-left: 24px;\r\n          .informationContent {\r\n            height: 35px;\r\n            background: url(\"../../assets/images/cardSquare.png\") no-repeat;\r\n            background-size: 100% 100%;\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .interval {\r\n      height: 40%;\r\n      width: 100%;\r\n      margin-top: 10px;\r\n      .title {\r\n        height: 7%;\r\n        width: 100%;\r\n        color: rgb(86, 244, 254);\r\n        display: flex;\r\n      }\r\n      .table {\r\n        height: 85%;\r\n        // border: 1px solid red;\r\n        background: url(\"../../assets/images/intervalFrame.png\") no-repeat;\r\n        background-size: 100% 100%;\r\n        padding: 15px 20px;\r\n      }\r\n    }\r\n    .intervalData {\r\n      height: 33%;\r\n      margin-top: 10px;\r\n      padding-left: 10px;\r\n      background: url(\"../../assets/images/intervalFrame.png\") no-repeat;\r\n      background-size: 100% 100%;\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      /deep/ .el-tabs__nav-wrap::after {\r\n        background-color: transparent !important;\r\n      }\r\n      /deep/ .el-tabs--top{\r\n        width: 50%;\r\n      }\r\n      #intervalShow {\r\n        width: 100%;\r\n        height: calc(100% - 54px);\r\n      }\r\n      #temperatureShow{\r\n        width: 100%;\r\n        height: calc(100% - 54px);\r\n      }\r\n    }\r\n    .InfraredVideo {\r\n      .title {\r\n        height: 100%;\r\n        .content {\r\n          margin-left: 30px;\r\n          display: flex;\r\n          flex-direction: row;\r\n          flex-wrap: wrap;\r\n          justify-content: flex-start;\r\n        }\r\n      }\r\n      /deep/ .el-tabs__item {\r\n        margin-top: 20px;\r\n        padding: 0 30px;\r\n      }\r\n    }\r\n  }\r\n}\r\n.content1 {\r\n  height: 100%;\r\n  width: 100%;\r\n  overflow: hidden;\r\n}\r\n/deep/.el-tabs__content {\r\n  height: 100%;\r\n  overflow: auto;\r\n  position: relative;\r\n}\r\n/**\r\n下拉显示动画效果\r\n*/\r\n@keyframes fadeInDown {\r\n  0% {\r\n    -webkit-transform: translate3d(0, -20%, 0);\r\n    transform: translate3d(0, -20%, 0);\r\n    opacity: 0;\r\n  }\r\n\r\n  100% {\r\n    -webkit-transform: none;\r\n    transform: none;\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n@-webkit-keyframes fadeInDown {\r\n  0% {\r\n    -webkit-transform: translate3d(0, -20%, 0);\r\n    opacity: 0;\r\n  }\r\n\r\n  100% {\r\n    -webkit-transform: none;\r\n    opacity: 1;\r\n  }\r\n}\r\n</style>\r\n<style lang=\"less\">\r\n.el-tabs__item:hover {\r\n  color: #56fefe !important;\r\n}\r\n.el-tabs__item.is-active {\r\n  color: #56fefe !important;\r\n  font-size: 23px;\r\n}\r\n.el-tabs__item {\r\n  color: rgb(60, 127, 127) !important;\r\n  font-size: 18px;\r\n}\r\n\r\n.el-tabs__active-bar {\r\n  background-color: transparent !important;\r\n  background: url(\"../../assets/images/ringMainGH.png\") no-repeat;\r\n  background-size: 100% 100%;\r\n  bottom: -5px !important;\r\n  height: 19px !important;\r\n}\r\n.el-tabs__nav-wrap::after {\r\n  background-color: rgb(38, 114, 120) !important;\r\n}\r\n</style>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/1e64afc33dedb896092ee2a5917351c0.json b/node_modules/.cache/vue-loader/1e64afc33dedb896092ee2a5917351c0.json
new file mode 100644
index 00000000..f29c568c
--- /dev/null
+++ b/node_modules/.cache/vue-loader/1e64afc33dedb896092ee2a5917351c0.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\HomePop\\ringMainUnit.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\HomePop\\ringMainUnit.vue","mtime":1689642397095},{"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  getDevice,\r\n  getCabinetInfo,\r\n  getCabinetList,\r\n  getCabinetData,\r\n  getCabinetCameraList,\r\n  getCabinetPointHistory\r\n} from \"../../api/index.js\";\r\nimport JSMpeg from \"../../util/jsmpeg.min\";\r\nimport axios from \"axios\";\r\n// import JSMpeg from 'jsmpeg'\r\nexport default {\r\n  name: \"ringMainUnit\",\r\n  props: [\"ringMainUnit\"],\r\n  data() {\r\n    return {\r\n      echartsShow:true,\r\n      //\r\n      fenzhiArr: [\"电压/KV\", \"电流/A\", \"温度/℃\"],\r\n      JSMpeg: null, //视频\r\n      player: null,\r\n      webRtcServer: null,\r\n      rtsp: \"\", //红外视频地址\r\n      rtsp1: \"\", //普通视频地址\r\n      waterLevel: \"\", //水位值\r\n      waterLevel1: \"\", //水位告警\r\n      grounding: \"\",\r\n      photoShow: true,\r\n      videoShow: false,\r\n      videoShow1: false,\r\n      deviceId: \"\",\r\n      tabPosition: \"left\",\r\n      activeName: \"first\",\r\n      intervalName: \"interval1\",\r\n      intervalName1: \"\",\r\n      InfraredName: \"first\",\r\n      vectorgraphData: [\r\n        {\r\n          vectorgraph: require(\"@/assets/images/shiliangIcon4.png\"),\r\n          name: \"现场照片\",\r\n          color: \"rgb(60,127,127)\",\r\n        },\r\n        {\r\n          vectorgraph: require(\"@/assets/images/shiliangIcon4.png\"),\r\n          name: \"红外视频\",\r\n          color: \"rgb(60,127,127)\",\r\n        },\r\n        {\r\n          vectorgraph: require(\"@/assets/images/shiliangIcon4.png\"),\r\n          name: \"普通视频\",\r\n          color: \"rgb(60,127,127)\",\r\n        },\r\n      ],\r\n      tableData1: [],\r\n      tableData: [\r\n        {\r\n          name: \"\",\r\n          phase: \"Uab\",\r\n          interval1: \"220\",\r\n          interval2: \"220\",\r\n          interval3: \"220\",\r\n          interval4: \"220\",\r\n          interval5: \"220\",\r\n          interval6: \"220\",\r\n          interval7: \"220\",\r\n          interval8: \"220\",\r\n        },\r\n        {\r\n          name: \"电压/V\",\r\n          phase: \"Ubc\",\r\n          interval1: \"220\",\r\n          interval2: \"220\",\r\n          interval3: \"220\",\r\n          interval4: \"220\",\r\n          interval5: \"220\",\r\n          interval6: \"220\",\r\n          interval7: \"220\",\r\n          interval8: \"220\",\r\n        },\r\n        {\r\n          name: \"\",\r\n          phase: \"Uca\",\r\n          interval1: \"220\",\r\n          interval2: \"220\",\r\n          interval3: \"220\",\r\n          interval4: \"220\",\r\n          interval5: \"220\",\r\n          interval6: \"220\",\r\n          interval7: \"220\",\r\n          interval8: \"220\",\r\n        },\r\n        {\r\n          name: \"\",\r\n          phase: \"A\",\r\n          interval1: \"21\",\r\n          interval2: \"25\",\r\n          interval3: \"23\",\r\n          interval4: \"27\",\r\n          interval5: \"24\",\r\n          interval6: \"28\",\r\n          interval7: \"22\",\r\n          interval8: \"21\",\r\n        },\r\n        {\r\n          name: \"电流/A\",\r\n          phase: \"B\",\r\n          interval1: \"25\",\r\n          interval2: \"20\",\r\n          interval3: \"24\",\r\n          interval4: \"23\",\r\n          interval5: \"24\",\r\n          interval6: \"22\",\r\n          interval7: \"21\",\r\n          interval8: \"29\",\r\n        },\r\n        {\r\n          name: \"\",\r\n          phase: \"C\",\r\n          interval1: \"21\",\r\n          interval2: \"25\",\r\n          interval3: \"23\",\r\n          interval4: \"27\",\r\n          interval5: \"24\",\r\n          interval6: \"28\",\r\n          interval7: \"22\",\r\n          interval8: \"21\",\r\n        },\r\n        {\r\n          name: \"\",\r\n          phase: \"A\",\r\n          interval1: \"21\",\r\n          interval2: \"25\",\r\n          interval3: \"23\",\r\n          interval4: \"27\",\r\n          interval5: \"24\",\r\n          interval6: \"28\",\r\n          interval7: \"22\",\r\n          interval8: \"21\",\r\n        },\r\n        {\r\n          name: \"温度/℃\",\r\n          phase: \"B\",\r\n          interval1: \"25\",\r\n          interval2: \"20\",\r\n          interval3: \"24\",\r\n          interval4: \"23\",\r\n          interval5: \"24\",\r\n          interval6: \"22\",\r\n          interval7: \"21\",\r\n          interval8: \"29\",\r\n        },\r\n        {\r\n          name: \"\",\r\n          phase: \"C\",\r\n          interval1: \"25\",\r\n          interval2: \"20\",\r\n          interval3: \"24\",\r\n          interval4: \"23\",\r\n          interval5: \"24\",\r\n          interval6: \"22\",\r\n          interval7: \"21\",\r\n          interval8: \"29\",\r\n        },\r\n      ],\r\n      tableColumns: [\r\n        {\r\n          name: \"间隔1\",\r\n        },\r\n        {\r\n          name: \"间隔2\",\r\n        },\r\n        {\r\n          name: \"间隔3\",\r\n        },\r\n        {\r\n          name: \"间隔4\",\r\n        },\r\n      ],\r\n      echartsTab: [],\r\n      echartsTab1: [],\r\n      echartsData: {\r\n        time: [\r\n          \"0点\",\r\n          \"1点\",\r\n          \"2点\",\r\n          \"3点\",\r\n          \"4点\",\r\n          \"5点\",\r\n          \"6点\",\r\n          \"7点\",\r\n          \"8点\",\r\n          \"9点\",\r\n          \"10点\",\r\n          \"11点\",\r\n          \"12点\",\r\n          \"13点\",\r\n          \"14点\",\r\n          \"15点\",\r\n          \"16点\",\r\n          \"17点\",\r\n          \"18点\",\r\n          \"19点\",\r\n          \"20点\",\r\n          \"21点\",\r\n          \"22点\",\r\n          \"23点\",\r\n        ],\r\n        num: [],\r\n      },\r\n      photoList: [\r\n        {\r\n          photo: \"\",\r\n        },\r\n      ],\r\n\r\n      deviceInformation: {},\r\n      equipmentName: \"\",\r\n      deviceSn: \"\",\r\n      partialDischarge: [], //局放数据\r\n      totalInterval: \"\",\r\n      tabName:'',//选择温度tab\r\n       temperatureChildDataA : [],\r\n       temperatureChildDataB : [],\r\n      temperatureChildDataC :[],\r\n      voltageDataAB : [],\r\n       voltageDataBC : [],\r\n      voltageDataCA :[],\r\n    };\r\n  },\r\n  mounted() {\r\n    var that = this;\r\n    //sssss\r\n    getDevice({\r\n      action: \"querydevice\",\r\n      device_name: this.ringMainUnit,\r\n    }).then((res) => {\r\n      if (res.data.data != null) {\r\n        this.deviceInformation = res.data.data.device;\r\n      }\r\n    });\r\n    this.equipmentName = this.ringMainUnit.substring(\r\n      this.ringMainUnit.length - 3,\r\n      this.ringMainUnit.length\r\n    );\r\n    if (\r\n      this.equipmentName.substring(\r\n        this.equipmentName.length - 2,\r\n        this.equipmentName.length\r\n      ) == \"箱变\"\r\n    ) {\r\n      this.equipmentName = \"箱变\";\r\n    }\r\n    this.getDeviceData();\r\n\r\n    if (this.ringMainUnit != \"金盾FH9环网柜\") {\r\n      window.setTimeout(() => {\r\n        let tab = { index: 0, name: \"interval1\" };\r\n        this.intervalClick(tab);\r\n      }, 1000);\r\n    } else {\r\n      window.setTimeout(() => {\r\n        let tab = { index: 1, name: \"interval2\" };\r\n        this.intervalClick(tab);\r\n      }, 1000);\r\n    }\r\n  },\r\n  //  beforeDestroy() {\r\n  //   this.webRtcServer.disconnect();\r\n  //   this.webRtcServer = null;\r\n  // },\r\n  // beforeDestroy () {\r\n  //   // 页面销毁前 关闭flvjs\r\n  //   this.player.destroy()\r\n  // },\r\n  methods: {\r\n    //查询所有网柜信息\r\n    getDeviceData() {\r\n      let params = {\r\n        pageSize: 50,\r\n        token: localStorage.getItem(\"token\"),\r\n      };\r\n      getCabinetList(params).then((res) => {\r\n        res.data.data.data.forEach((item, index) => {\r\n          if (item.name == this.ringMainUnit) {\r\n            this.deviceSn = item.sn;\r\n          }\r\n        });\r\n        //查询单个网柜\r\n        let data = {\r\n          sn: this.deviceSn,\r\n          token: localStorage.getItem(\"token\"),\r\n        };\r\n        //现场图片\r\n        getCabinetInfo(data).then((res) => {\r\n          console.log(res.data.data, \"Jieguo\");\r\n        });\r\n        //间隔监测\r\n        getCabinetData(data).then((res) => {\r\n          let units = [];\r\n          console.log(res.data.data,'---------');\r\n          Object.keys(res.data.data.units).map((item, index) => {\r\n            if (res.data.data.units[item].name.indexOf(\"开关\") != -1) {\r\n              units.push(res.data.data.units[item]);\r\n            }\r\n          });\r\n          this.tableColumns = Object.keys(units).map((x, y) => {\r\n            let heardName = [];\r\n            heardName.push(\r\n              (heardName = \"间隔\" + units[x].name.substring(0, 1))\r\n            );\r\n            return {\r\n              name: heardName,\r\n              key: \"interval\" + units[x].name.substring(0, 1),\r\n            };\r\n          });\r\n          this.totalInterval = this.tableColumns.length;\r\n          this.echartsTab = Object.keys(units).map((x, y) => {\r\n            let heardName = [];\r\n            heardName.push(\r\n              (heardName = \"间隔\" + units[x].name.substring(0, 1) + \"局放数据\")\r\n            );\r\n            return {\r\n              name: heardName,\r\n              key: \"interval\" + units[x].name.substring(0, 1),\r\n            };\r\n          });\r\n          this.echartsTab1 = Object.keys(units).map((x, y) => {\r\n            let heardName = [];\r\n            heardName.push(\r\n              (heardName = \"间隔\" + units[x].name.substring(0, 1) + \"温度数据\")\r\n            );\r\n            return {\r\n              name: heardName,\r\n              key: \"interval\" + units[x].name.substring(0, 1),\r\n            };\r\n          });\r\n          \r\n          let electricCurrentA = [];\r\n          let electricCurrentB = [];\r\n          let electricCurrentC = [];\r\n          // let voltageA = []\r\n          // let voltageB = []\r\n          // let voltageC = []\r\n          res.data.data.units.forEach((item, index) => {\r\n            res.data.data.yc.forEach((n, i) => {\r\n              if (n.name == \"温度\") {\r\n                n.child.forEach((z, j) => {\r\n                  if (\r\n                    item.name == z.point_name.substring(0,4) &&\r\n                    z.point_name.indexOf(\"A\") != -1\r\n                  ) {\r\n                    this.temperatureChildDataA.push(z);\r\n                  }\r\n                  if (\r\n                    item.name == z.point_name.substring(0,4) &&\r\n                    z.point_name.indexOf(\"B\") != -1\r\n                  ) {\r\n                    this.temperatureChildDataB.push(z);\r\n                  }\r\n                  if (\r\n                    item.name == z.point_name.substring(0,4) &&\r\n                    z.point_name.indexOf(\"C\") != -1\r\n                  ) {\r\n                    this.temperatureChildDataC.push(z);\r\n                  }\r\n                });\r\n              } else if (n.name == \"电流\") {\r\n                n.child.forEach((z, j) => {\r\n                  if (\r\n                    item.name == z.point_name.substring(0,4) &&\r\n                    z.point_name.indexOf(\"a\") != -1\r\n                  ) {\r\n                    electricCurrentA.push(z);\r\n                  }\r\n                  if (\r\n                    item.name == z.point_name.substring(0,4) &&\r\n                    z.point_name.indexOf(\"b\") != -1\r\n                  ) {\r\n                    electricCurrentB.push(z);\r\n                  }\r\n                  if (\r\n                    item.name == z.point_name.substring(0,4) &&\r\n                    z.point_name.indexOf(\"c\") != -1\r\n                  ) {\r\n                    electricCurrentC.push(z);\r\n                  }\r\n                });\r\n              } else if (n.name == \"局放\") {\r\n                n.child.forEach((z, j) => {\r\n                  if (\r\n                    item.name == z.point_name.substring(0,4) &&\r\n                    z.point_name.indexOf(\"均值\") != -1\r\n                  ) {\r\n                    this.partialDischarge.push(z);\r\n                  }\r\n                });\r\n              } else if (n.name == \"水位\") {\r\n                n.child.forEach((z, j) => {\r\n                  this.waterLevel = z.value;\r\n                });\r\n              }else if (n.name == \"电压\") {\r\n                n.child.forEach((z, j) => {\r\n                  if (\r\n                    z.point_name.indexOf(\"Uab\") != -1\r\n                  ) {\r\n                    this.voltageDataAB.push(z);\r\n                  }\r\n                  if (\r\n                    z.point_name.indexOf(\"Ubc\") != -1\r\n                  ) {\r\n                    this.voltageDataBC.push(z);\r\n                  }\r\n                  if (\r\n                    z.point_name.indexOf(\"Uca\") != -1\r\n                  ) {\r\n                    this.voltageDataCA.push(z);\r\n                  }\r\n                });\r\n              }\r\n            });\r\n          });\r\n          //表格电流\r\n          for (let i = 0; i < electricCurrentA.length; i++) {\r\n            let interval = \"interval\" + electricCurrentA[i].point_name.substring(0,1);\r\n            this.tableData[3][interval] = electricCurrentA[i].value;\r\n          }\r\n          for (let i = 0; i < electricCurrentB.length; i++) {\r\n            let interval = \"interval\" + electricCurrentB[i].point_name.substring(0,1);\r\n            this.tableData[4][interval] = electricCurrentB[i].value;\r\n          }\r\n          for (let i = 0; i < electricCurrentC.length; i++) {\r\n            let interval = \"interval\" + electricCurrentC[i].point_name.substring(0,1);\r\n            this.tableData[5][interval] = electricCurrentC[i].value;\r\n          }\r\n          //电压\r\n          for (let i = 0; i < this.voltageDataAB.length; i++) {\r\n            for (let j = 0; j < units.length; j++) {\r\n              let interval = \"interval\" + units[j].name.substring(0,1);\r\n              this.tableData[0][interval] = this.voltageDataAB[i].value + ' kV';\r\n            }\r\n          }\r\n          for (let i = 0; i < this.voltageDataBC.length; i++) {\r\n            for (let j = 0; j < units.length; j++) {\r\n              let interval = \"interval\" + units[j].name.substring(0,1);\r\n              this.tableData[1][interval] = this.voltageDataBC[i].value + ' kV';\r\n            }\r\n          }\r\n          for (let i = 0; i < this.voltageDataCA.length; i++) {\r\n            for (let j = 0; j < units.length; j++) {\r\n              let interval = \"interval\" + units[j].name.substring(0,1);\r\n              this.tableData[2][interval] = this.voltageDataCA[i].value + ' kV';\r\n            }\r\n          }\r\n          //警告\r\n          res.data.data.yx.forEach((item, index) => {\r\n            if (item.name == \"水位告警\") {\r\n              this.waterLevel1 = item.child[0].value;\r\n            } else if (item.name == \"接地告警\") {\r\n              this.grounding = item.child[0].value;\r\n            }\r\n          });\r\n          this.getIntervalTep(null)\r\n        });\r\n      });\r\n       \r\n    },\r\n    handleClick(tab) {\r\n      let that = this;\r\n      if (tab.index == 0) {\r\n        this.activeName = \"first\";\r\n        this.$nextTick(() => {\r\n          let tab = {\r\n            name:'interval1'\r\n          }\r\n          this.intervalClick(tab);\r\n        });\r\n      } else if (tab.index == 1) {\r\n        this.activeName = \"second\";\r\n        this.photoShow = true;\r\n        this.videoShow = false;\r\n        this.videoShow1 = false;\r\n        this.InfraredClick(0);\r\n        getDevice({\r\n          action: \"querydevice\",\r\n          device_name: that.ringMainUnit,\r\n        }).then((res) => {\r\n          if (res.data.data.pic != null) {\r\n            this.photoList = Object.keys(res.data.data.pic).map(\r\n              (item, index) => {\r\n                let photoUrl = res.data.data.pic[index].url;\r\n                return { photo: photoUrl };\r\n              }\r\n            );\r\n          }\r\n        });\r\n      }\r\n    },\r\n    //echarts切换\r\n    intervalClick(tab) {\r\n      if (tab != null) {\r\n        this.intervalName = tab.name;\r\n        this.intervalName1 = '';\r\n        let echartsData = [];\r\n        // let index = Number(tab.index) + 1;\r\n        let index = tab.name.substring(8,9)\r\n        for (let i = 0; i < this.partialDischarge.length; i++) {\r\n          if (this.partialDischarge[i].point_name.substring(0,4).indexOf(index) != -1) {\r\n            echartsData.push(this.partialDischarge[i]);\r\n          }\r\n        }\r\n        this.intervalShow(echartsData);\r\n        this.echartsShow = true\r\n      } else {\r\n        this.intervalShow(null);\r\n      }\r\n    },\r\n    intervalClick1(tab) {\r\n      this.intervalName = '';\r\n      this.intervalName1 = tab.name;\r\n      this.echartsShow = false\r\n      if (tab != null) {\r\n        this.getIntervalTep(tab.name)\r\n      } else {\r\n        this.getIntervalTep(null);\r\n      }\r\n    },\r\n    //获取间隔温度\r\n    getIntervalTep(tabName){\r\n      let dataA = []\r\n      let dataB = []\r\n      let dataC = []\r\n      let time = []\r\n        //表格温度\r\n          for (let i = 0; i < this.temperatureChildDataA.length; i++) {\r\n            let interval = \"interval\" + this.temperatureChildDataA[i].point_name.substring(0,1);\r\n            this.tableData[6][interval] = this.temperatureChildDataA[i].value;\r\n              if (tabName == interval) {\r\n                 let data = {\r\n                      token:localStorage.getItem(\"token\"),\r\n                      sn: this.deviceSn,\r\n                      point:this.temperatureChildDataA[i].point_id,\r\n                      date:this.$moment().format(\"YYYY-MM-DD\")\r\n                    }\r\n                    getCabinetPointHistory(data).then((res)=>{\r\n                      for (let i = 0; i < res.data.data.value.length; i++) {\r\n                        dataA.push(parseInt(res.data.data.value[i]))\r\n                      }\r\n                    })\r\n              }\r\n          }\r\n          for (let i = 0; i < this.temperatureChildDataB.length; i++) {\r\n            let interval = \"interval\" + this.temperatureChildDataB[i].point_name.substring(0,1);\r\n            this.tableData[7][interval] = this.temperatureChildDataB[i].value;\r\n              if (tabName == interval) {\r\n                 let data = {\r\n                      token:localStorage.getItem(\"token\"),\r\n                      sn: this.deviceSn,\r\n                      point:this.temperatureChildDataA[i].point_id,\r\n                      date:this.$moment().format(\"YYYY-MM-DD\")\r\n                    }\r\n                    getCabinetPointHistory(data).then((res)=>{\r\n                      for (let i = 0; i < res.data.data.value.length; i++) {\r\n                        dataB.push(parseInt(res.data.data.value[i]))\r\n                      }\r\n                    })\r\n              }\r\n          }\r\n          for (let i = 0; i < this.temperatureChildDataC.length; i++) {\r\n            let interval = \"interval\" + this.temperatureChildDataC[i].point_name.substring(0,1);\r\n            this.tableData[8][interval] = this.temperatureChildDataC[i].value;\r\n              if (tabName == interval) {\r\n                 let data = {\r\n                      token:localStorage.getItem(\"token\"),\r\n                      sn: this.deviceSn,\r\n                      point:this.temperatureChildDataA[i].point_id,\r\n                      date:this.$moment().format(\"YYYY-MM-DD\")\r\n                    }\r\n                    getCabinetPointHistory(data).then((res)=>{\r\n                      \r\n                      for (let i = 0; i < res.data.data.value.length; i++) {\r\n                        dataC.push(parseInt(res.data.data.value[i]))\r\n                      }\r\n                      for (let i = 0; i < res.data.data.time.length; i++) {\r\n                        time.push(parseInt(res.data.data.time[i]))\r\n                      }\r\n                      setTimeout(()=>{\r\n                        this.$nextTick(()=>{\r\n                        this.temperatureShow(dataA,dataB,dataC,time);\r\n                        })\r\n                      },100)\r\n                      \r\n                    })\r\n              }\r\n          }\r\n    },\r\n    //视频切换\r\n    InfraredClick(index) {\r\n      let data = {\r\n        sn: this.deviceSn,\r\n        token: localStorage.getItem(\"token\"),\r\n      };\r\n      if (index == 1) {\r\n        let that = this;\r\n        Object.keys(this.vectorgraphData).forEach((key) => {\r\n          this.vectorgraphData[\r\n            key\r\n          ].vectorgraph = require(\"@/assets/images/shiliangIcon4.png\");\r\n          this.vectorgraphData[key].color = \"rgb(60,127,127)\";\r\n          if (key == index) {\r\n            this.vectorgraphData[\r\n              index\r\n            ].vectorgraph = require(\"@/assets/images/shiliangIcon3.png\");\r\n            this.vectorgraphData[index].color = \"#56fefe\";\r\n            this.photoShow = false;\r\n            this.videoShow = true;\r\n            this.videoShow1 = false;\r\n            //这里的port要与index.js的port保持一致\r\n            //解析视频流\r\n            //视频数据\r\n            getCabinetCameraList(data).then((res) => {\r\n              console.log(res.data.data, \"视频\");\r\n              this.rtsp = res.data.data[1].url;\r\n              this.$nextTick(() => {\r\n                this.JSMpeg = new JSMpeg.Player(\r\n                  \"ws://localhost:9999/rtsp?url=\" + btoa(this.rtsp),\r\n                  {\r\n                    canvas: document.getElementById(\"canvas\"),\r\n                  }\r\n                );\r\n              });\r\n            });\r\n\r\n            // let video = document.getElementById('video')\r\n            //  try{\r\n            //    if ('srcObject' in video) {\r\n            //      video.srcObject = null;\r\n            //  this.webRtcServer = new WebRtcStreamer(\r\n            //     \"video\",\r\n            //     location.protocol + \"//127.0.0.1:8000\"\r\n            //   );\r\n            // //   //需要看的rtsp视频地址，可以在网上找在线的rtsp视频地址来进行demo实验，在vlc中能播放就能用\r\n            //   this.webRtcServer.connect(\r\n            //     \"rtsp://221.231.99.214:554/cam=109/channel=0\"\r\n            //   );\r\n            //       this.webRtcServer.connect(\r\n            //         \"rtsp://wowzaec2demo.streamlock.net/vod/mp4:BigBuckBunny_115k.mp4\"\r\n            //       );\r\n            //    }else{\r\n            //      video.src = null;\r\n            //    }\r\n\r\n            //  }catch(e){\r\n            //       console.log(e)\r\n            //     }\r\n          }\r\n        });\r\n      } else if (index == 0) {\r\n        let that = this;\r\n        Object.keys(this.vectorgraphData).forEach((key) => {\r\n          this.vectorgraphData[\r\n            key\r\n          ].vectorgraph = require(\"@/assets/images/shiliangIcon4.png\");\r\n          this.vectorgraphData[key].color = \"rgb(60,127,127)\";\r\n          if (key == index) {\r\n            this.vectorgraphData[\r\n              index\r\n            ].vectorgraph = require(\"@/assets/images/shiliangIcon3.png\");\r\n            this.vectorgraphData[index].color = \"#56fefe\";\r\n            (this.photoShow = true), (this.videoShow = false);\r\n            this.videoShow1 = false;\r\n          }\r\n        });\r\n      } else if (index == 2) {\r\n        let that = this;\r\n        Object.keys(this.vectorgraphData).forEach((key) => {\r\n          this.vectorgraphData[\r\n            key\r\n          ].vectorgraph = require(\"@/assets/images/shiliangIcon4.png\");\r\n          this.vectorgraphData[key].color = \"rgb(60,127,127)\";\r\n          if (key == index) {\r\n            this.vectorgraphData[\r\n              index\r\n            ].vectorgraph = require(\"@/assets/images/shiliangIcon3.png\");\r\n            this.vectorgraphData[index].color = \"#56fefe\";\r\n            this.photoShow = false;\r\n            this.videoShow = false;\r\n            this.videoShow1 = true;\r\n            //这里的port要与index.js的port保持一致\r\n            //解析视频流\r\n            getCabinetCameraList(data).then((res) => {\r\n              console.log(res.data.data, \"视频\");\r\n              this.rtsp1 = res.data.data[0].url;\r\n              this.JSMpeg = new JSMpeg.Player(\r\n                \"ws://localhost:9999/rtsp?url=\" + btoa(this.rtsp1),\r\n                {\r\n                  canvas: document.getElementById(\"canvas1\"),\r\n                }\r\n              );\r\n            });\r\n          }\r\n        });\r\n      }\r\n    },\r\n    closeJSMpeg() {\r\n      //销毁\r\n      this.JSMpeg.destroy();\r\n    },\r\n    handleClose() {\r\n      this.$parent.componentShow = \"\";\r\n      this.$parent.modelOthers = false;\r\n      // this.$emit(\"closeStatus\", this.closeStatus)\r\n      this.rtsp = \"\";\r\n      this.rtsp1 = \"\";\r\n      if (this.JSMpeg != null) {\r\n        this.closeJSMpeg();\r\n      }\r\n    },\r\n    //局放图\r\n    intervalShow(InintervalData) {\r\n      let num = [];\r\n      let time = [];\r\n      if (InintervalData != null && InintervalData != []) {\r\n        for (const i in InintervalData[0].hour_data) {\r\n          num.push(InintervalData[0].hour_data[i]);\r\n          time.push(i);\r\n        }\r\n        this.echartsData.num = num;\r\n        this.echartsData.time = time;\r\n      }\r\n      let that = this;\r\n      var data = this.echartsData;\r\n      var myChart = this.$echarts.init(document.getElementById(\"intervalShow\"));\r\n      var option = {\r\n        tooltip: {\r\n          trigger: \"axis\",\r\n          formatter:function(params){\r\n            return '时间：' + params[0].name+'<br/>'+'局放数据：'+params[0].value+'dbm'\r\n          }\r\n        },\r\n        grid: {\r\n          top: \"10%\",\r\n          left: \"3%\",\r\n          right: \"3%\",\r\n          bottom: \"10%\",\r\n          // containLabel: true\r\n        },\r\n        xAxis: [\r\n          {\r\n            type: \"category\",\r\n            boundaryGap: true,\r\n            axisLine: {\r\n              //坐标轴轴线相关设置。数学上的x轴\r\n              show: true,\r\n              lineStyle: {\r\n                color: 'color:\"#93dcfe\"',\r\n              },\r\n            },\r\n            axisLabel: {\r\n              //坐标轴刻度标签的相关设置\r\n              textStyle: {\r\n                color: \"#93dcfe\",\r\n                margin: 15,\r\n              },\r\n              formatter: function (data) {\r\n                return data;\r\n              },\r\n            },\r\n            axisTick: {\r\n              show: false,\r\n            },\r\n            data: data.time,\r\n          },\r\n        ],\r\n        yAxis: [\r\n          {\r\n            //   min: 0,\r\n            //   max: 100,\r\n            name: \"dbm\",\r\n            splitLine: {\r\n              show: true,\r\n              lineStyle: {\r\n                color: \"rgba(147,220,254,0.3)\",\r\n              },\r\n            },\r\n            axisLine: {\r\n              show: false,\r\n              lineStyle: {\r\n                color: \"#93dcfe\",\r\n              },\r\n            },\r\n            axisLabel: {\r\n              show: true,\r\n              textStyle: {\r\n                color: \"#93dcfe\",\r\n              },\r\n              // formatter: function (value) {\r\n              //   if (value === 0) {\r\n              //     return value;\r\n              //   }\r\n              //   return value + \"%\";\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            symbol: \"circle\", // 默认是空心圆（中间是白色的），改成实心圆\r\n            showAllSymbol: true,\r\n            symbolSize: 8,\r\n            lineStyle: {\r\n              normal: {\r\n                color: \"#1f93fa\", // 线条颜色\r\n              },\r\n              borderColor: \"rgba(0,0,0,.4)\",\r\n            },\r\n            itemStyle: {\r\n              color: \"#1f93fa\",\r\n              borderColor: \"#1f93fa\",\r\n              borderWidth: 2,\r\n            },\r\n            label: {\r\n              normal: {\r\n                show: false,\r\n                position: \"top\",\r\n                formatter: [\" {a|{c}%}\"].join(\",\"),\r\n                rich: {\r\n                  a: {\r\n                    color: \"#fff\",\r\n                    align: \"center\",\r\n                  },\r\n                },\r\n              },\r\n            },\r\n            tooltip: {\r\n              show: true,\r\n            },\r\n\r\n            data: data.num,\r\n          },\r\n        ],\r\n      };\r\n      myChart.setOption(option);\r\n    },\r\n     //图\r\n    temperatureShow(dataA,dataB,dataC,date) {\r\n      let numA = dataA;\r\n      let time = date;\r\n      let numB = dataB;\r\n      let numC = dataC;\r\n      // if (temperatureData != null && temperatureData != []) {\r\n      //   for (const i in temperatureData[0].hour_data) {\r\n      //     num.push(temperatureData[0].hour_data[i]);\r\n      //     time.push(i);\r\n      //   }\r\n      //   this.echartsData.num = num;\r\n      //   this.echartsData.time = time;\r\n      // }\r\n      let that = this;\r\n      // var data = this.echartsData;\r\n      var myChart = this.$echarts.init(document.getElementById(\"temperatureShow\"));\r\n      var option = {\r\n        tooltip: {\r\n          trigger: \"axis\",\r\n          formatter:function(params){\r\n            return '时间：' + params[0].name+'<br/>'+'温度A：'+params[0].value+'℃'\r\n            +'<br/>'+'温度B：'+params[1].value+'℃'\r\n            +'<br/>'+'温度C：'+params[2].value+'℃'\r\n          }\r\n        },\r\n        legend:{\r\n          origin:'horizontal',\r\n          textStyle: {\r\n            color: \"#fff\",\r\n            fontSize: \"18px\",\r\n          },\r\n        },\r\n        grid: {\r\n          top: \"10%\",\r\n          left: \"3%\",\r\n          right: \"3%\",\r\n          bottom: \"10%\",\r\n          // containLabel: true\r\n        },\r\n        xAxis: [\r\n          {\r\n            type: \"category\",\r\n            boundaryGap: true,\r\n            axisLine: {\r\n              //坐标轴轴线相关设置。数学上的x轴\r\n              show: true,\r\n              lineStyle: {\r\n                color: 'color:\"#93dcfe\"',\r\n              },\r\n            },\r\n            axisLabel: {\r\n              //坐标轴刻度标签的相关设置\r\n              textStyle: {\r\n                color: \"#93dcfe\",\r\n                margin: 15,\r\n              },\r\n              formatter: function (data) {\r\n                return data;\r\n              },\r\n            },\r\n            axisTick: {\r\n              show: false,\r\n            },\r\n            data: time,\r\n          },\r\n        ],\r\n        yAxis: [\r\n          {\r\n            //   min: 0,\r\n            //   max: 100,\r\n            name: \"℃\",\r\n            splitLine: {\r\n              show: true,\r\n              lineStyle: {\r\n                color: \"rgba(147,220,254,0.3)\",\r\n              },\r\n            },\r\n            axisLine: {\r\n              show: false,\r\n              lineStyle: {\r\n                color: \"#93dcfe\",\r\n              },\r\n            },\r\n            axisLabel: {\r\n              show: true,\r\n              textStyle: {\r\n                color: \"#93dcfe\",\r\n              },\r\n              // formatter: function (value) {\r\n              //   if (value === 0) {\r\n              //     return value;\r\n              //   }\r\n              //   return value + \"%\";\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: \"A相位\",\r\n            type: \"line\",\r\n            symbol: \"circle\", // 默认是空心圆（中间是白色的），改成实心圆\r\n            showAllSymbol: true,\r\n            symbolSize: 8,\r\n            lineStyle: {\r\n              normal: {\r\n                color: \"#1f93fa\", // 线条颜色\r\n              },\r\n              borderColor: \"rgba(0,0,0,0.4)\",\r\n            },\r\n            itemStyle: {\r\n              color: \"#1f93fa\",\r\n              borderColor: \"#1f93fa\",\r\n              borderWidth: 2,\r\n            },\r\n            label: {\r\n              normal: {\r\n                show: false,\r\n                position: \"top\",\r\n                formatter: [\" {a|{c}%}\"].join(\",\"),\r\n                rich: {\r\n                  a: {\r\n                    color: \"#fff\",\r\n                    align: \"center\",\r\n                  },\r\n                },\r\n              },\r\n            },\r\n            tooltip: {\r\n              show: true,\r\n            },\r\n\r\n            data: numA,\r\n          },\r\n          {\r\n            name: \"B相位\",\r\n            type: \"line\",\r\n            symbol: \"circle\", // 默认是空心圆（中间是白色的），改成实心圆\r\n            showAllSymbol: true,\r\n            symbolSize: 8,\r\n            lineStyle: {\r\n              normal: {\r\n                color: \"rgb(39,239,94)\", // 线条颜色\r\n              },\r\n              borderColor: \"rgba(0,0,0,0.4)\",\r\n            },\r\n            itemStyle: {\r\n              color: \"rgb(39,239,94)\",\r\n              borderColor: \"rgb(39,239,94)\",\r\n              borderWidth: 2,\r\n            },\r\n            label: {\r\n              normal: {\r\n                show: false,\r\n                position: \"top\",\r\n                formatter: [\" {a|{c}%}\"].join(\",\"),\r\n                rich: {\r\n                  a: {\r\n                    color: \"#fff\",\r\n                    align: \"center\",\r\n                  },\r\n                },\r\n              },\r\n            },\r\n            tooltip: {\r\n              show: true,\r\n            },\r\n\r\n            data: numB,\r\n          },\r\n          {\r\n            name: \"C相位\",\r\n            type: \"line\",\r\n            symbol: \"circle\", // 默认是空心圆（中间是白色的），改成实心圆\r\n            showAllSymbol: true,\r\n            symbolSize: 8,\r\n            lineStyle: {\r\n              normal: {\r\n                color: \"rgb(255,193,64)\", // 线条颜色\r\n              },\r\n              borderColor: \"rgba(0,0,0,0.4)\",\r\n            },\r\n            itemStyle: {\r\n              color: \"rgb(255,193,64)\",\r\n              borderColor: \"rgb(255,193,64)\",\r\n              borderWidth: 2,\r\n            },\r\n            label: {\r\n              normal: {\r\n                show: false,\r\n                position: \"top\",\r\n                formatter: [\" {a|{c}%}\"].join(\",\"),\r\n                rich: {\r\n                  a: {\r\n                    color: \"#fff\",\r\n                    align: \"center\",\r\n                  },\r\n                },\r\n              },\r\n            },\r\n            tooltip: {\r\n              show: true,\r\n            },\r\n\r\n            data: numC,\r\n          },\r\n        ],\r\n      };\r\n      myChart.setOption(option);\r\n    },\r\n  },\r\n  watch: {\r\n    equipmentName: {\r\n      handler(newVal, oldVal) {\r\n        if (newVal == \"箱变\") {\r\n          this.tableColumns.forEach((item, index) => {\r\n            if (index == 0 || index % 2 == 0) {\r\n              item.name = \"进线\";\r\n            } else {\r\n              item.name = \"出线\";\r\n            }\r\n          });\r\n        } else {\r\n          this.tableColumns.forEach((item, index) => {\r\n            item.name=\"间隔\"+(index+1)\r\n          });\r\n        }\r\n      },\r\n    },\r\n  },\r\n};\r\n",{"version":3,"sources":["ringMainUnit.vue"],"names":[],"mappings":";AAyMA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;;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;;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;;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;;AAEA;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;;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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","file":"ringMainUnit.vue","sourceRoot":"src/views/HomePop","sourcesContent":["<template>\r\n  <div :class=\"equipmentName=='分支箱'?'ringMain':''\"  class=\"ringMainUnit\"> \r\n    <div class=\"top\">\r\n      <div class=\"title\">{{ ringMainUnit }}</div>\r\n      <div class=\"close\">\r\n        <img\r\n          @click=\"handleClose\"\r\n          src=\"@/assets/images/close.png\"\r\n          style=\"cursor: pointer\"\r\n        />\r\n      </div>\r\n    </div>\r\n    <div class=\"main\">\r\n      <el-tabs v-model=\"activeName\" @tab-click=\"handleClick\" style=\"height: 4%\" v-if=\"ringMainUnit.includes('总览')||ringMainUnit.includes('环网柜')\">\r\n        </el-tab-pane><el-tab-pane label=\"设备信息\" name=\"first\" style=\"font-size:20px\" > </el-tab-pane>\r\n        <el-tab-pane label=\"现场照片/红外视频\" name=\"second\" style=\"font-size:20px\"></el-tab-pane>\r\n        \r\n      </el-tabs>\r\n      <!-- 分支箱 -->\r\n      <el-tabs v-model=\"activeName\" @tab-click=\"handleClick\" style=\"height: 4%\" v-if=\"ringMainUnit.includes('分支箱')\">\r\n        <el-tab-pane label=\"设备信息\" name=\"first\" style=\"font-size:20px\" ></el-tab-pane>\r\n        <el-tab-pane label=\"现场照片\" name=\"second\" style=\"font-size:20px\"></el-tab-pane>\r\n      </el-tabs>\r\n      <!-- 箱变 -->\r\n      <el-tabs v-model=\"activeName\" @tab-click=\"handleClick\" style=\"height: 4%\" v-if=\"ringMainUnit.includes('箱变')\">\r\n        <el-tab-pane label=\"设备信息\" name=\"first\" style=\"font-size:20px\" ></el-tab-pane>\r\n        <el-tab-pane label=\"现场照片/红外视频\" name=\"second\" style=\"font-size:20px\"></el-tab-pane>\r\n      </el-tabs>\r\n      <!-- 开闭所 -->\r\n      <el-tabs v-model=\"activeName\" @tab-click=\"handleClick\" style=\"height: 4%\" v-if=\"ringMainUnit.includes('开闭所')\">\r\n        <el-tab-pane label=\"设备信息\" name=\"first\" style=\"font-size:20px\" ></el-tab-pane>\r\n        <el-tab-pane label=\"红外线视频/监检视频/现场照片\" name=\"second\" style=\"font-size:20px\"></el-tab-pane>\r\n      </el-tabs>\r\n      <div v-if=\"activeName == 'first'\" style=\"height: 100%; width: 100%\">\r\n        <div class=\"basic\">\r\n          <div class=\"title\" style=\"margin-top: 10px\">基本信息</div>\r\n          <div class=\"content\">\r\n            <div class=\"information\">\r\n              <div class=\"informationContent\">\r\n                {{ equipmentName }}名称&nbsp;&nbsp;&nbsp;&nbsp;{{\r\n                  ringMainUnit\r\n                }}\r\n              </div>\r\n              <div class=\"informationContent\">\r\n                {{ equipmentName }}编号&nbsp;&nbsp;&nbsp;&nbsp;{{ deviceSn }}\r\n              </div>\r\n              <div class=\"informationContent\" v-if='equipmentName==\"分支箱\"'> \r\n                蓄电池电压(v)\r\n              </div>\r\n              <template v-else-if='equipmentName==\"箱变\"'>\r\n\r\n              </template>\r\n\r\n              <template v-else>\r\n              <div class=\"informationContent\" >\r\n                IP地址&nbsp;&nbsp;&nbsp;&nbsp;{{ deviceInformation.device_ip }}\r\n              </div>\r\n              <div class=\"informationContent\">\r\n                总间隔&nbsp;&nbsp;&nbsp;&nbsp;{{ totalInterval }}\r\n              </div>\r\n              </template>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"earlyWarning\" v-show='equipmentName!=\"分支箱\"'>\r\n          <div class=\"title\">预警信息</div>\r\n          <div class=\"content\">\r\n            <div class=\"information\">\r\n              <div class=\"informationContent\">\r\n                <img src=\"@/assets/images/shiliangIcon1.png\" />\r\n                电缆沟水位&nbsp;:&nbsp;&nbsp;&nbsp;&nbsp;{{ waterLevel }}米\r\n                \r\n              </div>\r\n              <div class=\"informationContent\">\r\n                <span v-if=\"equipmentName!='箱变'\" style=\"margin-left:10px\">&nbsp;状态:&nbsp;&nbsp;&nbsp;&nbsp;{{ waterLevel1 }}</span>\r\n              </div>\r\n              <div class=\"informationContent\">\r\n                <img src=\"@/assets/images/shiliangIcon2.png\" />\r\n                小电流接地故障状态&nbsp;:&nbsp;&nbsp;&nbsp;&nbsp;{{ grounding }}\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div v-if=\"equipmentName=='分支箱'\" class=\"interval\" >\r\n            <div class=\"title\" >出现线缆温度监测</div>\r\n            <div class=\"fenzhiMessage\">\r\n              <div class=\"fenzhiItem\" v-for=\"s in fenzhiArr\">\r\n                  <div class=\"unitNum\">\r\n                    <span>55</span>\r\n                  </div>\r\n                  <div class=\"fenzhiUnit\">\r\n                    <span>{{s}}</span>\r\n                  </div>\r\n              </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"interval\" v-else>\r\n          <div class=\"title\" v-if='equipmentName==\"箱变\"'>电参数监测</div>\r\n        \r\n          <div class=\"title\" v-else>间隔监测</div>\r\n          <!-- 分支箱 -->\r\n          \r\n          <div  class=\"table user_skills\">\r\n            <el-table\r\n              :data=\"tableData\"\r\n              style=\"width: 100%; height: 100%\"\r\n              :header-cell-style=\"{ 'text-align': 'center' }\"\r\n              :cell-style=\"{ 'text-align': 'center' }\"\r\n              stripe\r\n            >\r\n              <el-table-column prop=\"name\" label=\"\" align=\"center\" width=\"150\">\r\n              </el-table-column>\r\n              <el-table-column prop=\"phase\" label=\"相位\"> </el-table-column>\r\n              <el-table-column\r\n                v-for=\"(item, index) in tableColumns\"\r\n                :key=\"index\"\r\n                :prop=\"item.key\"\r\n                align=\"center\"\r\n                :label=\"item.name\"\r\n              >\r\n              </el-table-column>\r\n            </el-table>\r\n          </div>\r\n        </div>\r\n        \r\n        <div class=\"addTitle\" v-if='equipmentName==\"箱变\"'>进线局放数据</div>\r\n        <div class=\"addTitle\" v-else-if='equipmentName==\"分支箱\"'>局放数据</div>\r\n        \r\n        <div class=\"intervalData\">\r\n          <!-- <template v-if='equipmentName==\"箱变\"||equipmentName==\"分支箱\"'>\r\n          </template> -->\r\n          <el-tabs  v-model=\"intervalName\" @tab-click=\"intervalClick\">\r\n            <el-tab-pane\r\n              :label=\"item.name\"\r\n              :name=\"item.key\"\r\n              v-for=\"(item, index) in echartsTab\"\r\n              :key=\"index\"\r\n            ></el-tab-pane>\r\n          </el-tabs>\r\n          <el-tabs  v-model=\"intervalName1\" @tab-click=\"intervalClick1\">\r\n            <el-tab-pane\r\n              :label=\"item.name\"\r\n              :name=\"item.key\"\r\n              v-for=\"(item, index) in echartsTab1\"\r\n              :key=\"index\"\r\n            ></el-tab-pane>\r\n          </el-tabs>\r\n          <div id=\"intervalShow\" v-show=\"echartsShow\"></div>\r\n          <div id=\"temperatureShow\" v-show=\"!echartsShow\"></div>\r\n        </div>\r\n      </div>\r\n\r\n      <div\r\n        class=\"InfraredVideo\"\r\n        v-if=\"activeName == 'second'\"\r\n        style=\"height: 96%; width: 100%\"\r\n      >\r\n        <div class=\"title\">\r\n          <el-tabs\r\n            :tab-position=\"tabPosition\"\r\n            v-model=\"InfraredName\"\r\n            style=\"height: 100%\"\r\n          >\r\n            <el-tab-pane v-for=\"(item, index) in vectorgraphData\" :key=\"index\">\r\n              <span\r\n                slot=\"label\"\r\n                style=\"display: flex; align-items: center\"\r\n                @click=\"InfraredClick(index)\"\r\n              >\r\n                <img :src=\"item.vectorgraph\" />\r\n                <span\r\n                  style=\"margin-left: 10px; font-size: 19px\"\r\n                  :style=\"{ color: item.color }\"\r\n                  >{{ item.name }}</span\r\n                >\r\n              </span>\r\n            </el-tab-pane>\r\n            <div class=\"content\" v-show=\"photoShow\">\r\n              <div\r\n                v-for=\"(item, index) in photoList\"\r\n                :key=\"index\"\r\n                style=\"margin-top: 40px; margin-right: 20px\"\r\n              >\r\n                <img :src=\"item.photo\" style=\"width: 407px; height: 274px\" />\r\n              </div>\r\n            </div>\r\n            <div class=\"content1\" v-show=\"videoShow\">\r\n              <canvas id=\"canvas\" style=\"width: 100%; height: 100%\"></canvas>\r\n              <!-- <video id=\"video\" autoplay  style=\"width:100%; height:100%\"></video> -->\r\n            </div>\r\n            <div class=\"content1\" v-show=\"videoShow1\">\r\n              <canvas id=\"canvas1\" style=\"width: 100%; height: 100%\"></canvas>\r\n              <!-- <video id=\"video\" autoplay  style=\"width:100%; height:100%\"></video> -->\r\n            </div>\r\n          </el-tabs>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nimport {\r\n  getDevice,\r\n  getCabinetInfo,\r\n  getCabinetList,\r\n  getCabinetData,\r\n  getCabinetCameraList,\r\n  getCabinetPointHistory\r\n} from \"../../api/index.js\";\r\nimport JSMpeg from \"../../util/jsmpeg.min\";\r\nimport axios from \"axios\";\r\n// import JSMpeg from 'jsmpeg'\r\nexport default {\r\n  name: \"ringMainUnit\",\r\n  props: [\"ringMainUnit\"],\r\n  data() {\r\n    return {\r\n      echartsShow:true,\r\n      //\r\n      fenzhiArr: [\"电压/KV\", \"电流/A\", \"温度/℃\"],\r\n      JSMpeg: null, //视频\r\n      player: null,\r\n      webRtcServer: null,\r\n      rtsp: \"\", //红外视频地址\r\n      rtsp1: \"\", //普通视频地址\r\n      waterLevel: \"\", //水位值\r\n      waterLevel1: \"\", //水位告警\r\n      grounding: \"\",\r\n      photoShow: true,\r\n      videoShow: false,\r\n      videoShow1: false,\r\n      deviceId: \"\",\r\n      tabPosition: \"left\",\r\n      activeName: \"first\",\r\n      intervalName: \"interval1\",\r\n      intervalName1: \"\",\r\n      InfraredName: \"first\",\r\n      vectorgraphData: [\r\n        {\r\n          vectorgraph: require(\"@/assets/images/shiliangIcon4.png\"),\r\n          name: \"现场照片\",\r\n          color: \"rgb(60,127,127)\",\r\n        },\r\n        {\r\n          vectorgraph: require(\"@/assets/images/shiliangIcon4.png\"),\r\n          name: \"红外视频\",\r\n          color: \"rgb(60,127,127)\",\r\n        },\r\n        {\r\n          vectorgraph: require(\"@/assets/images/shiliangIcon4.png\"),\r\n          name: \"普通视频\",\r\n          color: \"rgb(60,127,127)\",\r\n        },\r\n      ],\r\n      tableData1: [],\r\n      tableData: [\r\n        {\r\n          name: \"\",\r\n          phase: \"Uab\",\r\n          interval1: \"220\",\r\n          interval2: \"220\",\r\n          interval3: \"220\",\r\n          interval4: \"220\",\r\n          interval5: \"220\",\r\n          interval6: \"220\",\r\n          interval7: \"220\",\r\n          interval8: \"220\",\r\n        },\r\n        {\r\n          name: \"电压/V\",\r\n          phase: \"Ubc\",\r\n          interval1: \"220\",\r\n          interval2: \"220\",\r\n          interval3: \"220\",\r\n          interval4: \"220\",\r\n          interval5: \"220\",\r\n          interval6: \"220\",\r\n          interval7: \"220\",\r\n          interval8: \"220\",\r\n        },\r\n        {\r\n          name: \"\",\r\n          phase: \"Uca\",\r\n          interval1: \"220\",\r\n          interval2: \"220\",\r\n          interval3: \"220\",\r\n          interval4: \"220\",\r\n          interval5: \"220\",\r\n          interval6: \"220\",\r\n          interval7: \"220\",\r\n          interval8: \"220\",\r\n        },\r\n        {\r\n          name: \"\",\r\n          phase: \"A\",\r\n          interval1: \"21\",\r\n          interval2: \"25\",\r\n          interval3: \"23\",\r\n          interval4: \"27\",\r\n          interval5: \"24\",\r\n          interval6: \"28\",\r\n          interval7: \"22\",\r\n          interval8: \"21\",\r\n        },\r\n        {\r\n          name: \"电流/A\",\r\n          phase: \"B\",\r\n          interval1: \"25\",\r\n          interval2: \"20\",\r\n          interval3: \"24\",\r\n          interval4: \"23\",\r\n          interval5: \"24\",\r\n          interval6: \"22\",\r\n          interval7: \"21\",\r\n          interval8: \"29\",\r\n        },\r\n        {\r\n          name: \"\",\r\n          phase: \"C\",\r\n          interval1: \"21\",\r\n          interval2: \"25\",\r\n          interval3: \"23\",\r\n          interval4: \"27\",\r\n          interval5: \"24\",\r\n          interval6: \"28\",\r\n          interval7: \"22\",\r\n          interval8: \"21\",\r\n        },\r\n        {\r\n          name: \"\",\r\n          phase: \"A\",\r\n          interval1: \"21\",\r\n          interval2: \"25\",\r\n          interval3: \"23\",\r\n          interval4: \"27\",\r\n          interval5: \"24\",\r\n          interval6: \"28\",\r\n          interval7: \"22\",\r\n          interval8: \"21\",\r\n        },\r\n        {\r\n          name: \"温度/℃\",\r\n          phase: \"B\",\r\n          interval1: \"25\",\r\n          interval2: \"20\",\r\n          interval3: \"24\",\r\n          interval4: \"23\",\r\n          interval5: \"24\",\r\n          interval6: \"22\",\r\n          interval7: \"21\",\r\n          interval8: \"29\",\r\n        },\r\n        {\r\n          name: \"\",\r\n          phase: \"C\",\r\n          interval1: \"25\",\r\n          interval2: \"20\",\r\n          interval3: \"24\",\r\n          interval4: \"23\",\r\n          interval5: \"24\",\r\n          interval6: \"22\",\r\n          interval7: \"21\",\r\n          interval8: \"29\",\r\n        },\r\n      ],\r\n      tableColumns: [\r\n        {\r\n          name: \"间隔1\",\r\n        },\r\n        {\r\n          name: \"间隔2\",\r\n        },\r\n        {\r\n          name: \"间隔3\",\r\n        },\r\n        {\r\n          name: \"间隔4\",\r\n        },\r\n      ],\r\n      echartsTab: [],\r\n      echartsTab1: [],\r\n      echartsData: {\r\n        time: [\r\n          \"0点\",\r\n          \"1点\",\r\n          \"2点\",\r\n          \"3点\",\r\n          \"4点\",\r\n          \"5点\",\r\n          \"6点\",\r\n          \"7点\",\r\n          \"8点\",\r\n          \"9点\",\r\n          \"10点\",\r\n          \"11点\",\r\n          \"12点\",\r\n          \"13点\",\r\n          \"14点\",\r\n          \"15点\",\r\n          \"16点\",\r\n          \"17点\",\r\n          \"18点\",\r\n          \"19点\",\r\n          \"20点\",\r\n          \"21点\",\r\n          \"22点\",\r\n          \"23点\",\r\n        ],\r\n        num: [],\r\n      },\r\n      photoList: [\r\n        {\r\n          photo: \"\",\r\n        },\r\n      ],\r\n\r\n      deviceInformation: {},\r\n      equipmentName: \"\",\r\n      deviceSn: \"\",\r\n      partialDischarge: [], //局放数据\r\n      totalInterval: \"\",\r\n      tabName:'',//选择温度tab\r\n       temperatureChildDataA : [],\r\n       temperatureChildDataB : [],\r\n      temperatureChildDataC :[],\r\n      voltageDataAB : [],\r\n       voltageDataBC : [],\r\n      voltageDataCA :[],\r\n    };\r\n  },\r\n  mounted() {\r\n    var that = this;\r\n    //sssss\r\n    getDevice({\r\n      action: \"querydevice\",\r\n      device_name: this.ringMainUnit,\r\n    }).then((res) => {\r\n      if (res.data.data != null) {\r\n        this.deviceInformation = res.data.data.device;\r\n      }\r\n    });\r\n    this.equipmentName = this.ringMainUnit.substring(\r\n      this.ringMainUnit.length - 3,\r\n      this.ringMainUnit.length\r\n    );\r\n    if (\r\n      this.equipmentName.substring(\r\n        this.equipmentName.length - 2,\r\n        this.equipmentName.length\r\n      ) == \"箱变\"\r\n    ) {\r\n      this.equipmentName = \"箱变\";\r\n    }\r\n    this.getDeviceData();\r\n\r\n    if (this.ringMainUnit != \"金盾FH9环网柜\") {\r\n      window.setTimeout(() => {\r\n        let tab = { index: 0, name: \"interval1\" };\r\n        this.intervalClick(tab);\r\n      }, 1000);\r\n    } else {\r\n      window.setTimeout(() => {\r\n        let tab = { index: 1, name: \"interval2\" };\r\n        this.intervalClick(tab);\r\n      }, 1000);\r\n    }\r\n  },\r\n  //  beforeDestroy() {\r\n  //   this.webRtcServer.disconnect();\r\n  //   this.webRtcServer = null;\r\n  // },\r\n  // beforeDestroy () {\r\n  //   // 页面销毁前 关闭flvjs\r\n  //   this.player.destroy()\r\n  // },\r\n  methods: {\r\n    //查询所有网柜信息\r\n    getDeviceData() {\r\n      let params = {\r\n        pageSize: 50,\r\n        token: localStorage.getItem(\"token\"),\r\n      };\r\n      getCabinetList(params).then((res) => {\r\n        res.data.data.data.forEach((item, index) => {\r\n          if (item.name == this.ringMainUnit) {\r\n            this.deviceSn = item.sn;\r\n          }\r\n        });\r\n        //查询单个网柜\r\n        let data = {\r\n          sn: this.deviceSn,\r\n          token: localStorage.getItem(\"token\"),\r\n        };\r\n        //现场图片\r\n        getCabinetInfo(data).then((res) => {\r\n          console.log(res.data.data, \"Jieguo\");\r\n        });\r\n        //间隔监测\r\n        getCabinetData(data).then((res) => {\r\n          let units = [];\r\n          console.log(res.data.data,'---------');\r\n          Object.keys(res.data.data.units).map((item, index) => {\r\n            if (res.data.data.units[item].name.indexOf(\"开关\") != -1) {\r\n              units.push(res.data.data.units[item]);\r\n            }\r\n          });\r\n          this.tableColumns = Object.keys(units).map((x, y) => {\r\n            let heardName = [];\r\n            heardName.push(\r\n              (heardName = \"间隔\" + units[x].name.substring(0, 1))\r\n            );\r\n            return {\r\n              name: heardName,\r\n              key: \"interval\" + units[x].name.substring(0, 1),\r\n            };\r\n          });\r\n          this.totalInterval = this.tableColumns.length;\r\n          this.echartsTab = Object.keys(units).map((x, y) => {\r\n            let heardName = [];\r\n            heardName.push(\r\n              (heardName = \"间隔\" + units[x].name.substring(0, 1) + \"局放数据\")\r\n            );\r\n            return {\r\n              name: heardName,\r\n              key: \"interval\" + units[x].name.substring(0, 1),\r\n            };\r\n          });\r\n          this.echartsTab1 = Object.keys(units).map((x, y) => {\r\n            let heardName = [];\r\n            heardName.push(\r\n              (heardName = \"间隔\" + units[x].name.substring(0, 1) + \"温度数据\")\r\n            );\r\n            return {\r\n              name: heardName,\r\n              key: \"interval\" + units[x].name.substring(0, 1),\r\n            };\r\n          });\r\n          \r\n          let electricCurrentA = [];\r\n          let electricCurrentB = [];\r\n          let electricCurrentC = [];\r\n          // let voltageA = []\r\n          // let voltageB = []\r\n          // let voltageC = []\r\n          res.data.data.units.forEach((item, index) => {\r\n            res.data.data.yc.forEach((n, i) => {\r\n              if (n.name == \"温度\") {\r\n                n.child.forEach((z, j) => {\r\n                  if (\r\n                    item.name == z.point_name.substring(0,4) &&\r\n                    z.point_name.indexOf(\"A\") != -1\r\n                  ) {\r\n                    this.temperatureChildDataA.push(z);\r\n                  }\r\n                  if (\r\n                    item.name == z.point_name.substring(0,4) &&\r\n                    z.point_name.indexOf(\"B\") != -1\r\n                  ) {\r\n                    this.temperatureChildDataB.push(z);\r\n                  }\r\n                  if (\r\n                    item.name == z.point_name.substring(0,4) &&\r\n                    z.point_name.indexOf(\"C\") != -1\r\n                  ) {\r\n                    this.temperatureChildDataC.push(z);\r\n                  }\r\n                });\r\n              } else if (n.name == \"电流\") {\r\n                n.child.forEach((z, j) => {\r\n                  if (\r\n                    item.name == z.point_name.substring(0,4) &&\r\n                    z.point_name.indexOf(\"a\") != -1\r\n                  ) {\r\n                    electricCurrentA.push(z);\r\n                  }\r\n                  if (\r\n                    item.name == z.point_name.substring(0,4) &&\r\n                    z.point_name.indexOf(\"b\") != -1\r\n                  ) {\r\n                    electricCurrentB.push(z);\r\n                  }\r\n                  if (\r\n                    item.name == z.point_name.substring(0,4) &&\r\n                    z.point_name.indexOf(\"c\") != -1\r\n                  ) {\r\n                    electricCurrentC.push(z);\r\n                  }\r\n                });\r\n              } else if (n.name == \"局放\") {\r\n                n.child.forEach((z, j) => {\r\n                  if (\r\n                    item.name == z.point_name.substring(0,4) &&\r\n                    z.point_name.indexOf(\"均值\") != -1\r\n                  ) {\r\n                    this.partialDischarge.push(z);\r\n                  }\r\n                });\r\n              } else if (n.name == \"水位\") {\r\n                n.child.forEach((z, j) => {\r\n                  this.waterLevel = z.value;\r\n                });\r\n              }else if (n.name == \"电压\") {\r\n                n.child.forEach((z, j) => {\r\n                  if (\r\n                    z.point_name.indexOf(\"Uab\") != -1\r\n                  ) {\r\n                    this.voltageDataAB.push(z);\r\n                  }\r\n                  if (\r\n                    z.point_name.indexOf(\"Ubc\") != -1\r\n                  ) {\r\n                    this.voltageDataBC.push(z);\r\n                  }\r\n                  if (\r\n                    z.point_name.indexOf(\"Uca\") != -1\r\n                  ) {\r\n                    this.voltageDataCA.push(z);\r\n                  }\r\n                });\r\n              }\r\n            });\r\n          });\r\n          //表格电流\r\n          for (let i = 0; i < electricCurrentA.length; i++) {\r\n            let interval = \"interval\" + electricCurrentA[i].point_name.substring(0,1);\r\n            this.tableData[3][interval] = electricCurrentA[i].value;\r\n          }\r\n          for (let i = 0; i < electricCurrentB.length; i++) {\r\n            let interval = \"interval\" + electricCurrentB[i].point_name.substring(0,1);\r\n            this.tableData[4][interval] = electricCurrentB[i].value;\r\n          }\r\n          for (let i = 0; i < electricCurrentC.length; i++) {\r\n            let interval = \"interval\" + electricCurrentC[i].point_name.substring(0,1);\r\n            this.tableData[5][interval] = electricCurrentC[i].value;\r\n          }\r\n          //电压\r\n          for (let i = 0; i < this.voltageDataAB.length; i++) {\r\n            for (let j = 0; j < units.length; j++) {\r\n              let interval = \"interval\" + units[j].name.substring(0,1);\r\n              this.tableData[0][interval] = this.voltageDataAB[i].value + ' kV';\r\n            }\r\n          }\r\n          for (let i = 0; i < this.voltageDataBC.length; i++) {\r\n            for (let j = 0; j < units.length; j++) {\r\n              let interval = \"interval\" + units[j].name.substring(0,1);\r\n              this.tableData[1][interval] = this.voltageDataBC[i].value + ' kV';\r\n            }\r\n          }\r\n          for (let i = 0; i < this.voltageDataCA.length; i++) {\r\n            for (let j = 0; j < units.length; j++) {\r\n              let interval = \"interval\" + units[j].name.substring(0,1);\r\n              this.tableData[2][interval] = this.voltageDataCA[i].value + ' kV';\r\n            }\r\n          }\r\n          //警告\r\n          res.data.data.yx.forEach((item, index) => {\r\n            if (item.name == \"水位告警\") {\r\n              this.waterLevel1 = item.child[0].value;\r\n            } else if (item.name == \"接地告警\") {\r\n              this.grounding = item.child[0].value;\r\n            }\r\n          });\r\n          this.getIntervalTep(null)\r\n        });\r\n      });\r\n       \r\n    },\r\n    handleClick(tab) {\r\n      let that = this;\r\n      if (tab.index == 0) {\r\n        this.activeName = \"first\";\r\n        this.$nextTick(() => {\r\n          let tab = {\r\n            name:'interval1'\r\n          }\r\n          this.intervalClick(tab);\r\n        });\r\n      } else if (tab.index == 1) {\r\n        this.activeName = \"second\";\r\n        this.photoShow = true;\r\n        this.videoShow = false;\r\n        this.videoShow1 = false;\r\n        this.InfraredClick(0);\r\n        getDevice({\r\n          action: \"querydevice\",\r\n          device_name: that.ringMainUnit,\r\n        }).then((res) => {\r\n          if (res.data.data.pic != null) {\r\n            this.photoList = Object.keys(res.data.data.pic).map(\r\n              (item, index) => {\r\n                let photoUrl = res.data.data.pic[index].url;\r\n                return { photo: photoUrl };\r\n              }\r\n            );\r\n          }\r\n        });\r\n      }\r\n    },\r\n    //echarts切换\r\n    intervalClick(tab) {\r\n      if (tab != null) {\r\n        this.intervalName = tab.name;\r\n        this.intervalName1 = '';\r\n        let echartsData = [];\r\n        // let index = Number(tab.index) + 1;\r\n        let index = tab.name.substring(8,9)\r\n        for (let i = 0; i < this.partialDischarge.length; i++) {\r\n          if (this.partialDischarge[i].point_name.substring(0,4).indexOf(index) != -1) {\r\n            echartsData.push(this.partialDischarge[i]);\r\n          }\r\n        }\r\n        this.intervalShow(echartsData);\r\n        this.echartsShow = true\r\n      } else {\r\n        this.intervalShow(null);\r\n      }\r\n    },\r\n    intervalClick1(tab) {\r\n      this.intervalName = '';\r\n      this.intervalName1 = tab.name;\r\n      this.echartsShow = false\r\n      if (tab != null) {\r\n        this.getIntervalTep(tab.name)\r\n      } else {\r\n        this.getIntervalTep(null);\r\n      }\r\n    },\r\n    //获取间隔温度\r\n    getIntervalTep(tabName){\r\n      let dataA = []\r\n      let dataB = []\r\n      let dataC = []\r\n      let time = []\r\n        //表格温度\r\n          for (let i = 0; i < this.temperatureChildDataA.length; i++) {\r\n            let interval = \"interval\" + this.temperatureChildDataA[i].point_name.substring(0,1);\r\n            this.tableData[6][interval] = this.temperatureChildDataA[i].value;\r\n              if (tabName == interval) {\r\n                 let data = {\r\n                      token:localStorage.getItem(\"token\"),\r\n                      sn: this.deviceSn,\r\n                      point:this.temperatureChildDataA[i].point_id,\r\n                      date:this.$moment().format(\"YYYY-MM-DD\")\r\n                    }\r\n                    getCabinetPointHistory(data).then((res)=>{\r\n                      for (let i = 0; i < res.data.data.value.length; i++) {\r\n                        dataA.push(parseInt(res.data.data.value[i]))\r\n                      }\r\n                    })\r\n              }\r\n          }\r\n          for (let i = 0; i < this.temperatureChildDataB.length; i++) {\r\n            let interval = \"interval\" + this.temperatureChildDataB[i].point_name.substring(0,1);\r\n            this.tableData[7][interval] = this.temperatureChildDataB[i].value;\r\n              if (tabName == interval) {\r\n                 let data = {\r\n                      token:localStorage.getItem(\"token\"),\r\n                      sn: this.deviceSn,\r\n                      point:this.temperatureChildDataA[i].point_id,\r\n                      date:this.$moment().format(\"YYYY-MM-DD\")\r\n                    }\r\n                    getCabinetPointHistory(data).then((res)=>{\r\n                      for (let i = 0; i < res.data.data.value.length; i++) {\r\n                        dataB.push(parseInt(res.data.data.value[i]))\r\n                      }\r\n                    })\r\n              }\r\n          }\r\n          for (let i = 0; i < this.temperatureChildDataC.length; i++) {\r\n            let interval = \"interval\" + this.temperatureChildDataC[i].point_name.substring(0,1);\r\n            this.tableData[8][interval] = this.temperatureChildDataC[i].value;\r\n              if (tabName == interval) {\r\n                 let data = {\r\n                      token:localStorage.getItem(\"token\"),\r\n                      sn: this.deviceSn,\r\n                      point:this.temperatureChildDataA[i].point_id,\r\n                      date:this.$moment().format(\"YYYY-MM-DD\")\r\n                    }\r\n                    getCabinetPointHistory(data).then((res)=>{\r\n                      \r\n                      for (let i = 0; i < res.data.data.value.length; i++) {\r\n                        dataC.push(parseInt(res.data.data.value[i]))\r\n                      }\r\n                      for (let i = 0; i < res.data.data.time.length; i++) {\r\n                        time.push(parseInt(res.data.data.time[i]))\r\n                      }\r\n                      setTimeout(()=>{\r\n                        this.$nextTick(()=>{\r\n                        this.temperatureShow(dataA,dataB,dataC,time);\r\n                        })\r\n                      },100)\r\n                      \r\n                    })\r\n              }\r\n          }\r\n    },\r\n    //视频切换\r\n    InfraredClick(index) {\r\n      let data = {\r\n        sn: this.deviceSn,\r\n        token: localStorage.getItem(\"token\"),\r\n      };\r\n      if (index == 1) {\r\n        let that = this;\r\n        Object.keys(this.vectorgraphData).forEach((key) => {\r\n          this.vectorgraphData[\r\n            key\r\n          ].vectorgraph = require(\"@/assets/images/shiliangIcon4.png\");\r\n          this.vectorgraphData[key].color = \"rgb(60,127,127)\";\r\n          if (key == index) {\r\n            this.vectorgraphData[\r\n              index\r\n            ].vectorgraph = require(\"@/assets/images/shiliangIcon3.png\");\r\n            this.vectorgraphData[index].color = \"#56fefe\";\r\n            this.photoShow = false;\r\n            this.videoShow = true;\r\n            this.videoShow1 = false;\r\n            //这里的port要与index.js的port保持一致\r\n            //解析视频流\r\n            //视频数据\r\n            getCabinetCameraList(data).then((res) => {\r\n              console.log(res.data.data, \"视频\");\r\n              this.rtsp = res.data.data[1].url;\r\n              this.$nextTick(() => {\r\n                this.JSMpeg = new JSMpeg.Player(\r\n                  \"ws://localhost:9999/rtsp?url=\" + btoa(this.rtsp),\r\n                  {\r\n                    canvas: document.getElementById(\"canvas\"),\r\n                  }\r\n                );\r\n              });\r\n            });\r\n\r\n            // let video = document.getElementById('video')\r\n            //  try{\r\n            //    if ('srcObject' in video) {\r\n            //      video.srcObject = null;\r\n            //  this.webRtcServer = new WebRtcStreamer(\r\n            //     \"video\",\r\n            //     location.protocol + \"//127.0.0.1:8000\"\r\n            //   );\r\n            // //   //需要看的rtsp视频地址，可以在网上找在线的rtsp视频地址来进行demo实验，在vlc中能播放就能用\r\n            //   this.webRtcServer.connect(\r\n            //     \"rtsp://221.231.99.214:554/cam=109/channel=0\"\r\n            //   );\r\n            //       this.webRtcServer.connect(\r\n            //         \"rtsp://wowzaec2demo.streamlock.net/vod/mp4:BigBuckBunny_115k.mp4\"\r\n            //       );\r\n            //    }else{\r\n            //      video.src = null;\r\n            //    }\r\n\r\n            //  }catch(e){\r\n            //       console.log(e)\r\n            //     }\r\n          }\r\n        });\r\n      } else if (index == 0) {\r\n        let that = this;\r\n        Object.keys(this.vectorgraphData).forEach((key) => {\r\n          this.vectorgraphData[\r\n            key\r\n          ].vectorgraph = require(\"@/assets/images/shiliangIcon4.png\");\r\n          this.vectorgraphData[key].color = \"rgb(60,127,127)\";\r\n          if (key == index) {\r\n            this.vectorgraphData[\r\n              index\r\n            ].vectorgraph = require(\"@/assets/images/shiliangIcon3.png\");\r\n            this.vectorgraphData[index].color = \"#56fefe\";\r\n            (this.photoShow = true), (this.videoShow = false);\r\n            this.videoShow1 = false;\r\n          }\r\n        });\r\n      } else if (index == 2) {\r\n        let that = this;\r\n        Object.keys(this.vectorgraphData).forEach((key) => {\r\n          this.vectorgraphData[\r\n            key\r\n          ].vectorgraph = require(\"@/assets/images/shiliangIcon4.png\");\r\n          this.vectorgraphData[key].color = \"rgb(60,127,127)\";\r\n          if (key == index) {\r\n            this.vectorgraphData[\r\n              index\r\n            ].vectorgraph = require(\"@/assets/images/shiliangIcon3.png\");\r\n            this.vectorgraphData[index].color = \"#56fefe\";\r\n            this.photoShow = false;\r\n            this.videoShow = false;\r\n            this.videoShow1 = true;\r\n            //这里的port要与index.js的port保持一致\r\n            //解析视频流\r\n            getCabinetCameraList(data).then((res) => {\r\n              console.log(res.data.data, \"视频\");\r\n              this.rtsp1 = res.data.data[0].url;\r\n              this.JSMpeg = new JSMpeg.Player(\r\n                \"ws://localhost:9999/rtsp?url=\" + btoa(this.rtsp1),\r\n                {\r\n                  canvas: document.getElementById(\"canvas1\"),\r\n                }\r\n              );\r\n            });\r\n          }\r\n        });\r\n      }\r\n    },\r\n    closeJSMpeg() {\r\n      //销毁\r\n      this.JSMpeg.destroy();\r\n    },\r\n    handleClose() {\r\n      this.$parent.componentShow = \"\";\r\n      this.$parent.modelOthers = false;\r\n      // this.$emit(\"closeStatus\", this.closeStatus)\r\n      this.rtsp = \"\";\r\n      this.rtsp1 = \"\";\r\n      if (this.JSMpeg != null) {\r\n        this.closeJSMpeg();\r\n      }\r\n    },\r\n    //局放图\r\n    intervalShow(InintervalData) {\r\n      let num = [];\r\n      let time = [];\r\n      if (InintervalData != null && InintervalData != []) {\r\n        for (const i in InintervalData[0].hour_data) {\r\n          num.push(InintervalData[0].hour_data[i]);\r\n          time.push(i);\r\n        }\r\n        this.echartsData.num = num;\r\n        this.echartsData.time = time;\r\n      }\r\n      let that = this;\r\n      var data = this.echartsData;\r\n      var myChart = this.$echarts.init(document.getElementById(\"intervalShow\"));\r\n      var option = {\r\n        tooltip: {\r\n          trigger: \"axis\",\r\n          formatter:function(params){\r\n            return '时间：' + params[0].name+'<br/>'+'局放数据：'+params[0].value+'dbm'\r\n          }\r\n        },\r\n        grid: {\r\n          top: \"10%\",\r\n          left: \"3%\",\r\n          right: \"3%\",\r\n          bottom: \"10%\",\r\n          // containLabel: true\r\n        },\r\n        xAxis: [\r\n          {\r\n            type: \"category\",\r\n            boundaryGap: true,\r\n            axisLine: {\r\n              //坐标轴轴线相关设置。数学上的x轴\r\n              show: true,\r\n              lineStyle: {\r\n                color: 'color:\"#93dcfe\"',\r\n              },\r\n            },\r\n            axisLabel: {\r\n              //坐标轴刻度标签的相关设置\r\n              textStyle: {\r\n                color: \"#93dcfe\",\r\n                margin: 15,\r\n              },\r\n              formatter: function (data) {\r\n                return data;\r\n              },\r\n            },\r\n            axisTick: {\r\n              show: false,\r\n            },\r\n            data: data.time,\r\n          },\r\n        ],\r\n        yAxis: [\r\n          {\r\n            //   min: 0,\r\n            //   max: 100,\r\n            name: \"dbm\",\r\n            splitLine: {\r\n              show: true,\r\n              lineStyle: {\r\n                color: \"rgba(147,220,254,0.3)\",\r\n              },\r\n            },\r\n            axisLine: {\r\n              show: false,\r\n              lineStyle: {\r\n                color: \"#93dcfe\",\r\n              },\r\n            },\r\n            axisLabel: {\r\n              show: true,\r\n              textStyle: {\r\n                color: \"#93dcfe\",\r\n              },\r\n              // formatter: function (value) {\r\n              //   if (value === 0) {\r\n              //     return value;\r\n              //   }\r\n              //   return value + \"%\";\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            symbol: \"circle\", // 默认是空心圆（中间是白色的），改成实心圆\r\n            showAllSymbol: true,\r\n            symbolSize: 8,\r\n            lineStyle: {\r\n              normal: {\r\n                color: \"#1f93fa\", // 线条颜色\r\n              },\r\n              borderColor: \"rgba(0,0,0,.4)\",\r\n            },\r\n            itemStyle: {\r\n              color: \"#1f93fa\",\r\n              borderColor: \"#1f93fa\",\r\n              borderWidth: 2,\r\n            },\r\n            label: {\r\n              normal: {\r\n                show: false,\r\n                position: \"top\",\r\n                formatter: [\" {a|{c}%}\"].join(\",\"),\r\n                rich: {\r\n                  a: {\r\n                    color: \"#fff\",\r\n                    align: \"center\",\r\n                  },\r\n                },\r\n              },\r\n            },\r\n            tooltip: {\r\n              show: true,\r\n            },\r\n\r\n            data: data.num,\r\n          },\r\n        ],\r\n      };\r\n      myChart.setOption(option);\r\n    },\r\n     //图\r\n    temperatureShow(dataA,dataB,dataC,date) {\r\n      let numA = dataA;\r\n      let time = date;\r\n      let numB = dataB;\r\n      let numC = dataC;\r\n      // if (temperatureData != null && temperatureData != []) {\r\n      //   for (const i in temperatureData[0].hour_data) {\r\n      //     num.push(temperatureData[0].hour_data[i]);\r\n      //     time.push(i);\r\n      //   }\r\n      //   this.echartsData.num = num;\r\n      //   this.echartsData.time = time;\r\n      // }\r\n      let that = this;\r\n      // var data = this.echartsData;\r\n      var myChart = this.$echarts.init(document.getElementById(\"temperatureShow\"));\r\n      var option = {\r\n        tooltip: {\r\n          trigger: \"axis\",\r\n          formatter:function(params){\r\n            return '时间：' + params[0].name+'<br/>'+'温度A：'+params[0].value+'℃'\r\n            +'<br/>'+'温度B：'+params[1].value+'℃'\r\n            +'<br/>'+'温度C：'+params[2].value+'℃'\r\n          }\r\n        },\r\n        legend:{\r\n          origin:'horizontal',\r\n          textStyle: {\r\n            color: \"#fff\",\r\n            fontSize: \"18px\",\r\n          },\r\n        },\r\n        grid: {\r\n          top: \"10%\",\r\n          left: \"3%\",\r\n          right: \"3%\",\r\n          bottom: \"10%\",\r\n          // containLabel: true\r\n        },\r\n        xAxis: [\r\n          {\r\n            type: \"category\",\r\n            boundaryGap: true,\r\n            axisLine: {\r\n              //坐标轴轴线相关设置。数学上的x轴\r\n              show: true,\r\n              lineStyle: {\r\n                color: 'color:\"#93dcfe\"',\r\n              },\r\n            },\r\n            axisLabel: {\r\n              //坐标轴刻度标签的相关设置\r\n              textStyle: {\r\n                color: \"#93dcfe\",\r\n                margin: 15,\r\n              },\r\n              formatter: function (data) {\r\n                return data;\r\n              },\r\n            },\r\n            axisTick: {\r\n              show: false,\r\n            },\r\n            data: time,\r\n          },\r\n        ],\r\n        yAxis: [\r\n          {\r\n            //   min: 0,\r\n            //   max: 100,\r\n            name: \"℃\",\r\n            splitLine: {\r\n              show: true,\r\n              lineStyle: {\r\n                color: \"rgba(147,220,254,0.3)\",\r\n              },\r\n            },\r\n            axisLine: {\r\n              show: false,\r\n              lineStyle: {\r\n                color: \"#93dcfe\",\r\n              },\r\n            },\r\n            axisLabel: {\r\n              show: true,\r\n              textStyle: {\r\n                color: \"#93dcfe\",\r\n              },\r\n              // formatter: function (value) {\r\n              //   if (value === 0) {\r\n              //     return value;\r\n              //   }\r\n              //   return value + \"%\";\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: \"A相位\",\r\n            type: \"line\",\r\n            symbol: \"circle\", // 默认是空心圆（中间是白色的），改成实心圆\r\n            showAllSymbol: true,\r\n            symbolSize: 8,\r\n            lineStyle: {\r\n              normal: {\r\n                color: \"#1f93fa\", // 线条颜色\r\n              },\r\n              borderColor: \"rgba(0,0,0,0.4)\",\r\n            },\r\n            itemStyle: {\r\n              color: \"#1f93fa\",\r\n              borderColor: \"#1f93fa\",\r\n              borderWidth: 2,\r\n            },\r\n            label: {\r\n              normal: {\r\n                show: false,\r\n                position: \"top\",\r\n                formatter: [\" {a|{c}%}\"].join(\",\"),\r\n                rich: {\r\n                  a: {\r\n                    color: \"#fff\",\r\n                    align: \"center\",\r\n                  },\r\n                },\r\n              },\r\n            },\r\n            tooltip: {\r\n              show: true,\r\n            },\r\n\r\n            data: numA,\r\n          },\r\n          {\r\n            name: \"B相位\",\r\n            type: \"line\",\r\n            symbol: \"circle\", // 默认是空心圆（中间是白色的），改成实心圆\r\n            showAllSymbol: true,\r\n            symbolSize: 8,\r\n            lineStyle: {\r\n              normal: {\r\n                color: \"rgb(39,239,94)\", // 线条颜色\r\n              },\r\n              borderColor: \"rgba(0,0,0,0.4)\",\r\n            },\r\n            itemStyle: {\r\n              color: \"rgb(39,239,94)\",\r\n              borderColor: \"rgb(39,239,94)\",\r\n              borderWidth: 2,\r\n            },\r\n            label: {\r\n              normal: {\r\n                show: false,\r\n                position: \"top\",\r\n                formatter: [\" {a|{c}%}\"].join(\",\"),\r\n                rich: {\r\n                  a: {\r\n                    color: \"#fff\",\r\n                    align: \"center\",\r\n                  },\r\n                },\r\n              },\r\n            },\r\n            tooltip: {\r\n              show: true,\r\n            },\r\n\r\n            data: numB,\r\n          },\r\n          {\r\n            name: \"C相位\",\r\n            type: \"line\",\r\n            symbol: \"circle\", // 默认是空心圆（中间是白色的），改成实心圆\r\n            showAllSymbol: true,\r\n            symbolSize: 8,\r\n            lineStyle: {\r\n              normal: {\r\n                color: \"rgb(255,193,64)\", // 线条颜色\r\n              },\r\n              borderColor: \"rgba(0,0,0,0.4)\",\r\n            },\r\n            itemStyle: {\r\n              color: \"rgb(255,193,64)\",\r\n              borderColor: \"rgb(255,193,64)\",\r\n              borderWidth: 2,\r\n            },\r\n            label: {\r\n              normal: {\r\n                show: false,\r\n                position: \"top\",\r\n                formatter: [\" {a|{c}%}\"].join(\",\"),\r\n                rich: {\r\n                  a: {\r\n                    color: \"#fff\",\r\n                    align: \"center\",\r\n                  },\r\n                },\r\n              },\r\n            },\r\n            tooltip: {\r\n              show: true,\r\n            },\r\n\r\n            data: numC,\r\n          },\r\n        ],\r\n      };\r\n      myChart.setOption(option);\r\n    },\r\n  },\r\n  watch: {\r\n    equipmentName: {\r\n      handler(newVal, oldVal) {\r\n        if (newVal == \"箱变\") {\r\n          this.tableColumns.forEach((item, index) => {\r\n            if (index == 0 || index % 2 == 0) {\r\n              item.name = \"进线\";\r\n            } else {\r\n              item.name = \"出线\";\r\n            }\r\n          });\r\n        } else {\r\n          this.tableColumns.forEach((item, index) => {\r\n            item.name=\"间隔\"+(index+1)\r\n          });\r\n        }\r\n      },\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.fenzhiMessage {\r\n  width: 100%;\r\n  margin-top: 6px;\r\n  height: calc(100% - 30px);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-around;\r\n  background: url(\"../../assets/images/intervalFrame.png\") no-repeat;\r\n  .fenzhiItem {\r\n    background-image: url(\"../../assets/images/fenzhiBg.png\");\r\n    width: 295px;\r\n    height: 116px;\r\n    background-size: 100% 100%;\r\n    .unitNum {\r\n      height: 83px;\r\n      line-height: 83px;\r\n      width: 100%;\r\n      text-align: center;\r\n      font-size: 30px;\r\n      color: #56fefe;\r\n    }\r\n    .fenzhiUnit {\r\n      height: 33px;\r\n      text-align: center;\r\n      font-size: 20px;\r\n      line-height: 28px;\r\n      color: #fff;\r\n    }\r\n  }\r\n}\r\n.addTitle {\r\n  color: rgb(86, 244, 254);\r\n  text-align: left;\r\n}\r\n//表格\r\n.user_skills {\r\n  /**\r\n  表格有滚动效果但是不显示滚动条\r\n  */\r\n  /deep/ .is-scrolling-none {\r\n    overflow: hidden;\r\n    overflow-y: auto;\r\n    overflow-x: scroll;\r\n  }\r\n  /deep/ .is-scrolling-none::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n  /deep/.el-table--scrollable-y ::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n  /deep/.el-table--scrollable-x ::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n  /deep/ .el-table {\r\n    background-color: transparent !important;\r\n  }\r\n  /deep/ .el-table th {\r\n    background-color: transparent !important;\r\n  }\r\n  /deep/ .el-table__header {\r\n    height: 48px;\r\n    background: url(\"../../assets/images/intervalTable.png\") no-repeat;\r\n    background-size: 100% 100%;\r\n  }\r\n  /deep/ .el-table__header th {\r\n    border: none;\r\n    padding: 0;\r\n    height: 40px;\r\n    .cell {\r\n      height: 100%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-around;\r\n    }\r\n    &.el-table__cell.is-leaf {\r\n      border: none !important;\r\n    }\r\n  }\r\n  /deep/ .el-table tr {\r\n    background-color: transparent !important;\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  /deep/ .el-table__body td .cell {\r\n    white-space: nowrap !important;\r\n    // word-break: break-all;\r\n  }\r\n  /deep/ .el-table th.el-table__cell > .cell {\r\n    color: rgb(86, 254, 226);\r\n  }\r\n  /deep/.el-table .el-table__cell {\r\n    padding: 5px 0;\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}\r\n.el-table::before {\r\n  background-color: transparent;\r\n}\r\n::v-deep .el-table .el-table__body tr.el-table__row td {\r\n  background: rgba(79, 218, 255, 0.1) !important;\r\n}\r\n::v-deep .el-table--striped .el-table__body tr.el-table__row--striped td {\r\n  background: rgba(79, 218, 255, 0.06) !important;\r\n}\r\n.ringMain {\r\n  width: 1332px !important;\r\n  height: 739px !important;\r\n  background-image: url(\"../../assets/images/ringMain.png\") !important;\r\n  .main {\r\n    height: 93% !important;\r\n    .basic {\r\n      margin-top: 20px;\r\n      .title {\r\n        margin-bottom: 5px;\r\n      }\r\n    }\r\n  }\r\n}\r\n.ringMainUnit {\r\n  width: 1511px;\r\n  height: 1071px;\r\n  background: url(\"../../assets/images/ringMainUnitKuang.png\") no-repeat;\r\n  background-size: 100% 100%;\r\n  -webkit-animation: fadeInDown 0.3s;\r\n  animation: fadeInDown 0.3s;\r\n  padding: 15px 25px;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  align-content: space-between;\r\n  .top {\r\n    height: 4%;\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    .title {\r\n      font-size: 28px;\r\n      font-weight: 700;\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(86, 244, 254)\r\n      );\r\n    }\r\n  }\r\n  .main {\r\n    height: 95%;\r\n    width: 100%;\r\n    //   border: 1px solid blue;\r\n    .basic {\r\n      height: 8.8%;\r\n      width: 100%;\r\n      //   border: 1px solid red;\r\n      .title {\r\n        height: 27%;\r\n        width: 100%;\r\n        //  border: 1px solid yellow;\r\n        color: rgb(86, 244, 254);\r\n        display: flex;\r\n      }\r\n      .content {\r\n        height: 73%;\r\n        width: 100%;\r\n        background: url(\"../../assets/images/basicFrame.png\") no-repeat;\r\n        display: flex;\r\n        background-size: 100% 100%;\r\n        justify-content: space-around;\r\n        overflow: auto;\r\n        .information {\r\n          color: #ffffff;\r\n          height: 100%;\r\n          width: 96%;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: space-between;\r\n          .informationContent {\r\n            height: 35px;\r\n            line-height: 35px;\r\n            background: url(\"../../assets/images/cardSquare.png\") no-repeat;\r\n            background-size: 100% 100%;\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .earlyWarning {\r\n      height: 8.8%;\r\n      width: 100%;\r\n      margin-top: 10px;\r\n      //   border: 1px solid red;\r\n      .title {\r\n        height: 27%;\r\n        width: 100%;\r\n        //  border: 1px solid yellow;\r\n        color: rgb(86, 244, 254);\r\n        display: flex;\r\n      }\r\n      .content {\r\n        height: 73%;\r\n        width: 100%;\r\n        background: url(\"../../assets/images/basicFrame.png\") no-repeat;\r\n        display: flex;\r\n        background-size: 100% 100%;\r\n        justify-content: flex-start;\r\n        .information {\r\n          color: #ffffff;\r\n          height: 100%;\r\n          width: 79%;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: space-between;\r\n          display: flex;\r\n          align-items: center;\r\n          -webkit-box-pack: justify;\r\n          padding-left: 24px;\r\n          .informationContent {\r\n            height: 35px;\r\n            background: url(\"../../assets/images/cardSquare.png\") no-repeat;\r\n            background-size: 100% 100%;\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .interval {\r\n      height: 40%;\r\n      width: 100%;\r\n      margin-top: 10px;\r\n      .title {\r\n        height: 7%;\r\n        width: 100%;\r\n        color: rgb(86, 244, 254);\r\n        display: flex;\r\n      }\r\n      .table {\r\n        height: 85%;\r\n        // border: 1px solid red;\r\n        background: url(\"../../assets/images/intervalFrame.png\") no-repeat;\r\n        background-size: 100% 100%;\r\n        padding: 15px 20px;\r\n      }\r\n    }\r\n    .intervalData {\r\n      height: 33%;\r\n      margin-top: 10px;\r\n      padding-left: 10px;\r\n      background: url(\"../../assets/images/intervalFrame.png\") no-repeat;\r\n      background-size: 100% 100%;\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      /deep/ .el-tabs__nav-wrap::after {\r\n        background-color: transparent !important;\r\n      }\r\n      /deep/ .el-tabs--top{\r\n        width: 50%;\r\n      }\r\n      #intervalShow {\r\n        width: 100%;\r\n        height: calc(100% - 54px);\r\n      }\r\n      #temperatureShow{\r\n        width: 100%;\r\n        height: calc(100% - 54px);\r\n      }\r\n    }\r\n    .InfraredVideo {\r\n      .title {\r\n        height: 100%;\r\n        .content {\r\n          margin-left: 30px;\r\n          display: flex;\r\n          flex-direction: row;\r\n          flex-wrap: wrap;\r\n          justify-content: flex-start;\r\n        }\r\n      }\r\n      /deep/ .el-tabs__item {\r\n        margin-top: 20px;\r\n        padding: 0 30px;\r\n      }\r\n    }\r\n  }\r\n}\r\n.content1 {\r\n  height: 100%;\r\n  width: 100%;\r\n  overflow: hidden;\r\n}\r\n/deep/.el-tabs__content {\r\n  height: 100%;\r\n  overflow: auto;\r\n  position: relative;\r\n}\r\n/**\r\n下拉显示动画效果\r\n*/\r\n@keyframes fadeInDown {\r\n  0% {\r\n    -webkit-transform: translate3d(0, -20%, 0);\r\n    transform: translate3d(0, -20%, 0);\r\n    opacity: 0;\r\n  }\r\n\r\n  100% {\r\n    -webkit-transform: none;\r\n    transform: none;\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n@-webkit-keyframes fadeInDown {\r\n  0% {\r\n    -webkit-transform: translate3d(0, -20%, 0);\r\n    opacity: 0;\r\n  }\r\n\r\n  100% {\r\n    -webkit-transform: none;\r\n    opacity: 1;\r\n  }\r\n}\r\n</style>\r\n<style lang=\"less\">\r\n.el-tabs__item:hover {\r\n  color: #56fefe !important;\r\n}\r\n.el-tabs__item.is-active {\r\n  color: #56fefe !important;\r\n  font-size: 23px;\r\n}\r\n.el-tabs__item {\r\n  color: rgb(60, 127, 127) !important;\r\n  font-size: 18px;\r\n}\r\n\r\n.el-tabs__active-bar {\r\n  background-color: transparent !important;\r\n  background: url(\"../../assets/images/ringMainGH.png\") no-repeat;\r\n  background-size: 100% 100%;\r\n  bottom: -5px !important;\r\n  height: 19px !important;\r\n}\r\n.el-tabs__nav-wrap::after {\r\n  background-color: rgb(38, 114, 120) !important;\r\n}\r\n</style>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/23e93477040ba8dfb06d93900e807a1d.json b/node_modules/.cache/vue-loader/23e93477040ba8dfb06d93900e807a1d.json
new file mode 100644
index 00000000..b7afbb0d
--- /dev/null
+++ b/node_modules/.cache/vue-loader/23e93477040ba8dfb06d93900e807a1d.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\component\\routeDetail.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\component\\routeDetail.vue","mtime":1689642397092},{"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 axios from \"axios\";\r\nlet docx = require(\"docx-preview\");\r\nwindow.JSZip = require(\"jszip\");\r\nexport default {\r\n  name: \"routeDetail\",\r\n  props: [\"routeItem\"],\r\n  data() {\r\n    return {\r\n      // titleList:['班组','故障路线','故障状态','故障类型','故障时间','故障描述','故障处理']\r\n      wordShow: false,\r\n    };\r\n  },\r\n  mounted() {\r\n    console.log(this.routeItem, \"sssssssssssss\");\r\n  },\r\n  methods: {\r\n    closeWord() {\r\n      // word文档的显隐\r\n      this.wordShow = false;\r\n    },\r\n    handleClose() {\r\n      this.$parent.routeShow = \"\";\r\n      this.$parent.routeItem = null;\r\n    },\r\n    detailBtn(url) {\r\n      // console.log(url, \"word下载链接\");\r\n      var url = \"/\" + url.split(\"/\")[3] + \"/\" + url.split(\"/\")[4];\r\n      var that = this;\r\n      axios({\r\n        url: \"/app\" + url,\r\n        responseType: \"blob\",\r\n      }).then(({ data }) => {\r\n        console.log(data, \"数据\");\r\n\r\n        that.$nextTick(() => {\r\n          // doc.renderAsync(data,that.$refs.word)\r\n          docx\r\n            .renderAsync(data, that.$refs.word, null, {\r\n              className: \"docx\", //默认和文档样式类的类名/前缀\r\n              inWrapper: true, //启用围绕文档内容呈现包装器\r\n              ignoreWidth: true, //禁用页面的渲染宽度\r\n              ignoreHeight: true, //禁用页面的渲染高度\r\n              ignoreFonts: false, //禁用字体渲染\r\n              breakPages: true, //在分页符上启用分页\r\n              ignoreLastRenderedPageBreak: true, //在lastRenderedPageBreak元素上禁用分页\r\n              experimental: false, //启用实验功能（制表符停止计算）\r\n              trimXMLDeclaration: true, //如果为true，则在解析之前将从xml文档中删除xml声明\r\n              useBase64URL: false, //如果为true，图像、字体等将转换为base 64 URL，否则使用URL.createObjectURL\r\n              useMathMLPolyfill: false, //包括用于铬、边等的MathML多填充。\r\n              showChanges: true, //启用文档更改的实验渲染（插入/删除）\r\n              debug: false, //启用额外的日志记录\r\n            })\r\n            .then((res) => {\r\n              that.wordShow = true;\r\n            });\r\n        });\r\n      });\r\n    },\r\n    created() {\r\n      // console.log(this.routeItem, \"故障详情\");\r\n      // console.log(this.routeItem, \"路线详细数据\");\r\n      // var arr = Object.keys(this.routeItem);\r\n      // console.log(arr);\r\n    },\r\n  },\r\n};\r\n",{"version":3,"sources":["routeDetail.vue"],"names":[],"mappings":";AA6DA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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","file":"routeDetail.vue","sourceRoot":"src/component","sourcesContent":["<template>\r\n  <div class=\"route\">\r\n    <div class=\"word\" v-show=\"wordShow\">\r\n      <div class=\"wordBox\" ref=\"word\"></div>\r\n    </div>\r\n    <!-- 关闭word的按钮 -->\r\n    <div class=\"closeWord\" @click=\"closeWord\" v-show=\"wordShow\">\r\n      <img src=\"@/assets/images/close.png\" style=\"cursor: pointer\" />\r\n    </div>\r\n    <div class=\"close\">\r\n      <img @click=\"handleClose\" src=\"@/assets/images/close.png\" style=\"cursor: pointer\" />\r\n    </div>\r\n    <div class=\"route-title\"><span class=\"text\">故障详情</span></div>\r\n    <div class=\"route-main\">\r\n      <div class=\"mainLeft\">\r\n        <div class=\"route-item\">\r\n          <div class=\"item-title\">班组:</div>\r\n          <div>{{ routeItem.bz }}</div>\r\n        </div>\r\n        <div class=\"route-item\">\r\n          <div class=\"item-title\">故障状态:</div>\r\n          <div style=\"color: #b16f18\">{{ routeItem.gz_state_dsc }}</div>\r\n        </div>\r\n        <div class=\"route-item\">\r\n          <div class=\"item-title1\">故障发生时间:</div>\r\n          <div style=\"margin-left: 0px\">{{ routeItem.gz_time }}</div>\r\n        </div>\r\n        <div class=\"route-item\">\r\n          <div class=\"item-title1\">处理完成时间:</div>\r\n          <div style=\"margin-left: 0px\">{{ routeItem.gz_time_deal }}</div>\r\n        </div>\r\n        <div class=\"route-item\" style=\"width: 100%\">\r\n          <div class=\"item-title1\">影响时户数:</div>\r\n          <div style=\"color: #3ebaa7\">{{ routeItem.yxshs }}</div>\r\n        </div>\r\n        <div class=\"route-item\" style=\"width: 100%\">\r\n          <div class=\"item-title1\">故障处理与分析:</div>\r\n          <div @click=\"detailBtn(routeItem.file_url)\" class=\"detailBtn\"></div>\r\n        </div>\r\n      </div>\r\n      <div class=\"mainRight\">\r\n        <div class=\"route-item\">\r\n          <div class=\"item-title\">故障线路:</div>\r\n          <div style=\"color: #b16f18\">{{ routeItem.gzxl }}</div>\r\n        </div>\r\n\r\n        <div class=\"route-item\">\r\n          <div class=\"item-title\">故障类型:</div>\r\n          <div>{{ routeItem.gz_type_dsc }}</div>\r\n        </div>\r\n\r\n        <div class=\"route-item\" style=\"display: flex; align-items: flex-start\">\r\n          <div class=\"item-title\">故障描述:</div>\r\n          <div style=\"text-align: left\">{{ routeItem.dsc }}</div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport axios from \"axios\";\r\nlet docx = require(\"docx-preview\");\r\nwindow.JSZip = require(\"jszip\");\r\nexport default {\r\n  name: \"routeDetail\",\r\n  props: [\"routeItem\"],\r\n  data() {\r\n    return {\r\n      // titleList:['班组','故障路线','故障状态','故障类型','故障时间','故障描述','故障处理']\r\n      wordShow: false,\r\n    };\r\n  },\r\n  mounted() {\r\n    console.log(this.routeItem, \"sssssssssssss\");\r\n  },\r\n  methods: {\r\n    closeWord() {\r\n      // word文档的显隐\r\n      this.wordShow = false;\r\n    },\r\n    handleClose() {\r\n      this.$parent.routeShow = \"\";\r\n      this.$parent.routeItem = null;\r\n    },\r\n    detailBtn(url) {\r\n      // console.log(url, \"word下载链接\");\r\n      var url = \"/\" + url.split(\"/\")[3] + \"/\" + url.split(\"/\")[4];\r\n      var that = this;\r\n      axios({\r\n        url: \"/app\" + url,\r\n        responseType: \"blob\",\r\n      }).then(({ data }) => {\r\n        console.log(data, \"数据\");\r\n\r\n        that.$nextTick(() => {\r\n          // doc.renderAsync(data,that.$refs.word)\r\n          docx\r\n            .renderAsync(data, that.$refs.word, null, {\r\n              className: \"docx\", //默认和文档样式类的类名/前缀\r\n              inWrapper: true, //启用围绕文档内容呈现包装器\r\n              ignoreWidth: true, //禁用页面的渲染宽度\r\n              ignoreHeight: true, //禁用页面的渲染高度\r\n              ignoreFonts: false, //禁用字体渲染\r\n              breakPages: true, //在分页符上启用分页\r\n              ignoreLastRenderedPageBreak: true, //在lastRenderedPageBreak元素上禁用分页\r\n              experimental: false, //启用实验功能（制表符停止计算）\r\n              trimXMLDeclaration: true, //如果为true，则在解析之前将从xml文档中删除xml声明\r\n              useBase64URL: false, //如果为true，图像、字体等将转换为base 64 URL，否则使用URL.createObjectURL\r\n              useMathMLPolyfill: false, //包括用于铬、边等的MathML多填充。\r\n              showChanges: true, //启用文档更改的实验渲染（插入/删除）\r\n              debug: false, //启用额外的日志记录\r\n            })\r\n            .then((res) => {\r\n              that.wordShow = true;\r\n            });\r\n        });\r\n      });\r\n    },\r\n    created() {\r\n      // console.log(this.routeItem, \"故障详情\");\r\n      // console.log(this.routeItem, \"路线详细数据\");\r\n      // var arr = Object.keys(this.routeItem);\r\n      // console.log(arr);\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"less\">\r\n.route {\r\n  position: fixed;\r\n  top: 0;\r\n  margin: auto;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  background-image: url(\"../assets/images/baojingxinxiKuang.png\");\r\n  width: 1034px;\r\n  height: 608px;\r\n  background-size: 100% 100%;\r\n  padding: 20px 26px;\r\n  box-sizing: border-box;\r\n  .word {\r\n    position: fixed;\r\n    z-index: 999;\r\n    left: 0;\r\n    top: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    margin: auto;\r\n    width: 1511px;\r\n    height: 1071px;\r\n    background: url(\"../assets/images/ringMainUnitKuang.png\") no-repeat;\r\n    background-size: 100% 100%;\r\n    -webkit-animation: fadeInDown 0.3s;\r\n    animation: fadeInDown 0.3s;\r\n    padding: 15px 25px;\r\n    box-sizing: border-box;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    align-content: space-between;\r\n    .wordBox {\r\n      margin-top: 3.1%;\r\n      height: 94%;\r\n      width: 100%;\r\n      overflow: scroll;\r\n    }\r\n  }\r\n\r\n  .closeWord {\r\n    top: -33%;\r\n    right: -20%;\r\n    z-index: 1001;\r\n    position: absolute;\r\n  }\r\n  .wordBox::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n  .route-main {\r\n    height: 90%;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    margin-left: 30px;\r\n    overflow: auto;\r\n    .mainLeft{\r\n      width:50%;\r\n      height:100%;\r\n      display: flex;\r\n    flex-direction: column;\r\n    justify-content: flex-start;\r\n      .route-item {\r\n      width: 100%;\r\n      // height: 100%;\r\n      margin-top: 40px;\r\n      display: flex;\r\n      align-items: center;\r\n      .detailBtn {\r\n        width: 128px;\r\n        height: 37px;\r\n        background-image: url(\"../assets/images/detailBtn.png\");\r\n        background-size: 100% 100%;\r\n      }\r\n      .item-title {\r\n        letter-spacing: 2px;\r\n        // height: 65px;\r\n        width: 150px;\r\n        line-height: 30px;\r\n        background-size: 100% 100%;\r\n        font-size: 22px;\r\n        color: #fff;\r\n        // font-weight: 900;\r\n        // letter-spacing: ;\r\n        text-align: left;\r\n        white-space: nowrap;\r\n      }\r\n      .item-title1 {\r\n        width: 168px;\r\n        line-height: 30px;\r\n        background-size: 100% 100%;\r\n        font-size: 22px;\r\n        color: #fff;\r\n        // font-weight: 900;\r\n        // letter-spacing: ;\r\n        text-align: left;\r\n      }\r\n      & > div:nth-child(2) {\r\n        vertical-align: middle;\r\n        margin-left: 30px;\r\n        font-size: 23px;\r\n        color: #fff;\r\n        // margin-left: 20px;\r\n        letter-spacing: 3px;\r\n      }\r\n    }\r\n    }\r\n    .mainRight{\r\n      width:50%;\r\n      height:100%;\r\n      display: flex;\r\n    flex-direction: column;\r\n    justify-content: flex-start;\r\n      .route-item {\r\n      width: 100%;\r\n      // height: 100%;\r\n      margin-top: 40px;\r\n      display: flex;\r\n      align-items: center;\r\n      .detailBtn {\r\n        width: 128px;\r\n        height: 37px;\r\n        background-image: url(\"../assets/images/detailBtn.png\");\r\n        background-size: 100% 100%;\r\n      }\r\n      .item-title {\r\n        letter-spacing: 2px;\r\n        // height: 65px;\r\n        width: 150px;\r\n        line-height: 30px;\r\n        background-size: 100% 100%;\r\n        font-size: 22px;\r\n        color: #fff;\r\n        // font-weight: 900;\r\n        // letter-spacing: ;\r\n        text-align: left;\r\n        white-space: nowrap;\r\n      }\r\n      .item-title1 {\r\n        width: 168px;\r\n        line-height: 30px;\r\n        background-size: 100% 100%;\r\n        font-size: 22px;\r\n        color: #fff;\r\n        // font-weight: 900;\r\n        // letter-spacing: ;\r\n        text-align: left;\r\n      }\r\n      & > div:nth-child(2) {\r\n        vertical-align: middle;\r\n        margin-left: 30px;\r\n        font-size: 23px;\r\n        color: #fff;\r\n        // margin-left: 20px;\r\n        letter-spacing: 3px;\r\n      }\r\n    }\r\n    }\r\n    \r\n  }\r\n  .route-title {\r\n    font-size: 28px;\r\n    height: 10%;\r\n    width: 91%;\r\n    display: flex;\r\n    align-items: center;\r\n    margin-left: 50px;\r\n    // justify-content: center;\r\n    // display: flex;\r\n    align-content: flex-start;\r\n\r\n    .text {\r\n      //   font-weight: 900;\r\n      color: transparent;\r\n      -webkit-background-clip: text;\r\n      background-clip: text;\r\n      background-image: linear-gradient(to bottom, rgb(255, 255, 255), rgb(86, 244, 254));\r\n    }\r\n  }\r\n  .close {\r\n    position: absolute;\r\n    right: 5%;\r\n    top: 6%;\r\n  }\r\n}\r\n::-webkit-scrollbar {\r\n  display: none;\r\n}\r\n/deep/ .docx span {\r\n  // font-size: 25px !important;\r\n  color: #fff !important;\r\n}\r\n/deep/ .docx-wrapper {\r\n  background-color: transparent !important;\r\n  box-shadow: none !important;\r\n  // background-image: url(\"../assets/images/wordBg1.png\");\r\n  background-size: 100% 100%;\r\n}\r\n/deep/ .docx {\r\n  width: 100% !important;\r\n  background-color: transparent !important;\r\n  box-shadow: none !important;\r\n}\r\n/deep/ .docx table {\r\n  width: 100% !important;\r\n}\r\n// /deep/ .docx p {\r\n//   text-align: center !important;\r\n// }\r\n// /deep/ p.docx_a3 {\r\n//   border-bottom: none !important;\r\n// }\r\n/deep/ .docx p {\r\n  // text-align: unset !important;\r\n  line-height: unset !important;\r\n  background-color: transparent !important;\r\n  border: unset !important;\r\n  // text-indent: unset !important;\r\n}\r\n// /dee/ .docx img{\r\n//   margin: 0 auto !important;\r\n// }\r\n// /deep/ .docx_normalcharacter>div{\r\n//   margin: 0 auto !important;\r\n\r\n// }\r\n/deep/ p:before {\r\n  color: #fff;\r\n}\r\n</style>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/2483ecfa717e9401484abc526f7329e9.json b/node_modules/.cache/vue-loader/2483ecfa717e9401484abc526f7329e9.json
new file mode 100644
index 00000000..77681279
--- /dev/null
+++ b/node_modules/.cache/vue-loader/2483ecfa717e9401484abc526f7329e9.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\App.vue?vue&type=style&index=0&id=7ba5bd90&lang=css&","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\App.vue","mtime":1689642396895},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\css-loader\\index.js","mtime":1689642389821},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1689642396087},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\postcss-loader\\src\\index.js","mtime":1689642393431},{"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\n@import \"./assets/index.css\";\r\n\r\n#app {\r\n  font-family: \"Avenir\", Helvetica, Arial, sans-serif;\r\n  -webkit-font-smoothing: antialiased;\r\n  -moz-osx-font-smoothing: grayscale;\r\n  text-align: center;\r\n  color: #2c3e50;\r\n  background: url(\"./assets/index/bg.png\") no-repeat;\r\n  background-size: 100% 100%;\r\n}\r\n\r\n",{"version":3,"sources":["App.vue"],"names":[],"mappings":";AAqSA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"App.vue","sourceRoot":"src","sourcesContent":["<template>\r\n  <div id=\"app\">\r\n    <div class=\"top\">\r\n      <div class=\"left\">\r\n         <div class=\"time\">\r\n          <span>{{ this.$moment().format(\"YYYY-MM-DD\") }} {{ week }}</span>\r\n          <span style=\"font-size: 24px; margin-top: 3px\">{{\r\n            nowDate\r\n          }}</span>\r\n        </div>\r\n      </div>\r\n      <div class=\"middle\">\r\n        <div class=\"box\">\r\n\r\n        </div>\r\n        <!-- <div\r\n          class=\"router\"\r\n          :class=\"{ active: routerActive == index }\"\r\n          v-for=\"(item, index) in routerTitle\"\r\n          @click=\"handleChange(index)\"\r\n          :key=\"index\"\r\n          :text=\"item\"\r\n        >\r\n          {{ item }}\r\n        </div> -->\r\n      </div>\r\n      <div class=\"right\">\r\n        <div class=\"time\">\r\n          <span>{{ this.$moment().format(\"YYYY-MM-DD\") }} {{ week }}</span>\r\n          <span style=\"font-size: 24px; margin-top: 3px\">{{\r\n            nowDate\r\n          }}</span>\r\n        </div>\r\n        <div class=\"weather\" v-for=\"(item, index) in weatherArr\" :key=\"index\">\r\n          <div class=\"pic\">\r\n            <img :src=\"item.pic\" alt=\"\" style=\"height: 100%; width: 100%\" />\r\n          </div>\r\n          <div class=\"date\">\r\n            <span>{{ item.date }}</span>\r\n            <span style=\"font-size: 24px; margin-top: 3px\">{{\r\n              item.wendu\r\n            }}</span>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"content\">\r\n      <router-view />\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nimport MinxinItem from \"./mixins\";\r\nimport axios from \"axios\";\r\nimport { getWather, Weather, getToken } from \"./api/index.js\";\r\nexport default {\r\n  name: \"home\",\r\n  mixins: [MinxinItem],\r\n  data() {\r\n    return {\r\n      addDay: \"\",\r\n      subDay: \"\",\r\n      routerTitle: [\"实时监测\",  \"安全管控\", \"站房智辅\"],\r\n      routerActive: 0,\r\n      weatherArr: [\r\n        {\r\n          day: \"今天\",\r\n          temperature: \"\",\r\n          pic: require(\"./assets/images/sun.png\"),\r\n        },\r\n        {\r\n          day: \"昨天\",\r\n          temperature: \"\",\r\n          pic: require(\"./assets/images/union.png\"),\r\n        },\r\n        {\r\n          day: \"明天\",\r\n          temperature: \"\",\r\n          pic: require(\"./assets/images/windy.png\"),\r\n        },\r\n      ],\r\n      weekList: [\"周日\", \"周一\", \"周二\", \"周三\", \"周四\", \"周五\", \"周六\"],\r\n      week: \"\",\r\n      nowDate:'',\r\n    };\r\n  },\r\n  mounted() {\r\n    this.handleWather();\r\n    let week = new Date(this.$moment().format(\"YYYY-MM-DD\")).getDay();\r\n    this.week = this.weekList[week];\r\n    //  let params = new URLSearchParams()\r\n    let params = {\r\n      appKey: \"symnzwxdfu1ul8raqrykgbld7zonktga\",\r\n      appSecret: \"a3tdb6nxfciekxcgcl94ljvtmw2lsafx\",\r\n    };\r\n    //  params.append('appKey','symnzwxdfu1ul8raqrykgbld7zonktga')\r\n    //  params.append('appSecret','a3tdb6nxfciekxcgcl94ljvtmw2lsafx')\r\n    getToken(params).then((res) => {\r\n      localStorage.setItem(\"token\", res.data.data.token);\r\n      //  console.log(localStorage.getItem('token'),'token');\r\n    });\r\n    setInterval(()=>{\r\n      this. handleWather()\r\n    },480000)\r\n    setInterval(()=>{\r\n      this.nowDate =  this.$moment().format(\"HH:mm:ss\")\r\n    },100)\r\n  },\r\n\r\n  methods: {\r\n    getDateSub(n) {\r\n      let day = this.$moment(new Date())\r\n        .subtract(n, \"days\")\r\n        .format(\"YYYY-MM-DD\");\r\n      this.subDay = day;\r\n      return day;\r\n    },\r\n    getDateAdd(n) {\r\n      var dd = new Date();\r\n      dd.setDate(dd.getDate() + n); //获取n天后的日期\r\n      // var y = dd.getFullYear();\r\n      var m = dd.getMonth() + 1; //获取当前月份的日期\r\n      if (m < 10) {\r\n        m = \"0\" + m;\r\n      }\r\n      var d = dd.getDate();\r\n      if (d < 10) {\r\n        d = \"0\" + d;\r\n      }\r\n      let day = m + \"-\" + d;\r\n      // this.addDay = day;\r\n      return day;\r\n    },\r\n    getNewDate() {\r\n      var date = new Date();\r\n      var month = date.getMonth() + 1; //获取当前月份的日期\r\n      if (month < 10) {\r\n        month = \"0\" + month;\r\n      }\r\n      var a = date.getDate();\r\n      if (a < 10) {\r\n        a = \"0\" + a;\r\n      }\r\n      let day = month + \"-\" + a;\r\n      return day;\r\n    },\r\n    //天气\r\n    handleWather() {\r\n      // axios({url:\"http://www.jcznedu.com:5000/weather/prediction/?city=盐都&&limit=3\",methods:'GET'}).then(res=>{\r\n      // })\r\n\r\n      getWather().then((res) => {\r\n        // console.log(res, \"天气情况\");\r\n        for (let i = 0; i < res.data.data.length; i++) {\r\n          let item = res.data.data[i];\r\n          // console.log(item.date);\r\n          if (item.date == this.getNewDate()) {\r\n            item.date = \"今天\";\r\n            item.wendu = item.low + \"℃~\" + item.high + \"℃\";\r\n            item.pic = this.Onweather(item.weather, i);\r\n          } else if (item.date == this.getDateAdd(1)) {\r\n            item.date = \"明天\";\r\n            item.wendu = item.low + \"℃~\" + item.high + \"℃\";\r\n            item.pic = this.Onweather(item.weather, i);\r\n          } else if (item.date == this.getDateAdd(2)) {\r\n            item.date = \"后天\";\r\n            item.wendu = item.low + \"℃~\" + item.high + \"℃\";\r\n            item.pic = this.Onweather(item.weather, i);\r\n          }\r\n        }\r\n        // console.log(res.data.data);\r\n        // 天气\r\n        this.weatherArr = res.data.data;\r\n        // console.log(this.weatherArr);\r\n        // console.log(this.getNewDate(),'获取');\r\n      });\r\n      // Weather({\r\n      //   action: \"one\",\r\n      //   key: \"天气情况\",\r\n      // }).then((res) => {\r\n      //   // console.log(res, \"天气情况\");\r\n      //   let toDay = this.$moment().format(\"D\");\r\n      //   this.getDateSub(1);\r\n      //   this.getDateAdd(1),\r\n      //     res.data.data.forEach((item, index) => {\r\n      //       if (item.第N天 == this.$moment(this.subDay).format(\"D\")) {\r\n      //         this.weatherArr[1].date = \"昨天\";\r\n      //         this.weatherArr[1].temperature =\r\n      //           item.最低温度 + \"℃\" + \"~\" + item.最高温度 + \"℃\";\r\n      //         this.Onweather(item.天气, 1);\r\n      //       } else if (item.第N天 == this.$moment(this.addDay).format(\"D\")) {\r\n      //         this.weatherArr[2].date = \"明天\";\r\n      //         this.weatherArr[2].temperature =\r\n      //           item.最低温度 + \"℃\" + \"~\" + item.最高温度 + \"℃\";\r\n      //         this.Onweather(item.天气, 2);\r\n      //       } else if (item.第N天 == toDay) {\r\n      //         this.weatherArr[0].date = \"今天\";\r\n      //         this.weatherArr[0].temperature =\r\n      //           item.最低温度 + \"℃\" + \"~\" + item.最高温度 + \"℃\";\r\n      //         this.Onweather(item.天气, 0);\r\n      //       }\r\n      //     });\r\n      // });\r\n    },\r\n    //天气\r\n    Onweather(name, index) {\r\n      // console.log(name, \"名字\");\r\n      if(name.includes('阴')||name.includes('多云')){\r\n        if(name.includes('雨')){\r\n          return require(\"./assets/weather/rain.png\");\r\n        }else{\r\n          return require(\"./assets/weather/Cloudy .png\");\r\n        }\r\n      }\r\n      if(name.includes('小雨')){\r\n        \r\n          return require(\"./assets/weather/rain.png\");\r\n        \r\n      }\r\n      // console.log(index);\r\n      switch (name) {\r\n        \r\n        case '风转阴':\r\n          return require(\"./assets/weather/Cloudy .png\");\r\n        case \"多云\":\r\n          return require(\"./assets/weather/Cloudy .png\");\r\n        case \"阴\":\r\n          return require(\"./assets/weather/Cloudy .png\");\r\n        case \"阴转多云\":\r\n          return require(\"./assets/weather/Cloudy .png\");\r\n        case \"暴雨\":\r\n          return require(\"./assets/weather/rainstorm.png\");\r\n        case \"冰雹\":\r\n          return require(\"./assets/weather/hail.png\");\r\n        case \"大风\":\r\n          return require(\"./assets/weather/gale.png\");\r\n        case \"大雪\":\r\n          return require(\"./assets/weather/bigsnow.png\");\r\n        case \"大雨\":\r\n          return require(\"./assets/weather/bigrain.png\");\r\n        case \"雷电\":\r\n          return require(\"./assets/weather/thunder.png\");\r\n        case \"雷阵雨\":\r\n          return require(\"./assets/weather/shower.png\");\r\n        case \"沙尘暴\":\r\n          return require(\"./assets/weather/sand.png\");\r\n        case \"晴\":\r\n          return require(\"./assets/weather/sun.png\");\r\n        case \"雾霾\":\r\n          return require(\"./assets/weather/smog.png\");\r\n        case \"小雪\":\r\n          return require(\"./assets/weather/snow.png\");\r\n        case \"小雨\":\r\n          return require(\"./assets/weather/rain.png\");\r\n        case \"雪\":\r\n          return require(\"./assets/weather/rainlitter.png\");\r\n        case \"多云\":\r\n          return require(\"./assets/weather/night.png\");\r\n        case \"雨夹雪\":\r\n          return require(\"./assets/weather/rainsnow.png\");\r\n        case \"月亮\":\r\n          return require(\"./assets/weather/moon.png\");\r\n        case \"中雪\":\r\n          return require(\"./assets/weather/mieddlesnow.png\");\r\n        case \"中雨\":\r\n          return require(\"./assets/weather/middlerain.png\");\r\n        case \"阴转雨\":\r\n          return require(\"./assets/weather/rain.png\");\r\n        case \"阴转晴\":\r\n          return require(\"./assets/weather/Cloudy .png\");\r\n      }\r\n    },\r\n    handleChange(index) {\r\n      let that = this;\r\n      this.routerActive = index;\r\n      if (this.routerActive == 0) {\r\n        if (this.$route.name != \"index\") {\r\n          that.$router.push({ name: \"index\" });\r\n        }\r\n      } else if (this.routerActive == 2) {\r\n        that.$router.push({ name: \"stationBuilding\" });\r\n      }\r\n      //  else if (this.routerActive == 1) {\r\n      //   that.$router.push({ name: \"twentyKV\" });\r\n      // } \r\n      else if (this.routerActive == 1) {\r\n        that.$router.push({ name: \"thirtyFiveKV\" });\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style >\r\n@import \"./assets/index.css\";\r\n\r\n#app {\r\n  font-family: \"Avenir\", Helvetica, Arial, sans-serif;\r\n  -webkit-font-smoothing: antialiased;\r\n  -moz-osx-font-smoothing: grayscale;\r\n  text-align: center;\r\n  color: #2c3e50;\r\n  background: url(\"./assets/index/bg.png\") no-repeat;\r\n  background-size: 100% 100%;\r\n}\r\n\r\n</style>\r\n<style lang=\"less\" scoped>\r\n.top {\r\n  width: 100%;\r\n  height: 100px;\r\n  /* background: rgba(147, 230, 244,0.6); */\r\n  /* background-image: linear-gradient(90deg, rgba(147, 230, 244,0.6),rgba(147, 230, 244,0), rgba(147, 230, 244,0.6)); */\r\n//   background: url(\"./assets/images/topBg.png\") no-repeat;\r\n  background: url(\"./assets/indexN/title.png\") no-repeat;\r\n  background-size: 100% 100%;\r\n  display: flex;\r\n  flex-flow: row nowrap;\r\n  justify-content: space-between;\r\n  .left {\r\n    width: 815px;\r\n    height: 97px;\r\n    // background: url(\"./assets/index/title.png\") no-repeat;\r\n    // background-size: 100% 100%;\r\n    font-size: 44px;\r\n    font-weight: 700;\r\n    letter-spacing: 22px;\r\n    color: #ffffff;\r\n    // line-height: 97px;\r\n    padding-left: 86px;\r\n    text-align: left;\r\n    box-sizing: border-box;\r\n     .time {\r\n      height: 100%;\r\n      color: #ffffff;\r\n      font-size: 18px;\r\n      display: flex;\r\n      flex-flow: column nowrap;\r\n      justify-content: center;\r\n      text-align: left;\r\n    }\r\n    .weather {\r\n      display: flex;\r\n      flex-flow: row nowrap;\r\n      height: 100%;\r\n      align-items: center;\r\n      margin-left: 36px;\r\n      .pic {\r\n        width: 61px;\r\n        height: 61px;\r\n      }\r\n      .date {\r\n        height: 100%;\r\n        color: #ffffff;\r\n        font-size: 18px;\r\n        display: flex;\r\n        flex-flow: column nowrap;\r\n        justify-content: center;\r\n        margin-left: 19px;\r\n        text-align: left;\r\n      }\r\n    }\r\n    \r\n  }\r\n  .left:before {\r\n    content: attr(text);\r\n    position: absolute;\r\n    z-index: 10;\r\n    color: rgb(86, 254, 246);\r\n    -webkit-mask: linear-gradient(to top, rgb(86, 244, 254), transparent);\r\n  }\r\n  .middle {\r\n     width: 27%;\r\n    height: 80px;\r\n    display: -webkit-box;\r\n    display: -ms-flexbox;\r\n    /* display: flex; */\r\n    -webkit-box-orient: horizontal;\r\n    -webkit-box-direction: normal;\r\n    position: absolute;\r\n    left: 38%;\r\n    top: 3%;\r\n   .box{\r\n    width: 100%;\r\n    height: 100%;\r\n    background: url(\"./assets/indexN/titleText.png\") no-repeat;\r\n   }\r\n    .router {\r\n      width: 244px;\r\n      height: 100%;\r\n      line-height: 78px;\r\n      color: rgb(41, 114, 124);\r\n      font-size: 22px;\r\n      cursor: pointer;\r\n    }\r\n    .active {\r\n      color: #ffffff;\r\n      background: url(\"./assets/images/routerActive.png\") no-repeat;\r\n      background-size: 100% 100%;\r\n    }\r\n    .active:before {\r\n      content: attr(text);\r\n      position: absolute;\r\n      z-index: 10;\r\n      color: rgb(86, 254, 246);\r\n      -webkit-mask: linear-gradient(to top, rgb(86, 244, 254), transparent);\r\n    }\r\n  }\r\n  .right {\r\n    // width: 740px;\r\n    height: 78px;\r\n    display: flex;\r\n    flex-flow: row nowrap;\r\n    justify-content: space-between;\r\n    padding-right: 15px;\r\n    .time {\r\n      height: 100%;\r\n      color: #ffffff;\r\n      font-size: 18px;\r\n      display: flex;\r\n      flex-flow: column nowrap;\r\n      justify-content: center;\r\n      text-align: left;\r\n    }\r\n    .weather {\r\n      display: flex;\r\n      flex-flow: row nowrap;\r\n      height: 100%;\r\n      align-items: center;\r\n      margin-left: 36px;\r\n      .pic {\r\n        width: 61px;\r\n        height: 61px;\r\n      }\r\n      .date {\r\n        height: 100%;\r\n        color: #ffffff;\r\n        font-size: 18px;\r\n        display: flex;\r\n        flex-flow: column nowrap;\r\n        justify-content: center;\r\n        margin-left: 19px;\r\n        text-align: left;\r\n      }\r\n    }\r\n  }\r\n}\r\n.content {\r\n  width: 100%;\r\n  height: calc(100% - 100px);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-around;\r\n}\r\n</style>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/276666fed161cace7692a9ac37c65ffb.json b/node_modules/.cache/vue-loader/276666fed161cace7692a9ac37c65ffb.json
new file mode 100644
index 00000000..70106143
--- /dev/null
+++ b/node_modules/.cache/vue-loader/276666fed161cace7692a9ac37c65ffb.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\component\\workOrder.vue","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\component\\workOrder.vue","mtime":1689642397092},{"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":["import { render, staticRenderFns } from \"./workOrder.vue?vue&type=template&id=52a0f862&scoped=true&\"\nimport script from \"./workOrder.vue?vue&type=script&lang=js&\"\nexport * from \"./workOrder.vue?vue&type=script&lang=js&\"\nimport style0 from \"./workOrder.vue?vue&type=style&index=0&id=52a0f862&scoped=true&lang=less&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"52a0f862\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"E:\\\\2023\\\\yancheng0718\\\\yanchengPowerSupply\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('52a0f862')) {\n      api.createRecord('52a0f862', component.options)\n    } else {\n      api.reload('52a0f862', component.options)\n    }\n    module.hot.accept(\"./workOrder.vue?vue&type=template&id=52a0f862&scoped=true&\", function () {\n      api.rerender('52a0f862', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/component/workOrder.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/28c04f0bb33ef6079d0fa4d7f9010267.json b/node_modules/.cache/vue-loader/28c04f0bb33ef6079d0fa4d7f9010267.json
new file mode 100644
index 00000000..3849ecc5
--- /dev/null
+++ b/node_modules/.cache/vue-loader/28c04f0bb33ef6079d0fa4d7f9010267.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-pdf\\src\\vuePdfNoSss.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-pdf\\src\\vuePdfNoSss.vue","mtime":1689642396276},{"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":["\n\n\timport componentFactory from './componentFactory.js'\n\n\tif ( process.env.VUE_ENV !== 'server' ) {\n\n\t\tvar pdfjsWrapper = require('./pdfjsWrapper.js').default;\n\t\tvar PDFJS = require('pdfjs-dist/es5/build/pdf.js');\n\n\t\tif ( typeof window !== 'undefined' && 'Worker' in window && navigator.appVersion.indexOf('MSIE 10') === -1 ) {\n\n\t\t\tvar PdfjsWorker = require('worker-loader!pdfjs-dist/es5/build/pdf.worker.js');\n\t\t\tPDFJS.GlobalWorkerOptions.workerPort = new PdfjsWorker();\n\t\t}\n\n\t\tvar component = componentFactory(pdfjsWrapper(PDFJS));\n\t} else {\n\n\t\tvar component = componentFactory({});\n\t}\n\n\texport default component;\n",{"version":3,"sources":["vuePdfNoSss.vue"],"names":[],"mappings":";;AAGA;;AAEA;;AAEA;AACA;;AAEA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA","file":"vuePdfNoSss.vue","sourceRoot":"node_modules/vue-pdf/src","sourcesContent":["<style src=\"./annotationLayer.css\"></style>\n<script>\n\n\timport componentFactory from './componentFactory.js'\n\n\tif ( process.env.VUE_ENV !== 'server' ) {\n\n\t\tvar pdfjsWrapper = require('./pdfjsWrapper.js').default;\n\t\tvar PDFJS = require('pdfjs-dist/es5/build/pdf.js');\n\n\t\tif ( typeof window !== 'undefined' && 'Worker' in window && navigator.appVersion.indexOf('MSIE 10') === -1 ) {\n\n\t\t\tvar PdfjsWorker = require('worker-loader!pdfjs-dist/es5/build/pdf.worker.js');\n\t\t\tPDFJS.GlobalWorkerOptions.workerPort = new PdfjsWorker();\n\t\t}\n\n\t\tvar component = componentFactory(pdfjsWrapper(PDFJS));\n\t} else {\n\n\t\tvar component = componentFactory({});\n\t}\n\n\texport default component;\n</script>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/2930cbea44aa81c0b2b9d0d43cdf0f2e.json b/node_modules/.cache/vue-loader/2930cbea44aa81c0b2b9d0d43cdf0f2e.json
new file mode 100644
index 00000000..bb84426a
--- /dev/null
+++ b/node_modules/.cache/vue-loader/2930cbea44aa81c0b2b9d0d43cdf0f2e.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\twentyKV.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\twentyKV.vue","mtime":1689642397097},{"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\nexport default {\r\n   name:\"twentyKV\",\r\n   data() {\r\n  \t  return {\r\n\r\n\t}\r\n}\r\n}\r\n",{"version":3,"sources":["twentyKV.vue"],"names":[],"mappings":";AAOA;AACA;AACA;AACA;;AAEA;AACA;AACA","file":"twentyKV.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n  <div class=\"twentyKV\">\r\n      twentyKV\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n   name:\"twentyKV\",\r\n   data() {\r\n  \t  return {\r\n\r\n\t}\r\n}\r\n}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.twentyKV{\r\n  width: 100%;\r\n  height: 100%;\r\n  padding: 15px 25px;\r\n}\r\n\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/2b61e35f763adab7bc2ba8267188fb4a.json b/node_modules/.cache/vue-loader/2b61e35f763adab7bc2ba8267188fb4a.json
new file mode 100644
index 00000000..220e945b
--- /dev/null
+++ b/node_modules/.cache/vue-loader/2b61e35f763adab7bc2ba8267188fb4a.json
@@ -0,0 +1 @@
+{"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":1689657980988},{"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// 工单统计弹窗组件\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      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.detailedTwo11()\r\n    this.horizontalChart()\r\n    this.barCharts()\r\n    this.roseCharts()\r\n     this.detailen1();\r\n    // 盐都区供电公司概况\r\n    getCompanyInfo().then((res) => {\r\n      // console.log(res,'....');\r\n      this.CompanyInfo = res.data.data;\r\n    });\r\n\r\n    // 查询总线路\r\n    getLine({ action: \"all\" }).then((res) => {\r\n      if (res.data != \"\") {\r\n        this.options = Object.keys(res.data.data).map((item, index) => {\r\n          return {\r\n            value: res.data.data[index].line_code,\r\n            label: res.data.data[index].line_name,\r\n          };\r\n        });\r\n      }\r\n    });\r\n    //周查询班组\r\n    this.getbanzhu();\r\n    this.timer = window.setInterval(() => {\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    }, 60000);\r\n    //工单统计action:'tongji'\r\n    this.getGongdan();\r\n    this.timer = window.setInterval(() => {\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    }, 60000);\r\n\r\n    //年度查询班组\r\n    getBanzugz({\r\n      action: \"year\",\r\n    }).then((res) => {\r\n      console.log(res, \"年数据\");\r\n      this.dataGzList = res.data.data;\r\n      // console.log(this.dataGzList,'年度查询班组数据');\r\n      for (let i = 0; i < this.dataGzList.length; i++) {\r\n        for (let j = 0; j < res.data.data.length; j++) {\r\n          if (this.dataGzList[i].bz == res.data.data[j].bz) {\r\n            this.dataGzList[i].chbc = res.data.data[j].chbc;\r\n            this.dataGzList[i].chcg = res.data.data[j].chcg;\r\n            this.dataGzList[i].jd = res.data.data[j].jd;\r\n            this.dataGzList[i].total = res.data.data[j].total;\r\n            this.dataGzList[i].wchz = res.data.data[j].wchz;\r\n          }\r\n        }\r\n      }\r\n      this.detailedFour(this.dataGzList);\r\n    });\r\n    //本周故障\r\n    getDwbzgz().then((res) => {\r\n      let dataBzgz = [];\r\n      dataBzgz = res.data.data;\r\n      this.detailedOne(dataBzgz);\r\n    });\r\n    //供电质量统计\r\n    getGdsgdzl().then((res) => {\r\n      let dataGdzl = [];\r\n      dataGdzl = res.data.data;\r\n      //   this.detailedTwo(dataGdzl);\r\n    });\r\n    // //配变停运\r\n    // getPbtyqk({\r\n    //   action:\"week\"\r\n    // }).then((res)=>{\r\n    //   let dataPbty = [];\r\n    //   dataPbty = res.data.data\r\n    //   console.log(dataPbty,'dataPbty');\r\n    //   this.detailedFive(dataPbty);\r\n    //   let dataPb = [];\r\n    //   let dataCf = [];\r\n    //   let dataCfl = [];\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    //     dataCfl.push(dataPbty[i].pbcftyl)\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    this.handleDate(0);\r\n    let that = this;\r\n    window.addEventListener(\"message\", function (e) {\r\n      var res = e.data;\r\n      if (res.val != null) {\r\n        that.modelOthers = true;\r\n        that.componentShow = \"ringMainUnit\";\r\n        that.device = res.val;\r\n      }\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    getfaultReportList(faultData).then((res) => {\r\n      // this.alarmInformationData = res.data.data.data;\r\n    });\r\n    window.setInterval(() => {\r\n      let endDate = this.$moment(new Date()).format(\"YYYY-MM-DD HH:mm:ss\");\r\n      let startDate = this.$moment(new Date())\r\n        .subtract(1, \"h\")\r\n        .format(\"YYYY-MM-DD HH:mm:ss\");\r\n      let cabData = {\r\n        token: localStorage.getItem(\"token\"),\r\n        pageSize: 50,\r\n        page: 1,\r\n        sn: \"\",\r\n        startDate: startDate,\r\n        endDate: endDate,\r\n        confirm: \"\",\r\n      };\r\n      getCabinetAlarmList(cabData).then((res) => {\r\n        let event_desc = ''\r\n        if (res.data.data.data != null) {\r\n          res.data.data.data.forEach((item, index) => {\r\n            if (item.event_desc.indexOf(\"开关\") != -1) {\r\n              event_desc = item.event_desc.replace('开关', '间隔')\r\n            } else {\r\n              event_desc = item.event_desc\r\n            }\r\n          });\r\n          this.emergencyList = res.data.data.data.filter(item => {\r\n            return item.event_desc.indexOf(\"通讯状态\") == -1\r\n          });\r\n          this.emergencyList.forEach((item, index) => {\r\n            item.event_desc = event_desc\r\n          });\r\n          this.totals = this.emergencyList.length;\r\n          let dataList = this.emergencyList;\r\n          if (dataList.length != 0) {\r\n            this.rowTime = dataList[0].created_at;\r\n          } else {\r\n            return false;\r\n          }\r\n        }\r\n      });\r\n    }, 10000);\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    routerTo(data) {\r\n      if (data == '盐城地区分布光伏运行监测') {\r\n        this.$router.push(\"/stationBuilding\");\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          },\r\n        ],\r\n        series: [\r\n          {\r\n            name: \"关联电网事故\",\r\n            type: \"bar\",\r\n            itemStyle: {\r\n              color: \"#00ffff\", // 柱状图颜色\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: \"yellow\", // 柱状图颜色\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    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    // beginShowing() {\r\n    //   this.$nextTick(function () {\r\n    //     // 文档显示区域的高度 - 表格距离浏览器顶部的距离 - 表格距离浏览器底部的距离\r\n    //     if (this.$refs.tableBox && this.$refs.tableBox.$el.offsetTop) {\r\n    //       this.tableHeight =\r\n    //         window.innerHeight - this.$refs.tableBox.$el.offsetTop - 300;\r\n    //       this.$refs.tableBox.doLayout();\r\n    //       this.roll();\r\n    //     }\r\n    //   });\r\n    // },\r\n    // roll() {\r\n    //   // 拿到表格挂载后的真实DOM\r\n    //   const table = this.$refs.tableBox;\r\n    //   // 拿到表格中承载数据的div元素\r\n    //   const bodyWrapper = table.bodyWrapper;\r\n    //   // 拿到元素后，对元素进行定时增加距离顶部距离，实现滚动效果(这里配置为每100毫秒移动1像素)\r\n    //   this.myTimer = setInterval(() => {\r\n    //     // 元素自增距离顶部1像素\r\n    //     bodyWrapper.scrollTop++;\r\n    //     // 判断元素是否滚动到底部(可视高度+距离顶部=元素内容的整个高度包括溢出的不可见内容)\r\n    //     if (\r\n    //       bodyWrapper.clientHeight + bodyWrapper.scrollTop ===\r\n    //       bodyWrapper.scrollHeight\r\n    //     ) {\r\n    //       // 重置table距离顶部距离\r\n    //       bodyWrapper.scrollTop = 0;\r\n    //     }\r\n    //   }, 100);\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(dataBzgz) {\r\n      let dataList = [];\r\n      let newArr = [20, 20, 20, 20, 20, 20, 20, 20, 20, 20];\r\n      let dataDw = [];\r\n      for (let i = 0; i < dataBzgz.length; i++) {\r\n        dataList.push(dataBzgz[i].gzcs);\r\n        dataDw.push(dataBzgz[i].dw);\r\n      }\r\n\r\n      let myChart = this.$echarts.init(document.getElementById(\"detailedOne\"));\r\n      var option = {\r\n        tooltip: {\r\n          show: true,\r\n          trigger: \"axis\",\r\n          axisPointer: {\r\n            type: \"shadow\",\r\n          },\r\n        },\r\n        grid: {\r\n          top: \"18%\",\r\n          left: \"5%\",\r\n          right: \"3%\",\r\n          bottom: \"5%\",\r\n          containLabel: true,\r\n        },\r\n\r\n        xAxis: [\r\n          {\r\n            type: \"category\",\r\n            data: dataDw,\r\n            axisTick: {\r\n              show: false,\r\n              alignWithLabel: true,\r\n            },\r\n            axisLabel: {\r\n              color: \"#ffffff\",\r\n              interval: 0,\r\n              fontSize: 16,\r\n            },\r\n            axisLine: {\r\n              show: false, //隐藏X轴轴线\r\n              lineStyle: {\r\n                color: \"#01FCE3\",\r\n              },\r\n            },\r\n          },\r\n        ],\r\n        yAxis: [\r\n          {\r\n            name: \"单位：次\",\r\n            type: \"value\",\r\n            data: [0, 2, 4, 6, 8, 10],\r\n            nameTextStyle: {\r\n              color: \"#ffffff\",\r\n              // padding:[25,0,0,0]\r\n              fontSize: 16,\r\n            },\r\n            axisLabel: {\r\n              color: \"#ffffff\",\r\n            },\r\n            splitLine: {\r\n              show: true,\r\n              lineStyle: {\r\n                type: \"solid\",\r\n                // color: 'rgba(66, 192, 255, .3)',\r\n                color: \"rgba(102,102,102,0.6)\",\r\n                width: 1,\r\n                // color: 'red'\r\n                fontSize: 16,\r\n              },\r\n            },\r\n            splitArea: {\r\n              show: false,\r\n            },\r\n          },\r\n        ],\r\n        series: [\r\n          // {\r\n          //   type: \"bar\",\r\n          //   barWidth: 22,\r\n          //   itemStyle: {\r\n          //     normal: {\r\n          //       label: {\r\n          //         fontSize: 14,\r\n          //         formatter(params) {\r\n          //           for (let i = 0; i < dataList.length; i++) {\r\n          //             if (params.dataIndex == i) {\r\n          //               return dataDw[i] + \"\\n\" + \"\\n\" + dataList[i];\r\n          //             }\r\n          //           }\r\n          //         },\r\n          //         show: true,\r\n          //         position: \"top\",\r\n          //         color: \"#ffffff\",\r\n          //       },\r\n          //       color: \"none\",\r\n          //     },\r\n          //   },\r\n          //   silent: true,\r\n          //   // barGap: \"-100%\",\r\n          //   data: newArr,\r\n          // },\r\n          {\r\n            name: \"\",\r\n            type: \"bar\",\r\n            barWidth: 30,\r\n            itemStyle: {\r\n              color: (params) => {\r\n                // console.log(params, '数据');\r\n                let colorList = [\r\n                  new this.$echarts.graphic.LinearGradient(0, 1, 0, 0, [\r\n                    { offset: 0, color: \"rgba(23,74,100,0.6)\" },\r\n                    { offset: 1, color: \"rgb(86,254,226)\" },\r\n                  ]),\r\n                  new this.$echarts.graphic.LinearGradient(0, 1, 0, 0, [\r\n                    {\r\n                      offset: 0,\r\n                      color: \"rgba(237,125,49,.2)\",\r\n                    },\r\n                    {\r\n                      offset: 1,\r\n                      color: \"rgba(237,125,49,1)\",\r\n                    },\r\n                  ]),\r\n                ];\r\n                if (params.name == \"盐都\") {\r\n                  return colorList[1];\r\n                } else {\r\n                  return colorList[0];\r\n                }\r\n              },\r\n              fontSize: 16,\r\n            },\r\n            data: dataList,\r\n            label: {\r\n              show: true,\r\n              position: \"top\",\r\n              fontStyle: \"normal\",\r\n              fontWeight: \"normal\",\r\n              color: \"#ffffff\",\r\n            },\r\n            //  z: -1,\r\n            // //不同系列的柱间距离，为百分比,如果想要两个系列的柱子重叠，可以设置 barGap 为 '-100%'。\r\n            // barGap: '-100%',\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(dataGdzl) {\r\n      let gdsList = [];\r\n      let xlcczList = [];\r\n      let pbcczList = [];\r\n      let ddyList = [];\r\n      for (let i = 0; i < dataGdzl.length; i++) {\r\n        gdsList.push(dataGdzl[i].gds);\r\n        xlcczList.push(dataGdzl[i].xlccz);\r\n        pbcczList.push(dataGdzl[i].pbccz);\r\n        ddyList.push(dataGdzl[i].ddy);\r\n      }\r\n      let that = this;\r\n      var myChart = this.$echarts.init(document.getElementById(\"detailedTwo1\"));\r\n      var option = {\r\n        //  animation: true,\r\n        // animationDuration: 20000,\r\n        tooltip: {\r\n          trigger: \"axis\",\r\n          axisPointer: {\r\n            type: \"cross\",\r\n            label: {\r\n              backgroundColor: \"#6a7985\",\r\n            },\r\n          },\r\n        },\r\n        grid: {\r\n          left: \"4%\",\r\n          right: \"4%\",\r\n          bottom: \"5%\",\r\n          top: \"15%\",\r\n          containLabel: true,\r\n        },\r\n        legend: {\r\n          top: 10,\r\n          icon: \"rect\",\r\n          right: 25,\r\n          data: [\"线路重超载\", \"配变重超载\", \"低电压\"],\r\n          textStyle: {\r\n            color: \"#fff\",\r\n            fontSize: 16,\r\n          },\r\n        },\r\n        xAxis: {\r\n          type: \"category\",\r\n          data: gdsList,\r\n          axisLine: {\r\n            //  改变x轴颜色\r\n            lineStyle: {\r\n              color: \"none\",\r\n            },\r\n          },\r\n          axisLabel: {\r\n            //  改变x轴字体颜色和大小\r\n            interval: 0,\r\n            textStyle: {\r\n              color: \"#ffffff\",\r\n              fontSize: 16,\r\n            },\r\n          },\r\n          splitLine: {\r\n            show: false,\r\n            lineStyle: {\r\n              color: [\"#315070\"],\r\n              width: 1,\r\n              type: \"solid\",\r\n            },\r\n          },\r\n        },\r\n        yAxis: {\r\n          type: \"value\",\r\n          axisLine: {\r\n            //  改变y轴颜色\r\n            show: false,\r\n            lineStyle: {\r\n              color: \"none\",\r\n            },\r\n          },\r\n          axisLabel: {\r\n            //  改变y轴字体颜色和大小\r\n            //formatter: '{value} m³ ', //  给y轴添加单位\r\n            textStyle: {\r\n              color: \"#ffffff\",\r\n              fontSize: 16,\r\n            },\r\n          },\r\n          axisTick: {\r\n            show: false,\r\n          },\r\n          splitLine: {\r\n            show: true,\r\n            lineStyle: {\r\n              color: [\"#315070\"],\r\n              width: 1,\r\n              type: \"solid\",\r\n            },\r\n          },\r\n        },\r\n        series: [\r\n          {\r\n            type: \"line\",\r\n            smooth: true,\r\n            symbol: \"circle\",\r\n            symbolSize: 7,\r\n            markPoint: {\r\n              symbol: \"circle\",\r\n            },\r\n            name: \"线路重超载\",\r\n            data: xlcczList,\r\n            itemStyle: {\r\n              normal: {\r\n                color: \"#3D7EEB\",\r\n                borderColor: \"#3D7EEB\",\r\n                borderWidth: 2,\r\n              },\r\n            },\r\n            lineStyle: {\r\n              normal: {\r\n                width: 2,\r\n                color: \"#327BFA\",\r\n                shadowColor: \"#327BFA\",\r\n                shadowBlur: 10,\r\n              },\r\n            },\r\n            areaStyle: {\r\n              color: {\r\n                type: \"linear\",\r\n                x: 0,\r\n                y: 0,\r\n                x2: 0,\r\n                y2: 1,\r\n                colorStops: [\r\n                  {\r\n                    offset: 0.5,\r\n                    color: \"rgba(61,126,235,0.5)\", // 0% 处的颜色\r\n                  },\r\n                  {\r\n                    offset: 1,\r\n                    color: \"rgba(61,126,235,0)\", // 100% 处的颜色\r\n                  },\r\n                ],\r\n                global: false, // 缺省为 false\r\n              },\r\n            },\r\n          },\r\n          {\r\n            type: \"line\",\r\n            smooth: true,\r\n            symbol: \"circle\",\r\n            symbolSize: 7,\r\n            markPoint: {\r\n              symbol: \"circle\",\r\n            },\r\n            data: pbcczList,\r\n            name: \"配变重超载\",\r\n            itemStyle: {\r\n              normal: {\r\n                color: \"#17D8A1\",\r\n                borderColor: \"#17D8A1\",\r\n                borderWidth: 2,\r\n              },\r\n            },\r\n            lineStyle: {\r\n              normal: {\r\n                width: 2,\r\n                color: \"#17D8A1\",\r\n                shadowColor: \"#17D8A1\",\r\n                shadowBlur: 10,\r\n              },\r\n            },\r\n            areaStyle: {\r\n              color: {\r\n                type: \"linear\",\r\n                x: 0,\r\n                y: 0,\r\n                x2: 0,\r\n                y2: 1,\r\n                colorStops: [\r\n                  {\r\n                    offset: 0.5,\r\n                    color: \"rgba(23,216,161,0.5)\", // 0% 处的颜色\r\n                  },\r\n                  {\r\n                    offset: 1,\r\n                    color: \"rgba(23,216,161,0)\", // 100% 处的颜色\r\n                  },\r\n                ],\r\n                global: false, // 缺省为 false\r\n              },\r\n            },\r\n          },\r\n          {\r\n            type: \"line\",\r\n            smooth: true,\r\n            symbol: \"circle\",\r\n            symbolSize: 7,\r\n            markPoint: {\r\n              symbol: \"circle\",\r\n            },\r\n            data: ddyList,\r\n            name: \"低电压\",\r\n            itemStyle: {\r\n              normal: {\r\n                color: \"#F4C907\",\r\n                borderColor: \"#F4C907\",\r\n                borderWidth: 2,\r\n              },\r\n            },\r\n            lineStyle: {\r\n              normal: {\r\n                width: 2,\r\n                color: \"#F4C907\",\r\n                shadowColor: \"#F4C907\",\r\n                shadowBlur: 10,\r\n              },\r\n            },\r\n            areaStyle: {\r\n              color: {\r\n                type: \"linear\",\r\n                x: 0,\r\n                y: 0,\r\n                x2: 0,\r\n                y2: 1,\r\n                colorStops: [\r\n                  {\r\n                    offset: 0.5,\r\n                    color: \"rgba(106,117,79,1)\", // 0% 处的颜色\r\n                  },\r\n                  {\r\n                    offset: 1,\r\n                    color: \"rgba(106,117,79,0)\", // 100% 处的颜色\r\n                  },\r\n                ],\r\n                global: false, // 缺省为 false\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\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: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']\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            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            splitLine: {\r\n              show: true,\r\n              lineStyle: {\r\n                color: '#11366e',\r\n                type: \"dashed\",\r\n              }\r\n            }\r\n          },\r\n          // {\r\n          // \ttype : 'value',\r\n          // \tname : '浏览量',\r\n          // \tmin:0,\r\n          // \tmax:1000,\r\n          // \taxisLabel : {\r\n          // \t\tformatter: '{value} 人',\r\n          // \t\ttextStyle:{\r\n          // \t\t\tcolor:'#186afe'\r\n          // \t\t}\r\n          // \t},\r\n          // \taxisLine:{\r\n          // \t\tlineStyle:{\r\n          // \t\t\tcolor:'#186afe'\r\n          // \t\t}\r\n          // \t},\r\n          // \taxisTick:{\r\n          //     \tshow:false,\r\n          //     },\r\n          // \tsplitLine:{\r\n          // \t\tshow:true,\r\n          // \t\tlineStyle:{\r\n          // \t\t\tcolor:'#11366e'\r\n          // \t\t}\r\n          // \t}\r\n          // }\r\n        ],\r\n        series: [\r\n          // {\r\n          // \tname:'已采纳',\r\n          // \ttype:'line',\r\n          // \tstack: '总量',\r\n          // \tsymbol:'circle',\r\n          // \tsymbolSize: 8,\r\n          //     itemStyle: {\r\n          //         normal: {\r\n          // \t\t\tcolor:'#0092f6',\r\n          //             lineStyle: {\r\n          // \t\t\t\tcolor: \"#0092f6\",\r\n          // \t\t\t\twidth:1\r\n          //             },\r\n          //             areaStyle: { \r\n          // \t\t\t\tcolor: '#94C9EC'\r\n          // \t\t\t\t// color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{\r\n          // \t\t\t\t// \toffset: 0,\r\n          // \t\t\t\t// \tcolor: 'rgba(7,44,90,0.3)'\r\n          // \t\t\t\t// }, {\r\n          // \t\t\t\t// \toffset: 1,\r\n          // \t\t\t\t// \tcolor: 'rgba(0,146,246,0.9)'\r\n          // \t\t\t\t// }]),\r\n          //             }\r\n          //         }\r\n          // \t},\r\n          // \tmarkPoint:{\r\n          // \t\titemStyle:{\r\n          // \t\t\tnormal:{\r\n          // \t\t\t\tcolor:'red'\r\n          // \t\t\t}\r\n          // \t\t}\r\n          // \t},\r\n          // \tdata:[120, 132, 101, 134, 90, 230, 210, 182, 191, 234, 290, 330]\r\n          // },\r\n          {\r\n            name: '已发布',\r\n            type: 'line',\r\n            stack: '总量',\r\n            symbol: 'circle',\r\n            symbolSize: 8,\r\n\r\n            itemStyle: {\r\n              normal: {\r\n                color: '#00d4c7',\r\n                lineStyle: {\r\n                  color: \"#00d4c7\",\r\n                  width: 1\r\n                },\r\n                // areaStyle: { \r\n                // \tcolor: '#94C9EC'\r\n                // \t// color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{\r\n                // \t// \toffset: 0,\r\n                // \t// \tcolor: 'rgba(7,44,90,0.3)'\r\n                // \t// }, {\r\n                // \t// \toffset: 1,\r\n                // \t// \tcolor: 'rgba(0,212,199,0.9)'\r\n                // \t// }]),\r\n                // }\r\n              }\r\n            },\r\n            data: [220, 182, 191, 234, 290, 330, 310, 201, 154, 190, 330, 410]\r\n          },\r\n          // {\r\n          // \tname:'浏览量',\r\n          // \ttype:'line',\r\n          // \tstack: '总量',\r\n          // \tsymbol:'circle',\r\n          // \tsymbolSize: 8,\r\n          //     itemStyle: {\r\n          //         normal: {\r\n          //             color: '#aecb56',\r\n          //             lineStyle: {\r\n          // \t\t\t\tcolor: \"#aecb56\",\r\n          // \t\t\t\twidth:1\r\n          //             },\r\n          //             areaStyle: { \r\n          // \t\t\t\tcolor: '#94C9EC'\r\n          // \t\t\t\t// color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{\r\n          // \t\t\t\t// \toffset: 0,\r\n          // \t\t\t\t// \tcolor: 'rgba(7,44,90,0.3)'\r\n          // \t\t\t\t// }, {\r\n          // \t\t\t\t// \toffset: 1,\r\n          // \t\t\t\t// \tcolor: 'rgba(114,144,89,0.9)'\r\n          // \t\t\t\t// }]),\r\n          //             }\r\n          //         }\r\n          // \t},\r\n          // \tdata:[150, 232, 201, 154, 190, 330, 410,150, 232, 201, 154, 190]\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(document.getElementById(\"horizontalChart\"));\r\n      const CubeLeft = this.$echarts.graphic.extendShape({\r\n        shape: {\r\n          x: 0,\r\n          y: 0\r\n        },\r\n        buildPath: function (ctx, shape) {\r\n          console.log(ctx, shape);\r\n          const yAxisPoint = shape.yAxisPoint\r\n          const c0 = [shape.x, shape.y]\r\n          const c1 = [shape.x + 9, shape.y - 9]\r\n          const c2 = [yAxisPoint[0] + 9, yAxisPoint[1] - 9]\r\n          const c3 = [yAxisPoint[0], yAxisPoint[1]]\r\n          ctx.moveTo(c0[0], c0[1]).lineTo(c1[0], c1[1]).lineTo(c2[0], c2[1]).lineTo(c3[0], c3[1]).closePath()\r\n        }\r\n      })\r\n      const CubeRight = this.$echarts.graphic.extendShape({\r\n        shape: {\r\n          x: 0,\r\n          y: 0\r\n        },\r\n        buildPath: function (ctx, shape) {\r\n          const yAxisPoint = shape.yAxisPoint\r\n          const c1 = [shape.x, shape.y]\r\n          const c2 = [yAxisPoint[0], yAxisPoint[1]]\r\n          const c3 = [yAxisPoint[0] + 9, yAxisPoint[1] + 18]\r\n          const c4 = [shape.x + 9, shape.y + 18]\r\n          ctx.moveTo(c1[0], c1[1]).lineTo(c2[0], c2[1]).lineTo(c3[0], c3[1]).lineTo(c4[0], c4[1]).closePath()\r\n        }\r\n      })\r\n      const CubeTop = this.$echarts.graphic.extendShape({\r\n        shape: {\r\n          x: 0,\r\n          y: 0\r\n        },\r\n        buildPath: function (ctx, shape) {\r\n          const c1 = [shape.x, shape.y]\r\n          const c2 = [shape.x + 9, shape.y + 18]\r\n          const c3 = [shape.x + 18, shape.y + 9]\r\n          const c4 = [shape.x + 9, shape.y - 9]\r\n          ctx.moveTo(c1[0], c1[1]).lineTo(c2[0], c2[1]).lineTo(c3[0], c3[1]).lineTo(c4[0], c4[1]).closePath()\r\n        }\r\n      })\r\n      this.$echarts.graphic.registerShape('CubeLeft', CubeLeft)\r\n      this.$echarts.graphic.registerShape('CubeRight', CubeRight)\r\n      this.$echarts.graphic.registerShape('CubeTop', CubeTop)\r\n      const MAX = [6000, 6000, 6000, 6000, 6000]\r\n      const VALUE = [2012, 1230, 3790, 2349, 1654]\r\n      const NAMES = ['德州', '德城区', '陵城区', '禹城市', '乐陵市'];\r\n      var option = {\r\n        title: {\r\n          text: '',\r\n          top: 32,\r\n          left: 18,\r\n          textStyle: {\r\n            color: '#00F6FF',\r\n            fontSize: 24\r\n          }\r\n        },\r\n        grid: {\r\n          left: 20,\r\n          right: 40,\r\n          bottom: '19%',\r\n          top: 107,\r\n          containLabel: true\r\n        },\r\n        yAxis: {\r\n          type: 'category',\r\n          data: NAMES,\r\n          axisLine: {\r\n            show: false,\r\n            lineStyle: {\r\n              color: 'white'\r\n            }\r\n          },\r\n          offset: 20,\r\n          axisTick: {\r\n            show: false,\r\n            length: 9,\r\n            alignWithLabel: true,\r\n            lineStyle: {\r\n              color: '#7DFFFD'\r\n            }\r\n          },\r\n          axisLabel: {\r\n            fontSize: 10\r\n          }\r\n        },\r\n        xAxis: {\r\n          type: 'value',\r\n          axisLine: {\r\n            show: false,\r\n            lineStyle: {\r\n              color: 'white'\r\n            }\r\n          },\r\n          splitLine: {\r\n            show: false\r\n          },\r\n          axisTick: {\r\n            show: false\r\n          },\r\n          axisLabel: {\r\n            show: false,\r\n            fontSize: 16\r\n          },\r\n          boundaryGap: ['20%', '20%']\r\n        },\r\n        series: [{\r\n          type: 'custom',\r\n          renderItem: function (params, api) {\r\n            const location = api.coord([api.value(0), api.value(1)])\r\n            return {\r\n              type: 'group',\r\n              children: [{\r\n                type: 'CubeLeft',\r\n                shape: {\r\n                  api,\r\n                  xValue: api.value(0),\r\n                  yValue: api.value(1),\r\n                  x: location[0],\r\n                  y: location[1],\r\n                  yAxisPoint: api.coord([0, api.value(1)])\r\n                },\r\n                style: {\r\n                  fill: 'rgba(7,29,97,.6)'\r\n                }\r\n              }, {\r\n                type: 'CubeRight',\r\n                shape: {\r\n                  api,\r\n                  xValue: api.value(0),\r\n                  yValue: api.value(1),\r\n                  x: location[0],\r\n                  y: location[1],\r\n                  yAxisPoint: api.coord([0, api.value(1)])\r\n                },\r\n                style: {\r\n                  fill: 'rgba(10,35,108,.7)'\r\n                }\r\n              }, {\r\n                type: 'CubeTop',\r\n                shape: {\r\n                  api,\r\n                  xValue: api.value(0),\r\n                  yValue: api.value(1),\r\n                  x: location[0],\r\n                  y: location[1],\r\n                  yAxisPoint: api.coord([0, api.value(1)])\r\n                },\r\n                style: {\r\n                  fill: 'rgba(11,42,106,.8)'\r\n                }\r\n              }]\r\n            }\r\n          },\r\n          data: MAX\r\n        },\r\n        {\r\n          type: 'custom',\r\n          renderItem: (params, api) => {\r\n            const location = api.coord([api.value(0), api.value(1)])\r\n            return {\r\n              type: 'group',\r\n              children: [{\r\n                type: 'CubeLeft',\r\n                shape: {\r\n                  api,\r\n                  xValue: api.value(0),\r\n                  yValue: api.value(1),\r\n                  x: location[0],\r\n                  y: location[1],\r\n                  yAxisPoint: api.coord([0, api.value(1)])\r\n                },\r\n                // style: {\r\n                //     fill: new echarts.graphic.LinearGradient(1, 0, 0, 0, [{\r\n                //             offset: 0,\r\n                //             color: '#3B80E2'\r\n                //         },\r\n                //         {\r\n                //             offset: 1,\r\n                //             color: '#49BEE5'\r\n                //         }\r\n                //     ])\r\n                // }\r\n              }, {\r\n                type: 'CubeRight',\r\n                shape: {\r\n                  api,\r\n                  xValue: api.value(0),\r\n                  yValue: api.value(1),\r\n                  x: location[0],\r\n                  y: location[1],\r\n                  yAxisPoint: api.coord([0, api.value(1)])\r\n                },\r\n                // style: {\r\n                //     fill: new echarts.graphic.LinearGradient(1, 0, 0, 0, [{\r\n                //             offset: 0,\r\n                //             color: '#3B80E2'\r\n                //         },\r\n                //         {\r\n                //             offset: 1,\r\n                //             color: '#49BEE5'\r\n                //         }\r\n                //     ])\r\n                // }\r\n              }, {\r\n                type: 'CubeTop',\r\n                shape: {\r\n                  api,\r\n                  xValue: api.value(0),\r\n                  yValue: api.value(1),\r\n                  x: location[0],\r\n                  y: location[1],\r\n                  yAxisPoint: api.coord([0, api.value(1)])\r\n                },\r\n                // style: {\r\n                //     fill: new echarts.graphic.LinearGradient(1, 0, 0, 0, [{\r\n                //             offset: 0,\r\n                //             color: '#3B80E2'\r\n                //         },\r\n                //         {\r\n                //             offset: 1,\r\n                //             color: '#49BEE5'\r\n                //         }\r\n                //     ])\r\n                // }\r\n              }]\r\n            }\r\n          },\r\n          data: VALUE\r\n        },\r\n        {\r\n          type: 'bar',\r\n          label: {\r\n            normal: {\r\n              show: true,\r\n              position: 'right',\r\n              formatter: (e) => {\r\n                switch (e.name) {\r\n                  case '10kV线路':\r\n                    return VALUE[0]\r\n                  case '公用配变':\r\n                    return VALUE[1]\r\n                  case '35kV主变':\r\n                    return VALUE[2]\r\n                  case '水':\r\n\r\n                }\r\n              },\r\n              fontSize: 16,\r\n              color: '#fff',\r\n              offset: [25, 4]\r\n            }\r\n          },\r\n          itemStyle: {\r\n            color: 'transparent'\r\n          },\r\n          data: MAX\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}% <br/> {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          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            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          ],\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      };\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: [\"#EAEA26\", \"#906BF9\", \"#FE5656\", \"#01E17E\", \"#3DD1F9\", \"#FFAD05\"],\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        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            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        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            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        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                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      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(dataPbty) {\r\n      let dataListx = [];\r\n      let dataPb = [];\r\n      let dataGz = [];\r\n      let dataCf = [];\r\n      for (let i = 0; i < dataPbty.length; i++) {\r\n        dataListx.push(dataPbty[i].gds);\r\n        dataGz.push(dataPbty[i].gztytc);\r\n        dataPb.push(dataPbty[i].pbsl);\r\n        dataCf.push(dataPbty[i].cftytc);\r\n      }\r\n      var datacoords = [];\r\n      var datacoords1 = [];\r\n      for (var i = 0; i < dataListx.length; i++) {\r\n        datacoords.push([\r\n          {\r\n            coord: [i, dataGz[i]],\r\n          },\r\n          {\r\n            coord: [i + 1, dataGz[i + 1]],\r\n          },\r\n        ]);\r\n      }\r\n      for (var i = 0; i < dataListx.length; i++) {\r\n        datacoords1.push([\r\n          {\r\n            coord: [i, dataCf[i]],\r\n          },\r\n          {\r\n            coord: [i + 1, dataCf[i + 1]],\r\n          },\r\n        ]);\r\n      }\r\n      let that = this;\r\n      let myChart = this.$echarts.init(document.getElementById(\"detailedFive\"));\r\n      var option = {\r\n        animation: true, //控制动画示否开启\r\n        animationDuration: 2000,\r\n        animationEasing: \"bounceOut\", //缓动动画\r\n        animationThreshold: 8, //动画元素的阈值\r\n        grid: {\r\n          top: \"15%\",\r\n          bottom: \"30%\", //也可设置left和right设置距离来控制图表的大小\r\n        },\r\n        tooltip: {\r\n          trigger: \"axis\",\r\n          axisPointer: {\r\n            type: \"shadow\",\r\n            label: {\r\n              show: true,\r\n            },\r\n          },\r\n        },\r\n        legend: {\r\n          data: [\"配变数量\", \"故障停运\", \"重复停运\"],\r\n          top: \"0%\",\r\n          //  icon:'roundRect',\r\n          //  itemHeight:2, // 粗细\r\n          textStyle: {\r\n            color: \"#ffffff\",\r\n          },\r\n        },\r\n        xAxis: {\r\n          data: dataListx,\r\n          axisLine: {\r\n            show: false, //隐藏X轴轴线\r\n            lineStyle: {\r\n              color: \"#01FCE3\",\r\n            },\r\n          },\r\n          axisTick: {\r\n            show: false, //隐藏X轴刻度\r\n          },\r\n          axisLabel: {\r\n            show: true,\r\n            interval: 0,\r\n            textStyle: {\r\n              color: \"#ffffff\", //X轴文字颜色\r\n              fontSize: \"16px\",\r\n            },\r\n          },\r\n        },\r\n        yAxis: [\r\n          {\r\n            type: \"value\",\r\n            name: \"配变数量\",\r\n            nameTextStyle: {\r\n              color: \"#ffffff\",\r\n              padding: [0, 30, 0, 0],\r\n            },\r\n            splitLine: {\r\n              show: false,\r\n            },\r\n            axisTick: {\r\n              show: false,\r\n            },\r\n            axisLine: {\r\n              show: false,\r\n              lineStyle: {\r\n                color: \"#FFFFFF\",\r\n              },\r\n            },\r\n            axisLabel: {\r\n              show: true,\r\n              interval: 0,\r\n              textStyle: {\r\n                color: \"#ffffff\",\r\n              },\r\n            },\r\n          },\r\n          {\r\n            type: \"value\",\r\n            name: \"停运台次\",\r\n            nameTextStyle: {\r\n              color: \"#ffffff\",\r\n            },\r\n            position: \"right\",\r\n            splitLine: {\r\n              show: false,\r\n            },\r\n            axisTick: {\r\n              show: false,\r\n            },\r\n            axisLine: {\r\n              show: false,\r\n            },\r\n            axisLabel: {\r\n              show: true,\r\n\r\n              // formatter: \"{value} %\", //右侧Y轴文字显示\r\n              textStyle: {\r\n                color: \"#ffffff\",\r\n              },\r\n            },\r\n          },\r\n          {\r\n            type: \"value\",\r\n            gridIndex: 0,\r\n            min: 50,\r\n            max: 100,\r\n            splitNumber: 8,\r\n            splitLine: {\r\n              show: false,\r\n            },\r\n            axisLine: {\r\n              show: false,\r\n            },\r\n            axisTick: {\r\n              show: false,\r\n            },\r\n            axisLabel: {\r\n              show: false,\r\n            },\r\n            splitArea: {\r\n              show: true,\r\n              areaStyle: {\r\n                color: [\"rgba(250,250,250,0.0)\", \"rgba(250,250,250,0.05)\"],\r\n              },\r\n            },\r\n          },\r\n        ],\r\n        series: [\r\n          {\r\n            name: \"故障停运\",\r\n            type: \"line\",\r\n            yAxisIndex: 1, //使用的 y 轴的 index，在单个图表实例中存在多个 y轴的时候有用\r\n            smooth: false, //平滑曲线显示\r\n            showAllSymbol: true, //显示所有图形。\r\n            shadowOffsetX: 0, // 折线的X偏移\r\n            shadowOffsetY: 10, // 折线的Y偏移\r\n            symbol: \"circle\", //标记的图形为实心圆\r\n            symbolSize: 1, //标记的大小\r\n            itemStyle: {\r\n              //折线拐点标志的样式\r\n              color: \"rgb(237,125,49)\",\r\n            },\r\n            lineStyle: {\r\n              color: \"rgb(237,125,49)\",\r\n            },\r\n            // areaStyle: {\r\n            //   show:false,\r\n            //   color: \"rgba(5,140,255, 0.2)\",\r\n            // },\r\n            emphasis: {\r\n              focus: \"series\",\r\n            },\r\n            data: dataGz,\r\n          },\r\n          {\r\n            showSymbol: false,\r\n            name: \"故障停运\",\r\n            type: \"lines\",\r\n            yAxisIndex: 1,\r\n            polyline: true,\r\n            smooth: false,\r\n            coordinateSystem: \"cartesian2d\",\r\n            zlevel: 1,\r\n            effect: {\r\n              show: true,\r\n              smooth: false,\r\n              period: 6,\r\n              trailLenth: 0.1,\r\n              symbolSize: 6,\r\n              symbol: \"circle\",\r\n            },\r\n            lineStyle: {\r\n              color: \"#fff\",\r\n              width: 1,\r\n              opacity: 0,\r\n              curveness: 0,\r\n              cap: \"round\",\r\n            },\r\n            data: datacoords,\r\n          },\r\n          {\r\n            name: \"重复停运\",\r\n            type: \"line\",\r\n            yAxisIndex: 1, //使用的 y 轴的 index，在单个图表实例中存在多个 y轴的时候有用\r\n            smooth: false, //平滑曲线显示\r\n            shadowOffsetX: 0, // 折线的X偏移\r\n            shadowOffsetY: 10, // 折线的Y偏移\r\n            showAllSymbol: true, //显示所有图形。\r\n            symbol: \"circle\", //标记的图形为实心圆\r\n            symbolSize: 1, //标记的大小\r\n            itemStyle: {\r\n              //折线拐点标志的样式\r\n              show: false,\r\n              color: \"#058cff\",\r\n            },\r\n            lineStyle: {\r\n              show: false,\r\n              color: \"#058cff\",\r\n            },\r\n            // areaStyle: {\r\n            //   show:false,\r\n            //   color: \"rgba(5,140,255, 0.2)\",\r\n            // },\r\n            data: dataCf,\r\n          },\r\n          {\r\n            showSymbol: false,\r\n            name: \"重复停运\",\r\n            type: \"lines\",\r\n            yAxisIndex: 1,\r\n            polyline: true,\r\n            smooth: false,\r\n            coordinateSystem: \"cartesian2d\",\r\n            zlevel: 1,\r\n            effect: {\r\n              show: true,\r\n              smooth: false,\r\n              period: 6,\r\n              trailLenth: 0.1,\r\n              symbolSize: 6,\r\n              symbol: \"circle\",\r\n            },\r\n            lineStyle: {\r\n              color: \"#fff\",\r\n              width: 1,\r\n              opacity: 0,\r\n              curveness: 0,\r\n              cap: \"round\",\r\n            },\r\n            data: datacoords1,\r\n          },\r\n          {\r\n            name: \"配变数量\",\r\n            type: \"bar\",\r\n            barWidth: 15,\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              },\r\n            },\r\n            data: dataPb,\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":";AAkpBA;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;;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;;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;;AAEA;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;;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;;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;;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;;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;;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;;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;;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;;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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","file":"index.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n  <div class=\"home\">\r\n    <div class=\"left\" id=\"left\">\r\n      <div class=\"one\" style=\"height: 48%\">\r\n        <div class=\"cartitle\" @click=\"routerTo('盐城地区分布光伏运行监测')\">\r\n            \r\n          <div class=\"titleFont\"> \r\n            <img src=\"./../assets/indexN/标题箭头.png\" alt=\"\" />\r\n            <span>盐城地区分布光伏运行监测</span>\r\n            <img src=\"./../assets/indexN/标题箭头1.png\" alt=\"\" />\r\n            </div>\r\n        </div>\r\n        <div class=\"content\">\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n                <span style=\"font-size: 18px\">户数高渗透率&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.pdxl\">{{ CompanyInfo.pdxl }}</span>\r\n\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\">容量渗透率&nbsp;&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\r\n\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\">能量渗透率&nbsp;&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\r\n\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n        </div>\r\n        <div id=\"detailedTwo1\"></div>\r\n      </div>\r\n      <div class=\"two\" style=\"height: 49%\">\r\n        <div class=\"cartitle\">\r\n          <div class=\"titleFont\"><img src=\"./../assets/indexN/标题箭头.png\" alt=\"\" />\r\n            <span>配网工程全过程物资审计</span>\r\n            <img src=\"./../assets/indexN/标题箭头1.png\" alt=\"\" /></div>\r\n        </div>\r\n        <div class=\"content\" style=\"display:inline\">\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n                <span style=\"font-size: 18px\">项目数&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.pdxl\">{{ CompanyInfo.pdxl }}</span>\r\n\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\">预算费用总和</span>&nbsp;&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\r\n\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\">计划数&nbsp;&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\r\n\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n        </div>\r\n        <div id=\"barCharts\"></div>\r\n      </div>\r\n    </div>\r\n    <div class=\"left1\" id=\"left\">\r\n      <div class=\"one\" style=\"height: 48%\">\r\n        <div class=\"cartitle\">\r\n          <div class=\"titleFont\"><img src=\"./../assets/indexN/标题箭头.png\" alt=\"\" />\r\n            <span>盐都东台区供电所数字化分析</span>\r\n            <img src=\"./../assets/indexN/标题箭头1.png\" alt=\"\" /></div>\r\n        </div>\r\n        <div class=\"content\">\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n                <span style=\"font-size: 18px\">升档配变数量&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.pdxl\">{{ CompanyInfo.pdxl }}</span>\r\n\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\">降档配比数量</span>&nbsp;&nbsp;\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\r\n\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\">负荷关注配变数量&nbsp;&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\r\n\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n        </div>\r\n        <div id=\"horizontalChart\"></div>\r\n      </div>\r\n      <div class=\"two\" style=\"height: 49%\">\r\n        <div class=\"cartitle\">\r\n          <div class=\"titleFont\"><img src=\"./../assets/indexN/标题箭头.png\" alt=\"\" />\r\n            <span>盐城供电公司配网电能质量管控</span>\r\n            <img src=\"./../assets/indexN/标题箭头1.png\" alt=\"\" /></div>\r\n        </div>\r\n        <div class=\"content\">\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n                <span style=\"font-size: 18px\">月供电可靠性&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.pdxl\">{{ CompanyInfo.pdxl }}</span>\r\n\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\">平均停电频次&nbsp;&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\r\n\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\">平均停电时间&nbsp;&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\r\n\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n        </div>\r\n        <div id=\"detailedOne\" style=\"height: calc(100% - 200px)\"></div>\r\n      </div>\r\n    </div>\r\n   <div class=\"middle\" id=\"middle\">\r\n      <div class=\"map\" style=\"height: 100%\">\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 style=\"font-size: 18px\">户数高渗透率</span>\r\n                  <h5 style=\"font-size: 28px; color: 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 style=\"font-size: 18px\">容量渗透率</span>\r\n                  <h5 style=\"font-size: 28px; color: 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 style=\"font-size: 18px\">能量渗透率</span>\r\n                  <h5 style=\"font-size: 28px; color: 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=\"one\" style=\"height: 48%; width: 100%\">\r\n        <div class=\"cartitle\">\r\n          <!-- <div style=\"\r\n              width: 82%;\r\n              display: flex;\r\n              justify-content: space-between;\r\n              align-items: center;\r\n            \"> -->\r\n            <div class=\"titleFont\"><img src=\"./../assets/indexN/标题箭头.png\" alt=\"\" />\r\n            <span>乡村振兴电力综合指数</span>\r\n            <img src=\"./../assets/indexN/标题箭头1.png\" alt=\"\" /></div>\r\n            <!-- <div class=\"dateSelect\">\r\n              <div style=\"text-indent: 15px\" @click=\"handleDate(index)\" :class=\"addColor(index)\"\r\n                v-for=\"(item, index) in dateList\" :key=\"index\">\r\n                {{ item }}\r\n              </div>\r\n            </div> -->\r\n          <!-- </div> -->\r\n        </div>\r\n        <div class=\"top\">\r\n          <div class=\"topContent\" v-for=\"(item, index) in topContent\" :key=\"index\">\r\n            <div style=\"color: #ffffff\">{{ item.name }}</div>\r\n            <div style=\"color: rgb(86, 254, 226); font-size: 22px\">\r\n              {{ item.count }}\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div style=\"height: 90%\" id=\"detailedFive\"></div>\r\n      </div>\r\n      <!-- <div class=\"two\" style=\"height: 340px\">\r\n        <div class=\"cartitle\">\r\n          <div class=\"titleFont\">盐都供电质量统计</div>\r\n        </div>\r\n        <div id=\"detailedTwo\"></div>\r\n      </div> -->\r\n      <div class=\"three\" style=\"height: 48%; width: 100%\">\r\n        <div class=\"cartitle\">\r\n          <div class=\"titleFont\"><img src=\"./../assets/indexN/标题箭头.png\" alt=\"\" />\r\n            <span>两高行业企业污染监测</span>\r\n            <img src=\"./../assets/indexN/标题箭头1.png\" alt=\"\" /></div>\r\n        </div>\r\n        <!-- <div class=\"three-content\">\r\n          <div class=\"three-left\">\r\n            <div id=\"detailedThree\"></div>\r\n          </div>\r\n\r\n          <div class=\"three-right\">\r\n            <ul>\r\n              <li v-for=\"s in gongdanList\" @click=\"openGdDetail(s)\">\r\n                {{ s.gd_type_name }}\r\n                <span style=\"color: #56fee2\">{{ s.total }}</span>\r\n              </li>\r\n            </ul>\r\n          </div>\r\n        </div> -->\r\n         <div class=\"content\" style=\"display:inline\">\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n                <span style=\"font-size: 18px\">项目数&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.pdxl\">{{ CompanyInfo.pdxl }}</span>\r\n\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\">预算费用总和</span>&nbsp;&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\r\n\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\">计划数&nbsp;&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\r\n\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n        </div>\r\n        <div id=\"roseCharts\"></div>\r\n      </div>\r\n    </div>\r\n    <div class=\"right1\" id=\"right\">\r\n      <!-- <div class=\"one\" style=\"height: 635px; width: 100%\"> -->\r\n      <div class=\"one\" style=\"height:48%; width: 100%\">\r\n        <div class=\"cartitle\">\r\n          <!-- <div style=\"\r\n              width: 82%;\r\n              display: flex;\r\n              justify-content: space-between;\r\n              align-items: center;\r\n            \"> -->\r\n            <div class=\"titleFont\"><img src=\"./../assets/indexN/标题箭头.png\" alt=\"\" />\r\n            <span>农村生活污水治理设备电量分析</span>\r\n            <img src=\"./../assets/indexN/标题箭头1.png\" alt=\"\" /></div>\r\n            <!-- <div class=\"dateSelect\">\r\n              <div style=\"text-indent: 15px\" @click=\"handleDate(index)\" :class=\"addColor(index)\"\r\n                v-for=\"(item, index) in dateList\" :key=\"index\">\r\n                {{ item }}\r\n              </div>\r\n            </div> -->\r\n          <!-- </div> -->\r\n        </div>\r\n        <!-- <div class=\"top\">\r\n          <div class=\"topContent\" v-for=\"(item, index) in topContent\" :key=\"index\">\r\n            <div style=\"color: #ffffff\">{{ item.name }}</div>\r\n            <div style=\"color: rgb(86, 254, 226); font-size: 22px\">\r\n              {{ item.count }}\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div style=\"height: 90%\" id=\"detailedFive\"></div> -->\r\n        <div class=\"content\">\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n                <span style=\"font-size: 18px\">户数高渗透率&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.pdxl\">{{ CompanyInfo.pdxl }}</span>\r\n\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\">容量渗透率&nbsp;&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\r\n\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\">能量渗透率&nbsp;&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\r\n\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n         \r\n        </div>\r\n          <div class=\"line\">\r\n            <div class=\"enselect\">\r\n              <img src=\"../assets/02/地区选择下拉菜单.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 class=\"two\" style=\"height: 340px\">\r\n        <div class=\"cartitle\">\r\n          <div class=\"titleFont\">盐都供电质量统计</div>\r\n        </div>\r\n        <div id=\"detailedTwo\"></div>\r\n      </div> -->\r\n      <div class=\"three\" style=\"height: 48%; width: 100%\">\r\n        <div class=\"cartitle\">\r\n          <div class=\"titleFont\"><img src=\"./../assets/indexN/标题箭头.png\" alt=\"\" />\r\n            <span>数字化排涝抗旱辅助及检修辅助决策</span>\r\n            <img src=\"./../assets/indexN/标题箭头1.png\" alt=\"\" /></div>\r\n        </div>\r\n        <div class=\"three-content\">\r\n          <div class=\"three-left\">\r\n            <div id=\"detailedThree\"></div>\r\n          </div>\r\n\r\n          <div class=\"three-right\">\r\n            <ul>\r\n              <li v-for=\"s in gongdanList\" @click=\"openGdDetail(s)\">\r\n                {{ s.gd_type_name }}\r\n                <span style=\"color: #56fee2\">{{ s.total }}</span>\r\n              </li>\r\n            </ul>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"realTimeAlarm\" v-show=\"realTimeAlarmShow\">\r\n      <div class=\"content\">\r\n        <img src=\"../assets/images/baojing.png\" />\r\n        <div>都政线XXX环网柜间隔3发生局部放电故障</div>\r\n      </div>\r\n    </div>\r\n    <div class=\"alarmInformation\" v-show=\"alarmInformationShow\">\r\n      <div class=\"top\">\r\n        <div class=\"title\">报警详情信息</div>\r\n        <div class=\"close\">\r\n          <img @click=\"handleClose\" src=\"@/assets/images/close.png\" style=\"cursor: pointer\" />\r\n        </div>\r\n      </div>\r\n      <div class=\"content\">\r\n        <div class=\"table user_skills\">\r\n          <el-table :data=\"alarmInformationData\" style=\"width: 100%; height: 100%\"\r\n            :header-cell-style=\"{ 'text-align': 'center' }\" :cell-style=\"{ 'text-align': 'center' }\"\r\n            :row-class-name=\"rowClass\">\r\n            <el-table-column label=\"序号\" width=\"100\" align=\"center\">\r\n              <template slot-scope=\"scop\">\r\n                {{ scop.$index + 1 }}\r\n              </template>\r\n            </el-table-column>\r\n            <el-table-column prop=\"cabinet_name\" label=\"告警位置\" align=\"center\">\r\n              <!-- <template slot-scope=\"scope\">\r\n                <div v-html=\"scope.row.name\"></div>\r\n              </template> -->\r\n            </el-table-column>\r\n            <!-- <el-table-column prop=\"name\" label=\"间隔\" align=\"center\">\r\n            </el-table-column> -->\r\n            <el-table-column prop=\"event_desc\" label=\"告警信息\" align=\"center\">\r\n            </el-table-column>\r\n            <el-table-column prop=\"created_at\" label=\"发生时间\" align=\"center\">\r\n            </el-table-column>\r\n          </el-table>\r\n        </div>\r\n      </div>\r\n      <el-pagination @current-change=\"handleCurrentChange\" :current-page=\"page\" :page-size=\"pageSize\"\r\n        layout=\"prev, pager, next\" :total=\"totals\" v-if=\"pageShow\">\r\n      </el-pagination>\r\n    </div>\r\n    <!-- <div style=\"height:40px;width:40px\" class=\"suoxiao\">\r\n        <img src=\"../assets/images/btnFangDa.png\" style=\"height:40px;width:40px\"/>\r\n      </div> -->\r\n    <div class=\"componentShow\" v-if=\"modelOthers\">\r\n      <keep-alive>\r\n        <component :is=\"componentShow\" :ringMainUnit=\"device\"></component>\r\n      </keep-alive>\r\n    </div>\r\n    <!-- 工单统计弹窗 -->\r\n    <div class=\"componentShow\" v-if=\"orderItem != null\">\r\n      <component :is=\"orderShow\" :orderItem=\"orderItem\"></component>\r\n    </div>\r\n\r\n    <!-- 故障跳闸明细 -->\r\n    <div class=\"componentShow\" v-if=\"routeItem != null\">\r\n      <component :is=\"routeShow\" :routeItem=\"routeItem\"></component>\r\n    </div>\r\n\r\n    <!-- 查询配电线路 -->\r\n    <div class=\"componentShow\" style=\"display: block; height: calc(100% - 100px); top: 100px\" v-if=\"lineItem != null\">\r\n      <component :is=\"lineShow\" :lineItem=\"lineItem\"></component>\r\n    </div>\r\n    <audio controls=\"controls\" hidden src=\"../assets/videos/police.wav\" ref=\"audio\"></audio>\r\n  </div>\r\n</template>\r\n\r\n<script>\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// 工单统计弹窗组件\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      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.detailedTwo11()\r\n    this.horizontalChart()\r\n    this.barCharts()\r\n    this.roseCharts()\r\n     this.detailen1();\r\n    // 盐都区供电公司概况\r\n    getCompanyInfo().then((res) => {\r\n      // console.log(res,'....');\r\n      this.CompanyInfo = res.data.data;\r\n    });\r\n\r\n    // 查询总线路\r\n    getLine({ action: \"all\" }).then((res) => {\r\n      if (res.data != \"\") {\r\n        this.options = Object.keys(res.data.data).map((item, index) => {\r\n          return {\r\n            value: res.data.data[index].line_code,\r\n            label: res.data.data[index].line_name,\r\n          };\r\n        });\r\n      }\r\n    });\r\n    //周查询班组\r\n    this.getbanzhu();\r\n    this.timer = window.setInterval(() => {\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    }, 60000);\r\n    //工单统计action:'tongji'\r\n    this.getGongdan();\r\n    this.timer = window.setInterval(() => {\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    }, 60000);\r\n\r\n    //年度查询班组\r\n    getBanzugz({\r\n      action: \"year\",\r\n    }).then((res) => {\r\n      console.log(res, \"年数据\");\r\n      this.dataGzList = res.data.data;\r\n      // console.log(this.dataGzList,'年度查询班组数据');\r\n      for (let i = 0; i < this.dataGzList.length; i++) {\r\n        for (let j = 0; j < res.data.data.length; j++) {\r\n          if (this.dataGzList[i].bz == res.data.data[j].bz) {\r\n            this.dataGzList[i].chbc = res.data.data[j].chbc;\r\n            this.dataGzList[i].chcg = res.data.data[j].chcg;\r\n            this.dataGzList[i].jd = res.data.data[j].jd;\r\n            this.dataGzList[i].total = res.data.data[j].total;\r\n            this.dataGzList[i].wchz = res.data.data[j].wchz;\r\n          }\r\n        }\r\n      }\r\n      this.detailedFour(this.dataGzList);\r\n    });\r\n    //本周故障\r\n    getDwbzgz().then((res) => {\r\n      let dataBzgz = [];\r\n      dataBzgz = res.data.data;\r\n      this.detailedOne(dataBzgz);\r\n    });\r\n    //供电质量统计\r\n    getGdsgdzl().then((res) => {\r\n      let dataGdzl = [];\r\n      dataGdzl = res.data.data;\r\n      //   this.detailedTwo(dataGdzl);\r\n    });\r\n    // //配变停运\r\n    // getPbtyqk({\r\n    //   action:\"week\"\r\n    // }).then((res)=>{\r\n    //   let dataPbty = [];\r\n    //   dataPbty = res.data.data\r\n    //   console.log(dataPbty,'dataPbty');\r\n    //   this.detailedFive(dataPbty);\r\n    //   let dataPb = [];\r\n    //   let dataCf = [];\r\n    //   let dataCfl = [];\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    //     dataCfl.push(dataPbty[i].pbcftyl)\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    this.handleDate(0);\r\n    let that = this;\r\n    window.addEventListener(\"message\", function (e) {\r\n      var res = e.data;\r\n      if (res.val != null) {\r\n        that.modelOthers = true;\r\n        that.componentShow = \"ringMainUnit\";\r\n        that.device = res.val;\r\n      }\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    getfaultReportList(faultData).then((res) => {\r\n      // this.alarmInformationData = res.data.data.data;\r\n    });\r\n    window.setInterval(() => {\r\n      let endDate = this.$moment(new Date()).format(\"YYYY-MM-DD HH:mm:ss\");\r\n      let startDate = this.$moment(new Date())\r\n        .subtract(1, \"h\")\r\n        .format(\"YYYY-MM-DD HH:mm:ss\");\r\n      let cabData = {\r\n        token: localStorage.getItem(\"token\"),\r\n        pageSize: 50,\r\n        page: 1,\r\n        sn: \"\",\r\n        startDate: startDate,\r\n        endDate: endDate,\r\n        confirm: \"\",\r\n      };\r\n      getCabinetAlarmList(cabData).then((res) => {\r\n        let event_desc = ''\r\n        if (res.data.data.data != null) {\r\n          res.data.data.data.forEach((item, index) => {\r\n            if (item.event_desc.indexOf(\"开关\") != -1) {\r\n              event_desc = item.event_desc.replace('开关', '间隔')\r\n            } else {\r\n              event_desc = item.event_desc\r\n            }\r\n          });\r\n          this.emergencyList = res.data.data.data.filter(item => {\r\n            return item.event_desc.indexOf(\"通讯状态\") == -1\r\n          });\r\n          this.emergencyList.forEach((item, index) => {\r\n            item.event_desc = event_desc\r\n          });\r\n          this.totals = this.emergencyList.length;\r\n          let dataList = this.emergencyList;\r\n          if (dataList.length != 0) {\r\n            this.rowTime = dataList[0].created_at;\r\n          } else {\r\n            return false;\r\n          }\r\n        }\r\n      });\r\n    }, 10000);\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    routerTo(data) {\r\n      if (data == '盐城地区分布光伏运行监测') {\r\n        this.$router.push(\"/stationBuilding\");\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          },\r\n        ],\r\n        series: [\r\n          {\r\n            name: \"关联电网事故\",\r\n            type: \"bar\",\r\n            itemStyle: {\r\n              color: \"#00ffff\", // 柱状图颜色\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: \"yellow\", // 柱状图颜色\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    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    // beginShowing() {\r\n    //   this.$nextTick(function () {\r\n    //     // 文档显示区域的高度 - 表格距离浏览器顶部的距离 - 表格距离浏览器底部的距离\r\n    //     if (this.$refs.tableBox && this.$refs.tableBox.$el.offsetTop) {\r\n    //       this.tableHeight =\r\n    //         window.innerHeight - this.$refs.tableBox.$el.offsetTop - 300;\r\n    //       this.$refs.tableBox.doLayout();\r\n    //       this.roll();\r\n    //     }\r\n    //   });\r\n    // },\r\n    // roll() {\r\n    //   // 拿到表格挂载后的真实DOM\r\n    //   const table = this.$refs.tableBox;\r\n    //   // 拿到表格中承载数据的div元素\r\n    //   const bodyWrapper = table.bodyWrapper;\r\n    //   // 拿到元素后，对元素进行定时增加距离顶部距离，实现滚动效果(这里配置为每100毫秒移动1像素)\r\n    //   this.myTimer = setInterval(() => {\r\n    //     // 元素自增距离顶部1像素\r\n    //     bodyWrapper.scrollTop++;\r\n    //     // 判断元素是否滚动到底部(可视高度+距离顶部=元素内容的整个高度包括溢出的不可见内容)\r\n    //     if (\r\n    //       bodyWrapper.clientHeight + bodyWrapper.scrollTop ===\r\n    //       bodyWrapper.scrollHeight\r\n    //     ) {\r\n    //       // 重置table距离顶部距离\r\n    //       bodyWrapper.scrollTop = 0;\r\n    //     }\r\n    //   }, 100);\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(dataBzgz) {\r\n      let dataList = [];\r\n      let newArr = [20, 20, 20, 20, 20, 20, 20, 20, 20, 20];\r\n      let dataDw = [];\r\n      for (let i = 0; i < dataBzgz.length; i++) {\r\n        dataList.push(dataBzgz[i].gzcs);\r\n        dataDw.push(dataBzgz[i].dw);\r\n      }\r\n\r\n      let myChart = this.$echarts.init(document.getElementById(\"detailedOne\"));\r\n      var option = {\r\n        tooltip: {\r\n          show: true,\r\n          trigger: \"axis\",\r\n          axisPointer: {\r\n            type: \"shadow\",\r\n          },\r\n        },\r\n        grid: {\r\n          top: \"18%\",\r\n          left: \"5%\",\r\n          right: \"3%\",\r\n          bottom: \"5%\",\r\n          containLabel: true,\r\n        },\r\n\r\n        xAxis: [\r\n          {\r\n            type: \"category\",\r\n            data: dataDw,\r\n            axisTick: {\r\n              show: false,\r\n              alignWithLabel: true,\r\n            },\r\n            axisLabel: {\r\n              color: \"#ffffff\",\r\n              interval: 0,\r\n              fontSize: 16,\r\n            },\r\n            axisLine: {\r\n              show: false, //隐藏X轴轴线\r\n              lineStyle: {\r\n                color: \"#01FCE3\",\r\n              },\r\n            },\r\n          },\r\n        ],\r\n        yAxis: [\r\n          {\r\n            name: \"单位：次\",\r\n            type: \"value\",\r\n            data: [0, 2, 4, 6, 8, 10],\r\n            nameTextStyle: {\r\n              color: \"#ffffff\",\r\n              // padding:[25,0,0,0]\r\n              fontSize: 16,\r\n            },\r\n            axisLabel: {\r\n              color: \"#ffffff\",\r\n            },\r\n            splitLine: {\r\n              show: true,\r\n              lineStyle: {\r\n                type: \"solid\",\r\n                // color: 'rgba(66, 192, 255, .3)',\r\n                color: \"rgba(102,102,102,0.6)\",\r\n                width: 1,\r\n                // color: 'red'\r\n                fontSize: 16,\r\n              },\r\n            },\r\n            splitArea: {\r\n              show: false,\r\n            },\r\n          },\r\n        ],\r\n        series: [\r\n          // {\r\n          //   type: \"bar\",\r\n          //   barWidth: 22,\r\n          //   itemStyle: {\r\n          //     normal: {\r\n          //       label: {\r\n          //         fontSize: 14,\r\n          //         formatter(params) {\r\n          //           for (let i = 0; i < dataList.length; i++) {\r\n          //             if (params.dataIndex == i) {\r\n          //               return dataDw[i] + \"\\n\" + \"\\n\" + dataList[i];\r\n          //             }\r\n          //           }\r\n          //         },\r\n          //         show: true,\r\n          //         position: \"top\",\r\n          //         color: \"#ffffff\",\r\n          //       },\r\n          //       color: \"none\",\r\n          //     },\r\n          //   },\r\n          //   silent: true,\r\n          //   // barGap: \"-100%\",\r\n          //   data: newArr,\r\n          // },\r\n          {\r\n            name: \"\",\r\n            type: \"bar\",\r\n            barWidth: 30,\r\n            itemStyle: {\r\n              color: (params) => {\r\n                // console.log(params, '数据');\r\n                let colorList = [\r\n                  new this.$echarts.graphic.LinearGradient(0, 1, 0, 0, [\r\n                    { offset: 0, color: \"rgba(23,74,100,0.6)\" },\r\n                    { offset: 1, color: \"rgb(86,254,226)\" },\r\n                  ]),\r\n                  new this.$echarts.graphic.LinearGradient(0, 1, 0, 0, [\r\n                    {\r\n                      offset: 0,\r\n                      color: \"rgba(237,125,49,.2)\",\r\n                    },\r\n                    {\r\n                      offset: 1,\r\n                      color: \"rgba(237,125,49,1)\",\r\n                    },\r\n                  ]),\r\n                ];\r\n                if (params.name == \"盐都\") {\r\n                  return colorList[1];\r\n                } else {\r\n                  return colorList[0];\r\n                }\r\n              },\r\n              fontSize: 16,\r\n            },\r\n            data: dataList,\r\n            label: {\r\n              show: true,\r\n              position: \"top\",\r\n              fontStyle: \"normal\",\r\n              fontWeight: \"normal\",\r\n              color: \"#ffffff\",\r\n            },\r\n            //  z: -1,\r\n            // //不同系列的柱间距离，为百分比,如果想要两个系列的柱子重叠，可以设置 barGap 为 '-100%'。\r\n            // barGap: '-100%',\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(dataGdzl) {\r\n      let gdsList = [];\r\n      let xlcczList = [];\r\n      let pbcczList = [];\r\n      let ddyList = [];\r\n      for (let i = 0; i < dataGdzl.length; i++) {\r\n        gdsList.push(dataGdzl[i].gds);\r\n        xlcczList.push(dataGdzl[i].xlccz);\r\n        pbcczList.push(dataGdzl[i].pbccz);\r\n        ddyList.push(dataGdzl[i].ddy);\r\n      }\r\n      let that = this;\r\n      var myChart = this.$echarts.init(document.getElementById(\"detailedTwo1\"));\r\n      var option = {\r\n        //  animation: true,\r\n        // animationDuration: 20000,\r\n        tooltip: {\r\n          trigger: \"axis\",\r\n          axisPointer: {\r\n            type: \"cross\",\r\n            label: {\r\n              backgroundColor: \"#6a7985\",\r\n            },\r\n          },\r\n        },\r\n        grid: {\r\n          left: \"4%\",\r\n          right: \"4%\",\r\n          bottom: \"5%\",\r\n          top: \"15%\",\r\n          containLabel: true,\r\n        },\r\n        legend: {\r\n          top: 10,\r\n          icon: \"rect\",\r\n          right: 25,\r\n          data: [\"线路重超载\", \"配变重超载\", \"低电压\"],\r\n          textStyle: {\r\n            color: \"#fff\",\r\n            fontSize: 16,\r\n          },\r\n        },\r\n        xAxis: {\r\n          type: \"category\",\r\n          data: gdsList,\r\n          axisLine: {\r\n            //  改变x轴颜色\r\n            lineStyle: {\r\n              color: \"none\",\r\n            },\r\n          },\r\n          axisLabel: {\r\n            //  改变x轴字体颜色和大小\r\n            interval: 0,\r\n            textStyle: {\r\n              color: \"#ffffff\",\r\n              fontSize: 16,\r\n            },\r\n          },\r\n          splitLine: {\r\n            show: false,\r\n            lineStyle: {\r\n              color: [\"#315070\"],\r\n              width: 1,\r\n              type: \"solid\",\r\n            },\r\n          },\r\n        },\r\n        yAxis: {\r\n          type: \"value\",\r\n          axisLine: {\r\n            //  改变y轴颜色\r\n            show: false,\r\n            lineStyle: {\r\n              color: \"none\",\r\n            },\r\n          },\r\n          axisLabel: {\r\n            //  改变y轴字体颜色和大小\r\n            //formatter: '{value} m³ ', //  给y轴添加单位\r\n            textStyle: {\r\n              color: \"#ffffff\",\r\n              fontSize: 16,\r\n            },\r\n          },\r\n          axisTick: {\r\n            show: false,\r\n          },\r\n          splitLine: {\r\n            show: true,\r\n            lineStyle: {\r\n              color: [\"#315070\"],\r\n              width: 1,\r\n              type: \"solid\",\r\n            },\r\n          },\r\n        },\r\n        series: [\r\n          {\r\n            type: \"line\",\r\n            smooth: true,\r\n            symbol: \"circle\",\r\n            symbolSize: 7,\r\n            markPoint: {\r\n              symbol: \"circle\",\r\n            },\r\n            name: \"线路重超载\",\r\n            data: xlcczList,\r\n            itemStyle: {\r\n              normal: {\r\n                color: \"#3D7EEB\",\r\n                borderColor: \"#3D7EEB\",\r\n                borderWidth: 2,\r\n              },\r\n            },\r\n            lineStyle: {\r\n              normal: {\r\n                width: 2,\r\n                color: \"#327BFA\",\r\n                shadowColor: \"#327BFA\",\r\n                shadowBlur: 10,\r\n              },\r\n            },\r\n            areaStyle: {\r\n              color: {\r\n                type: \"linear\",\r\n                x: 0,\r\n                y: 0,\r\n                x2: 0,\r\n                y2: 1,\r\n                colorStops: [\r\n                  {\r\n                    offset: 0.5,\r\n                    color: \"rgba(61,126,235,0.5)\", // 0% 处的颜色\r\n                  },\r\n                  {\r\n                    offset: 1,\r\n                    color: \"rgba(61,126,235,0)\", // 100% 处的颜色\r\n                  },\r\n                ],\r\n                global: false, // 缺省为 false\r\n              },\r\n            },\r\n          },\r\n          {\r\n            type: \"line\",\r\n            smooth: true,\r\n            symbol: \"circle\",\r\n            symbolSize: 7,\r\n            markPoint: {\r\n              symbol: \"circle\",\r\n            },\r\n            data: pbcczList,\r\n            name: \"配变重超载\",\r\n            itemStyle: {\r\n              normal: {\r\n                color: \"#17D8A1\",\r\n                borderColor: \"#17D8A1\",\r\n                borderWidth: 2,\r\n              },\r\n            },\r\n            lineStyle: {\r\n              normal: {\r\n                width: 2,\r\n                color: \"#17D8A1\",\r\n                shadowColor: \"#17D8A1\",\r\n                shadowBlur: 10,\r\n              },\r\n            },\r\n            areaStyle: {\r\n              color: {\r\n                type: \"linear\",\r\n                x: 0,\r\n                y: 0,\r\n                x2: 0,\r\n                y2: 1,\r\n                colorStops: [\r\n                  {\r\n                    offset: 0.5,\r\n                    color: \"rgba(23,216,161,0.5)\", // 0% 处的颜色\r\n                  },\r\n                  {\r\n                    offset: 1,\r\n                    color: \"rgba(23,216,161,0)\", // 100% 处的颜色\r\n                  },\r\n                ],\r\n                global: false, // 缺省为 false\r\n              },\r\n            },\r\n          },\r\n          {\r\n            type: \"line\",\r\n            smooth: true,\r\n            symbol: \"circle\",\r\n            symbolSize: 7,\r\n            markPoint: {\r\n              symbol: \"circle\",\r\n            },\r\n            data: ddyList,\r\n            name: \"低电压\",\r\n            itemStyle: {\r\n              normal: {\r\n                color: \"#F4C907\",\r\n                borderColor: \"#F4C907\",\r\n                borderWidth: 2,\r\n              },\r\n            },\r\n            lineStyle: {\r\n              normal: {\r\n                width: 2,\r\n                color: \"#F4C907\",\r\n                shadowColor: \"#F4C907\",\r\n                shadowBlur: 10,\r\n              },\r\n            },\r\n            areaStyle: {\r\n              color: {\r\n                type: \"linear\",\r\n                x: 0,\r\n                y: 0,\r\n                x2: 0,\r\n                y2: 1,\r\n                colorStops: [\r\n                  {\r\n                    offset: 0.5,\r\n                    color: \"rgba(106,117,79,1)\", // 0% 处的颜色\r\n                  },\r\n                  {\r\n                    offset: 1,\r\n                    color: \"rgba(106,117,79,0)\", // 100% 处的颜色\r\n                  },\r\n                ],\r\n                global: false, // 缺省为 false\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\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: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']\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            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            splitLine: {\r\n              show: true,\r\n              lineStyle: {\r\n                color: '#11366e',\r\n                type: \"dashed\",\r\n              }\r\n            }\r\n          },\r\n          // {\r\n          // \ttype : 'value',\r\n          // \tname : '浏览量',\r\n          // \tmin:0,\r\n          // \tmax:1000,\r\n          // \taxisLabel : {\r\n          // \t\tformatter: '{value} 人',\r\n          // \t\ttextStyle:{\r\n          // \t\t\tcolor:'#186afe'\r\n          // \t\t}\r\n          // \t},\r\n          // \taxisLine:{\r\n          // \t\tlineStyle:{\r\n          // \t\t\tcolor:'#186afe'\r\n          // \t\t}\r\n          // \t},\r\n          // \taxisTick:{\r\n          //     \tshow:false,\r\n          //     },\r\n          // \tsplitLine:{\r\n          // \t\tshow:true,\r\n          // \t\tlineStyle:{\r\n          // \t\t\tcolor:'#11366e'\r\n          // \t\t}\r\n          // \t}\r\n          // }\r\n        ],\r\n        series: [\r\n          // {\r\n          // \tname:'已采纳',\r\n          // \ttype:'line',\r\n          // \tstack: '总量',\r\n          // \tsymbol:'circle',\r\n          // \tsymbolSize: 8,\r\n          //     itemStyle: {\r\n          //         normal: {\r\n          // \t\t\tcolor:'#0092f6',\r\n          //             lineStyle: {\r\n          // \t\t\t\tcolor: \"#0092f6\",\r\n          // \t\t\t\twidth:1\r\n          //             },\r\n          //             areaStyle: { \r\n          // \t\t\t\tcolor: '#94C9EC'\r\n          // \t\t\t\t// color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{\r\n          // \t\t\t\t// \toffset: 0,\r\n          // \t\t\t\t// \tcolor: 'rgba(7,44,90,0.3)'\r\n          // \t\t\t\t// }, {\r\n          // \t\t\t\t// \toffset: 1,\r\n          // \t\t\t\t// \tcolor: 'rgba(0,146,246,0.9)'\r\n          // \t\t\t\t// }]),\r\n          //             }\r\n          //         }\r\n          // \t},\r\n          // \tmarkPoint:{\r\n          // \t\titemStyle:{\r\n          // \t\t\tnormal:{\r\n          // \t\t\t\tcolor:'red'\r\n          // \t\t\t}\r\n          // \t\t}\r\n          // \t},\r\n          // \tdata:[120, 132, 101, 134, 90, 230, 210, 182, 191, 234, 290, 330]\r\n          // },\r\n          {\r\n            name: '已发布',\r\n            type: 'line',\r\n            stack: '总量',\r\n            symbol: 'circle',\r\n            symbolSize: 8,\r\n\r\n            itemStyle: {\r\n              normal: {\r\n                color: '#00d4c7',\r\n                lineStyle: {\r\n                  color: \"#00d4c7\",\r\n                  width: 1\r\n                },\r\n                // areaStyle: { \r\n                // \tcolor: '#94C9EC'\r\n                // \t// color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{\r\n                // \t// \toffset: 0,\r\n                // \t// \tcolor: 'rgba(7,44,90,0.3)'\r\n                // \t// }, {\r\n                // \t// \toffset: 1,\r\n                // \t// \tcolor: 'rgba(0,212,199,0.9)'\r\n                // \t// }]),\r\n                // }\r\n              }\r\n            },\r\n            data: [220, 182, 191, 234, 290, 330, 310, 201, 154, 190, 330, 410]\r\n          },\r\n          // {\r\n          // \tname:'浏览量',\r\n          // \ttype:'line',\r\n          // \tstack: '总量',\r\n          // \tsymbol:'circle',\r\n          // \tsymbolSize: 8,\r\n          //     itemStyle: {\r\n          //         normal: {\r\n          //             color: '#aecb56',\r\n          //             lineStyle: {\r\n          // \t\t\t\tcolor: \"#aecb56\",\r\n          // \t\t\t\twidth:1\r\n          //             },\r\n          //             areaStyle: { \r\n          // \t\t\t\tcolor: '#94C9EC'\r\n          // \t\t\t\t// color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{\r\n          // \t\t\t\t// \toffset: 0,\r\n          // \t\t\t\t// \tcolor: 'rgba(7,44,90,0.3)'\r\n          // \t\t\t\t// }, {\r\n          // \t\t\t\t// \toffset: 1,\r\n          // \t\t\t\t// \tcolor: 'rgba(114,144,89,0.9)'\r\n          // \t\t\t\t// }]),\r\n          //             }\r\n          //         }\r\n          // \t},\r\n          // \tdata:[150, 232, 201, 154, 190, 330, 410,150, 232, 201, 154, 190]\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(document.getElementById(\"horizontalChart\"));\r\n      const CubeLeft = this.$echarts.graphic.extendShape({\r\n        shape: {\r\n          x: 0,\r\n          y: 0\r\n        },\r\n        buildPath: function (ctx, shape) {\r\n          console.log(ctx, shape);\r\n          const yAxisPoint = shape.yAxisPoint\r\n          const c0 = [shape.x, shape.y]\r\n          const c1 = [shape.x + 9, shape.y - 9]\r\n          const c2 = [yAxisPoint[0] + 9, yAxisPoint[1] - 9]\r\n          const c3 = [yAxisPoint[0], yAxisPoint[1]]\r\n          ctx.moveTo(c0[0], c0[1]).lineTo(c1[0], c1[1]).lineTo(c2[0], c2[1]).lineTo(c3[0], c3[1]).closePath()\r\n        }\r\n      })\r\n      const CubeRight = this.$echarts.graphic.extendShape({\r\n        shape: {\r\n          x: 0,\r\n          y: 0\r\n        },\r\n        buildPath: function (ctx, shape) {\r\n          const yAxisPoint = shape.yAxisPoint\r\n          const c1 = [shape.x, shape.y]\r\n          const c2 = [yAxisPoint[0], yAxisPoint[1]]\r\n          const c3 = [yAxisPoint[0] + 9, yAxisPoint[1] + 18]\r\n          const c4 = [shape.x + 9, shape.y + 18]\r\n          ctx.moveTo(c1[0], c1[1]).lineTo(c2[0], c2[1]).lineTo(c3[0], c3[1]).lineTo(c4[0], c4[1]).closePath()\r\n        }\r\n      })\r\n      const CubeTop = this.$echarts.graphic.extendShape({\r\n        shape: {\r\n          x: 0,\r\n          y: 0\r\n        },\r\n        buildPath: function (ctx, shape) {\r\n          const c1 = [shape.x, shape.y]\r\n          const c2 = [shape.x + 9, shape.y + 18]\r\n          const c3 = [shape.x + 18, shape.y + 9]\r\n          const c4 = [shape.x + 9, shape.y - 9]\r\n          ctx.moveTo(c1[0], c1[1]).lineTo(c2[0], c2[1]).lineTo(c3[0], c3[1]).lineTo(c4[0], c4[1]).closePath()\r\n        }\r\n      })\r\n      this.$echarts.graphic.registerShape('CubeLeft', CubeLeft)\r\n      this.$echarts.graphic.registerShape('CubeRight', CubeRight)\r\n      this.$echarts.graphic.registerShape('CubeTop', CubeTop)\r\n      const MAX = [6000, 6000, 6000, 6000, 6000]\r\n      const VALUE = [2012, 1230, 3790, 2349, 1654]\r\n      const NAMES = ['德州', '德城区', '陵城区', '禹城市', '乐陵市'];\r\n      var option = {\r\n        title: {\r\n          text: '',\r\n          top: 32,\r\n          left: 18,\r\n          textStyle: {\r\n            color: '#00F6FF',\r\n            fontSize: 24\r\n          }\r\n        },\r\n        grid: {\r\n          left: 20,\r\n          right: 40,\r\n          bottom: '19%',\r\n          top: 107,\r\n          containLabel: true\r\n        },\r\n        yAxis: {\r\n          type: 'category',\r\n          data: NAMES,\r\n          axisLine: {\r\n            show: false,\r\n            lineStyle: {\r\n              color: 'white'\r\n            }\r\n          },\r\n          offset: 20,\r\n          axisTick: {\r\n            show: false,\r\n            length: 9,\r\n            alignWithLabel: true,\r\n            lineStyle: {\r\n              color: '#7DFFFD'\r\n            }\r\n          },\r\n          axisLabel: {\r\n            fontSize: 10\r\n          }\r\n        },\r\n        xAxis: {\r\n          type: 'value',\r\n          axisLine: {\r\n            show: false,\r\n            lineStyle: {\r\n              color: 'white'\r\n            }\r\n          },\r\n          splitLine: {\r\n            show: false\r\n          },\r\n          axisTick: {\r\n            show: false\r\n          },\r\n          axisLabel: {\r\n            show: false,\r\n            fontSize: 16\r\n          },\r\n          boundaryGap: ['20%', '20%']\r\n        },\r\n        series: [{\r\n          type: 'custom',\r\n          renderItem: function (params, api) {\r\n            const location = api.coord([api.value(0), api.value(1)])\r\n            return {\r\n              type: 'group',\r\n              children: [{\r\n                type: 'CubeLeft',\r\n                shape: {\r\n                  api,\r\n                  xValue: api.value(0),\r\n                  yValue: api.value(1),\r\n                  x: location[0],\r\n                  y: location[1],\r\n                  yAxisPoint: api.coord([0, api.value(1)])\r\n                },\r\n                style: {\r\n                  fill: 'rgba(7,29,97,.6)'\r\n                }\r\n              }, {\r\n                type: 'CubeRight',\r\n                shape: {\r\n                  api,\r\n                  xValue: api.value(0),\r\n                  yValue: api.value(1),\r\n                  x: location[0],\r\n                  y: location[1],\r\n                  yAxisPoint: api.coord([0, api.value(1)])\r\n                },\r\n                style: {\r\n                  fill: 'rgba(10,35,108,.7)'\r\n                }\r\n              }, {\r\n                type: 'CubeTop',\r\n                shape: {\r\n                  api,\r\n                  xValue: api.value(0),\r\n                  yValue: api.value(1),\r\n                  x: location[0],\r\n                  y: location[1],\r\n                  yAxisPoint: api.coord([0, api.value(1)])\r\n                },\r\n                style: {\r\n                  fill: 'rgba(11,42,106,.8)'\r\n                }\r\n              }]\r\n            }\r\n          },\r\n          data: MAX\r\n        },\r\n        {\r\n          type: 'custom',\r\n          renderItem: (params, api) => {\r\n            const location = api.coord([api.value(0), api.value(1)])\r\n            return {\r\n              type: 'group',\r\n              children: [{\r\n                type: 'CubeLeft',\r\n                shape: {\r\n                  api,\r\n                  xValue: api.value(0),\r\n                  yValue: api.value(1),\r\n                  x: location[0],\r\n                  y: location[1],\r\n                  yAxisPoint: api.coord([0, api.value(1)])\r\n                },\r\n                // style: {\r\n                //     fill: new echarts.graphic.LinearGradient(1, 0, 0, 0, [{\r\n                //             offset: 0,\r\n                //             color: '#3B80E2'\r\n                //         },\r\n                //         {\r\n                //             offset: 1,\r\n                //             color: '#49BEE5'\r\n                //         }\r\n                //     ])\r\n                // }\r\n              }, {\r\n                type: 'CubeRight',\r\n                shape: {\r\n                  api,\r\n                  xValue: api.value(0),\r\n                  yValue: api.value(1),\r\n                  x: location[0],\r\n                  y: location[1],\r\n                  yAxisPoint: api.coord([0, api.value(1)])\r\n                },\r\n                // style: {\r\n                //     fill: new echarts.graphic.LinearGradient(1, 0, 0, 0, [{\r\n                //             offset: 0,\r\n                //             color: '#3B80E2'\r\n                //         },\r\n                //         {\r\n                //             offset: 1,\r\n                //             color: '#49BEE5'\r\n                //         }\r\n                //     ])\r\n                // }\r\n              }, {\r\n                type: 'CubeTop',\r\n                shape: {\r\n                  api,\r\n                  xValue: api.value(0),\r\n                  yValue: api.value(1),\r\n                  x: location[0],\r\n                  y: location[1],\r\n                  yAxisPoint: api.coord([0, api.value(1)])\r\n                },\r\n                // style: {\r\n                //     fill: new echarts.graphic.LinearGradient(1, 0, 0, 0, [{\r\n                //             offset: 0,\r\n                //             color: '#3B80E2'\r\n                //         },\r\n                //         {\r\n                //             offset: 1,\r\n                //             color: '#49BEE5'\r\n                //         }\r\n                //     ])\r\n                // }\r\n              }]\r\n            }\r\n          },\r\n          data: VALUE\r\n        },\r\n        {\r\n          type: 'bar',\r\n          label: {\r\n            normal: {\r\n              show: true,\r\n              position: 'right',\r\n              formatter: (e) => {\r\n                switch (e.name) {\r\n                  case '10kV线路':\r\n                    return VALUE[0]\r\n                  case '公用配变':\r\n                    return VALUE[1]\r\n                  case '35kV主变':\r\n                    return VALUE[2]\r\n                  case '水':\r\n\r\n                }\r\n              },\r\n              fontSize: 16,\r\n              color: '#fff',\r\n              offset: [25, 4]\r\n            }\r\n          },\r\n          itemStyle: {\r\n            color: 'transparent'\r\n          },\r\n          data: MAX\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}% <br/> {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          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            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          ],\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      };\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: [\"#EAEA26\", \"#906BF9\", \"#FE5656\", \"#01E17E\", \"#3DD1F9\", \"#FFAD05\"],\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        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            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        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            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        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                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      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(dataPbty) {\r\n      let dataListx = [];\r\n      let dataPb = [];\r\n      let dataGz = [];\r\n      let dataCf = [];\r\n      for (let i = 0; i < dataPbty.length; i++) {\r\n        dataListx.push(dataPbty[i].gds);\r\n        dataGz.push(dataPbty[i].gztytc);\r\n        dataPb.push(dataPbty[i].pbsl);\r\n        dataCf.push(dataPbty[i].cftytc);\r\n      }\r\n      var datacoords = [];\r\n      var datacoords1 = [];\r\n      for (var i = 0; i < dataListx.length; i++) {\r\n        datacoords.push([\r\n          {\r\n            coord: [i, dataGz[i]],\r\n          },\r\n          {\r\n            coord: [i + 1, dataGz[i + 1]],\r\n          },\r\n        ]);\r\n      }\r\n      for (var i = 0; i < dataListx.length; i++) {\r\n        datacoords1.push([\r\n          {\r\n            coord: [i, dataCf[i]],\r\n          },\r\n          {\r\n            coord: [i + 1, dataCf[i + 1]],\r\n          },\r\n        ]);\r\n      }\r\n      let that = this;\r\n      let myChart = this.$echarts.init(document.getElementById(\"detailedFive\"));\r\n      var option = {\r\n        animation: true, //控制动画示否开启\r\n        animationDuration: 2000,\r\n        animationEasing: \"bounceOut\", //缓动动画\r\n        animationThreshold: 8, //动画元素的阈值\r\n        grid: {\r\n          top: \"15%\",\r\n          bottom: \"30%\", //也可设置left和right设置距离来控制图表的大小\r\n        },\r\n        tooltip: {\r\n          trigger: \"axis\",\r\n          axisPointer: {\r\n            type: \"shadow\",\r\n            label: {\r\n              show: true,\r\n            },\r\n          },\r\n        },\r\n        legend: {\r\n          data: [\"配变数量\", \"故障停运\", \"重复停运\"],\r\n          top: \"0%\",\r\n          //  icon:'roundRect',\r\n          //  itemHeight:2, // 粗细\r\n          textStyle: {\r\n            color: \"#ffffff\",\r\n          },\r\n        },\r\n        xAxis: {\r\n          data: dataListx,\r\n          axisLine: {\r\n            show: false, //隐藏X轴轴线\r\n            lineStyle: {\r\n              color: \"#01FCE3\",\r\n            },\r\n          },\r\n          axisTick: {\r\n            show: false, //隐藏X轴刻度\r\n          },\r\n          axisLabel: {\r\n            show: true,\r\n            interval: 0,\r\n            textStyle: {\r\n              color: \"#ffffff\", //X轴文字颜色\r\n              fontSize: \"16px\",\r\n            },\r\n          },\r\n        },\r\n        yAxis: [\r\n          {\r\n            type: \"value\",\r\n            name: \"配变数量\",\r\n            nameTextStyle: {\r\n              color: \"#ffffff\",\r\n              padding: [0, 30, 0, 0],\r\n            },\r\n            splitLine: {\r\n              show: false,\r\n            },\r\n            axisTick: {\r\n              show: false,\r\n            },\r\n            axisLine: {\r\n              show: false,\r\n              lineStyle: {\r\n                color: \"#FFFFFF\",\r\n              },\r\n            },\r\n            axisLabel: {\r\n              show: true,\r\n              interval: 0,\r\n              textStyle: {\r\n                color: \"#ffffff\",\r\n              },\r\n            },\r\n          },\r\n          {\r\n            type: \"value\",\r\n            name: \"停运台次\",\r\n            nameTextStyle: {\r\n              color: \"#ffffff\",\r\n            },\r\n            position: \"right\",\r\n            splitLine: {\r\n              show: false,\r\n            },\r\n            axisTick: {\r\n              show: false,\r\n            },\r\n            axisLine: {\r\n              show: false,\r\n            },\r\n            axisLabel: {\r\n              show: true,\r\n\r\n              // formatter: \"{value} %\", //右侧Y轴文字显示\r\n              textStyle: {\r\n                color: \"#ffffff\",\r\n              },\r\n            },\r\n          },\r\n          {\r\n            type: \"value\",\r\n            gridIndex: 0,\r\n            min: 50,\r\n            max: 100,\r\n            splitNumber: 8,\r\n            splitLine: {\r\n              show: false,\r\n            },\r\n            axisLine: {\r\n              show: false,\r\n            },\r\n            axisTick: {\r\n              show: false,\r\n            },\r\n            axisLabel: {\r\n              show: false,\r\n            },\r\n            splitArea: {\r\n              show: true,\r\n              areaStyle: {\r\n                color: [\"rgba(250,250,250,0.0)\", \"rgba(250,250,250,0.05)\"],\r\n              },\r\n            },\r\n          },\r\n        ],\r\n        series: [\r\n          {\r\n            name: \"故障停运\",\r\n            type: \"line\",\r\n            yAxisIndex: 1, //使用的 y 轴的 index，在单个图表实例中存在多个 y轴的时候有用\r\n            smooth: false, //平滑曲线显示\r\n            showAllSymbol: true, //显示所有图形。\r\n            shadowOffsetX: 0, // 折线的X偏移\r\n            shadowOffsetY: 10, // 折线的Y偏移\r\n            symbol: \"circle\", //标记的图形为实心圆\r\n            symbolSize: 1, //标记的大小\r\n            itemStyle: {\r\n              //折线拐点标志的样式\r\n              color: \"rgb(237,125,49)\",\r\n            },\r\n            lineStyle: {\r\n              color: \"rgb(237,125,49)\",\r\n            },\r\n            // areaStyle: {\r\n            //   show:false,\r\n            //   color: \"rgba(5,140,255, 0.2)\",\r\n            // },\r\n            emphasis: {\r\n              focus: \"series\",\r\n            },\r\n            data: dataGz,\r\n          },\r\n          {\r\n            showSymbol: false,\r\n            name: \"故障停运\",\r\n            type: \"lines\",\r\n            yAxisIndex: 1,\r\n            polyline: true,\r\n            smooth: false,\r\n            coordinateSystem: \"cartesian2d\",\r\n            zlevel: 1,\r\n            effect: {\r\n              show: true,\r\n              smooth: false,\r\n              period: 6,\r\n              trailLenth: 0.1,\r\n              symbolSize: 6,\r\n              symbol: \"circle\",\r\n            },\r\n            lineStyle: {\r\n              color: \"#fff\",\r\n              width: 1,\r\n              opacity: 0,\r\n              curveness: 0,\r\n              cap: \"round\",\r\n            },\r\n            data: datacoords,\r\n          },\r\n          {\r\n            name: \"重复停运\",\r\n            type: \"line\",\r\n            yAxisIndex: 1, //使用的 y 轴的 index，在单个图表实例中存在多个 y轴的时候有用\r\n            smooth: false, //平滑曲线显示\r\n            shadowOffsetX: 0, // 折线的X偏移\r\n            shadowOffsetY: 10, // 折线的Y偏移\r\n            showAllSymbol: true, //显示所有图形。\r\n            symbol: \"circle\", //标记的图形为实心圆\r\n            symbolSize: 1, //标记的大小\r\n            itemStyle: {\r\n              //折线拐点标志的样式\r\n              show: false,\r\n              color: \"#058cff\",\r\n            },\r\n            lineStyle: {\r\n              show: false,\r\n              color: \"#058cff\",\r\n            },\r\n            // areaStyle: {\r\n            //   show:false,\r\n            //   color: \"rgba(5,140,255, 0.2)\",\r\n            // },\r\n            data: dataCf,\r\n          },\r\n          {\r\n            showSymbol: false,\r\n            name: \"重复停运\",\r\n            type: \"lines\",\r\n            yAxisIndex: 1,\r\n            polyline: true,\r\n            smooth: false,\r\n            coordinateSystem: \"cartesian2d\",\r\n            zlevel: 1,\r\n            effect: {\r\n              show: true,\r\n              smooth: false,\r\n              period: 6,\r\n              trailLenth: 0.1,\r\n              symbolSize: 6,\r\n              symbol: \"circle\",\r\n            },\r\n            lineStyle: {\r\n              color: \"#fff\",\r\n              width: 1,\r\n              opacity: 0,\r\n              curveness: 0,\r\n              cap: \"round\",\r\n            },\r\n            data: datacoords1,\r\n          },\r\n          {\r\n            name: \"配变数量\",\r\n            type: \"bar\",\r\n            barWidth: 15,\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              },\r\n            },\r\n            data: dataPb,\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</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}\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    // 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    &>div {\r\n      width: 100%;\r\n      background: url(\"../assets/indexN/boxLr.png\") no-repeat;\r\n      background-size: 100% 100%;\r\n      position: relative;\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: 21px;\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\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: 262px;\r\n          display: flex;\r\n          flex-flow: column nowrap;\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,\r\n                    rgb(86, 244, 254),\r\n                    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\r\n      #detailedTwo1 {\r\n        //   width: 100%;\r\n        //   height: calc(100% - 52px);\r\n        width: 100%;\r\n        height: calc(100% - 200px);\r\n      }\r\n\r\n      #horizontalChart {\r\n        //   width: 100%;\r\n        //   height: calc(100% - 52px);\r\n        width: 100%;\r\n        height: calc(100% - 150px);\r\n      }\r\n\r\n      #barCharts {\r\n        //   width: 100%;\r\n        //   height: calc(100% - 52px);\r\n        width: 60%;\r\n        height: calc(100% - 200px);\r\n        position: absolute;\r\n        top: 28%;\r\n        left: 33%;\r\n      }\r\n    }\r\n  }\r\n\r\n  .left1 {\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    &>div {\r\n      width: 100%;\r\n      background: url(\"../assets/indexN/boxLr.png\") no-repeat;\r\n      background-size: 100% 100%;\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: 21px;\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\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: 262px;\r\n          display: flex;\r\n          flex-flow: column nowrap;\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,\r\n                    rgb(86, 244, 254),\r\n                    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\r\n      #detailedTwo1 {\r\n        width: 100%;\r\n        height: calc(100% - 52px);\r\n      }\r\n\r\n      #horizontalChart {\r\n        //   width: 100%;\r\n        //   height: calc(100% - 52px);\r\n        width: 100%;\r\n        height: calc(100% - 200px);\r\n      }\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/地图弹窗三个数据外框.png\") no-repeat;\r\n      background-size: 100%;\r\n      float: right;\r\n      width: 40vh;\r\n      height: 25vh;\r\n      position: relative;\r\n      top: 5vh;\r\n      right: 1vh;\r\n      .contents {\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/弹窗里的小框子.png\") no-repeat;\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            float: left;\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        }\r\n      }\r\n    }\r\n    .imgboxtwo {\r\n      padding: 0 0 0 20px;\r\n      background: url(\"../assets/02/地图弹窗四个内容的框.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        height: 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: 49%;\r\n          list-style: none;\r\n          font-size: 24px;\r\n          color: #fff;\r\n          background: url(\"../assets/02/弹窗里的小框子.png\") no-repeat;\r\n        }\r\n      }\r\n    }\r\n\r\n    .map {\r\n      background: url(\"../assets/indexN/地图.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    }\r\n  }\r\n\r\n\r\n  .right {\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    &>div {\r\n      width: 100%;\r\n      background: url(\"../assets/indexN/boxLr.png\") no-repeat;\r\n      background-size: 100% 100%;\r\n     position: relative;\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: 21px;\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    }\r\n\r\n    .one {\r\n      .top {\r\n        width: 100%;\r\n        height: 10%;\r\n        display: flex;\r\n        justify-content: space-around;\r\n        flex-direction: row;\r\n        align-items: center;\r\n\r\n        .topContent {\r\n          width: 30%;\r\n          display: flex;\r\n          justify-content: flex-start;\r\n          align-items: center;\r\n          white-space: nowrap;\r\n        }\r\n      }\r\n    }\r\n\r\n    #detailedThree {\r\n      width: 100%;\r\n      // height: calc(100% - 52px);\r\n      height: 100%;\r\n    }\r\n\r\n    #detailedTwo {\r\n      width: 100%;\r\n      height: calc(100% - 52px);\r\n    }\r\n\r\n    #detailedFive {\r\n      width: 100%;\r\n      height: calc(100% - 52px);\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    &>div {\r\n      width: 100%;\r\n      background: url(\"../assets/indexN/boxLr.png\") no-repeat;\r\n      background-size: 100% 100%;\r\n    position: relative;\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: 21px;\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    }\r\n//   #detailen {\r\n//       width: 100%;\r\n//       height: 400px;\r\n//     }\r\n    .one {\r\n      .top {\r\n        width: 100%;\r\n        height: 10%;\r\n        display: flex;\r\n        justify-content: space-around;\r\n        flex-direction: row;\r\n        align-items: center;\r\n\r\n        .topContent {\r\n          width: 30%;\r\n          display: flex;\r\n          justify-content: flex-start;\r\n          align-items: center;\r\n          white-space: nowrap;\r\n        }\r\n      }\r\n    }\r\n\r\n    #detailedThree {\r\n      width: 100%;\r\n      // height: calc(100% - 52px);\r\n      height: 100%;\r\n    }\r\n\r\n    #detailedTwo {\r\n      width: 100%;\r\n      height: calc(100% - 52px);\r\n    }\r\n\r\n    #detailedFive {\r\n      width: 100%;\r\n      height: calc(100% - 52px);\r\n    }\r\n  }\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(to bottom,\r\n        rgb(255, 255, 255),\r\n        rgb(123, 247, 245));\r\n         img {\r\n    margin: 20px;\r\n  }\r\n  }\r\n\r\n  //弹窗样式\r\n  .componentShow {\r\n    width: 100%;\r\n    height: 100%;\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    z-index: 111;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: rgba(0, 0, 0, 0.8);\r\n  }\r\n\r\n  .realTimeAlarm {\r\n    width: 517px;\r\n    height: 136px;\r\n    position: fixed;\r\n    left: 0;\r\n    right: 0;\r\n    margin: 0 auto;\r\n    top: 40%;\r\n    background: url(\"../assets/images/realTimeAlarmKuang.png\") no-repeat;\r\n    background-size: 100% 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    .content {\r\n      color: #ffffff;\r\n      width: 75%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-evenly;\r\n      margin-top: 4%;\r\n    }\r\n  }\r\n\r\n  .alarmInformation {\r\n    width: 900px;\r\n    height: 380px;\r\n    position: fixed;\r\n    left: 0;\r\n    right: 0;\r\n    margin: 0 auto;\r\n    top: 28%;\r\n    background: url(\"../assets/images/baojingxinxiKuang.png\") no-repeat;\r\n    background-size: 100% 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n    padding: 10px 13px;\r\n\r\n    ::-webkit-scrollbar {\r\n      display: none;\r\n    }\r\n\r\n    .top {\r\n      height: 10%;\r\n      width: 91%;\r\n      display: flex;\r\n      align-content: flex-start;\r\n      justify-content: space-between;\r\n\r\n      .title {\r\n        font-size: 20px;\r\n        font-weight: 900;\r\n        color: transparent;\r\n        align-items: center;\r\n        display: flex;\r\n        -webkit-background-clip: text;\r\n        background-clip: text;\r\n        background-image: linear-gradient(to bottom,\r\n            rgb(255, 255, 255),\r\n            rgb(86, 244, 254));\r\n      }\r\n    }\r\n\r\n    .content {\r\n      height: 82%;\r\n      width: 100%;\r\n      overflow: auto;\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          height: 48px;\r\n          background: url(\"../assets/images/tableBg.png\") no-repeat;\r\n          background-size: 100% 100%;\r\n        }\r\n\r\n        /deep/ .el-table__header th {\r\n          border: none;\r\n          padding: 0;\r\n          height: 40px;\r\n\r\n          .cell {\r\n            height: 100%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-around;\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          color: #fff !important;\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        }\r\n\r\n        /deep/ .el-table th.el-table__cell>.cell {\r\n          color: #ffffff;\r\n        }\r\n\r\n        /deep/.el-table .el-table__cell {\r\n          padding: 3px 0;\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\r\n        .el-table::before {\r\n          background-color: transparent;\r\n        }\r\n\r\n        ::v-deep .el-table .el-table__body tr.el-table__row td {\r\n          background: rgba(79, 218, 255, 0.1) !important;\r\n        }\r\n\r\n        ::v-deep .el-table--striped .el-table__body tr.el-table__row--striped td {\r\n          background: rgba(79, 218, 255, 0.06) !important;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .dateSelect {\r\n    display: flex;\r\n    font-size: 12px;\r\n    background: url(\"../assets/images/dateKuang.png\") no-repeat;\r\n    background-size: 100% 100%;\r\n    height: 25px;\r\n    width: 61px;\r\n    align-items: center;\r\n  }\r\n\r\n  .active {\r\n    width: 32px;\r\n    height: 25px;\r\n    color: rgb(78, 230, 207);\r\n    background: url(\"../assets/images/dateAction.png\") no-repeat;\r\n    background-size: 100% 100%;\r\n    line-height: 26px;\r\n  }\r\n}\r\n\r\n.suoxiao {\r\n  position: absolute;\r\n  bottom: 0;\r\n  right: 0;\r\n}\r\n\r\n// }\r\n</style>\r\n<style lang=\"less\" scoped>\r\n.three {\r\n  .three-content {\r\n    width: 100%;\r\n    height: calc(100% - 52px);\r\n    display: flex;\r\n\r\n    .three-left {\r\n      width: 40%;\r\n      height: 100%;\r\n    }\r\n\r\n    .three-right {\r\n      width: 60%;\r\n      height: 100%;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n\r\n      ul {\r\n        width: 100%;\r\n\r\n        li {\r\n          width: 164px;\r\n          height: 41px;\r\n          margin-top: 15px;\r\n          background-image: url(../assets/images/pieBorder.png);\r\n          float: left;\r\n          color: #fff;\r\n          line-height: 41px;\r\n          font-size: 18px;\r\n        }\r\n\r\n        li:nth-child(2n) {\r\n          margin-left: 10px;\r\n        }\r\n      }\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: 262px;\r\n          display: flex;\r\n          flex-flow: column nowrap;\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,\r\n                    rgb(86, 244, 254),\r\n                    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      }\r\n        #roseCharts {\r\n        //   width: 100%;\r\n        //   height: calc(100% - 52px);\r\n        width: 60%;\r\n        height: calc(100% - 200px);\r\n        position: absolute;\r\n        top: 28%;\r\n        left: 33%;\r\n      }\r\n    \r\n}\r\n\r\n.selectChange {\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n\r\n  .el-select {\r\n    margin-left: -44px;\r\n\r\n    /deep/ .el-input__inner {\r\n      background: url(\"../assets/images/selectCard.png\") no-repeat;\r\n      background-size: 100% 100%;\r\n      border: none;\r\n      padding-left: 58px;\r\n    }\r\n\r\n    /deep/ .el-input__prefix,\r\n    /deep/ .el-input__suffix {\r\n      position: absolute;\r\n      top: 0;\r\n      -webkit-transition: all 0.3s;\r\n      height: 100%;\r\n      text-align: center;\r\n      margin-right: 17px;\r\n    }\r\n\r\n    /deep/ .el-input__inner::-webkit-input-placeholder {\r\n      color: rgb(78, 230, 207); // 初始化的文字颜色\r\n    }\r\n\r\n    /deep/ .el-input__inner {\r\n      color: rgb(78, 230, 207);\r\n    }\r\n  }\r\n}\r\n\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</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/366aa78482ffdd22e7ad22e663a5fcb6.json b/node_modules/.cache/vue-loader/366aa78482ffdd22e7ad22e663a5fcb6.json
new file mode 100644
index 00000000..3dfeb9c5
--- /dev/null
+++ b/node_modules/.cache/vue-loader/366aa78482ffdd22e7ad22e663a5fcb6.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--12-0!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??ref--6!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\twentyKV.vue?vue&type=template&id=e9df6994&scoped=true&","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\twentyKV.vue","mtime":1689642397097},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\babel.config.js","mtime":1689642387810},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1689642389292},{"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\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1689642396087},{"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":["var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"twentyKV\"\n  }, [_vm._v(\"\\n    twentyKV\\n\")]);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\nexport { render, staticRenderFns };",{"version":3,"names":["render","_vm","_c","_self","staticClass","_v","staticRenderFns","_withStripped"],"sources":["E:/2023/yancheng0718/yanchengPowerSupply/src/views/twentyKV.vue"],"sourcesContent":["var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\"div\", { staticClass: \"twentyKV\" }, [_vm._v(\"\\n    twentyKV\\n\")])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"],"mappings":"AAAA,IAAIA,MAAM,GAAG,SAASA,MAAM,GAAG;EAC7B,IAAIC,GAAG,GAAG,IAAI;IACZC,EAAE,GAAGD,GAAG,CAACE,KAAK,CAACD,EAAE;EACnB,OAAOA,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAW,CAAC,EAAE,CAACH,GAAG,CAACI,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC;AAC7E,CAAC;AACD,IAAIC,eAAe,GAAG,EAAE;AACxBN,MAAM,CAACO,aAAa,GAAG,IAAI;AAE3B,SAASP,MAAM,EAAEM,eAAe"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/36dd295f994f46e6a456f9ce13911e7a.json b/node_modules/.cache/vue-loader/36dd295f994f46e6a456f9ce13911e7a.json
new file mode 100644
index 00000000..d929efe2
--- /dev/null
+++ b/node_modules/.cache/vue-loader/36dd295f994f46e6a456f9ce13911e7a.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\twentyKV.vue?vue&type=style&index=0&id=e9df6994&lang=less&scoped=true&","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\twentyKV.vue","mtime":1689642397097},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\css-loader\\index.js","mtime":1689642389821},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1689642396087},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\postcss-loader\\src\\index.js","mtime":1689642393431},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\less-loader\\dist\\cjs.js","mtime":1689642392421},{"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\n.twentyKV{\r\n  width: 100%;\r\n  height: 100%;\r\n  padding: 15px 25px;\r\n}\r\n\r\n",{"version":3,"sources":["twentyKV.vue"],"names":[],"mappings":";AAkBA;AACA;AACA;AACA;AACA","file":"twentyKV.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n  <div class=\"twentyKV\">\r\n      twentyKV\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n   name:\"twentyKV\",\r\n   data() {\r\n  \t  return {\r\n\r\n\t}\r\n}\r\n}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.twentyKV{\r\n  width: 100%;\r\n  height: 100%;\r\n  padding: 15px 25px;\r\n}\r\n\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/3f1f037fd1a0a25b504caad62d805e39.json b/node_modules/.cache/vue-loader/3f1f037fd1a0a25b504caad62d805e39.json
new file mode 100644
index 00000000..82c37a30
--- /dev/null
+++ b/node_modules/.cache/vue-loader/3f1f037fd1a0a25b504caad62d805e39.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\stationBuilding.vue?vue&type=template&id=878d5e44&scoped=true&","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\stationBuilding.vue","mtime":1689642397096},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1689642389292},{"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\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1689642396087},{"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":["\n<div class=\"home\">\n  <div class=\"left\" id=\"left\">\n    <div class=\"one\" style=\"height: 100%\">\n      <div class=\"cartitle\">\n        <div class=\"titleFont\">\n          <img src=\"./../assets/indexN/标题箭头.png\" alt=\"\" />\n          <span>光伏台账</span>\n          <img src=\"./../assets/indexN/标题箭头1.png\" alt=\"\" />\n        </div>\n      </div>\n      <div class=\"content\">\n        <div class=\"line\">\n          <table>\n            <thead style=\"color: #fff; font-size: 30px\">\n              <tr>\n                <td>序号</td>\n                <td>单位名称</td>\n                <td>台区编号</td>\n                <td>发电客户编号</td>\n              </tr>\n            </thead>\n            <tbody>\n              <tr v-for=\"(item, index) in pvTable\" :key=\"index\">\n                <td>{{ item.id }}</td>\n                <td>{{ item.name }}</td>\n                <td>{{ item.stationNumber }}</td>\n                <td class=\"titleFont\">{{ item.alternatorNumber }}</td>\n              </tr>\n            </tbody>\n          </table>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"left1\" id=\"left\">\n    <div class=\"two\" style=\"height: 49%\">\n      <div class=\"cartitle\">\n        <div class=\"titleFont\">\n          <img src=\"./../assets/indexN/标题箭头.png\" alt=\"\" />\n          <span>上网功率</span>\n          <img src=\"./../assets/indexN/标题箭头1.png\" alt=\"\" />\n        </div>\n      </div>\n      <div class=\"content\">\n        <div class=\"line\">\n          <div id=\"detailedTwo1\"></div>\n        </div>\n      </div>\n    </div>\n    <div class=\"two\" style=\"height: 49%\">\n      <div class=\"cartitle\">\n        <div class=\"titleFont\">\n          <img src=\"./../assets/indexN/标题箭头.png\" alt=\"\" />\n          <span>配变负载率TOP5</span>\n          <img src=\"./../assets/indexN/标题箭头1.png\" alt=\"\" />\n        </div>\n      </div>\n      <div class=\"content\">\n        <div class=\"line\">\n          <div id=\"detailedTwo2\"></div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"middle\" id=\"middle\">\n    <div class=\"map\" style=\"height: 100%\">\n      <div class=\"imgboxone\">\n        <div class=\"contents\">\n          <div class=\"lines\">\n            <div class=\"total\">\n              <div class=\"num\">\n                <span style=\"font-size: 18px\">户数高渗透率</span>\n                <h5 style=\"font-size: 28px; color: yellow\">3.40%</h5>\n              </div>\n            </div>\n          </div>\n          <div class=\"lines\">\n            <div class=\"total\">\n              <div class=\"num\">\n                <span style=\"font-size: 18px\">容量渗透率</span>\n                <h5 style=\"font-size: 28px; color: orange\">0.01%</h5>\n              </div>\n            </div>\n          </div>\n          <div class=\"lines\">\n            <div class=\"total\">\n              <div class=\"num\">\n                <span style=\"font-size: 18px\">能量渗透率</span>\n                <h5 style=\"font-size: 28px; color: yellow\">0.44%</h5>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"imgboxtwo\">\n        <ul class=\"contentUl\">\n          <li>\n            <h5>发电客户数</h5>\n            <br />\n            <span style=\"color: yellow\">4721</span>\n          </li>\n          <li>\n            <h5>变电站数量</h5>\n            <br />\n            <span style=\"color: orange\">90</span>\n          </li>\n          <li>\n            <h5>台区总数</h5>\n            <br />\n            <span style=\"color: yellow\">17416</span>\n          </li>\n          <li>\n            <h5>当前负载率</h5>\n            <br />\n            <span style=\"color: orange\">40.19%</span>\n          </li>\n        </ul>\n      </div>\n    </div>\n  </div>\n  <div class=\"right\" id=\"right\">\n    <div class=\"two\" style=\"height: 49%\">\n      <div class=\"cartitle\">\n        <div class=\"titleFont\">\n          <img src=\"./../assets/indexN/标题箭头.png\" alt=\"\" />\n          <span>分布式光伏电量</span>\n          <img src=\"./../assets/indexN/标题箭头1.png\" alt=\"\" />\n        </div>\n      </div>\n      <div class=\"content\">\n        <div class=\"line\">\n          <div class=\"eqselect\">\n            <span>地区:</span>\n            <img src=\"../assets/02/地区选择下拉菜单.png\" alt=\"\" />\n            <span>用户:</span>\n            <img src=\"../assets/02/地区选择下拉菜单.png\" alt=\"\" />\n            <span>范围:</span>\n            <img src=\"../assets/02/地区选择下拉菜单.png\" alt=\"\" />\n            <span>日期:</span>\n            <img src=\"../assets/02/地区选择下拉菜单.png\" alt=\"\" />\n          </div>\n          <div id=\"detailqe\"></div>\n        </div>\n      </div>\n    </div>\n    <div class=\"two\" style=\"height: 49%\">\n      <div class=\"cartitle\">\n        <div class=\"titleFont\">\n          <img src=\"./../assets/indexN/标题箭头.png\" alt=\"\" />\n          <span>能量/容量</span>\n          <img src=\"./../assets/indexN/标题箭头1.png\" alt=\"\" />\n        </div>\n      </div>\n      <div class=\"content\">\n        <div class=\"line\">\n          <div class=\"enselect\">\n            <img src=\"../assets/02/地区选择下拉菜单.png\" alt=\"\" />\n            <span class=\"text\">能量</span>\n          </div>\n          <div id=\"detailen\"></div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"right1\" id=\"right\">\n    <div class=\"one\" style=\"height: 100%\">\n      <div class=\"cartitle\">\n        <div class=\"titleFont\">\n          <img src=\"./../assets/indexN/标题箭头.png\" alt=\"\" />\n          <span>渗透率统计</span>\n          <img src=\"./../assets/indexN/标题箭头1.png\" alt=\"\" />\n        </div>\n      </div>\n      <div class=\"content\">\n        <div class=\"line\">\n          <!-- <div class=\"total\">\n            <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\n              <span style=\"font-size: 18px\">户数高渗透率&nbsp;</span>\n              <span style=\"\n                  font-size: 45px;\n                  font-weight: 600;\n                  -webkit-background-clip: text;\n                  background-clip: text;\n                  background-image: linear-gradient(\n                    to bottom,\n                    rgb(189, 255, 231),\n                    rgb(86, 244, 254)\n                  );\n                \" class=\"numText\" :text=\"CompanyInfo.pdxl\">{{ CompanyInfo.pdxl }}</span>\n\n            </div>\n          </div> -->\n          <table>\n            <thead style=\"color: #fff; font-size: 30px\">\n              <tr>\n                <td>序号</td>\n                <td>供电公司</td>\n                <td>线路名称</td>\n                <td>光伏全年电量KWF</td>\n              </tr>\n            </thead>\n            <tbody>\n              <tr v-for=\"(item, index) in pvTable\" :key=\"index\">\n                <td>{{ item.id }}</td>\n                <td>{{ item.name }}</td>\n                <td>{{ item.stationNumber }}</td>\n                <td class=\"titleFont\">{{ item.alternatorNumber }}</td>\n              </tr>\n            </tbody>\n          </table>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <!-- <div style=\"height:40px;width:40px\" class=\"suoxiao\">\n      <img src=\"../assets/images/btnFangDa.png\" style=\"height:40px;width:40px\"/>\n    </div> -->\n\n  <audio\n    controls=\"controls\"\n    hidden\n    src=\"../assets/videos/police.wav\"\n    ref=\"audio\"\n  ></audio>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/3f5f0dc10792a9b20a1f512222aa6859.json b/node_modules/.cache/vue-loader/3f5f0dc10792a9b20a1f512222aa6859.json
new file mode 100644
index 00000000..8ab9e66c
--- /dev/null
+++ b/node_modules/.cache/vue-loader/3f5f0dc10792a9b20a1f512222aa6859.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\component\\lineDetail.vue?vue&type=template&id=9cf184e0&scoped=true&","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\component\\lineDetail.vue","mtime":1689642397091},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1689642389292},{"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\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1689642396087},{"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":["\n<div class=\"lineContent\">\n  <!-- 配电线路弹窗 -->\n  <div class=\"lineDetail\">\n    <!-- <div class=\"title\">配电路线详情</div> -->\n    <div class=\"close\">\n      <img @click=\"handleClose\" src=\"@/assets/images/close.png\" style=\"cursor: pointer\" />\n    </div>\n\n    <div class=\"table user_skills\">\n\n      <div class=\"search\">\n        <el-select v-model=\"value1\" placeholder=\"请选择\" style=\"margin-left: 30px\">\n          <el-option v-for=\"(item, index) in districtList\" :key=\"item.index\" :label=\"item\" :value=\"item\">\n          </el-option>\n        </el-select>\n        <el-select v-model=\"value2\" placeholder=\"请选择\" style=\"margin-left: 10px\">\n          <el-option v-for=\"(item, index) in taiwanList\" :key=\"item.index\" :label=\"item\" :value=\"item\">\n          </el-option>\n        </el-select>\n        <el-input style=\"margin-left: 10px;\" placeholder=\"模糊中文搜索\" v-model.trim=\"searchData\"\n          @keyup.enter.native=\"search\">\n          <!-- <i slot=\"suffix\" class=\"el-input-icon el-icon-search\" @click=\"search\"></i> -->\n        </el-input>\n\n\n        <div class=\"searchBtn\" @click=\"search\"></div>\n        <div class=\"refurbish\" @click=\"refurbish\"></div>\n      </div>\n\n      <el-table @row-click=\"rowHandle\" :data=\"lineList\" style=\"width: 100%; height: calc(100% - 80px);\n                      overflow-y: scroll;\n                      position: relative;\n                    \" :header-cell-style=\"{ 'text-align': 'center' }\" :cell-style=\"{ 'text-align': 'center' }\" stripe>\n        <el-table-column prop=\"line_name\" label=\"序号\" align=\"center\" width=\"60\">\n          <template slot-scope=\"scope\">\n            {{ scope.$index + 1 }}\n          </template>\n        </el-table-column>\n        <el-table-column prop=\"qushu\" label=\"区域\" align=\"center\">\n          <!-- <template slot-scope=\"scope\">\n            <div>\n                \n            </div>\n          </template> -->\n        </el-table-column>\n        <el-table-column prop=\"taiqu\" label=\"变电站\" align=\"center\">\n        </el-table-column>\n        <el-table-column prop=\"line_name\" label=\"线路名称\" align=\"center\" width=\"170\">\n          <!-- <template slot-scope=\"scope\">\n            <div>\n                \n            </div>\n          </template> -->\n        </el-table-column>\n        <el-table-column prop=\"url_init\" label=\"原状\" align=\"center\">\n          <template slot-scope=\"scope\">\n            <div v-if=\"scope.row.url_init\" class=\"cad-icon\" @click.stop=\"openInit(scope.row)\"></div>\n          </template>\n        </el-table-column>\n        <el-table-column prop=\"url_dest\" label=\"目标\" align=\"center\">\n          <template slot-scope=\"scope\">\n            <div v-if=\"scope.row.url_dest\" class=\"cad-icon\" @click.stop=\"openCad(scope.row)\"></div>\n          </template>\n        </el-table-column>\n        <el-table-column prop=\"url_nigai\" label=\"本年度拟改\" align=\"center\">\n          <template slot-scope=\"scope\">\n            <div v-if=\"scope.row.url_nigai\" class=\"cad-icon\"></div>\n          </template>\n        </el-table-column>\n        <el-table-column prop=\"nigai_state\" label=\"当前状态\" align=\"center\">\n          <template slot-scope=\"scope\">\n            <div :class=\"'circle' + scope.row.nigai_state\"></div>\n          </template>\n        </el-table-column>\n      </el-table>\n    </div>\n  </div>\n  <div class=\"right-dialog\" v-show=\"rightDialog\">\n    <div class=\"closeBtn\">\n      <img @click=\"handleClose1\" src=\"@/assets/images/close.png\" style=\"cursor: pointer\" />\n    </div>\n    <!-- 标题 -->\n    <div class=\"title\">拟改图对比</div>\n    <div class=\"funBtn\">\n      <div class=\"initBtn\">\n        <!-- <el-button icon=\"el-icon-zoom-in\" @click.native=\"enlargeBtn0()\"\n          >放大</el-button\n        >\n        <el-button icon=\"el-icon-zoom-out\" @click=\"reduceBtn0()\"\n          >缩小</el-button\n        > -->\n        <span class=\"title\">{{ title }}</span>\n      </div>\n\n      <div class=\"nigaiBtn\">\n        <!-- <el-button icon=\"el-icon-zoom-in\" @click=\"enlargeBtn1()\"\n          >放大</el-button\n        >\n        <el-button icon=\"el-icon-zoom-out\" @click=\"reduceBtn1()\"\n          >缩小</el-button\n        > -->\n        <span class=\"title\">拟改图</span>\n      </div>\n    </div>\n    <div class=\"pdf-content\">\n      <div class=\"left-content\" id=\"leftContent\">\n        <!-- <iframe\n          :src=\"pdfUrl\"\n          width=\"100%\"\n          height=\"100%\"\n          scrolling=\"no\"\n          frameborder=\"no\"\n        ></iframe> -->\n        <!-- <pdf ref=\"pdf\" :src=\"pdfUrl\"></pdf> -->\n        <iframe :src=\"init\" frameborder=\"0\" width=\"100%\" height=\"100%\" scrolling=\"no\"></iframe>\n      </div>\n\n      <div class=\"right-content\" >\n        <!-- <pdf ref=\"pdf1\" :src=\"pdfUrl1\"></pdf>\n        -->\n        <iframe :src=\"nigai\" ref=\"iframeId\" frameborder=\"0\" width=\"100%\" height=\"100%\" scrolling=\"no\"></iframe>\n\n        <!-- <iframe\n          ref=\"iframe\"\n          id=\"iframe\"\n          :src=\"pdfUrl1\"\n          width=\"100%\"\n          height=\"100%\"\n          scrolling=\"no\"\n          frameborder=\"no\"\n        >\n        </iframe> -->\n      </div>\n    </div>\n    <!-- <div class=\"footer\"> -->\n    <!-- <div class=\"text-detail\">说明文字:</div> -->\n    <!-- 说明文字 -->\n    <!-- <div class=\"text-content\">\n        <el-input type=\"textarea\" placeholder=\"说明文字\" v-model=\"textarea\">\n        </el-input>\n      </div>\n    </div> -->\n  </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/406e71feac102dbae80bf76cfab0c10c.json b/node_modules/.cache/vue-loader/406e71feac102dbae80bf76cfab0c10c.json
new file mode 100644
index 00000000..cc4d368f
--- /dev/null
+++ b/node_modules/.cache/vue-loader/406e71feac102dbae80bf76cfab0c10c.json
@@ -0,0 +1 @@
+{"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=template&id=a83bd3b0&scoped=true&","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\index.vue","mtime":1689657980988},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1689642389292},{"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\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1689642396087},{"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":["\n<div class=\"home\">\n  <div class=\"left\" id=\"left\">\n    <div class=\"one\" style=\"height: 48%\">\n      <div class=\"cartitle\" @click=\"routerTo('盐城地区分布光伏运行监测')\">\n          \n        <div class=\"titleFont\"> \n          <img src=\"./../assets/indexN/标题箭头.png\" alt=\"\" />\n          <span>盐城地区分布光伏运行监测</span>\n          <img src=\"./../assets/indexN/标题箭头1.png\" alt=\"\" />\n          </div>\n      </div>\n      <div class=\"content\">\n        <div class=\"line\">\n          <div class=\"total\">\n            <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\n              <span style=\"font-size: 18px\">户数高渗透率&nbsp;</span>\n              <span style=\"\n                  font-size: 45px;\n                  font-weight: 600;\n                  -webkit-background-clip: text;\n                  background-clip: text;\n                  background-image: linear-gradient(\n                    to bottom,\n                    rgb(189, 255, 231),\n                    rgb(86, 244, 254)\n                  );\n                \" class=\"numText\" :text=\"CompanyInfo.pdxl\">{{ CompanyInfo.pdxl }}</span>\n\n            </div>\n          </div>\n        </div>\n        <div class=\"line\">\n          <div class=\"total\">\n            <div class=\"num\">\n              <span style=\"font-size: 18px\">容量渗透率&nbsp;&nbsp;</span>\n              <span style=\"\n                  font-size: 45px;\n                  font-weight: 600;\n                  -webkit-background-clip: text;\n                  background-clip: text;\n                  background-image: linear-gradient(\n                    to bottom,\n                    rgb(189, 255, 231),\n                    rgb(86, 244, 254)\n                  );\n                \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\n\n            </div>\n          </div>\n\n        </div>\n        <div class=\"line\">\n          <div class=\"total\">\n            <div class=\"num\">\n              <span style=\"font-size: 18px\">能量渗透率&nbsp;&nbsp;</span>\n              <span style=\"\n                  font-size: 45px;\n                  font-weight: 600;\n                  -webkit-background-clip: text;\n                  background-clip: text;\n                  background-image: linear-gradient(\n                    to bottom,\n                    rgb(189, 255, 231),\n                    rgb(86, 244, 254)\n                  );\n                \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\n\n            </div>\n          </div>\n\n        </div>\n      </div>\n      <div id=\"detailedTwo1\"></div>\n    </div>\n    <div class=\"two\" style=\"height: 49%\">\n      <div class=\"cartitle\">\n        <div class=\"titleFont\"><img src=\"./../assets/indexN/标题箭头.png\" alt=\"\" />\n          <span>配网工程全过程物资审计</span>\n          <img src=\"./../assets/indexN/标题箭头1.png\" alt=\"\" /></div>\n      </div>\n      <div class=\"content\" style=\"display:inline\">\n        <div class=\"line\">\n          <div class=\"total\">\n            <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\n              <span style=\"font-size: 18px\">项目数&nbsp;</span>\n              <span style=\"\n                  font-size: 45px;\n                  font-weight: 600;\n                  -webkit-background-clip: text;\n                  background-clip: text;\n                  background-image: linear-gradient(\n                    to bottom,\n                    rgb(189, 255, 231),\n                    rgb(86, 244, 254)\n                  );\n                \" class=\"numText\" :text=\"CompanyInfo.pdxl\">{{ CompanyInfo.pdxl }}</span>\n\n            </div>\n          </div>\n        </div>\n        <div class=\"line\">\n          <div class=\"total\">\n            <div class=\"num\">\n              <span style=\"font-size: 18px\">预算费用总和</span>&nbsp;&nbsp;</span>\n              <span style=\"\n                  font-size: 45px;\n                  font-weight: 600;\n                  -webkit-background-clip: text;\n                  background-clip: text;\n                  background-image: linear-gradient(\n                    to bottom,\n                    rgb(189, 255, 231),\n                    rgb(86, 244, 254)\n                  );\n                \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\n\n            </div>\n          </div>\n\n        </div>\n        <div class=\"line\">\n          <div class=\"total\">\n            <div class=\"num\">\n              <span style=\"font-size: 18px\">计划数&nbsp;&nbsp;</span>\n              <span style=\"\n                  font-size: 45px;\n                  font-weight: 600;\n                  -webkit-background-clip: text;\n                  background-clip: text;\n                  background-image: linear-gradient(\n                    to bottom,\n                    rgb(189, 255, 231),\n                    rgb(86, 244, 254)\n                  );\n                \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\n\n            </div>\n          </div>\n\n        </div>\n      </div>\n      <div id=\"barCharts\"></div>\n    </div>\n  </div>\n  <div class=\"left1\" id=\"left\">\n    <div class=\"one\" style=\"height: 48%\">\n      <div class=\"cartitle\">\n        <div class=\"titleFont\"><img src=\"./../assets/indexN/标题箭头.png\" alt=\"\" />\n          <span>盐都东台区供电所数字化分析</span>\n          <img src=\"./../assets/indexN/标题箭头1.png\" alt=\"\" /></div>\n      </div>\n      <div class=\"content\">\n        <div class=\"line\">\n          <div class=\"total\">\n            <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\n              <span style=\"font-size: 18px\">升档配变数量&nbsp;</span>\n              <span style=\"\n                  font-size: 45px;\n                  font-weight: 600;\n                  -webkit-background-clip: text;\n                  background-clip: text;\n                  background-image: linear-gradient(\n                    to bottom,\n                    rgb(189, 255, 231),\n                    rgb(86, 244, 254)\n                  );\n                \" class=\"numText\" :text=\"CompanyInfo.pdxl\">{{ CompanyInfo.pdxl }}</span>\n\n            </div>\n          </div>\n        </div>\n        <div class=\"line\">\n          <div class=\"total\">\n            <div class=\"num\">\n              <span style=\"font-size: 18px\">降档配比数量</span>&nbsp;&nbsp;\n              <span style=\"\n                  font-size: 45px;\n                  font-weight: 600;\n                  -webkit-background-clip: text;\n                  background-clip: text;\n                  background-image: linear-gradient(\n                    to bottom,\n                    rgb(189, 255, 231),\n                    rgb(86, 244, 254)\n                  );\n                \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\n\n            </div>\n          </div>\n\n        </div>\n        <div class=\"line\">\n          <div class=\"total\">\n            <div class=\"num\">\n              <span style=\"font-size: 18px\">负荷关注配变数量&nbsp;&nbsp;</span>\n              <span style=\"\n                  font-size: 45px;\n                  font-weight: 600;\n                  -webkit-background-clip: text;\n                  background-clip: text;\n                  background-image: linear-gradient(\n                    to bottom,\n                    rgb(189, 255, 231),\n                    rgb(86, 244, 254)\n                  );\n                \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\n\n            </div>\n          </div>\n\n        </div>\n      </div>\n      <div id=\"horizontalChart\"></div>\n    </div>\n    <div class=\"two\" style=\"height: 49%\">\n      <div class=\"cartitle\">\n        <div class=\"titleFont\"><img src=\"./../assets/indexN/标题箭头.png\" alt=\"\" />\n          <span>盐城供电公司配网电能质量管控</span>\n          <img src=\"./../assets/indexN/标题箭头1.png\" alt=\"\" /></div>\n      </div>\n      <div class=\"content\">\n        <div class=\"line\">\n          <div class=\"total\">\n            <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\n              <span style=\"font-size: 18px\">月供电可靠性&nbsp;</span>\n              <span style=\"\n                  font-size: 45px;\n                  font-weight: 600;\n                  -webkit-background-clip: text;\n                  background-clip: text;\n                  background-image: linear-gradient(\n                    to bottom,\n                    rgb(189, 255, 231),\n                    rgb(86, 244, 254)\n                  );\n                \" class=\"numText\" :text=\"CompanyInfo.pdxl\">{{ CompanyInfo.pdxl }}</span>\n\n            </div>\n          </div>\n        </div>\n        <div class=\"line\">\n          <div class=\"total\">\n            <div class=\"num\">\n              <span style=\"font-size: 18px\">平均停电频次&nbsp;&nbsp;</span>\n              <span style=\"\n                  font-size: 45px;\n                  font-weight: 600;\n                  -webkit-background-clip: text;\n                  background-clip: text;\n                  background-image: linear-gradient(\n                    to bottom,\n                    rgb(189, 255, 231),\n                    rgb(86, 244, 254)\n                  );\n                \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\n\n            </div>\n          </div>\n\n        </div>\n        <div class=\"line\">\n          <div class=\"total\">\n            <div class=\"num\">\n              <span style=\"font-size: 18px\">平均停电时间&nbsp;&nbsp;</span>\n              <span style=\"\n                  font-size: 45px;\n                  font-weight: 600;\n                  -webkit-background-clip: text;\n                  background-clip: text;\n                  background-image: linear-gradient(\n                    to bottom,\n                    rgb(189, 255, 231),\n                    rgb(86, 244, 254)\n                  );\n                \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\n\n            </div>\n          </div>\n\n        </div>\n      </div>\n      <div id=\"detailedOne\" style=\"height: calc(100% - 200px)\"></div>\n    </div>\n  </div>\n <div class=\"middle\" id=\"middle\">\n    <div class=\"map\" style=\"height: 100%\">\n      <div class=\"imgboxone\">\n        <div class=\"contents\">\n          <div class=\"lines\">\n            <div class=\"total\">\n              <div class=\"num\">\n                <span style=\"font-size: 18px\">户数高渗透率</span>\n                <h5 style=\"font-size: 28px; color: yellow\">3.40%</h5>\n              </div>\n            </div>\n          </div>\n          <div class=\"lines\">\n            <div class=\"total\">\n              <div class=\"num\">\n                <span style=\"font-size: 18px\">容量渗透率</span>\n                <h5 style=\"font-size: 28px; color: orange\">0.01%</h5>\n              </div>\n            </div>\n          </div>\n          <div class=\"lines\">\n            <div class=\"total\">\n              <div class=\"num\">\n                <span style=\"font-size: 18px\">能量渗透率</span>\n                <h5 style=\"font-size: 28px; color: yellow\">0.44%</h5>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"imgboxtwo\">\n        <ul class=\"contentUl\">\n          <li>\n            <h5>发电客户数</h5>\n            <br />\n            <span style=\"color: yellow\">4721</span>\n          </li>\n          <li>\n            <h5>变电站数量</h5>\n            <br />\n            <span style=\"color: orange\">90</span>\n          </li>\n          <li>\n            <h5>台区总数</h5>\n            <br />\n            <span style=\"color: yellow\">17416</span>\n          </li>\n          <li>\n            <h5>当前负载率</h5>\n            <br />\n            <span style=\"color: orange\">40.19%</span>\n          </li>\n        </ul>\n      </div>\n    </div>\n  </div>\n  <div class=\"right\" id=\"right\">\n    <div class=\"one\" style=\"height: 48%; width: 100%\">\n      <div class=\"cartitle\">\n        <!-- <div style=\"\n            width: 82%;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n          \"> -->\n          <div class=\"titleFont\"><img src=\"./../assets/indexN/标题箭头.png\" alt=\"\" />\n          <span>乡村振兴电力综合指数</span>\n          <img src=\"./../assets/indexN/标题箭头1.png\" alt=\"\" /></div>\n          <!-- <div class=\"dateSelect\">\n            <div style=\"text-indent: 15px\" @click=\"handleDate(index)\" :class=\"addColor(index)\"\n              v-for=\"(item, index) in dateList\" :key=\"index\">\n              {{ item }}\n            </div>\n          </div> -->\n        <!-- </div> -->\n      </div>\n      <div class=\"top\">\n        <div class=\"topContent\" v-for=\"(item, index) in topContent\" :key=\"index\">\n          <div style=\"color: #ffffff\">{{ item.name }}</div>\n          <div style=\"color: rgb(86, 254, 226); font-size: 22px\">\n            {{ item.count }}\n          </div>\n        </div>\n      </div>\n      <div style=\"height: 90%\" id=\"detailedFive\"></div>\n    </div>\n    <!-- <div class=\"two\" style=\"height: 340px\">\n      <div class=\"cartitle\">\n        <div class=\"titleFont\">盐都供电质量统计</div>\n      </div>\n      <div id=\"detailedTwo\"></div>\n    </div> -->\n    <div class=\"three\" style=\"height: 48%; width: 100%\">\n      <div class=\"cartitle\">\n        <div class=\"titleFont\"><img src=\"./../assets/indexN/标题箭头.png\" alt=\"\" />\n          <span>两高行业企业污染监测</span>\n          <img src=\"./../assets/indexN/标题箭头1.png\" alt=\"\" /></div>\n      </div>\n      <!-- <div class=\"three-content\">\n        <div class=\"three-left\">\n          <div id=\"detailedThree\"></div>\n        </div>\n\n        <div class=\"three-right\">\n          <ul>\n            <li v-for=\"s in gongdanList\" @click=\"openGdDetail(s)\">\n              {{ s.gd_type_name }}\n              <span style=\"color: #56fee2\">{{ s.total }}</span>\n            </li>\n          </ul>\n        </div>\n      </div> -->\n       <div class=\"content\" style=\"display:inline\">\n        <div class=\"line\">\n          <div class=\"total\">\n            <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\n              <span style=\"font-size: 18px\">项目数&nbsp;</span>\n              <span style=\"\n                  font-size: 45px;\n                  font-weight: 600;\n                  -webkit-background-clip: text;\n                  background-clip: text;\n                  background-image: linear-gradient(\n                    to bottom,\n                    rgb(189, 255, 231),\n                    rgb(86, 244, 254)\n                  );\n                \" class=\"numText\" :text=\"CompanyInfo.pdxl\">{{ CompanyInfo.pdxl }}</span>\n\n            </div>\n          </div>\n        </div>\n        <div class=\"line\">\n          <div class=\"total\">\n            <div class=\"num\">\n              <span style=\"font-size: 18px\">预算费用总和</span>&nbsp;&nbsp;</span>\n              <span style=\"\n                  font-size: 45px;\n                  font-weight: 600;\n                  -webkit-background-clip: text;\n                  background-clip: text;\n                  background-image: linear-gradient(\n                    to bottom,\n                    rgb(189, 255, 231),\n                    rgb(86, 244, 254)\n                  );\n                \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\n\n            </div>\n          </div>\n\n        </div>\n        <div class=\"line\">\n          <div class=\"total\">\n            <div class=\"num\">\n              <span style=\"font-size: 18px\">计划数&nbsp;&nbsp;</span>\n              <span style=\"\n                  font-size: 45px;\n                  font-weight: 600;\n                  -webkit-background-clip: text;\n                  background-clip: text;\n                  background-image: linear-gradient(\n                    to bottom,\n                    rgb(189, 255, 231),\n                    rgb(86, 244, 254)\n                  );\n                \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\n\n            </div>\n          </div>\n\n        </div>\n      </div>\n      <div id=\"roseCharts\"></div>\n    </div>\n  </div>\n  <div class=\"right1\" id=\"right\">\n    <!-- <div class=\"one\" style=\"height: 635px; width: 100%\"> -->\n    <div class=\"one\" style=\"height:48%; width: 100%\">\n      <div class=\"cartitle\">\n        <!-- <div style=\"\n            width: 82%;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n          \"> -->\n          <div class=\"titleFont\"><img src=\"./../assets/indexN/标题箭头.png\" alt=\"\" />\n          <span>农村生活污水治理设备电量分析</span>\n          <img src=\"./../assets/indexN/标题箭头1.png\" alt=\"\" /></div>\n          <!-- <div class=\"dateSelect\">\n            <div style=\"text-indent: 15px\" @click=\"handleDate(index)\" :class=\"addColor(index)\"\n              v-for=\"(item, index) in dateList\" :key=\"index\">\n              {{ item }}\n            </div>\n          </div> -->\n        <!-- </div> -->\n      </div>\n      <!-- <div class=\"top\">\n        <div class=\"topContent\" v-for=\"(item, index) in topContent\" :key=\"index\">\n          <div style=\"color: #ffffff\">{{ item.name }}</div>\n          <div style=\"color: rgb(86, 254, 226); font-size: 22px\">\n            {{ item.count }}\n          </div>\n        </div>\n      </div>\n      <div style=\"height: 90%\" id=\"detailedFive\"></div> -->\n      <div class=\"content\">\n        <div class=\"line\">\n          <div class=\"total\">\n            <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\n              <span style=\"font-size: 18px\">户数高渗透率&nbsp;</span>\n              <span style=\"\n                  font-size: 45px;\n                  font-weight: 600;\n                  -webkit-background-clip: text;\n                  background-clip: text;\n                  background-image: linear-gradient(\n                    to bottom,\n                    rgb(189, 255, 231),\n                    rgb(86, 244, 254)\n                  );\n                \" class=\"numText\" :text=\"CompanyInfo.pdxl\">{{ CompanyInfo.pdxl }}</span>\n\n            </div>\n          </div>\n        </div>\n        <div class=\"line\">\n          <div class=\"total\">\n            <div class=\"num\">\n              <span style=\"font-size: 18px\">容量渗透率&nbsp;&nbsp;</span>\n              <span style=\"\n                  font-size: 45px;\n                  font-weight: 600;\n                  -webkit-background-clip: text;\n                  background-clip: text;\n                  background-image: linear-gradient(\n                    to bottom,\n                    rgb(189, 255, 231),\n                    rgb(86, 244, 254)\n                  );\n                \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\n\n            </div>\n          </div>\n\n        </div>\n        <div class=\"line\">\n          <div class=\"total\">\n            <div class=\"num\">\n              <span style=\"font-size: 18px\">能量渗透率&nbsp;&nbsp;</span>\n              <span style=\"\n                  font-size: 45px;\n                  font-weight: 600;\n                  -webkit-background-clip: text;\n                  background-clip: text;\n                  background-image: linear-gradient(\n                    to bottom,\n                    rgb(189, 255, 231),\n                    rgb(86, 244, 254)\n                  );\n                \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\n\n            </div>\n          </div>\n\n        </div>\n       \n      </div>\n        <div class=\"line\">\n          <div class=\"enselect\">\n            <img src=\"../assets/02/地区选择下拉菜单.png\" alt=\"\" />\n            <span class=\"text\">能量</span>\n          </div>\n          <div id=\"detailen\"></div>\n        </div>\n    </div>\n    <!-- <div class=\"two\" style=\"height: 340px\">\n      <div class=\"cartitle\">\n        <div class=\"titleFont\">盐都供电质量统计</div>\n      </div>\n      <div id=\"detailedTwo\"></div>\n    </div> -->\n    <div class=\"three\" style=\"height: 48%; width: 100%\">\n      <div class=\"cartitle\">\n        <div class=\"titleFont\"><img src=\"./../assets/indexN/标题箭头.png\" alt=\"\" />\n          <span>数字化排涝抗旱辅助及检修辅助决策</span>\n          <img src=\"./../assets/indexN/标题箭头1.png\" alt=\"\" /></div>\n      </div>\n      <div class=\"three-content\">\n        <div class=\"three-left\">\n          <div id=\"detailedThree\"></div>\n        </div>\n\n        <div class=\"three-right\">\n          <ul>\n            <li v-for=\"s in gongdanList\" @click=\"openGdDetail(s)\">\n              {{ s.gd_type_name }}\n              <span style=\"color: #56fee2\">{{ s.total }}</span>\n            </li>\n          </ul>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"realTimeAlarm\" v-show=\"realTimeAlarmShow\">\n    <div class=\"content\">\n      <img src=\"../assets/images/baojing.png\" />\n      <div>都政线XXX环网柜间隔3发生局部放电故障</div>\n    </div>\n  </div>\n  <div class=\"alarmInformation\" v-show=\"alarmInformationShow\">\n    <div class=\"top\">\n      <div class=\"title\">报警详情信息</div>\n      <div class=\"close\">\n        <img @click=\"handleClose\" src=\"@/assets/images/close.png\" style=\"cursor: pointer\" />\n      </div>\n    </div>\n    <div class=\"content\">\n      <div class=\"table user_skills\">\n        <el-table :data=\"alarmInformationData\" style=\"width: 100%; height: 100%\"\n          :header-cell-style=\"{ 'text-align': 'center' }\" :cell-style=\"{ 'text-align': 'center' }\"\n          :row-class-name=\"rowClass\">\n          <el-table-column label=\"序号\" width=\"100\" align=\"center\">\n            <template slot-scope=\"scop\">\n              {{ scop.$index + 1 }}\n            </template>\n          </el-table-column>\n          <el-table-column prop=\"cabinet_name\" label=\"告警位置\" align=\"center\">\n            <!-- <template slot-scope=\"scope\">\n              <div v-html=\"scope.row.name\"></div>\n            </template> -->\n          </el-table-column>\n          <!-- <el-table-column prop=\"name\" label=\"间隔\" align=\"center\">\n          </el-table-column> -->\n          <el-table-column prop=\"event_desc\" label=\"告警信息\" align=\"center\">\n          </el-table-column>\n          <el-table-column prop=\"created_at\" label=\"发生时间\" align=\"center\">\n          </el-table-column>\n        </el-table>\n      </div>\n    </div>\n    <el-pagination @current-change=\"handleCurrentChange\" :current-page=\"page\" :page-size=\"pageSize\"\n      layout=\"prev, pager, next\" :total=\"totals\" v-if=\"pageShow\">\n    </el-pagination>\n  </div>\n  <!-- <div style=\"height:40px;width:40px\" class=\"suoxiao\">\n      <img src=\"../assets/images/btnFangDa.png\" style=\"height:40px;width:40px\"/>\n    </div> -->\n  <div class=\"componentShow\" v-if=\"modelOthers\">\n    <keep-alive>\n      <component :is=\"componentShow\" :ringMainUnit=\"device\"></component>\n    </keep-alive>\n  </div>\n  <!-- 工单统计弹窗 -->\n  <div class=\"componentShow\" v-if=\"orderItem != null\">\n    <component :is=\"orderShow\" :orderItem=\"orderItem\"></component>\n  </div>\n\n  <!-- 故障跳闸明细 -->\n  <div class=\"componentShow\" v-if=\"routeItem != null\">\n    <component :is=\"routeShow\" :routeItem=\"routeItem\"></component>\n  </div>\n\n  <!-- 查询配电线路 -->\n  <div class=\"componentShow\" style=\"display: block; height: calc(100% - 100px); top: 100px\" v-if=\"lineItem != null\">\n    <component :is=\"lineShow\" :lineItem=\"lineItem\"></component>\n  </div>\n  <audio controls=\"controls\" hidden src=\"../assets/videos/police.wav\" ref=\"audio\"></audio>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/50776448f5127022b11c290412e91773.json b/node_modules/.cache/vue-loader/50776448f5127022b11c290412e91773.json
new file mode 100644
index 00000000..20d5e51c
--- /dev/null
+++ b/node_modules/.cache/vue-loader/50776448f5127022b11c290412e91773.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\App.vue","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\App.vue","mtime":1689642396895},{"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":["import { render, staticRenderFns } from \"./App.vue?vue&type=template&id=7ba5bd90&scoped=true&\"\nimport script from \"./App.vue?vue&type=script&lang=js&\"\nexport * from \"./App.vue?vue&type=script&lang=js&\"\nimport style0 from \"./App.vue?vue&type=style&index=0&id=7ba5bd90&lang=css&\"\nimport style1 from \"./App.vue?vue&type=style&index=1&id=7ba5bd90&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"7ba5bd90\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"E:\\\\2023\\\\yancheng0718\\\\yanchengPowerSupply\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('7ba5bd90')) {\n      api.createRecord('7ba5bd90', component.options)\n    } else {\n      api.reload('7ba5bd90', component.options)\n    }\n    module.hot.accept(\"./App.vue?vue&type=template&id=7ba5bd90&scoped=true&\", function () {\n      api.rerender('7ba5bd90', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/App.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/540b65d0d5c4961422fa5ccbb44afd9c.json b/node_modules/.cache/vue-loader/540b65d0d5c4961422fa5ccbb44afd9c.json
new file mode 100644
index 00000000..ba06acee
--- /dev/null
+++ b/node_modules/.cache/vue-loader/540b65d0d5c4961422fa5ccbb44afd9c.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\HomePop\\ringMainUnit.vue?vue&type=template&id=69e71d64&scoped=true&","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\HomePop\\ringMainUnit.vue","mtime":1689642397095},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1689642389292},{"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\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1689642396087},{"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":["\n<div :class=\"equipmentName=='分支箱'?'ringMain':''\"  class=\"ringMainUnit\"> \n  <div class=\"top\">\n    <div class=\"title\">{{ ringMainUnit }}</div>\n    <div class=\"close\">\n      <img\n        @click=\"handleClose\"\n        src=\"@/assets/images/close.png\"\n        style=\"cursor: pointer\"\n      />\n    </div>\n  </div>\n  <div class=\"main\">\n    <el-tabs v-model=\"activeName\" @tab-click=\"handleClick\" style=\"height: 4%\" v-if=\"ringMainUnit.includes('总览')||ringMainUnit.includes('环网柜')\">\n      </el-tab-pane><el-tab-pane label=\"设备信息\" name=\"first\" style=\"font-size:20px\" > </el-tab-pane>\n      <el-tab-pane label=\"现场照片/红外视频\" name=\"second\" style=\"font-size:20px\"></el-tab-pane>\n      \n    </el-tabs>\n    <!-- 分支箱 -->\n    <el-tabs v-model=\"activeName\" @tab-click=\"handleClick\" style=\"height: 4%\" v-if=\"ringMainUnit.includes('分支箱')\">\n      <el-tab-pane label=\"设备信息\" name=\"first\" style=\"font-size:20px\" ></el-tab-pane>\n      <el-tab-pane label=\"现场照片\" name=\"second\" style=\"font-size:20px\"></el-tab-pane>\n    </el-tabs>\n    <!-- 箱变 -->\n    <el-tabs v-model=\"activeName\" @tab-click=\"handleClick\" style=\"height: 4%\" v-if=\"ringMainUnit.includes('箱变')\">\n      <el-tab-pane label=\"设备信息\" name=\"first\" style=\"font-size:20px\" ></el-tab-pane>\n      <el-tab-pane label=\"现场照片/红外视频\" name=\"second\" style=\"font-size:20px\"></el-tab-pane>\n    </el-tabs>\n    <!-- 开闭所 -->\n    <el-tabs v-model=\"activeName\" @tab-click=\"handleClick\" style=\"height: 4%\" v-if=\"ringMainUnit.includes('开闭所')\">\n      <el-tab-pane label=\"设备信息\" name=\"first\" style=\"font-size:20px\" ></el-tab-pane>\n      <el-tab-pane label=\"红外线视频/监检视频/现场照片\" name=\"second\" style=\"font-size:20px\"></el-tab-pane>\n    </el-tabs>\n    <div v-if=\"activeName == 'first'\" style=\"height: 100%; width: 100%\">\n      <div class=\"basic\">\n        <div class=\"title\" style=\"margin-top: 10px\">基本信息</div>\n        <div class=\"content\">\n          <div class=\"information\">\n            <div class=\"informationContent\">\n              {{ equipmentName }}名称&nbsp;&nbsp;&nbsp;&nbsp;{{\n                ringMainUnit\n              }}\n            </div>\n            <div class=\"informationContent\">\n              {{ equipmentName }}编号&nbsp;&nbsp;&nbsp;&nbsp;{{ deviceSn }}\n            </div>\n            <div class=\"informationContent\" v-if='equipmentName==\"分支箱\"'> \n              蓄电池电压(v)\n            </div>\n            <template v-else-if='equipmentName==\"箱变\"'>\n\n            </template>\n\n            <template v-else>\n            <div class=\"informationContent\" >\n              IP地址&nbsp;&nbsp;&nbsp;&nbsp;{{ deviceInformation.device_ip }}\n            </div>\n            <div class=\"informationContent\">\n              总间隔&nbsp;&nbsp;&nbsp;&nbsp;{{ totalInterval }}\n            </div>\n            </template>\n          </div>\n        </div>\n      </div>\n      <div class=\"earlyWarning\" v-show='equipmentName!=\"分支箱\"'>\n        <div class=\"title\">预警信息</div>\n        <div class=\"content\">\n          <div class=\"information\">\n            <div class=\"informationContent\">\n              <img src=\"@/assets/images/shiliangIcon1.png\" />\n              电缆沟水位&nbsp;:&nbsp;&nbsp;&nbsp;&nbsp;{{ waterLevel }}米\n              \n            </div>\n            <div class=\"informationContent\">\n              <span v-if=\"equipmentName!='箱变'\" style=\"margin-left:10px\">&nbsp;状态:&nbsp;&nbsp;&nbsp;&nbsp;{{ waterLevel1 }}</span>\n            </div>\n            <div class=\"informationContent\">\n              <img src=\"@/assets/images/shiliangIcon2.png\" />\n              小电流接地故障状态&nbsp;:&nbsp;&nbsp;&nbsp;&nbsp;{{ grounding }}\n            </div>\n          </div>\n        </div>\n      </div>\n      <div v-if=\"equipmentName=='分支箱'\" class=\"interval\" >\n          <div class=\"title\" >出现线缆温度监测</div>\n          <div class=\"fenzhiMessage\">\n            <div class=\"fenzhiItem\" v-for=\"s in fenzhiArr\">\n                <div class=\"unitNum\">\n                  <span>55</span>\n                </div>\n                <div class=\"fenzhiUnit\">\n                  <span>{{s}}</span>\n                </div>\n            </div>\n          </div>\n      </div>\n      <div class=\"interval\" v-else>\n        <div class=\"title\" v-if='equipmentName==\"箱变\"'>电参数监测</div>\n      \n        <div class=\"title\" v-else>间隔监测</div>\n        <!-- 分支箱 -->\n        \n        <div  class=\"table user_skills\">\n          <el-table\n            :data=\"tableData\"\n            style=\"width: 100%; height: 100%\"\n            :header-cell-style=\"{ 'text-align': 'center' }\"\n            :cell-style=\"{ 'text-align': 'center' }\"\n            stripe\n          >\n            <el-table-column prop=\"name\" label=\"\" align=\"center\" width=\"150\">\n            </el-table-column>\n            <el-table-column prop=\"phase\" label=\"相位\"> </el-table-column>\n            <el-table-column\n              v-for=\"(item, index) in tableColumns\"\n              :key=\"index\"\n              :prop=\"item.key\"\n              align=\"center\"\n              :label=\"item.name\"\n            >\n            </el-table-column>\n          </el-table>\n        </div>\n      </div>\n      \n      <div class=\"addTitle\" v-if='equipmentName==\"箱变\"'>进线局放数据</div>\n      <div class=\"addTitle\" v-else-if='equipmentName==\"分支箱\"'>局放数据</div>\n      \n      <div class=\"intervalData\">\n        <!-- <template v-if='equipmentName==\"箱变\"||equipmentName==\"分支箱\"'>\n        </template> -->\n        <el-tabs  v-model=\"intervalName\" @tab-click=\"intervalClick\">\n          <el-tab-pane\n            :label=\"item.name\"\n            :name=\"item.key\"\n            v-for=\"(item, index) in echartsTab\"\n            :key=\"index\"\n          ></el-tab-pane>\n        </el-tabs>\n        <el-tabs  v-model=\"intervalName1\" @tab-click=\"intervalClick1\">\n          <el-tab-pane\n            :label=\"item.name\"\n            :name=\"item.key\"\n            v-for=\"(item, index) in echartsTab1\"\n            :key=\"index\"\n          ></el-tab-pane>\n        </el-tabs>\n        <div id=\"intervalShow\" v-show=\"echartsShow\"></div>\n        <div id=\"temperatureShow\" v-show=\"!echartsShow\"></div>\n      </div>\n    </div>\n\n    <div\n      class=\"InfraredVideo\"\n      v-if=\"activeName == 'second'\"\n      style=\"height: 96%; width: 100%\"\n    >\n      <div class=\"title\">\n        <el-tabs\n          :tab-position=\"tabPosition\"\n          v-model=\"InfraredName\"\n          style=\"height: 100%\"\n        >\n          <el-tab-pane v-for=\"(item, index) in vectorgraphData\" :key=\"index\">\n            <span\n              slot=\"label\"\n              style=\"display: flex; align-items: center\"\n              @click=\"InfraredClick(index)\"\n            >\n              <img :src=\"item.vectorgraph\" />\n              <span\n                style=\"margin-left: 10px; font-size: 19px\"\n                :style=\"{ color: item.color }\"\n                >{{ item.name }}</span\n              >\n            </span>\n          </el-tab-pane>\n          <div class=\"content\" v-show=\"photoShow\">\n            <div\n              v-for=\"(item, index) in photoList\"\n              :key=\"index\"\n              style=\"margin-top: 40px; margin-right: 20px\"\n            >\n              <img :src=\"item.photo\" style=\"width: 407px; height: 274px\" />\n            </div>\n          </div>\n          <div class=\"content1\" v-show=\"videoShow\">\n            <canvas id=\"canvas\" style=\"width: 100%; height: 100%\"></canvas>\n            <!-- <video id=\"video\" autoplay  style=\"width:100%; height:100%\"></video> -->\n          </div>\n          <div class=\"content1\" v-show=\"videoShow1\">\n            <canvas id=\"canvas1\" style=\"width: 100%; height: 100%\"></canvas>\n            <!-- <video id=\"video\" autoplay  style=\"width:100%; height:100%\"></video> -->\n          </div>\n        </el-tabs>\n      </div>\n    </div>\n  </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/54ef2ead6203d575a3efed7358a8dd5f.json b/node_modules/.cache/vue-loader/54ef2ead6203d575a3efed7358a8dd5f.json
new file mode 100644
index 00000000..ca394d80
--- /dev/null
+++ b/node_modules/.cache/vue-loader/54ef2ead6203d575a3efed7358a8dd5f.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-resize-sensor\\src\\resize-sensor.vue","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-resize-sensor\\src\\resize-sensor.vue","mtime":1689642396277},{"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":["var render, staticRenderFns\nimport script from \"./resize-sensor.vue?vue&type=script&lang=js&\"\nexport * from \"./resize-sensor.vue?vue&type=script&lang=js&\"\nimport style0 from \"./resize-sensor.vue?vue&type=style&index=0&id=0079a024&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"E:\\\\2023\\\\yancheng0718\\\\yanchengPowerSupply\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('0079a024')) {\n      api.createRecord('0079a024', component.options)\n    } else {\n      api.reload('0079a024', component.options)\n    }\n    \n  }\n}\ncomponent.options.__file = \"node_modules/vue-resize-sensor/src/resize-sensor.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/589040092e0b18a44db639322f14e343.json b/node_modules/.cache/vue-loader/589040092e0b18a44db639322f14e343.json
new file mode 100644
index 00000000..8e953311
--- /dev/null
+++ b/node_modules/.cache/vue-loader/589040092e0b18a44db639322f14e343.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--12-0!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??ref--6!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\component\\lineDetail.vue?vue&type=template&id=9cf184e0&scoped=true&","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\component\\lineDetail.vue","mtime":1689642397091},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\babel.config.js","mtime":1689642387810},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1689642389292},{"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\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1689642396087},{"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":["import \"core-js/modules/es6.regexp.search\";\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"lineContent\"\n  }, [_c(\"div\", {\n    staticClass: \"lineDetail\"\n  }, [_c(\"div\", {\n    staticClass: \"close\"\n  }, [_c(\"img\", {\n    staticStyle: {\n      cursor: \"pointer\"\n    },\n    attrs: {\n      src: require(\"@/assets/images/close.png\")\n    },\n    on: {\n      click: _vm.handleClose\n    }\n  })]), _c(\"div\", {\n    staticClass: \"table user_skills\"\n  }, [_c(\"div\", {\n    staticClass: \"search\"\n  }, [_c(\"el-select\", {\n    staticStyle: {\n      \"margin-left\": \"30px\"\n    },\n    attrs: {\n      placeholder: \"请选择\"\n    },\n    model: {\n      value: _vm.value1,\n      callback: function callback($$v) {\n        _vm.value1 = $$v;\n      },\n      expression: \"value1\"\n    }\n  }, _vm._l(_vm.districtList, function (item, index) {\n    return _c(\"el-option\", {\n      key: item.index,\n      attrs: {\n        label: item,\n        value: item\n      }\n    });\n  }), 1), _c(\"el-select\", {\n    staticStyle: {\n      \"margin-left\": \"10px\"\n    },\n    attrs: {\n      placeholder: \"请选择\"\n    },\n    model: {\n      value: _vm.value2,\n      callback: function callback($$v) {\n        _vm.value2 = $$v;\n      },\n      expression: \"value2\"\n    }\n  }, _vm._l(_vm.taiwanList, function (item, index) {\n    return _c(\"el-option\", {\n      key: item.index,\n      attrs: {\n        label: item,\n        value: item\n      }\n    });\n  }), 1), _c(\"el-input\", {\n    staticStyle: {\n      \"margin-left\": \"10px\"\n    },\n    attrs: {\n      placeholder: \"模糊中文搜索\"\n    },\n    nativeOn: {\n      keyup: function keyup($event) {\n        if (!$event.type.indexOf(\"key\") && _vm._k($event.keyCode, \"enter\", 13, $event.key, \"Enter\")) return null;\n        return _vm.search.apply(null, arguments);\n      }\n    },\n    model: {\n      value: _vm.searchData,\n      callback: function callback($$v) {\n        _vm.searchData = typeof $$v === \"string\" ? $$v.trim() : $$v;\n      },\n      expression: \"searchData\"\n    }\n  }), _c(\"div\", {\n    staticClass: \"searchBtn\",\n    on: {\n      click: _vm.search\n    }\n  }), _c(\"div\", {\n    staticClass: \"refurbish\",\n    on: {\n      click: _vm.refurbish\n    }\n  })], 1), _c(\"el-table\", {\n    staticStyle: {\n      width: \"100%\",\n      height: \"calc(100% - 80px)\",\n      \"overflow-y\": \"scroll\",\n      position: \"relative\"\n    },\n    attrs: {\n      data: _vm.lineList,\n      \"header-cell-style\": {\n        \"text-align\": \"center\"\n      },\n      \"cell-style\": {\n        \"text-align\": \"center\"\n      },\n      stripe: \"\"\n    },\n    on: {\n      \"row-click\": _vm.rowHandle\n    }\n  }, [_c(\"el-table-column\", {\n    attrs: {\n      prop: \"line_name\",\n      label: \"序号\",\n      align: \"center\",\n      width: \"60\"\n    },\n    scopedSlots: _vm._u([{\n      key: \"default\",\n      fn: function fn(scope) {\n        return [_vm._v(\"\\n            \" + _vm._s(scope.$index + 1) + \"\\n          \")];\n      }\n    }])\n  }), _c(\"el-table-column\", {\n    attrs: {\n      prop: \"qushu\",\n      label: \"区域\",\n      align: \"center\"\n    }\n  }), _c(\"el-table-column\", {\n    attrs: {\n      prop: \"taiqu\",\n      label: \"变电站\",\n      align: \"center\"\n    }\n  }), _c(\"el-table-column\", {\n    attrs: {\n      prop: \"line_name\",\n      label: \"线路名称\",\n      align: \"center\",\n      width: \"170\"\n    }\n  }), _c(\"el-table-column\", {\n    attrs: {\n      prop: \"url_init\",\n      label: \"原状\",\n      align: \"center\"\n    },\n    scopedSlots: _vm._u([{\n      key: \"default\",\n      fn: function fn(scope) {\n        return [scope.row.url_init ? _c(\"div\", {\n          staticClass: \"cad-icon\",\n          on: {\n            click: function click($event) {\n              $event.stopPropagation();\n              return _vm.openInit(scope.row);\n            }\n          }\n        }) : _vm._e()];\n      }\n    }])\n  }), _c(\"el-table-column\", {\n    attrs: {\n      prop: \"url_dest\",\n      label: \"目标\",\n      align: \"center\"\n    },\n    scopedSlots: _vm._u([{\n      key: \"default\",\n      fn: function fn(scope) {\n        return [scope.row.url_dest ? _c(\"div\", {\n          staticClass: \"cad-icon\",\n          on: {\n            click: function click($event) {\n              $event.stopPropagation();\n              return _vm.openCad(scope.row);\n            }\n          }\n        }) : _vm._e()];\n      }\n    }])\n  }), _c(\"el-table-column\", {\n    attrs: {\n      prop: \"url_nigai\",\n      label: \"本年度拟改\",\n      align: \"center\"\n    },\n    scopedSlots: _vm._u([{\n      key: \"default\",\n      fn: function fn(scope) {\n        return [scope.row.url_nigai ? _c(\"div\", {\n          staticClass: \"cad-icon\"\n        }) : _vm._e()];\n      }\n    }])\n  }), _c(\"el-table-column\", {\n    attrs: {\n      prop: \"nigai_state\",\n      label: \"当前状态\",\n      align: \"center\"\n    },\n    scopedSlots: _vm._u([{\n      key: \"default\",\n      fn: function fn(scope) {\n        return [_c(\"div\", {\n          class: \"circle\" + scope.row.nigai_state\n        })];\n      }\n    }])\n  })], 1)], 1)]), _c(\"div\", {\n    directives: [{\n      name: \"show\",\n      rawName: \"v-show\",\n      value: _vm.rightDialog,\n      expression: \"rightDialog\"\n    }],\n    staticClass: \"right-dialog\"\n  }, [_c(\"div\", {\n    staticClass: \"closeBtn\"\n  }, [_c(\"img\", {\n    staticStyle: {\n      cursor: \"pointer\"\n    },\n    attrs: {\n      src: require(\"@/assets/images/close.png\")\n    },\n    on: {\n      click: _vm.handleClose1\n    }\n  })]), _c(\"div\", {\n    staticClass: \"title\"\n  }, [_vm._v(\"拟改图对比\")]), _c(\"div\", {\n    staticClass: \"funBtn\"\n  }, [_c(\"div\", {\n    staticClass: \"initBtn\"\n  }, [_c(\"span\", {\n    staticClass: \"title\"\n  }, [_vm._v(_vm._s(_vm.title))])]), _vm._m(0)]), _c(\"div\", {\n    staticClass: \"pdf-content\"\n  }, [_c(\"div\", {\n    staticClass: \"left-content\",\n    attrs: {\n      id: \"leftContent\"\n    }\n  }, [_c(\"iframe\", {\n    attrs: {\n      src: _vm.init,\n      frameborder: \"0\",\n      width: \"100%\",\n      height: \"100%\",\n      scrolling: \"no\"\n    }\n  })]), _c(\"div\", {\n    staticClass: \"right-content\"\n  }, [_c(\"iframe\", {\n    ref: \"iframeId\",\n    attrs: {\n      src: _vm.nigai,\n      frameborder: \"0\",\n      width: \"100%\",\n      height: \"100%\",\n      scrolling: \"no\"\n    }\n  })])])])]);\n};\nvar staticRenderFns = [function () {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"nigaiBtn\"\n  }, [_c(\"span\", {\n    staticClass: \"title\"\n  }, [_vm._v(\"拟改图\")])]);\n}];\nrender._withStripped = true;\nexport { render, staticRenderFns };",{"version":3,"names":["render","_vm","_c","_self","staticClass","staticStyle","cursor","attrs","src","require","on","click","handleClose","placeholder","model","value","value1","callback","$$v","expression","_l","districtList","item","index","key","label","value2","taiwanList","nativeOn","keyup","$event","type","indexOf","_k","keyCode","search","apply","arguments","searchData","trim","refurbish","width","height","position","data","lineList","stripe","rowHandle","prop","align","scopedSlots","_u","fn","scope","_v","_s","$index","row","url_init","stopPropagation","openInit","_e","url_dest","openCad","url_nigai","class","nigai_state","directives","name","rawName","rightDialog","handleClose1","title","_m","id","init","frameborder","scrolling","ref","nigai","staticRenderFns","_withStripped"],"sources":["E:/2023/yancheng0718/yanchengPowerSupply/src/component/lineDetail.vue"],"sourcesContent":["var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\"div\", { staticClass: \"lineContent\" }, [\n    _c(\"div\", { staticClass: \"lineDetail\" }, [\n      _c(\"div\", { staticClass: \"close\" }, [\n        _c(\"img\", {\n          staticStyle: { cursor: \"pointer\" },\n          attrs: { src: require(\"@/assets/images/close.png\") },\n          on: { click: _vm.handleClose },\n        }),\n      ]),\n      _c(\n        \"div\",\n        { staticClass: \"table user_skills\" },\n        [\n          _c(\n            \"div\",\n            { staticClass: \"search\" },\n            [\n              _c(\n                \"el-select\",\n                {\n                  staticStyle: { \"margin-left\": \"30px\" },\n                  attrs: { placeholder: \"请选择\" },\n                  model: {\n                    value: _vm.value1,\n                    callback: function ($$v) {\n                      _vm.value1 = $$v\n                    },\n                    expression: \"value1\",\n                  },\n                },\n                _vm._l(_vm.districtList, function (item, index) {\n                  return _c(\"el-option\", {\n                    key: item.index,\n                    attrs: { label: item, value: item },\n                  })\n                }),\n                1\n              ),\n              _c(\n                \"el-select\",\n                {\n                  staticStyle: { \"margin-left\": \"10px\" },\n                  attrs: { placeholder: \"请选择\" },\n                  model: {\n                    value: _vm.value2,\n                    callback: function ($$v) {\n                      _vm.value2 = $$v\n                    },\n                    expression: \"value2\",\n                  },\n                },\n                _vm._l(_vm.taiwanList, function (item, index) {\n                  return _c(\"el-option\", {\n                    key: item.index,\n                    attrs: { label: item, value: item },\n                  })\n                }),\n                1\n              ),\n              _c(\"el-input\", {\n                staticStyle: { \"margin-left\": \"10px\" },\n                attrs: { placeholder: \"模糊中文搜索\" },\n                nativeOn: {\n                  keyup: function ($event) {\n                    if (\n                      !$event.type.indexOf(\"key\") &&\n                      _vm._k($event.keyCode, \"enter\", 13, $event.key, \"Enter\")\n                    )\n                      return null\n                    return _vm.search.apply(null, arguments)\n                  },\n                },\n                model: {\n                  value: _vm.searchData,\n                  callback: function ($$v) {\n                    _vm.searchData = typeof $$v === \"string\" ? $$v.trim() : $$v\n                  },\n                  expression: \"searchData\",\n                },\n              }),\n              _c(\"div\", {\n                staticClass: \"searchBtn\",\n                on: { click: _vm.search },\n              }),\n              _c(\"div\", {\n                staticClass: \"refurbish\",\n                on: { click: _vm.refurbish },\n              }),\n            ],\n            1\n          ),\n          _c(\n            \"el-table\",\n            {\n              staticStyle: {\n                width: \"100%\",\n                height: \"calc(100% - 80px)\",\n                \"overflow-y\": \"scroll\",\n                position: \"relative\",\n              },\n              attrs: {\n                data: _vm.lineList,\n                \"header-cell-style\": { \"text-align\": \"center\" },\n                \"cell-style\": { \"text-align\": \"center\" },\n                stripe: \"\",\n              },\n              on: { \"row-click\": _vm.rowHandle },\n            },\n            [\n              _c(\"el-table-column\", {\n                attrs: {\n                  prop: \"line_name\",\n                  label: \"序号\",\n                  align: \"center\",\n                  width: \"60\",\n                },\n                scopedSlots: _vm._u([\n                  {\n                    key: \"default\",\n                    fn: function (scope) {\n                      return [\n                        _vm._v(\n                          \"\\n            \" +\n                            _vm._s(scope.$index + 1) +\n                            \"\\n          \"\n                        ),\n                      ]\n                    },\n                  },\n                ]),\n              }),\n              _c(\"el-table-column\", {\n                attrs: { prop: \"qushu\", label: \"区域\", align: \"center\" },\n              }),\n              _c(\"el-table-column\", {\n                attrs: { prop: \"taiqu\", label: \"变电站\", align: \"center\" },\n              }),\n              _c(\"el-table-column\", {\n                attrs: {\n                  prop: \"line_name\",\n                  label: \"线路名称\",\n                  align: \"center\",\n                  width: \"170\",\n                },\n              }),\n              _c(\"el-table-column\", {\n                attrs: { prop: \"url_init\", label: \"原状\", align: \"center\" },\n                scopedSlots: _vm._u([\n                  {\n                    key: \"default\",\n                    fn: function (scope) {\n                      return [\n                        scope.row.url_init\n                          ? _c(\"div\", {\n                              staticClass: \"cad-icon\",\n                              on: {\n                                click: function ($event) {\n                                  $event.stopPropagation()\n                                  return _vm.openInit(scope.row)\n                                },\n                              },\n                            })\n                          : _vm._e(),\n                      ]\n                    },\n                  },\n                ]),\n              }),\n              _c(\"el-table-column\", {\n                attrs: { prop: \"url_dest\", label: \"目标\", align: \"center\" },\n                scopedSlots: _vm._u([\n                  {\n                    key: \"default\",\n                    fn: function (scope) {\n                      return [\n                        scope.row.url_dest\n                          ? _c(\"div\", {\n                              staticClass: \"cad-icon\",\n                              on: {\n                                click: function ($event) {\n                                  $event.stopPropagation()\n                                  return _vm.openCad(scope.row)\n                                },\n                              },\n                            })\n                          : _vm._e(),\n                      ]\n                    },\n                  },\n                ]),\n              }),\n              _c(\"el-table-column\", {\n                attrs: {\n                  prop: \"url_nigai\",\n                  label: \"本年度拟改\",\n                  align: \"center\",\n                },\n                scopedSlots: _vm._u([\n                  {\n                    key: \"default\",\n                    fn: function (scope) {\n                      return [\n                        scope.row.url_nigai\n                          ? _c(\"div\", { staticClass: \"cad-icon\" })\n                          : _vm._e(),\n                      ]\n                    },\n                  },\n                ]),\n              }),\n              _c(\"el-table-column\", {\n                attrs: {\n                  prop: \"nigai_state\",\n                  label: \"当前状态\",\n                  align: \"center\",\n                },\n                scopedSlots: _vm._u([\n                  {\n                    key: \"default\",\n                    fn: function (scope) {\n                      return [\n                        _c(\"div\", { class: \"circle\" + scope.row.nigai_state }),\n                      ]\n                    },\n                  },\n                ]),\n              }),\n            ],\n            1\n          ),\n        ],\n        1\n      ),\n    ]),\n    _c(\n      \"div\",\n      {\n        directives: [\n          {\n            name: \"show\",\n            rawName: \"v-show\",\n            value: _vm.rightDialog,\n            expression: \"rightDialog\",\n          },\n        ],\n        staticClass: \"right-dialog\",\n      },\n      [\n        _c(\"div\", { staticClass: \"closeBtn\" }, [\n          _c(\"img\", {\n            staticStyle: { cursor: \"pointer\" },\n            attrs: { src: require(\"@/assets/images/close.png\") },\n            on: { click: _vm.handleClose1 },\n          }),\n        ]),\n        _c(\"div\", { staticClass: \"title\" }, [_vm._v(\"拟改图对比\")]),\n        _c(\"div\", { staticClass: \"funBtn\" }, [\n          _c(\"div\", { staticClass: \"initBtn\" }, [\n            _c(\"span\", { staticClass: \"title\" }, [_vm._v(_vm._s(_vm.title))]),\n          ]),\n          _vm._m(0),\n        ]),\n        _c(\"div\", { staticClass: \"pdf-content\" }, [\n          _c(\n            \"div\",\n            { staticClass: \"left-content\", attrs: { id: \"leftContent\" } },\n            [\n              _c(\"iframe\", {\n                attrs: {\n                  src: _vm.init,\n                  frameborder: \"0\",\n                  width: \"100%\",\n                  height: \"100%\",\n                  scrolling: \"no\",\n                },\n              }),\n            ]\n          ),\n          _c(\"div\", { staticClass: \"right-content\" }, [\n            _c(\"iframe\", {\n              ref: \"iframeId\",\n              attrs: {\n                src: _vm.nigai,\n                frameborder: \"0\",\n                width: \"100%\",\n                height: \"100%\",\n                scrolling: \"no\",\n              },\n            }),\n          ]),\n        ]),\n      ]\n    ),\n  ])\n}\nvar staticRenderFns = [\n  function () {\n    var _vm = this,\n      _c = _vm._self._c\n    return _c(\"div\", { staticClass: \"nigaiBtn\" }, [\n      _c(\"span\", { staticClass: \"title\" }, [_vm._v(\"拟改图\")]),\n    ])\n  },\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }"],"mappings":"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"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/61992c36d9e67eeb056eb03f47639e2f.json b/node_modules/.cache/vue-loader/61992c36d9e67eeb056eb03f47639e2f.json
new file mode 100644
index 00000000..7c94855f
--- /dev/null
+++ b/node_modules/.cache/vue-loader/61992c36d9e67eeb056eb03f47639e2f.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\component\\workOrder.vue?vue&type=template&id=52a0f862&scoped=true&","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\component\\workOrder.vue","mtime":1689642397092},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1689642389292},{"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\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1689642396087},{"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":["\n<div>\n  <div class=\"workOrder\" :class=\"wordShow == true ? 'addblur' : ''\">\n    <div class=\"top\">\n      <div class=\"title\">{{ orderItem.gd_type_name }}详情</div>\n      <div class=\"close\">\n        <img\n          @click=\"handleClose\"\n          src=\"@/assets/images/close.png\"\n          style=\"cursor: pointer\"\n        />\n      </div>\n    </div>\n    <div class=\"table user_skills\">\n      <el-table\n        :data=\"workList\"\n        style=\"width: 100%; height: 100%\"\n        :header-cell-style=\"{ 'text-align': 'center' }\"\n        :cell-style=\"{ 'text-align': 'center' }\"\n        stripe\n      >\n        <el-table-column label=\"序号\" align=\"center\" width=\"60\">\n          <template slot-scope=\"scope\">\n            {{ scope.$index + 1 }}\n          </template>\n        </el-table-column>\n        <el-table-column prop=\"bz\" label=\"班组\" align=\"center\">\n        </el-table-column>\n        <el-table-column prop=\"gd_type_id\" label=\"工单类型\" align=\"center\">\n        </el-table-column>\n        <el-table-column prop=\"gd_zrr\" label=\"工单责任人\" align=\"center\">\n        </el-table-column>\n        <el-table-column prop=\"gd_title\" label=\"工单标题\" align=\"center\">\n        </el-table-column>\n        <el-table-column prop=\"gd_time\" label=\"工单时间\" align=\"center\">\n        </el-table-column>\n        <el-table-column prop=\"is_manyi_dsc\" label=\"是否满意\" align=\"center\">\n        </el-table-column>\n        <el-table-column label=\"资料路径\" align=\"center\">\n          <template slot-scope=\"scope\">\n            <div\n              @click=\"openFile(scope.row.file_url, scope.row.bz)\"\n              :class=\"scope.row.file_url ? 'openBtn' : ''\"\n            ></div>\n            <!-- <el-button type='info'>\n            查看详情\n          </el-button> -->\n          </template>\n        </el-table-column>\n        <!-- <el-table-column prop=\"phase\" label=\"创建时间\" align=\"center\"> </el-table-column> -->\n      </el-table>\n    </div>\n  </div>\n  <!-- word弹窗 -->\n  <div class=\"wordDialog\" v-show=\"wordShow\">\n    <div class=\"title\">\n      {{ wordShow == true ? this.wordTitle+'详情' : \"\" }}\n    </div>\n    <div class=\"word\" ref=\"word\">\n      <div class=\"wordBox\"></div>\n    </div>\n    <div class=\"wordBtn\">\n      <img\n        @click=\"wordClose\"\n        src=\"@/assets/images/close.png\"\n        style=\"cursor: pointer\"\n      />\n    </div>\n  </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/61e50764a7bfc7eca9174e502d2843be.json b/node_modules/.cache/vue-loader/61e50764a7bfc7eca9174e502d2843be.json
new file mode 100644
index 00000000..14ed87e0
--- /dev/null
+++ b/node_modules/.cache/vue-loader/61e50764a7bfc7eca9174e502d2843be.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\component\\lineDetail.vue?vue&type=style&index=1&id=9cf184e0&lang=less&","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\component\\lineDetail.vue","mtime":1689642397091},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\css-loader\\index.js","mtime":1689642389821},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1689642396087},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\postcss-loader\\src\\index.js","mtime":1689642393431},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\less-loader\\dist\\cjs.js","mtime":1689642392421},{"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\n.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  .el-select-dropdown__item {\r\n    color: #fff !important;\r\n  }\r\n\r\n  .el-select-dropdown__item.hover,\r\n  .el-select-dropdown__item:hover {\r\n    background-color: rgb(18, 54, 87) !important;\r\n  }\r\n}\r\n",{"version":3,"sources":["lineDetail.vue"],"names":[],"mappings":";AAgyBA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA","file":"lineDetail.vue","sourceRoot":"src/component","sourcesContent":["<template>\r\n  <div class=\"lineContent\">\r\n    <!-- 配电线路弹窗 -->\r\n    <div class=\"lineDetail\">\r\n      <!-- <div class=\"title\">配电路线详情</div> -->\r\n      <div class=\"close\">\r\n        <img @click=\"handleClose\" src=\"@/assets/images/close.png\" style=\"cursor: pointer\" />\r\n      </div>\r\n\r\n      <div class=\"table user_skills\">\r\n\r\n        <div class=\"search\">\r\n          <el-select v-model=\"value1\" placeholder=\"请选择\" style=\"margin-left: 30px\">\r\n            <el-option v-for=\"(item, index) in districtList\" :key=\"item.index\" :label=\"item\" :value=\"item\">\r\n            </el-option>\r\n          </el-select>\r\n          <el-select v-model=\"value2\" placeholder=\"请选择\" style=\"margin-left: 10px\">\r\n            <el-option v-for=\"(item, index) in taiwanList\" :key=\"item.index\" :label=\"item\" :value=\"item\">\r\n            </el-option>\r\n          </el-select>\r\n          <el-input style=\"margin-left: 10px;\" placeholder=\"模糊中文搜索\" v-model.trim=\"searchData\"\r\n            @keyup.enter.native=\"search\">\r\n            <!-- <i slot=\"suffix\" class=\"el-input-icon el-icon-search\" @click=\"search\"></i> -->\r\n          </el-input>\r\n\r\n\r\n          <div class=\"searchBtn\" @click=\"search\"></div>\r\n          <div class=\"refurbish\" @click=\"refurbish\"></div>\r\n        </div>\r\n\r\n        <el-table @row-click=\"rowHandle\" :data=\"lineList\" style=\"width: 100%; height: calc(100% - 80px);\r\n                        overflow-y: scroll;\r\n                        position: relative;\r\n                      \" :header-cell-style=\"{ 'text-align': 'center' }\" :cell-style=\"{ 'text-align': 'center' }\" stripe>\r\n          <el-table-column prop=\"line_name\" label=\"序号\" align=\"center\" width=\"60\">\r\n            <template slot-scope=\"scope\">\r\n              {{ scope.$index + 1 }}\r\n            </template>\r\n          </el-table-column>\r\n          <el-table-column prop=\"qushu\" label=\"区域\" align=\"center\">\r\n            <!-- <template slot-scope=\"scope\">\r\n              <div>\r\n                  \r\n              </div>\r\n            </template> -->\r\n          </el-table-column>\r\n          <el-table-column prop=\"taiqu\" label=\"变电站\" align=\"center\">\r\n          </el-table-column>\r\n          <el-table-column prop=\"line_name\" label=\"线路名称\" align=\"center\" width=\"170\">\r\n            <!-- <template slot-scope=\"scope\">\r\n              <div>\r\n                  \r\n              </div>\r\n            </template> -->\r\n          </el-table-column>\r\n          <el-table-column prop=\"url_init\" label=\"原状\" align=\"center\">\r\n            <template slot-scope=\"scope\">\r\n              <div v-if=\"scope.row.url_init\" class=\"cad-icon\" @click.stop=\"openInit(scope.row)\"></div>\r\n            </template>\r\n          </el-table-column>\r\n          <el-table-column prop=\"url_dest\" label=\"目标\" align=\"center\">\r\n            <template slot-scope=\"scope\">\r\n              <div v-if=\"scope.row.url_dest\" class=\"cad-icon\" @click.stop=\"openCad(scope.row)\"></div>\r\n            </template>\r\n          </el-table-column>\r\n          <el-table-column prop=\"url_nigai\" label=\"本年度拟改\" align=\"center\">\r\n            <template slot-scope=\"scope\">\r\n              <div v-if=\"scope.row.url_nigai\" class=\"cad-icon\"></div>\r\n            </template>\r\n          </el-table-column>\r\n          <el-table-column prop=\"nigai_state\" label=\"当前状态\" align=\"center\">\r\n            <template slot-scope=\"scope\">\r\n              <div :class=\"'circle' + scope.row.nigai_state\"></div>\r\n            </template>\r\n          </el-table-column>\r\n        </el-table>\r\n      </div>\r\n    </div>\r\n    <div class=\"right-dialog\" v-show=\"rightDialog\">\r\n      <div class=\"closeBtn\">\r\n        <img @click=\"handleClose1\" src=\"@/assets/images/close.png\" style=\"cursor: pointer\" />\r\n      </div>\r\n      <!-- 标题 -->\r\n      <div class=\"title\">拟改图对比</div>\r\n      <div class=\"funBtn\">\r\n        <div class=\"initBtn\">\r\n          <!-- <el-button icon=\"el-icon-zoom-in\" @click.native=\"enlargeBtn0()\"\r\n            >放大</el-button\r\n          >\r\n          <el-button icon=\"el-icon-zoom-out\" @click=\"reduceBtn0()\"\r\n            >缩小</el-button\r\n          > -->\r\n          <span class=\"title\">{{ title }}</span>\r\n        </div>\r\n\r\n        <div class=\"nigaiBtn\">\r\n          <!-- <el-button icon=\"el-icon-zoom-in\" @click=\"enlargeBtn1()\"\r\n            >放大</el-button\r\n          >\r\n          <el-button icon=\"el-icon-zoom-out\" @click=\"reduceBtn1()\"\r\n            >缩小</el-button\r\n          > -->\r\n          <span class=\"title\">拟改图</span>\r\n        </div>\r\n      </div>\r\n      <div class=\"pdf-content\">\r\n        <div class=\"left-content\" id=\"leftContent\">\r\n          <!-- <iframe\r\n            :src=\"pdfUrl\"\r\n            width=\"100%\"\r\n            height=\"100%\"\r\n            scrolling=\"no\"\r\n            frameborder=\"no\"\r\n          ></iframe> -->\r\n          <!-- <pdf ref=\"pdf\" :src=\"pdfUrl\"></pdf> -->\r\n          <iframe :src=\"init\" frameborder=\"0\" width=\"100%\" height=\"100%\" scrolling=\"no\"></iframe>\r\n        </div>\r\n\r\n        <div class=\"right-content\" >\r\n          <!-- <pdf ref=\"pdf1\" :src=\"pdfUrl1\"></pdf>\r\n          -->\r\n          <iframe :src=\"nigai\" ref=\"iframeId\" frameborder=\"0\" width=\"100%\" height=\"100%\" scrolling=\"no\"></iframe>\r\n\r\n          <!-- <iframe\r\n            ref=\"iframe\"\r\n            id=\"iframe\"\r\n            :src=\"pdfUrl1\"\r\n            width=\"100%\"\r\n            height=\"100%\"\r\n            scrolling=\"no\"\r\n            frameborder=\"no\"\r\n          >\r\n          </iframe> -->\r\n        </div>\r\n      </div>\r\n      <!-- <div class=\"footer\"> -->\r\n      <!-- <div class=\"text-detail\">说明文字:</div> -->\r\n      <!-- 说明文字 -->\r\n      <!-- <div class=\"text-content\">\r\n          <el-input type=\"textarea\" placeholder=\"说明文字\" v-model=\"textarea\">\r\n          </el-input>\r\n        </div>\r\n      </div> -->\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { getLine } from \"../api/index\";\r\n// import Mx from \"mxdraw\";\r\nimport pdf from \"vue-pdf\";\r\nexport default {\r\n  name: \"lineDetail\",\r\n  props: [\"lineItem\"],\r\n  components: {\r\n    pdf,\r\n  },\r\n  data() {\r\n    return {\r\n      init: '',\r\n      nigai: '',\r\n      // 说明文字 ，文本域\r\n      textarea: \"\",\r\n      // 搜索文字\r\n      searchData: \"\",\r\n      //\r\n      lineList: null,\r\n      pdfUrl: \"\",\r\n      rightDialog: false,\r\n      // cad: \"/assets/cad/cad.dwg\",\r\n      pdfUrl1: \"\", //nigai图\r\n      districtList: [], //区属列表\r\n      value1: \"\",\r\n      taiwanList: [], //台区列表\r\n      value2: \"\",\r\n      // 原状图\r\n      scale: 100,\r\n      scale1: 100, //拟改图\r\n\r\n      title: '原状图',\r\n      host: '',\r\n      cadFile: ''\r\n    };\r\n  },\r\n  methods: {\r\n\r\n\r\n    // 放大按钮 原状\r\n    enlargeBtn0() {\r\n      this.scale += 5;\r\n      this.$nextTick(() => {\r\n        this.$refs.pdf.$el.style.width = parseInt(this.scale) + \"%\";\r\n        //  console.log(this,'and',this.$refs.pdf.$el.style.width);\r\n      });\r\n    },\r\n    // 放大按钮 拟改\r\n    enlargeBtn1() {\r\n      this.scale1 += 5;\r\n      // debugger\r\n      this.$nextTick(() => {\r\n        this.$refs.pdf1.$el.style.width = parseInt(this.scale1) + \"%\";\r\n      });\r\n      // debugger\r\n    },\r\n    reduceBtn0() {\r\n      if (this.scale == 100) {\r\n        return;\r\n      }\r\n      this.scale += -5;\r\n      this.$nextTick(() => {\r\n        this.$refs.pdf.$el.style.width = parseInt(this.scale) + \"%\";\r\n        //  console.log(this,'and',this.$refs.pdf.$el.style.width);\r\n      });\r\n    },\r\n    reduceBtn1() {\r\n      if (this.scale1 == 100) {\r\n        return;\r\n      }\r\n      this.scale1 += -5;\r\n      this.$nextTick(() => {\r\n        this.$refs.pdf1.$el.style.width = parseInt(this.scale1) + \"%\";\r\n      });\r\n    },\r\n    rowHandle(event) {\r\n      this.init = ''\r\n      this.nigai = ''\r\n\r\n      // console.log(event, '行数据');\r\n      if (event.url_init != '') {\r\n        let init = event.url_init.split('/')[4];\r\n        this.init = this.cadFile + '?file=' + init + '&&time=' + new Date().getTime()\r\n      }\r\n      if (event.url_nigai != '') {\r\n        let nigai = event.url_nigai.split('/')[4];\r\n        // console.log(init, nigai, '数据');\r\n        // http://localhost:3000/mxweb3d.html?file=%E5%8E%9F%E8%A3%85%E5%9B%BE_20230309170721326.dwg\r\n        // this.cadFile + '?file='\r\n        // this.nigai = 'http://localhost:3000/mxweb3d.html?file=' + nigai\r\n        this.nigai = this.cadFile + '?file=' + nigai + '&&time=' + new Date().getTime()\r\n      }\r\n      this.title = '原状图'\r\n      this.rightDialog = true;\r\n      // if (init == undefined || nigai == undefined) {\r\n      //   return;\r\n      // }\r\n      // 原装图\r\n      // var initUrl =\r\n      //   \"/app\" + \"/\" + init.split(\"/\")[3] + \"/\" + init.split(\"/\")[4];\r\n      // var nigaiUrl =\r\n      //   \"/app\" + \"/\" + nigai.split(\"/\")[3] + \"/\" + nigai.split(\"/\")[4];\r\n      // // console.log(initUrl,'原装图');\r\n      // this.$nextTick(() => {\r\n      //   // console.log(this.$refs.iframe);\r\n      //   // document.querySelector('iframe').src = e\r\n      //   // 原状图\r\n      //   if (initUrl != \"\") {\r\n      //     this.pdfUrl = initUrl;\r\n      //   }\r\n      //   if (nigaiUrl != \"\") {\r\n      //     this.pdfUrl1 = nigaiUrl;\r\n      //   }\r\n\r\n      // this.rightDialog = true;\r\n      // });\r\n    },\r\n\r\n    handleClose() {\r\n      this.$parent.lineItem = null;\r\n      this.$parent.lineShow = \"\";\r\n    },\r\n    // 关闭右侧弹窗\r\n    handleClose1() {\r\n      this.rightDialog = false;\r\n      this.init = ''\r\n        this.nigai = ''\r\n    },\r\n    getCadFile() {\r\n\r\n      getLine({ action: 'cad' }).then(res => {\r\n        // console.log(res, 'cad请求数据');\r\n        if (res.data.state == true) {\r\n          this.cadFile = res.data.data\r\n        }\r\n      })\r\n    },\r\n    // 打开cad\r\n    openCad(event) {\r\n      this.init = ''\r\n      this.nigai = ''\r\n      if (event.url_dest != '') {\r\n        let dest = event.url_dest.split('/')[4];\r\n        this.init = this.cadFile + '?file=' + dest\r\n      }\r\n      if (event.url_nigai != '') {\r\n        let nigai = event.url_nigai.split('/')[4];\r\n        this.nigai = this.cadFile + '?file=' + nigai +'&&time=' + new Date().getTime()\r\n      }\r\n\r\n\r\n      // http://localhost:3000/mxweb3d.html?file=%E5%8E%9F%E8%A3%85%E5%9B%BE_20230309170721326.dwg\r\n\r\n\r\n      // console.log(url, 'cad');\r\n      // 目标\r\n      this.rightDialog = true;\r\n      this.title = '目标图'\r\n    },\r\n    // 原状图\r\n    openInit(event) {\r\n      this.$nextTick(() => {\r\n        this.init = ''\r\n        this.nigai = ''\r\n      // document.getElementById('iframeId').contentWindow.location.reload(true);\r\n      if (event.url_init != '') {\r\n        let init = event.url_init.split('/')[4];\r\n        this.init = this.cadFile + '?file=' + init + '&&time=' + new Date().getTime()\r\n      }\r\n      if (event.url_nigai != '') {\r\n        let nigai = event.url_nigai.split('/')[4];\r\n        // console.log(init, nigai, '数据');\r\n        // http://localhost:3000/mxweb3d.html?file=%E5%8E%9F%E8%A3%85%E5%9B%BE_20230309170721326.dwg\r\n\r\n        this.nigai = this.cadFile + '?file=' + nigai + '&&time=' + new Date().getTime()\r\n\r\n      }\r\n      this.title = '原状图'\r\n      this.rightDialog = true;\r\n      })\r\n\r\n      \r\n    },\r\n    // 回城进行搜索\r\n    search() {\r\n      if (this.searchData == \"\") {\r\n        getLine({\r\n          action: \"pdxl\",\r\n          // linename: \"\",\r\n          qushu: this.value1,\r\n          taiqu: this.value2,\r\n        }).then(({ data }) => {\r\n          // console.log(data, '数据');\r\n          this.lineList = data.data;\r\n        });\r\n        // return;\r\n      } else {\r\n        // 把searchData带着，发请求获取有关联的数据并呈现在页面中\r\n        getLine({\r\n          action: \"pdxl\",\r\n          linename: this.searchData,\r\n          qushu: this.value1,\r\n          taiqu: this.value2,\r\n        }).then(({ data }) => {\r\n          console.log(data, '数据');\r\n          this.lineList = data.data;\r\n        });\r\n      }\r\n    },\r\n    refurbish() {\r\n      this.lineList = this.lineItem;\r\n      // 点击还原初始\r\n      this.searchData = \"\";\r\n      this.value1 = ''\r\n      this.value2 = ''\r\n    },\r\n  },\r\n  created() {\r\n    this.getCadFile()\r\n    // console.log(location.host,'.......');\r\n    this.host = location.host\r\n    this.lineList = this.lineItem;\r\n    // 获取区属的请求\r\n    getLine({ action: \"qushu\" }).then(({ data }) => {\r\n      // console.log(data, \"区属的数据\");\r\n      if (data.state == true) {\r\n        this.districtList = data.data; //区属赋值\r\n        // this.value1 = data.data[0];\r\n      }\r\n    });\r\n    // 获取台区的请求\r\n    if (this.value1 != \"\") {\r\n      getLine({ action: \"taiqu\", qushu: this.value1 }).then(({ data }) => {\r\n        // console.log(data, \"台区的数据\");\r\n        if (data.state == true) {\r\n          this.taiwanList = data.data; //台区赋值\r\n        }\r\n      });\r\n    }\r\n  },\r\n  watch: {\r\n    // 监听input输入框，若没东西了，就回复默认状态\r\n    searchData: function (newnew, oldold) {\r\n      if (newnew == \"\") {\r\n        this.lineList = this.lineItem;\r\n        // 发请求回到初始列表数据状态\r\n        // console.log(\"搜索框没东西了，回复初始状态\");\r\n      }\r\n    },\r\n    value1: function (newVal, old) {\r\n      // console.log(newVal, \"数据\");\r\n      if (newVal) {\r\n        getLine({ action: \"taiqu\", qushu: newVal }).then(({ data }) => {\r\n          // console.log(data, \"台区的数据\");\r\n          if (data.state == true) {\r\n            this.taiwanList = data.data; //台区赋值\r\n            // this.value2 = data.data[0];\r\n          }\r\n        });\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n/deep/ .el-textarea__inner {\r\n  background-color: rgba(16, 40, 49, 38);\r\n  border-color: #164a75;\r\n}\r\n\r\n.cad-icon {\r\n  width: 25px;\r\n  height: 22px;\r\n  background-image: url(\"../assets/images/cadIcon.png\");\r\n  background-size: 100% 100%;\r\n  // text-align: center;\r\n  margin: 0 auto;\r\n}\r\n\r\n.circle0 {\r\n  width: 20px;\r\n  height: 20px;\r\n  // background-color: tomato;\r\n  border: 2px solid #fff;\r\n  border-radius: 50%;\r\n  margin: 0 auto;\r\n}\r\n\r\n.circle1 {\r\n  width: 20px;\r\n  height: 20px;\r\n  background-color: red;\r\n  // border: 2px solid #fff;\r\n  border-radius: 50%;\r\n  margin: 0 auto;\r\n}\r\n\r\n.circle2 {\r\n  width: 20px;\r\n  height: 20px;\r\n  background-color: green;\r\n  // border: 2px solid #fff;\r\n  border-radius: 50%;\r\n  margin: 0 auto;\r\n}\r\n\r\n.lineContent {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.lineDetail {\r\n  width: 30%;\r\n  height: 95%;\r\n  position: relative;\r\n  background: url(\"../assets/images/leftLine.png\") no-repeat;\r\n  background-size: 100% 100%;\r\n  -webkit-animation: fadeInDown 0.3s;\r\n  animation: fadeInDown 0.3s;\r\n  padding: 15px 25px;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  align-content: space-between;\r\n\r\n  .close {\r\n    position: absolute;\r\n    right: 4%;\r\n    top: 4%;\r\n  }\r\n\r\n  .table {\r\n    width: 100%;\r\n    height: 95%;\r\n    // border: 1px solid red;\r\n    background: url(\"../assets/images/intervalFrame.png\") no-repeat;\r\n    background-size: 100% 100%;\r\n    padding: 15px 20px;\r\n  }\r\n}\r\n\r\n// 右边弹框\r\n.right-dialog {\r\n  position: relative;\r\n  width: 67%;\r\n  height: 95%;\r\n  background: url(\"../assets/images/linetail-right.png\") no-repeat;\r\n  background-size: 100% 100%;\r\n  margin-left: 30px;\r\n  padding: 1%;\r\n  box-sizing: border-box;\r\n\r\n  &>.title {\r\n    position: absolute;\r\n    top: 1%;\r\n    left: 2%;\r\n  }\r\n\r\n  // align-items: center;\r\n  .funBtn {\r\n    display: flex;\r\n    // justify-content: space-between;\\\r\n    // background-color: #fff;\r\n    margin-top: 2%;\r\n    justify-content: space-between;\r\n\r\n    .initBtn,\r\n    .nigaiBtn {\r\n      width: 49.5%;\r\n      text-align: center;\r\n      // background-color: #fff;\r\n\r\n    }\r\n\r\n    .title {\r\n      // margin-left: 25%;\r\n      font-size: 23px;\r\n      color: #fff;\r\n      margin-bottom: 1%;\r\n    }\r\n\r\n  }\r\n\r\n  .pdf-content {\r\n    width: 100%;\r\n    height: 92%;\r\n    display: flex;\r\n    justify-content: space-between;\r\n\r\n    .right-content,\r\n    .left-content {\r\n      width: 49.5%;\r\n      height: 100%;\r\n      position: relative;\r\n      // background-color: #fff;\r\n      // overflow-y: scroll;\r\n      // background: #000;\r\n      // border-radius: 40px;\r\n      // overflow: scroll;\r\n    }\r\n\r\n    .left-content {\r\n      // background-color: tomato;\r\n      // span {\r\n      //   width: 100% !important;\r\n      //   height: 100% !important;\r\n      //   // /deep/ canvas {\r\n      //   //   height: 100% !important;\r\n      //   // }\r\n      // }\r\n    }\r\n  }\r\n\r\n  .rightBtn {\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n    z-index: 999;\r\n    // background-color: tomato;\r\n  }\r\n\r\n  // 标题\r\n  .title {\r\n    font-size: 28px;\r\n    font-weight: 700;\r\n    color: transparent;\r\n    -webkit-background-clip: text;\r\n    background-clip: text;\r\n    display: inline-block;\r\n    background-image: -webkit-gradient(linear,\r\n        left top,\r\n        left bottom,\r\n        from(#ffffff),\r\n        to(#56f4fe));\r\n    background-image: linear-gradient(to bottom, #ffffff, #56f4fe);\r\n  }\r\n\r\n  .closeBtn {\r\n    // width: 100%;\r\n    // height: 4%;\r\n    // background-color: turquoise;\r\n    // display: flex;\r\n    // align-items: center;\r\n    // justify-content: flex-end;\r\n    position: absolute;\r\n    right: 0.3%;\r\n    top: 3%;\r\n    z-index: 1000;\r\n\r\n    img {\r\n      margin-right: 20px;\r\n    }\r\n\r\n    // position: absolute;\r\n    // right: 2%;\r\n    // top: 3%;\r\n  }\r\n\r\n  .footer {\r\n    height: 10%;\r\n    width: 100%;\r\n    // background-color: #ffffff;\r\n    display: flex;\r\n    // align-items: center;\r\n  }\r\n\r\n  // .text-detail {\r\n  //   width: 10%;\r\n  //   height: 100%;\r\n  //   display: flex;\r\n  //   align-items: center;\r\n  //   justify-content: center;\r\n  // }\r\n  .text-content {\r\n    width: 100%;\r\n    height: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    /deep/ .el-textarea {\r\n      height: 90%;\r\n\r\n      /deep/ textarea {\r\n        background-color: transparent;\r\n        border-top: 2px solid #fff;\r\n        border-bottom: 2px solid #fff;\r\n        border-left: none;\r\n        border-right: none;\r\n        border-color: #2e7680 !important;\r\n        height: 100%;\r\n        color: #fff;\r\n        font-size: 18px;\r\n      }\r\n\r\n      background-color: transparent !important;\r\n    }\r\n\r\n  }\r\n}\r\n\r\n.user_skills {\r\n  .search {\r\n    text-align: left;\r\n    margin: 20px 0;\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    .searchBtn,\r\n    .refurbish {\r\n      width: 122px;\r\n      height: 39px;\r\n      background-image: url(\"../assets/images/search.png\");\r\n      background-size: 100% 100%;\r\n      margin-left: 10px;\r\n    }\r\n\r\n    .refurbish {\r\n      background-image: url(\"../assets/images/refurbish.png\");\r\n      margin-left: 10px;\r\n    }\r\n\r\n    // /deep/ .el-input__suffix {\r\n    //   display: flex;\r\n    //   align-items: center;\r\n    // }\r\n    .el-input {\r\n      width: 260px;\r\n    }\r\n\r\n    ::v-deep .el-input__inner {\r\n      background-color: transparent !important;\r\n      border-color: #2e7680 !important;\r\n      border-left: none !important;\r\n      color: #fff !important;\r\n      border-right: none !important;\r\n    }\r\n  }\r\n\r\n  /**\r\n  表格有滚动效果但是不显示滚动条 */\r\n  /deep/ .el-table::-webkit-scrollbar {\r\n    display: none !important;\r\n  }\r\n\r\n  /deep/ .el-select .el-input {\r\n    width: 100px;\r\n  }\r\n\r\n  /deep/ .is-scrolling-none {\r\n    overflow: hidden;\r\n    overflow-y: auto;\r\n    overflow-x: scroll;\r\n    height: calc(100% - 56px);\r\n  }\r\n\r\n  /deep/ .is-scrolling-none::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n\r\n  /deep/.el-table--scrollable-y ::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n\r\n  /deep/.el-table--scrollable-x ::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n\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    height: 48px;\r\n    background: url(\"../assets/images/intervalTable.png\") no-repeat;\r\n    background-size: 100% 100%;\r\n    // margin-bottom: 48px;\r\n    // position: absolute;\r\n    // top: 0;\r\n    // left: 0;\r\n  }\r\n\r\n  /deep/ .el-table__header th {\r\n    border: none;\r\n    padding: 0;\r\n    height: 40px;\r\n\r\n    .cell {\r\n      height: 100%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-around;\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 !important;\r\n    height: 55px;\r\n    font-size: 18px !important;\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 !important;\r\n    // word-break: break-all;\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 .el-table__cell {\r\n    padding: 5px 0;\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}\r\n\r\n.el-table::before {\r\n  background-color: transparent;\r\n}\r\n\r\n::v-deep .el-table .el-table__body tr.el-table__row td {\r\n  background: rgba(79, 218, 255, 0.1) !important;\r\n}\r\n\r\n::v-deep .el-table--striped .el-table__body tr.el-table__row--striped td {\r\n  background: rgba(79, 218, 255, 0.06) !important;\r\n}\r\n</style>\r\n<style lang=\"less\">\r\n.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  .el-select-dropdown__item {\r\n    color: #fff !important;\r\n  }\r\n\r\n  .el-select-dropdown__item.hover,\r\n  .el-select-dropdown__item:hover {\r\n    background-color: rgb(18, 54, 87) !important;\r\n  }\r\n}\r\n</style>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/64a28390a7cf2b56b4675ad5def77629.json b/node_modules/.cache/vue-loader/64a28390a7cf2b56b4675ad5def77629.json
new file mode 100644
index 00000000..a4c82525
--- /dev/null
+++ b/node_modules/.cache/vue-loader/64a28390a7cf2b56b4675ad5def77629.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\stationBuilding.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\stationBuilding.vue","mtime":1689642397096},{"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\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      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.detailedTwo11();\r\n    this.detailedTwo22();\r\n    this.detailqe1();\r\n    this.detailen1();\r\n  },\r\n  methods: {\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 fontColor = \"#30eee9\";\r\n      var myChart = this.$echarts.init(document.getElementById(\"detailedTwo2\"));\r\n      var option = {\r\n        grid: {\r\n          left: \"3%\",\r\n          right: \"4%\",\r\n          bottom: \"3%\",\r\n          containLabel: true,\r\n        },\r\n        xAxis: {\r\n          type: \"value\",\r\n          show: false,\r\n        },\r\n        yAxis: {\r\n          type: \"category\",\r\n          axisLine: {\r\n            lineStyle: {\r\n              color: \"#206489\",\r\n            },\r\n          },\r\n          axisLabel: {\r\n            color: \"#fff\",\r\n            fontSize: \"18\",\r\n          },\r\n          axisLine: {\r\n            show: false,\r\n          },\r\n          axisTick: {\r\n            show: false,\r\n            alignWithLabel: true,\r\n          },\r\n          splitArea: { show: false },\r\n          data: [\"No.5\", \"No.4\", \"No.3\", \"No.2\", \"No.1\"],\r\n        },\r\n        series: [\r\n          {\r\n            name: \"Direct\",\r\n            type: \"bar\",\r\n            stack: \"total\",\r\n            barWidth: 10,\r\n            label: {\r\n              show: true,\r\n            },\r\n            emphasis: {\r\n              focus: \"series\",\r\n            },\r\n            data: [320, 302, 310, 299, 288],\r\n          },\r\n          {\r\n            name: \"Mail Ad\",\r\n            type: \"bar\",\r\n            stack: \"total\",\r\n            barWidth: 10,\r\n\r\n            label: {\r\n              show: true,\r\n            },\r\n            emphasis: {\r\n              focus: \"series\",\r\n            },\r\n            data: [99, 88, 100, 101, 97],\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            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          },\r\n        ],\r\n        series: [\r\n          {\r\n            name: \"关联电网事故\",\r\n            type: \"bar\",\r\n            itemStyle: {\r\n              color: \"#00ffff\", // 柱状图颜色\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: \"yellow\", // 柱状图颜色\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",{"version":3,"sources":["stationBuilding.vue"],"names":[],"mappings":";AAuOA;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;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;;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","file":"stationBuilding.vue","sourceRoot":"src/views","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/标题箭头.png\" alt=\"\" />\r\n            <span>光伏台账</span>\r\n            <img src=\"./../assets/indexN/标题箭头1.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/标题箭头.png\" alt=\"\" />\r\n            <span>上网功率</span>\r\n            <img src=\"./../assets/indexN/标题箭头1.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/标题箭头.png\" alt=\"\" />\r\n            <span>配变负载率TOP5</span>\r\n            <img src=\"./../assets/indexN/标题箭头1.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        <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 style=\"font-size: 18px\">户数高渗透率</span>\r\n                  <h5 style=\"font-size: 28px; color: 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 style=\"font-size: 18px\">容量渗透率</span>\r\n                  <h5 style=\"font-size: 28px; color: 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 style=\"font-size: 18px\">能量渗透率</span>\r\n                  <h5 style=\"font-size: 28px; color: 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/标题箭头.png\" alt=\"\" />\r\n            <span>分布式光伏电量</span>\r\n            <img src=\"./../assets/indexN/标题箭头1.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/地区选择下拉菜单.png\" alt=\"\" />\r\n              <span>用户:</span>\r\n              <img src=\"../assets/02/地区选择下拉菜单.png\" alt=\"\" />\r\n              <span>范围:</span>\r\n              <img src=\"../assets/02/地区选择下拉菜单.png\" alt=\"\" />\r\n              <span>日期:</span>\r\n              <img src=\"../assets/02/地区选择下拉菜单.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/标题箭头.png\" alt=\"\" />\r\n            <span>能量/容量</span>\r\n            <img src=\"./../assets/indexN/标题箭头1.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/地区选择下拉菜单.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/标题箭头.png\" alt=\"\" />\r\n            <span>渗透率统计</span>\r\n            <img src=\"./../assets/indexN/标题箭头1.png\" alt=\"\" />\r\n          </div>\r\n        </div>\r\n        <div class=\"content\">\r\n          <div class=\"line\">\r\n            <!-- <div class=\"total\">\r\n              <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n                <span style=\"font-size: 18px\">户数高渗透率&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.pdxl\">{{ CompanyInfo.pdxl }}</span>\r\n\r\n              </div>\r\n            </div> -->\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    <!-- <div style=\"height:40px;width:40px\" class=\"suoxiao\">\r\n        <img src=\"../assets/images/btnFangDa.png\" style=\"height:40px;width:40px\"/>\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// 工单统计弹窗组件\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      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.detailedTwo11();\r\n    this.detailedTwo22();\r\n    this.detailqe1();\r\n    this.detailen1();\r\n  },\r\n  methods: {\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 fontColor = \"#30eee9\";\r\n      var myChart = this.$echarts.init(document.getElementById(\"detailedTwo2\"));\r\n      var option = {\r\n        grid: {\r\n          left: \"3%\",\r\n          right: \"4%\",\r\n          bottom: \"3%\",\r\n          containLabel: true,\r\n        },\r\n        xAxis: {\r\n          type: \"value\",\r\n          show: false,\r\n        },\r\n        yAxis: {\r\n          type: \"category\",\r\n          axisLine: {\r\n            lineStyle: {\r\n              color: \"#206489\",\r\n            },\r\n          },\r\n          axisLabel: {\r\n            color: \"#fff\",\r\n            fontSize: \"18\",\r\n          },\r\n          axisLine: {\r\n            show: false,\r\n          },\r\n          axisTick: {\r\n            show: false,\r\n            alignWithLabel: true,\r\n          },\r\n          splitArea: { show: false },\r\n          data: [\"No.5\", \"No.4\", \"No.3\", \"No.2\", \"No.1\"],\r\n        },\r\n        series: [\r\n          {\r\n            name: \"Direct\",\r\n            type: \"bar\",\r\n            stack: \"total\",\r\n            barWidth: 10,\r\n            label: {\r\n              show: true,\r\n            },\r\n            emphasis: {\r\n              focus: \"series\",\r\n            },\r\n            data: [320, 302, 310, 299, 288],\r\n          },\r\n          {\r\n            name: \"Mail Ad\",\r\n            type: \"bar\",\r\n            stack: \"total\",\r\n            barWidth: 10,\r\n\r\n            label: {\r\n              show: true,\r\n            },\r\n            emphasis: {\r\n              focus: \"series\",\r\n            },\r\n            data: [99, 88, 100, 101, 97],\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            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          },\r\n        ],\r\n        series: [\r\n          {\r\n            name: \"关联电网事故\",\r\n            type: \"bar\",\r\n            itemStyle: {\r\n              color: \"#00ffff\", // 柱状图颜色\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: \"yellow\", // 柱状图颜色\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/地图弹窗三个数据外框.png\") no-repeat;\r\n      background-size: 100%;\r\n      float: right;\r\n      width: 40vh;\r\n      height: 25vh;\r\n      position: relative;\r\n      top: 5vh;\r\n      right: 1vh;\r\n      .contents {\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/弹窗里的小框子.png\") no-repeat;\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            float: left;\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        }\r\n      }\r\n    }\r\n    .imgboxtwo {\r\n      padding: 0 0 0 20px;\r\n      background: url(\"../assets/02/地图弹窗四个内容的框.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        height: 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: 49%;\r\n          list-style: none;\r\n          font-size: 24px;\r\n          color: #fff;\r\n          background: url(\"../assets/02/弹窗里的小框子.png\") no-repeat;\r\n        }\r\n      }\r\n    }\r\n\r\n    .map {\r\n      background: url(\"../assets/indexN/地图.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    }\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/表格标题行.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/表格其他行.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/表格框.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"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/6ffca7293b75bc0f928192da713c546d.json b/node_modules/.cache/vue-loader/6ffca7293b75bc0f928192da713c546d.json
new file mode 100644
index 00000000..76b96ff4
--- /dev/null
+++ b/node_modules/.cache/vue-loader/6ffca7293b75bc0f928192da713c546d.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--12-0!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??ref--6!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\App.vue?vue&type=template&id=7ba5bd90&scoped=true&","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\App.vue","mtime":1689642396895},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\babel.config.js","mtime":1689642387810},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1689642389292},{"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\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1689642396087},{"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":["var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    attrs: {\n      id: \"app\"\n    }\n  }, [_c(\"div\", {\n    staticClass: \"top\"\n  }, [_c(\"div\", {\n    staticClass: \"left\"\n  }, [_c(\"div\", {\n    staticClass: \"time\"\n  }, [_c(\"span\", [_vm._v(_vm._s(this.$moment().format(\"YYYY-MM-DD\")) + \" \" + _vm._s(_vm.week))]), _c(\"span\", {\n    staticStyle: {\n      \"font-size\": \"24px\",\n      \"margin-top\": \"3px\"\n    }\n  }, [_vm._v(_vm._s(_vm.nowDate))])])]), _vm._m(0), _c(\"div\", {\n    staticClass: \"right\"\n  }, [_c(\"div\", {\n    staticClass: \"time\"\n  }, [_c(\"span\", [_vm._v(_vm._s(this.$moment().format(\"YYYY-MM-DD\")) + \" \" + _vm._s(_vm.week))]), _c(\"span\", {\n    staticStyle: {\n      \"font-size\": \"24px\",\n      \"margin-top\": \"3px\"\n    }\n  }, [_vm._v(_vm._s(_vm.nowDate))])]), _vm._l(_vm.weatherArr, function (item, index) {\n    return _c(\"div\", {\n      key: index,\n      staticClass: \"weather\"\n    }, [_c(\"div\", {\n      staticClass: \"pic\"\n    }, [_c(\"img\", {\n      staticStyle: {\n        height: \"100%\",\n        width: \"100%\"\n      },\n      attrs: {\n        src: item.pic,\n        alt: \"\"\n      }\n    })]), _c(\"div\", {\n      staticClass: \"date\"\n    }, [_c(\"span\", [_vm._v(_vm._s(item.date))]), _c(\"span\", {\n      staticStyle: {\n        \"font-size\": \"24px\",\n        \"margin-top\": \"3px\"\n      }\n    }, [_vm._v(_vm._s(item.wendu))])])]);\n  })], 2)]), _c(\"div\", {\n    staticClass: \"content\"\n  }, [_c(\"router-view\")], 1)]);\n};\nvar staticRenderFns = [function () {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"middle\"\n  }, [_c(\"div\", {\n    staticClass: \"box\"\n  })]);\n}];\nrender._withStripped = true;\nexport { render, staticRenderFns };",{"version":3,"names":["render","_vm","_c","_self","attrs","id","staticClass","_v","_s","$moment","format","week","staticStyle","nowDate","_m","_l","weatherArr","item","index","key","height","width","src","pic","alt","date","wendu","staticRenderFns","_withStripped"],"sources":["E:/2023/yancheng0718/yanchengPowerSupply/src/App.vue"],"sourcesContent":["var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\"div\", { attrs: { id: \"app\" } }, [\n    _c(\"div\", { staticClass: \"top\" }, [\n      _c(\"div\", { staticClass: \"left\" }, [\n        _c(\"div\", { staticClass: \"time\" }, [\n          _c(\"span\", [\n            _vm._v(\n              _vm._s(this.$moment().format(\"YYYY-MM-DD\")) +\n                \" \" +\n                _vm._s(_vm.week)\n            ),\n          ]),\n          _c(\n            \"span\",\n            { staticStyle: { \"font-size\": \"24px\", \"margin-top\": \"3px\" } },\n            [_vm._v(_vm._s(_vm.nowDate))]\n          ),\n        ]),\n      ]),\n      _vm._m(0),\n      _c(\n        \"div\",\n        { staticClass: \"right\" },\n        [\n          _c(\"div\", { staticClass: \"time\" }, [\n            _c(\"span\", [\n              _vm._v(\n                _vm._s(this.$moment().format(\"YYYY-MM-DD\")) +\n                  \" \" +\n                  _vm._s(_vm.week)\n              ),\n            ]),\n            _c(\n              \"span\",\n              { staticStyle: { \"font-size\": \"24px\", \"margin-top\": \"3px\" } },\n              [_vm._v(_vm._s(_vm.nowDate))]\n            ),\n          ]),\n          _vm._l(_vm.weatherArr, function (item, index) {\n            return _c(\"div\", { key: index, staticClass: \"weather\" }, [\n              _c(\"div\", { staticClass: \"pic\" }, [\n                _c(\"img\", {\n                  staticStyle: { height: \"100%\", width: \"100%\" },\n                  attrs: { src: item.pic, alt: \"\" },\n                }),\n              ]),\n              _c(\"div\", { staticClass: \"date\" }, [\n                _c(\"span\", [_vm._v(_vm._s(item.date))]),\n                _c(\n                  \"span\",\n                  { staticStyle: { \"font-size\": \"24px\", \"margin-top\": \"3px\" } },\n                  [_vm._v(_vm._s(item.wendu))]\n                ),\n              ]),\n            ])\n          }),\n        ],\n        2\n      ),\n    ]),\n    _c(\"div\", { staticClass: \"content\" }, [_c(\"router-view\")], 1),\n  ])\n}\nvar staticRenderFns = [\n  function () {\n    var _vm = this,\n      _c = _vm._self._c\n    return _c(\"div\", { staticClass: \"middle\" }, [\n      _c(\"div\", { staticClass: \"box\" }),\n    ])\n  },\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }"],"mappings":"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"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/7201022f0a0f182a2054cb806dc1361e.json b/node_modules/.cache/vue-loader/7201022f0a0f182a2054cb806dc1361e.json
new file mode 100644
index 00000000..a672cb50
--- /dev/null
+++ b/node_modules/.cache/vue-loader/7201022f0a0f182a2054cb806dc1361e.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--12-0!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??ref--6!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\component\\workOrder.vue?vue&type=template&id=52a0f862&scoped=true&","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\component\\workOrder.vue","mtime":1689642397092},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\babel.config.js","mtime":1689642387810},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1689642389292},{"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\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1689642396087},{"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":["var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", [_c(\"div\", {\n    staticClass: \"workOrder\",\n    class: _vm.wordShow == true ? \"addblur\" : \"\"\n  }, [_c(\"div\", {\n    staticClass: \"top\"\n  }, [_c(\"div\", {\n    staticClass: \"title\"\n  }, [_vm._v(_vm._s(_vm.orderItem.gd_type_name) + \"详情\")]), _c(\"div\", {\n    staticClass: \"close\"\n  }, [_c(\"img\", {\n    staticStyle: {\n      cursor: \"pointer\"\n    },\n    attrs: {\n      src: require(\"@/assets/images/close.png\")\n    },\n    on: {\n      click: _vm.handleClose\n    }\n  })])]), _c(\"div\", {\n    staticClass: \"table user_skills\"\n  }, [_c(\"el-table\", {\n    staticStyle: {\n      width: \"100%\",\n      height: \"100%\"\n    },\n    attrs: {\n      data: _vm.workList,\n      \"header-cell-style\": {\n        \"text-align\": \"center\"\n      },\n      \"cell-style\": {\n        \"text-align\": \"center\"\n      },\n      stripe: \"\"\n    }\n  }, [_c(\"el-table-column\", {\n    attrs: {\n      label: \"序号\",\n      align: \"center\",\n      width: \"60\"\n    },\n    scopedSlots: _vm._u([{\n      key: \"default\",\n      fn: function fn(scope) {\n        return [_vm._v(\"\\n            \" + _vm._s(scope.$index + 1) + \"\\n          \")];\n      }\n    }])\n  }), _c(\"el-table-column\", {\n    attrs: {\n      prop: \"bz\",\n      label: \"班组\",\n      align: \"center\"\n    }\n  }), _c(\"el-table-column\", {\n    attrs: {\n      prop: \"gd_type_id\",\n      label: \"工单类型\",\n      align: \"center\"\n    }\n  }), _c(\"el-table-column\", {\n    attrs: {\n      prop: \"gd_zrr\",\n      label: \"工单责任人\",\n      align: \"center\"\n    }\n  }), _c(\"el-table-column\", {\n    attrs: {\n      prop: \"gd_title\",\n      label: \"工单标题\",\n      align: \"center\"\n    }\n  }), _c(\"el-table-column\", {\n    attrs: {\n      prop: \"gd_time\",\n      label: \"工单时间\",\n      align: \"center\"\n    }\n  }), _c(\"el-table-column\", {\n    attrs: {\n      prop: \"is_manyi_dsc\",\n      label: \"是否满意\",\n      align: \"center\"\n    }\n  }), _c(\"el-table-column\", {\n    attrs: {\n      label: \"资料路径\",\n      align: \"center\"\n    },\n    scopedSlots: _vm._u([{\n      key: \"default\",\n      fn: function fn(scope) {\n        return [_c(\"div\", {\n          class: scope.row.file_url ? \"openBtn\" : \"\",\n          on: {\n            click: function click($event) {\n              return _vm.openFile(scope.row.file_url, scope.row.bz);\n            }\n          }\n        })];\n      }\n    }])\n  })], 1)], 1)]), _c(\"div\", {\n    directives: [{\n      name: \"show\",\n      rawName: \"v-show\",\n      value: _vm.wordShow,\n      expression: \"wordShow\"\n    }],\n    staticClass: \"wordDialog\"\n  }, [_c(\"div\", {\n    staticClass: \"title\"\n  }, [_vm._v(\"\\n      \" + _vm._s(_vm.wordShow == true ? this.wordTitle + \"详情\" : \"\") + \"\\n    \")]), _c(\"div\", {\n    ref: \"word\",\n    staticClass: \"word\"\n  }, [_c(\"div\", {\n    staticClass: \"wordBox\"\n  })]), _c(\"div\", {\n    staticClass: \"wordBtn\"\n  }, [_c(\"img\", {\n    staticStyle: {\n      cursor: \"pointer\"\n    },\n    attrs: {\n      src: require(\"@/assets/images/close.png\")\n    },\n    on: {\n      click: _vm.wordClose\n    }\n  })])])]);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\nexport { render, staticRenderFns };",{"version":3,"names":["render","_vm","_c","_self","staticClass","class","wordShow","_v","_s","orderItem","gd_type_name","staticStyle","cursor","attrs","src","require","on","click","handleClose","width","height","data","workList","stripe","label","align","scopedSlots","_u","key","fn","scope","$index","prop","row","file_url","$event","openFile","bz","directives","name","rawName","value","expression","wordTitle","ref","wordClose","staticRenderFns","_withStripped"],"sources":["E:/2023/yancheng0718/yanchengPowerSupply/src/component/workOrder.vue"],"sourcesContent":["var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\"div\", [\n    _c(\n      \"div\",\n      {\n        staticClass: \"workOrder\",\n        class: _vm.wordShow == true ? \"addblur\" : \"\",\n      },\n      [\n        _c(\"div\", { staticClass: \"top\" }, [\n          _c(\"div\", { staticClass: \"title\" }, [\n            _vm._v(_vm._s(_vm.orderItem.gd_type_name) + \"详情\"),\n          ]),\n          _c(\"div\", { staticClass: \"close\" }, [\n            _c(\"img\", {\n              staticStyle: { cursor: \"pointer\" },\n              attrs: { src: require(\"@/assets/images/close.png\") },\n              on: { click: _vm.handleClose },\n            }),\n          ]),\n        ]),\n        _c(\n          \"div\",\n          { staticClass: \"table user_skills\" },\n          [\n            _c(\n              \"el-table\",\n              {\n                staticStyle: { width: \"100%\", height: \"100%\" },\n                attrs: {\n                  data: _vm.workList,\n                  \"header-cell-style\": { \"text-align\": \"center\" },\n                  \"cell-style\": { \"text-align\": \"center\" },\n                  stripe: \"\",\n                },\n              },\n              [\n                _c(\"el-table-column\", {\n                  attrs: { label: \"序号\", align: \"center\", width: \"60\" },\n                  scopedSlots: _vm._u([\n                    {\n                      key: \"default\",\n                      fn: function (scope) {\n                        return [\n                          _vm._v(\n                            \"\\n            \" +\n                              _vm._s(scope.$index + 1) +\n                              \"\\n          \"\n                          ),\n                        ]\n                      },\n                    },\n                  ]),\n                }),\n                _c(\"el-table-column\", {\n                  attrs: { prop: \"bz\", label: \"班组\", align: \"center\" },\n                }),\n                _c(\"el-table-column\", {\n                  attrs: {\n                    prop: \"gd_type_id\",\n                    label: \"工单类型\",\n                    align: \"center\",\n                  },\n                }),\n                _c(\"el-table-column\", {\n                  attrs: {\n                    prop: \"gd_zrr\",\n                    label: \"工单责任人\",\n                    align: \"center\",\n                  },\n                }),\n                _c(\"el-table-column\", {\n                  attrs: {\n                    prop: \"gd_title\",\n                    label: \"工单标题\",\n                    align: \"center\",\n                  },\n                }),\n                _c(\"el-table-column\", {\n                  attrs: {\n                    prop: \"gd_time\",\n                    label: \"工单时间\",\n                    align: \"center\",\n                  },\n                }),\n                _c(\"el-table-column\", {\n                  attrs: {\n                    prop: \"is_manyi_dsc\",\n                    label: \"是否满意\",\n                    align: \"center\",\n                  },\n                }),\n                _c(\"el-table-column\", {\n                  attrs: { label: \"资料路径\", align: \"center\" },\n                  scopedSlots: _vm._u([\n                    {\n                      key: \"default\",\n                      fn: function (scope) {\n                        return [\n                          _c(\"div\", {\n                            class: scope.row.file_url ? \"openBtn\" : \"\",\n                            on: {\n                              click: function ($event) {\n                                return _vm.openFile(\n                                  scope.row.file_url,\n                                  scope.row.bz\n                                )\n                              },\n                            },\n                          }),\n                        ]\n                      },\n                    },\n                  ]),\n                }),\n              ],\n              1\n            ),\n          ],\n          1\n        ),\n      ]\n    ),\n    _c(\n      \"div\",\n      {\n        directives: [\n          {\n            name: \"show\",\n            rawName: \"v-show\",\n            value: _vm.wordShow,\n            expression: \"wordShow\",\n          },\n        ],\n        staticClass: \"wordDialog\",\n      },\n      [\n        _c(\"div\", { staticClass: \"title\" }, [\n          _vm._v(\n            \"\\n      \" +\n              _vm._s(_vm.wordShow == true ? this.wordTitle + \"详情\" : \"\") +\n              \"\\n    \"\n          ),\n        ]),\n        _c(\"div\", { ref: \"word\", staticClass: \"word\" }, [\n          _c(\"div\", { staticClass: \"wordBox\" }),\n        ]),\n        _c(\"div\", { staticClass: \"wordBtn\" }, [\n          _c(\"img\", {\n            staticStyle: { cursor: \"pointer\" },\n            attrs: { src: require(\"@/assets/images/close.png\") },\n            on: { click: _vm.wordClose },\n          }),\n        ]),\n      ]\n    ),\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"],"mappings":"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"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/76fa6e8d14063ca34bb972f95dafb006.json b/node_modules/.cache/vue-loader/76fa6e8d14063ca34bb972f95dafb006.json
new file mode 100644
index 00000000..f4450744
--- /dev/null
+++ b/node_modules/.cache/vue-loader/76fa6e8d14063ca34bb972f95dafb006.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\thirtyFiveKV.vue?vue&type=template&id=4bdb45b9&scoped=true&","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\thirtyFiveKV.vue","mtime":1689642397096},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1689642389292},{"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\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1689642396087},{"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":["\n<div class=\"stationBuilding\">\n  <!-- <video-player\n    class=\"video-player vjs-custom-skin\"\n    style=\"heght:100%;width:100%\"\n    ref=\"VideoPlayer\"\n    :playsinline=\"true\"\n    :options=\"playerOptions\"\n    > \n    </video-player> -->\n  <div class=\"stationContent\">\n    <div class=\"systemText\">\n      <i class=\"el-icon-loading\" style=\"color: #4bfffd; font-size: 80px\"></i>\n      <p style=\"font-size: 30px;color:#fff\">系统正在加载中...</p>\n    </div>\n  </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/78f3899b9f0bf71afeee1469067ae403.json b/node_modules/.cache/vue-loader/78f3899b9f0bf71afeee1469067ae403.json
new file mode 100644
index 00000000..a2191427
--- /dev/null
+++ b/node_modules/.cache/vue-loader/78f3899b9f0bf71afeee1469067ae403.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\App.vue?vue&type=style&index=1&id=7ba5bd90&lang=less&scoped=true&","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\App.vue","mtime":1689642396895},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\css-loader\\index.js","mtime":1689642389821},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1689642396087},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\postcss-loader\\src\\index.js","mtime":1689642393431},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\less-loader\\dist\\cjs.js","mtime":1689642392421},{"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\n.top {\r\n  width: 100%;\r\n  height: 100px;\r\n  /* background: rgba(147, 230, 244,0.6); */\r\n  /* background-image: linear-gradient(90deg, rgba(147, 230, 244,0.6),rgba(147, 230, 244,0), rgba(147, 230, 244,0.6)); */\r\n//   background: url(\"./assets/images/topBg.png\") no-repeat;\r\n  background: url(\"./assets/indexN/title.png\") no-repeat;\r\n  background-size: 100% 100%;\r\n  display: flex;\r\n  flex-flow: row nowrap;\r\n  justify-content: space-between;\r\n  .left {\r\n    width: 815px;\r\n    height: 97px;\r\n    // background: url(\"./assets/index/title.png\") no-repeat;\r\n    // background-size: 100% 100%;\r\n    font-size: 44px;\r\n    font-weight: 700;\r\n    letter-spacing: 22px;\r\n    color: #ffffff;\r\n    // line-height: 97px;\r\n    padding-left: 86px;\r\n    text-align: left;\r\n    box-sizing: border-box;\r\n     .time {\r\n      height: 100%;\r\n      color: #ffffff;\r\n      font-size: 18px;\r\n      display: flex;\r\n      flex-flow: column nowrap;\r\n      justify-content: center;\r\n      text-align: left;\r\n    }\r\n    .weather {\r\n      display: flex;\r\n      flex-flow: row nowrap;\r\n      height: 100%;\r\n      align-items: center;\r\n      margin-left: 36px;\r\n      .pic {\r\n        width: 61px;\r\n        height: 61px;\r\n      }\r\n      .date {\r\n        height: 100%;\r\n        color: #ffffff;\r\n        font-size: 18px;\r\n        display: flex;\r\n        flex-flow: column nowrap;\r\n        justify-content: center;\r\n        margin-left: 19px;\r\n        text-align: left;\r\n      }\r\n    }\r\n    \r\n  }\r\n  .left:before {\r\n    content: attr(text);\r\n    position: absolute;\r\n    z-index: 10;\r\n    color: rgb(86, 254, 246);\r\n    -webkit-mask: linear-gradient(to top, rgb(86, 244, 254), transparent);\r\n  }\r\n  .middle {\r\n     width: 27%;\r\n    height: 80px;\r\n    display: -webkit-box;\r\n    display: -ms-flexbox;\r\n    /* display: flex; */\r\n    -webkit-box-orient: horizontal;\r\n    -webkit-box-direction: normal;\r\n    position: absolute;\r\n    left: 38%;\r\n    top: 3%;\r\n   .box{\r\n    width: 100%;\r\n    height: 100%;\r\n    background: url(\"./assets/indexN/titleText.png\") no-repeat;\r\n   }\r\n    .router {\r\n      width: 244px;\r\n      height: 100%;\r\n      line-height: 78px;\r\n      color: rgb(41, 114, 124);\r\n      font-size: 22px;\r\n      cursor: pointer;\r\n    }\r\n    .active {\r\n      color: #ffffff;\r\n      background: url(\"./assets/images/routerActive.png\") no-repeat;\r\n      background-size: 100% 100%;\r\n    }\r\n    .active:before {\r\n      content: attr(text);\r\n      position: absolute;\r\n      z-index: 10;\r\n      color: rgb(86, 254, 246);\r\n      -webkit-mask: linear-gradient(to top, rgb(86, 244, 254), transparent);\r\n    }\r\n  }\r\n  .right {\r\n    // width: 740px;\r\n    height: 78px;\r\n    display: flex;\r\n    flex-flow: row nowrap;\r\n    justify-content: space-between;\r\n    padding-right: 15px;\r\n    .time {\r\n      height: 100%;\r\n      color: #ffffff;\r\n      font-size: 18px;\r\n      display: flex;\r\n      flex-flow: column nowrap;\r\n      justify-content: center;\r\n      text-align: left;\r\n    }\r\n    .weather {\r\n      display: flex;\r\n      flex-flow: row nowrap;\r\n      height: 100%;\r\n      align-items: center;\r\n      margin-left: 36px;\r\n      .pic {\r\n        width: 61px;\r\n        height: 61px;\r\n      }\r\n      .date {\r\n        height: 100%;\r\n        color: #ffffff;\r\n        font-size: 18px;\r\n        display: flex;\r\n        flex-flow: column nowrap;\r\n        justify-content: center;\r\n        margin-left: 19px;\r\n        text-align: left;\r\n      }\r\n    }\r\n  }\r\n}\r\n.content {\r\n  width: 100%;\r\n  height: calc(100% - 100px);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-around;\r\n}\r\n",{"version":3,"sources":["App.vue"],"names":[],"mappings":";AAmTA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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","file":"App.vue","sourceRoot":"src","sourcesContent":["<template>\r\n  <div id=\"app\">\r\n    <div class=\"top\">\r\n      <div class=\"left\">\r\n         <div class=\"time\">\r\n          <span>{{ this.$moment().format(\"YYYY-MM-DD\") }} {{ week }}</span>\r\n          <span style=\"font-size: 24px; margin-top: 3px\">{{\r\n            nowDate\r\n          }}</span>\r\n        </div>\r\n      </div>\r\n      <div class=\"middle\">\r\n        <div class=\"box\">\r\n\r\n        </div>\r\n        <!-- <div\r\n          class=\"router\"\r\n          :class=\"{ active: routerActive == index }\"\r\n          v-for=\"(item, index) in routerTitle\"\r\n          @click=\"handleChange(index)\"\r\n          :key=\"index\"\r\n          :text=\"item\"\r\n        >\r\n          {{ item }}\r\n        </div> -->\r\n      </div>\r\n      <div class=\"right\">\r\n        <div class=\"time\">\r\n          <span>{{ this.$moment().format(\"YYYY-MM-DD\") }} {{ week }}</span>\r\n          <span style=\"font-size: 24px; margin-top: 3px\">{{\r\n            nowDate\r\n          }}</span>\r\n        </div>\r\n        <div class=\"weather\" v-for=\"(item, index) in weatherArr\" :key=\"index\">\r\n          <div class=\"pic\">\r\n            <img :src=\"item.pic\" alt=\"\" style=\"height: 100%; width: 100%\" />\r\n          </div>\r\n          <div class=\"date\">\r\n            <span>{{ item.date }}</span>\r\n            <span style=\"font-size: 24px; margin-top: 3px\">{{\r\n              item.wendu\r\n            }}</span>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"content\">\r\n      <router-view />\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nimport MinxinItem from \"./mixins\";\r\nimport axios from \"axios\";\r\nimport { getWather, Weather, getToken } from \"./api/index.js\";\r\nexport default {\r\n  name: \"home\",\r\n  mixins: [MinxinItem],\r\n  data() {\r\n    return {\r\n      addDay: \"\",\r\n      subDay: \"\",\r\n      routerTitle: [\"实时监测\",  \"安全管控\", \"站房智辅\"],\r\n      routerActive: 0,\r\n      weatherArr: [\r\n        {\r\n          day: \"今天\",\r\n          temperature: \"\",\r\n          pic: require(\"./assets/images/sun.png\"),\r\n        },\r\n        {\r\n          day: \"昨天\",\r\n          temperature: \"\",\r\n          pic: require(\"./assets/images/union.png\"),\r\n        },\r\n        {\r\n          day: \"明天\",\r\n          temperature: \"\",\r\n          pic: require(\"./assets/images/windy.png\"),\r\n        },\r\n      ],\r\n      weekList: [\"周日\", \"周一\", \"周二\", \"周三\", \"周四\", \"周五\", \"周六\"],\r\n      week: \"\",\r\n      nowDate:'',\r\n    };\r\n  },\r\n  mounted() {\r\n    this.handleWather();\r\n    let week = new Date(this.$moment().format(\"YYYY-MM-DD\")).getDay();\r\n    this.week = this.weekList[week];\r\n    //  let params = new URLSearchParams()\r\n    let params = {\r\n      appKey: \"symnzwxdfu1ul8raqrykgbld7zonktga\",\r\n      appSecret: \"a3tdb6nxfciekxcgcl94ljvtmw2lsafx\",\r\n    };\r\n    //  params.append('appKey','symnzwxdfu1ul8raqrykgbld7zonktga')\r\n    //  params.append('appSecret','a3tdb6nxfciekxcgcl94ljvtmw2lsafx')\r\n    getToken(params).then((res) => {\r\n      localStorage.setItem(\"token\", res.data.data.token);\r\n      //  console.log(localStorage.getItem('token'),'token');\r\n    });\r\n    setInterval(()=>{\r\n      this. handleWather()\r\n    },480000)\r\n    setInterval(()=>{\r\n      this.nowDate =  this.$moment().format(\"HH:mm:ss\")\r\n    },100)\r\n  },\r\n\r\n  methods: {\r\n    getDateSub(n) {\r\n      let day = this.$moment(new Date())\r\n        .subtract(n, \"days\")\r\n        .format(\"YYYY-MM-DD\");\r\n      this.subDay = day;\r\n      return day;\r\n    },\r\n    getDateAdd(n) {\r\n      var dd = new Date();\r\n      dd.setDate(dd.getDate() + n); //获取n天后的日期\r\n      // var y = dd.getFullYear();\r\n      var m = dd.getMonth() + 1; //获取当前月份的日期\r\n      if (m < 10) {\r\n        m = \"0\" + m;\r\n      }\r\n      var d = dd.getDate();\r\n      if (d < 10) {\r\n        d = \"0\" + d;\r\n      }\r\n      let day = m + \"-\" + d;\r\n      // this.addDay = day;\r\n      return day;\r\n    },\r\n    getNewDate() {\r\n      var date = new Date();\r\n      var month = date.getMonth() + 1; //获取当前月份的日期\r\n      if (month < 10) {\r\n        month = \"0\" + month;\r\n      }\r\n      var a = date.getDate();\r\n      if (a < 10) {\r\n        a = \"0\" + a;\r\n      }\r\n      let day = month + \"-\" + a;\r\n      return day;\r\n    },\r\n    //天气\r\n    handleWather() {\r\n      // axios({url:\"http://www.jcznedu.com:5000/weather/prediction/?city=盐都&&limit=3\",methods:'GET'}).then(res=>{\r\n      // })\r\n\r\n      getWather().then((res) => {\r\n        // console.log(res, \"天气情况\");\r\n        for (let i = 0; i < res.data.data.length; i++) {\r\n          let item = res.data.data[i];\r\n          // console.log(item.date);\r\n          if (item.date == this.getNewDate()) {\r\n            item.date = \"今天\";\r\n            item.wendu = item.low + \"℃~\" + item.high + \"℃\";\r\n            item.pic = this.Onweather(item.weather, i);\r\n          } else if (item.date == this.getDateAdd(1)) {\r\n            item.date = \"明天\";\r\n            item.wendu = item.low + \"℃~\" + item.high + \"℃\";\r\n            item.pic = this.Onweather(item.weather, i);\r\n          } else if (item.date == this.getDateAdd(2)) {\r\n            item.date = \"后天\";\r\n            item.wendu = item.low + \"℃~\" + item.high + \"℃\";\r\n            item.pic = this.Onweather(item.weather, i);\r\n          }\r\n        }\r\n        // console.log(res.data.data);\r\n        // 天气\r\n        this.weatherArr = res.data.data;\r\n        // console.log(this.weatherArr);\r\n        // console.log(this.getNewDate(),'获取');\r\n      });\r\n      // Weather({\r\n      //   action: \"one\",\r\n      //   key: \"天气情况\",\r\n      // }).then((res) => {\r\n      //   // console.log(res, \"天气情况\");\r\n      //   let toDay = this.$moment().format(\"D\");\r\n      //   this.getDateSub(1);\r\n      //   this.getDateAdd(1),\r\n      //     res.data.data.forEach((item, index) => {\r\n      //       if (item.第N天 == this.$moment(this.subDay).format(\"D\")) {\r\n      //         this.weatherArr[1].date = \"昨天\";\r\n      //         this.weatherArr[1].temperature =\r\n      //           item.最低温度 + \"℃\" + \"~\" + item.最高温度 + \"℃\";\r\n      //         this.Onweather(item.天气, 1);\r\n      //       } else if (item.第N天 == this.$moment(this.addDay).format(\"D\")) {\r\n      //         this.weatherArr[2].date = \"明天\";\r\n      //         this.weatherArr[2].temperature =\r\n      //           item.最低温度 + \"℃\" + \"~\" + item.最高温度 + \"℃\";\r\n      //         this.Onweather(item.天气, 2);\r\n      //       } else if (item.第N天 == toDay) {\r\n      //         this.weatherArr[0].date = \"今天\";\r\n      //         this.weatherArr[0].temperature =\r\n      //           item.最低温度 + \"℃\" + \"~\" + item.最高温度 + \"℃\";\r\n      //         this.Onweather(item.天气, 0);\r\n      //       }\r\n      //     });\r\n      // });\r\n    },\r\n    //天气\r\n    Onweather(name, index) {\r\n      // console.log(name, \"名字\");\r\n      if(name.includes('阴')||name.includes('多云')){\r\n        if(name.includes('雨')){\r\n          return require(\"./assets/weather/rain.png\");\r\n        }else{\r\n          return require(\"./assets/weather/Cloudy .png\");\r\n        }\r\n      }\r\n      if(name.includes('小雨')){\r\n        \r\n          return require(\"./assets/weather/rain.png\");\r\n        \r\n      }\r\n      // console.log(index);\r\n      switch (name) {\r\n        \r\n        case '风转阴':\r\n          return require(\"./assets/weather/Cloudy .png\");\r\n        case \"多云\":\r\n          return require(\"./assets/weather/Cloudy .png\");\r\n        case \"阴\":\r\n          return require(\"./assets/weather/Cloudy .png\");\r\n        case \"阴转多云\":\r\n          return require(\"./assets/weather/Cloudy .png\");\r\n        case \"暴雨\":\r\n          return require(\"./assets/weather/rainstorm.png\");\r\n        case \"冰雹\":\r\n          return require(\"./assets/weather/hail.png\");\r\n        case \"大风\":\r\n          return require(\"./assets/weather/gale.png\");\r\n        case \"大雪\":\r\n          return require(\"./assets/weather/bigsnow.png\");\r\n        case \"大雨\":\r\n          return require(\"./assets/weather/bigrain.png\");\r\n        case \"雷电\":\r\n          return require(\"./assets/weather/thunder.png\");\r\n        case \"雷阵雨\":\r\n          return require(\"./assets/weather/shower.png\");\r\n        case \"沙尘暴\":\r\n          return require(\"./assets/weather/sand.png\");\r\n        case \"晴\":\r\n          return require(\"./assets/weather/sun.png\");\r\n        case \"雾霾\":\r\n          return require(\"./assets/weather/smog.png\");\r\n        case \"小雪\":\r\n          return require(\"./assets/weather/snow.png\");\r\n        case \"小雨\":\r\n          return require(\"./assets/weather/rain.png\");\r\n        case \"雪\":\r\n          return require(\"./assets/weather/rainlitter.png\");\r\n        case \"多云\":\r\n          return require(\"./assets/weather/night.png\");\r\n        case \"雨夹雪\":\r\n          return require(\"./assets/weather/rainsnow.png\");\r\n        case \"月亮\":\r\n          return require(\"./assets/weather/moon.png\");\r\n        case \"中雪\":\r\n          return require(\"./assets/weather/mieddlesnow.png\");\r\n        case \"中雨\":\r\n          return require(\"./assets/weather/middlerain.png\");\r\n        case \"阴转雨\":\r\n          return require(\"./assets/weather/rain.png\");\r\n        case \"阴转晴\":\r\n          return require(\"./assets/weather/Cloudy .png\");\r\n      }\r\n    },\r\n    handleChange(index) {\r\n      let that = this;\r\n      this.routerActive = index;\r\n      if (this.routerActive == 0) {\r\n        if (this.$route.name != \"index\") {\r\n          that.$router.push({ name: \"index\" });\r\n        }\r\n      } else if (this.routerActive == 2) {\r\n        that.$router.push({ name: \"stationBuilding\" });\r\n      }\r\n      //  else if (this.routerActive == 1) {\r\n      //   that.$router.push({ name: \"twentyKV\" });\r\n      // } \r\n      else if (this.routerActive == 1) {\r\n        that.$router.push({ name: \"thirtyFiveKV\" });\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style >\r\n@import \"./assets/index.css\";\r\n\r\n#app {\r\n  font-family: \"Avenir\", Helvetica, Arial, sans-serif;\r\n  -webkit-font-smoothing: antialiased;\r\n  -moz-osx-font-smoothing: grayscale;\r\n  text-align: center;\r\n  color: #2c3e50;\r\n  background: url(\"./assets/index/bg.png\") no-repeat;\r\n  background-size: 100% 100%;\r\n}\r\n\r\n</style>\r\n<style lang=\"less\" scoped>\r\n.top {\r\n  width: 100%;\r\n  height: 100px;\r\n  /* background: rgba(147, 230, 244,0.6); */\r\n  /* background-image: linear-gradient(90deg, rgba(147, 230, 244,0.6),rgba(147, 230, 244,0), rgba(147, 230, 244,0.6)); */\r\n//   background: url(\"./assets/images/topBg.png\") no-repeat;\r\n  background: url(\"./assets/indexN/title.png\") no-repeat;\r\n  background-size: 100% 100%;\r\n  display: flex;\r\n  flex-flow: row nowrap;\r\n  justify-content: space-between;\r\n  .left {\r\n    width: 815px;\r\n    height: 97px;\r\n    // background: url(\"./assets/index/title.png\") no-repeat;\r\n    // background-size: 100% 100%;\r\n    font-size: 44px;\r\n    font-weight: 700;\r\n    letter-spacing: 22px;\r\n    color: #ffffff;\r\n    // line-height: 97px;\r\n    padding-left: 86px;\r\n    text-align: left;\r\n    box-sizing: border-box;\r\n     .time {\r\n      height: 100%;\r\n      color: #ffffff;\r\n      font-size: 18px;\r\n      display: flex;\r\n      flex-flow: column nowrap;\r\n      justify-content: center;\r\n      text-align: left;\r\n    }\r\n    .weather {\r\n      display: flex;\r\n      flex-flow: row nowrap;\r\n      height: 100%;\r\n      align-items: center;\r\n      margin-left: 36px;\r\n      .pic {\r\n        width: 61px;\r\n        height: 61px;\r\n      }\r\n      .date {\r\n        height: 100%;\r\n        color: #ffffff;\r\n        font-size: 18px;\r\n        display: flex;\r\n        flex-flow: column nowrap;\r\n        justify-content: center;\r\n        margin-left: 19px;\r\n        text-align: left;\r\n      }\r\n    }\r\n    \r\n  }\r\n  .left:before {\r\n    content: attr(text);\r\n    position: absolute;\r\n    z-index: 10;\r\n    color: rgb(86, 254, 246);\r\n    -webkit-mask: linear-gradient(to top, rgb(86, 244, 254), transparent);\r\n  }\r\n  .middle {\r\n     width: 27%;\r\n    height: 80px;\r\n    display: -webkit-box;\r\n    display: -ms-flexbox;\r\n    /* display: flex; */\r\n    -webkit-box-orient: horizontal;\r\n    -webkit-box-direction: normal;\r\n    position: absolute;\r\n    left: 38%;\r\n    top: 3%;\r\n   .box{\r\n    width: 100%;\r\n    height: 100%;\r\n    background: url(\"./assets/indexN/titleText.png\") no-repeat;\r\n   }\r\n    .router {\r\n      width: 244px;\r\n      height: 100%;\r\n      line-height: 78px;\r\n      color: rgb(41, 114, 124);\r\n      font-size: 22px;\r\n      cursor: pointer;\r\n    }\r\n    .active {\r\n      color: #ffffff;\r\n      background: url(\"./assets/images/routerActive.png\") no-repeat;\r\n      background-size: 100% 100%;\r\n    }\r\n    .active:before {\r\n      content: attr(text);\r\n      position: absolute;\r\n      z-index: 10;\r\n      color: rgb(86, 254, 246);\r\n      -webkit-mask: linear-gradient(to top, rgb(86, 244, 254), transparent);\r\n    }\r\n  }\r\n  .right {\r\n    // width: 740px;\r\n    height: 78px;\r\n    display: flex;\r\n    flex-flow: row nowrap;\r\n    justify-content: space-between;\r\n    padding-right: 15px;\r\n    .time {\r\n      height: 100%;\r\n      color: #ffffff;\r\n      font-size: 18px;\r\n      display: flex;\r\n      flex-flow: column nowrap;\r\n      justify-content: center;\r\n      text-align: left;\r\n    }\r\n    .weather {\r\n      display: flex;\r\n      flex-flow: row nowrap;\r\n      height: 100%;\r\n      align-items: center;\r\n      margin-left: 36px;\r\n      .pic {\r\n        width: 61px;\r\n        height: 61px;\r\n      }\r\n      .date {\r\n        height: 100%;\r\n        color: #ffffff;\r\n        font-size: 18px;\r\n        display: flex;\r\n        flex-flow: column nowrap;\r\n        justify-content: center;\r\n        margin-left: 19px;\r\n        text-align: left;\r\n      }\r\n    }\r\n  }\r\n}\r\n.content {\r\n  width: 100%;\r\n  height: calc(100% - 100px);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-around;\r\n}\r\n</style>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/7ea54ab86e642dc213d30612e076c1dc.json b/node_modules/.cache/vue-loader/7ea54ab86e642dc213d30612e076c1dc.json
new file mode 100644
index 00000000..af5460fe
--- /dev/null
+++ b/node_modules/.cache/vue-loader/7ea54ab86e642dc213d30612e076c1dc.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\HomePop\\ringMainUnit.vue?vue&type=style&index=1&id=69e71d64&lang=less&","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\HomePop\\ringMainUnit.vue","mtime":1689642397095},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\css-loader\\index.js","mtime":1689642389821},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1689642396087},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\postcss-loader\\src\\index.js","mtime":1689642393431},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\less-loader\\dist\\cjs.js","mtime":1689642392421},{"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\n.el-tabs__item:hover {\r\n  color: #56fefe !important;\r\n}\r\n.el-tabs__item.is-active {\r\n  color: #56fefe !important;\r\n  font-size: 23px;\r\n}\r\n.el-tabs__item {\r\n  color: rgb(60, 127, 127) !important;\r\n  font-size: 18px;\r\n}\r\n\r\n.el-tabs__active-bar {\r\n  background-color: transparent !important;\r\n  background: url(\"../../assets/images/ringMainGH.png\") no-repeat;\r\n  background-size: 100% 100%;\r\n  bottom: -5px !important;\r\n  height: 19px !important;\r\n}\r\n.el-tabs__nav-wrap::after {\r\n  background-color: rgb(38, 114, 120) !important;\r\n}\r\n",{"version":3,"sources":["ringMainUnit.vue"],"names":[],"mappings":";AAqlDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"ringMainUnit.vue","sourceRoot":"src/views/HomePop","sourcesContent":["<template>\r\n  <div :class=\"equipmentName=='分支箱'?'ringMain':''\"  class=\"ringMainUnit\"> \r\n    <div class=\"top\">\r\n      <div class=\"title\">{{ ringMainUnit }}</div>\r\n      <div class=\"close\">\r\n        <img\r\n          @click=\"handleClose\"\r\n          src=\"@/assets/images/close.png\"\r\n          style=\"cursor: pointer\"\r\n        />\r\n      </div>\r\n    </div>\r\n    <div class=\"main\">\r\n      <el-tabs v-model=\"activeName\" @tab-click=\"handleClick\" style=\"height: 4%\" v-if=\"ringMainUnit.includes('总览')||ringMainUnit.includes('环网柜')\">\r\n        </el-tab-pane><el-tab-pane label=\"设备信息\" name=\"first\" style=\"font-size:20px\" > </el-tab-pane>\r\n        <el-tab-pane label=\"现场照片/红外视频\" name=\"second\" style=\"font-size:20px\"></el-tab-pane>\r\n        \r\n      </el-tabs>\r\n      <!-- 分支箱 -->\r\n      <el-tabs v-model=\"activeName\" @tab-click=\"handleClick\" style=\"height: 4%\" v-if=\"ringMainUnit.includes('分支箱')\">\r\n        <el-tab-pane label=\"设备信息\" name=\"first\" style=\"font-size:20px\" ></el-tab-pane>\r\n        <el-tab-pane label=\"现场照片\" name=\"second\" style=\"font-size:20px\"></el-tab-pane>\r\n      </el-tabs>\r\n      <!-- 箱变 -->\r\n      <el-tabs v-model=\"activeName\" @tab-click=\"handleClick\" style=\"height: 4%\" v-if=\"ringMainUnit.includes('箱变')\">\r\n        <el-tab-pane label=\"设备信息\" name=\"first\" style=\"font-size:20px\" ></el-tab-pane>\r\n        <el-tab-pane label=\"现场照片/红外视频\" name=\"second\" style=\"font-size:20px\"></el-tab-pane>\r\n      </el-tabs>\r\n      <!-- 开闭所 -->\r\n      <el-tabs v-model=\"activeName\" @tab-click=\"handleClick\" style=\"height: 4%\" v-if=\"ringMainUnit.includes('开闭所')\">\r\n        <el-tab-pane label=\"设备信息\" name=\"first\" style=\"font-size:20px\" ></el-tab-pane>\r\n        <el-tab-pane label=\"红外线视频/监检视频/现场照片\" name=\"second\" style=\"font-size:20px\"></el-tab-pane>\r\n      </el-tabs>\r\n      <div v-if=\"activeName == 'first'\" style=\"height: 100%; width: 100%\">\r\n        <div class=\"basic\">\r\n          <div class=\"title\" style=\"margin-top: 10px\">基本信息</div>\r\n          <div class=\"content\">\r\n            <div class=\"information\">\r\n              <div class=\"informationContent\">\r\n                {{ equipmentName }}名称&nbsp;&nbsp;&nbsp;&nbsp;{{\r\n                  ringMainUnit\r\n                }}\r\n              </div>\r\n              <div class=\"informationContent\">\r\n                {{ equipmentName }}编号&nbsp;&nbsp;&nbsp;&nbsp;{{ deviceSn }}\r\n              </div>\r\n              <div class=\"informationContent\" v-if='equipmentName==\"分支箱\"'> \r\n                蓄电池电压(v)\r\n              </div>\r\n              <template v-else-if='equipmentName==\"箱变\"'>\r\n\r\n              </template>\r\n\r\n              <template v-else>\r\n              <div class=\"informationContent\" >\r\n                IP地址&nbsp;&nbsp;&nbsp;&nbsp;{{ deviceInformation.device_ip }}\r\n              </div>\r\n              <div class=\"informationContent\">\r\n                总间隔&nbsp;&nbsp;&nbsp;&nbsp;{{ totalInterval }}\r\n              </div>\r\n              </template>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"earlyWarning\" v-show='equipmentName!=\"分支箱\"'>\r\n          <div class=\"title\">预警信息</div>\r\n          <div class=\"content\">\r\n            <div class=\"information\">\r\n              <div class=\"informationContent\">\r\n                <img src=\"@/assets/images/shiliangIcon1.png\" />\r\n                电缆沟水位&nbsp;:&nbsp;&nbsp;&nbsp;&nbsp;{{ waterLevel }}米\r\n                \r\n              </div>\r\n              <div class=\"informationContent\">\r\n                <span v-if=\"equipmentName!='箱变'\" style=\"margin-left:10px\">&nbsp;状态:&nbsp;&nbsp;&nbsp;&nbsp;{{ waterLevel1 }}</span>\r\n              </div>\r\n              <div class=\"informationContent\">\r\n                <img src=\"@/assets/images/shiliangIcon2.png\" />\r\n                小电流接地故障状态&nbsp;:&nbsp;&nbsp;&nbsp;&nbsp;{{ grounding }}\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div v-if=\"equipmentName=='分支箱'\" class=\"interval\" >\r\n            <div class=\"title\" >出现线缆温度监测</div>\r\n            <div class=\"fenzhiMessage\">\r\n              <div class=\"fenzhiItem\" v-for=\"s in fenzhiArr\">\r\n                  <div class=\"unitNum\">\r\n                    <span>55</span>\r\n                  </div>\r\n                  <div class=\"fenzhiUnit\">\r\n                    <span>{{s}}</span>\r\n                  </div>\r\n              </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"interval\" v-else>\r\n          <div class=\"title\" v-if='equipmentName==\"箱变\"'>电参数监测</div>\r\n        \r\n          <div class=\"title\" v-else>间隔监测</div>\r\n          <!-- 分支箱 -->\r\n          \r\n          <div  class=\"table user_skills\">\r\n            <el-table\r\n              :data=\"tableData\"\r\n              style=\"width: 100%; height: 100%\"\r\n              :header-cell-style=\"{ 'text-align': 'center' }\"\r\n              :cell-style=\"{ 'text-align': 'center' }\"\r\n              stripe\r\n            >\r\n              <el-table-column prop=\"name\" label=\"\" align=\"center\" width=\"150\">\r\n              </el-table-column>\r\n              <el-table-column prop=\"phase\" label=\"相位\"> </el-table-column>\r\n              <el-table-column\r\n                v-for=\"(item, index) in tableColumns\"\r\n                :key=\"index\"\r\n                :prop=\"item.key\"\r\n                align=\"center\"\r\n                :label=\"item.name\"\r\n              >\r\n              </el-table-column>\r\n            </el-table>\r\n          </div>\r\n        </div>\r\n        \r\n        <div class=\"addTitle\" v-if='equipmentName==\"箱变\"'>进线局放数据</div>\r\n        <div class=\"addTitle\" v-else-if='equipmentName==\"分支箱\"'>局放数据</div>\r\n        \r\n        <div class=\"intervalData\">\r\n          <!-- <template v-if='equipmentName==\"箱变\"||equipmentName==\"分支箱\"'>\r\n          </template> -->\r\n          <el-tabs  v-model=\"intervalName\" @tab-click=\"intervalClick\">\r\n            <el-tab-pane\r\n              :label=\"item.name\"\r\n              :name=\"item.key\"\r\n              v-for=\"(item, index) in echartsTab\"\r\n              :key=\"index\"\r\n            ></el-tab-pane>\r\n          </el-tabs>\r\n          <el-tabs  v-model=\"intervalName1\" @tab-click=\"intervalClick1\">\r\n            <el-tab-pane\r\n              :label=\"item.name\"\r\n              :name=\"item.key\"\r\n              v-for=\"(item, index) in echartsTab1\"\r\n              :key=\"index\"\r\n            ></el-tab-pane>\r\n          </el-tabs>\r\n          <div id=\"intervalShow\" v-show=\"echartsShow\"></div>\r\n          <div id=\"temperatureShow\" v-show=\"!echartsShow\"></div>\r\n        </div>\r\n      </div>\r\n\r\n      <div\r\n        class=\"InfraredVideo\"\r\n        v-if=\"activeName == 'second'\"\r\n        style=\"height: 96%; width: 100%\"\r\n      >\r\n        <div class=\"title\">\r\n          <el-tabs\r\n            :tab-position=\"tabPosition\"\r\n            v-model=\"InfraredName\"\r\n            style=\"height: 100%\"\r\n          >\r\n            <el-tab-pane v-for=\"(item, index) in vectorgraphData\" :key=\"index\">\r\n              <span\r\n                slot=\"label\"\r\n                style=\"display: flex; align-items: center\"\r\n                @click=\"InfraredClick(index)\"\r\n              >\r\n                <img :src=\"item.vectorgraph\" />\r\n                <span\r\n                  style=\"margin-left: 10px; font-size: 19px\"\r\n                  :style=\"{ color: item.color }\"\r\n                  >{{ item.name }}</span\r\n                >\r\n              </span>\r\n            </el-tab-pane>\r\n            <div class=\"content\" v-show=\"photoShow\">\r\n              <div\r\n                v-for=\"(item, index) in photoList\"\r\n                :key=\"index\"\r\n                style=\"margin-top: 40px; margin-right: 20px\"\r\n              >\r\n                <img :src=\"item.photo\" style=\"width: 407px; height: 274px\" />\r\n              </div>\r\n            </div>\r\n            <div class=\"content1\" v-show=\"videoShow\">\r\n              <canvas id=\"canvas\" style=\"width: 100%; height: 100%\"></canvas>\r\n              <!-- <video id=\"video\" autoplay  style=\"width:100%; height:100%\"></video> -->\r\n            </div>\r\n            <div class=\"content1\" v-show=\"videoShow1\">\r\n              <canvas id=\"canvas1\" style=\"width: 100%; height: 100%\"></canvas>\r\n              <!-- <video id=\"video\" autoplay  style=\"width:100%; height:100%\"></video> -->\r\n            </div>\r\n          </el-tabs>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nimport {\r\n  getDevice,\r\n  getCabinetInfo,\r\n  getCabinetList,\r\n  getCabinetData,\r\n  getCabinetCameraList,\r\n  getCabinetPointHistory\r\n} from \"../../api/index.js\";\r\nimport JSMpeg from \"../../util/jsmpeg.min\";\r\nimport axios from \"axios\";\r\n// import JSMpeg from 'jsmpeg'\r\nexport default {\r\n  name: \"ringMainUnit\",\r\n  props: [\"ringMainUnit\"],\r\n  data() {\r\n    return {\r\n      echartsShow:true,\r\n      //\r\n      fenzhiArr: [\"电压/KV\", \"电流/A\", \"温度/℃\"],\r\n      JSMpeg: null, //视频\r\n      player: null,\r\n      webRtcServer: null,\r\n      rtsp: \"\", //红外视频地址\r\n      rtsp1: \"\", //普通视频地址\r\n      waterLevel: \"\", //水位值\r\n      waterLevel1: \"\", //水位告警\r\n      grounding: \"\",\r\n      photoShow: true,\r\n      videoShow: false,\r\n      videoShow1: false,\r\n      deviceId: \"\",\r\n      tabPosition: \"left\",\r\n      activeName: \"first\",\r\n      intervalName: \"interval1\",\r\n      intervalName1: \"\",\r\n      InfraredName: \"first\",\r\n      vectorgraphData: [\r\n        {\r\n          vectorgraph: require(\"@/assets/images/shiliangIcon4.png\"),\r\n          name: \"现场照片\",\r\n          color: \"rgb(60,127,127)\",\r\n        },\r\n        {\r\n          vectorgraph: require(\"@/assets/images/shiliangIcon4.png\"),\r\n          name: \"红外视频\",\r\n          color: \"rgb(60,127,127)\",\r\n        },\r\n        {\r\n          vectorgraph: require(\"@/assets/images/shiliangIcon4.png\"),\r\n          name: \"普通视频\",\r\n          color: \"rgb(60,127,127)\",\r\n        },\r\n      ],\r\n      tableData1: [],\r\n      tableData: [\r\n        {\r\n          name: \"\",\r\n          phase: \"Uab\",\r\n          interval1: \"220\",\r\n          interval2: \"220\",\r\n          interval3: \"220\",\r\n          interval4: \"220\",\r\n          interval5: \"220\",\r\n          interval6: \"220\",\r\n          interval7: \"220\",\r\n          interval8: \"220\",\r\n        },\r\n        {\r\n          name: \"电压/V\",\r\n          phase: \"Ubc\",\r\n          interval1: \"220\",\r\n          interval2: \"220\",\r\n          interval3: \"220\",\r\n          interval4: \"220\",\r\n          interval5: \"220\",\r\n          interval6: \"220\",\r\n          interval7: \"220\",\r\n          interval8: \"220\",\r\n        },\r\n        {\r\n          name: \"\",\r\n          phase: \"Uca\",\r\n          interval1: \"220\",\r\n          interval2: \"220\",\r\n          interval3: \"220\",\r\n          interval4: \"220\",\r\n          interval5: \"220\",\r\n          interval6: \"220\",\r\n          interval7: \"220\",\r\n          interval8: \"220\",\r\n        },\r\n        {\r\n          name: \"\",\r\n          phase: \"A\",\r\n          interval1: \"21\",\r\n          interval2: \"25\",\r\n          interval3: \"23\",\r\n          interval4: \"27\",\r\n          interval5: \"24\",\r\n          interval6: \"28\",\r\n          interval7: \"22\",\r\n          interval8: \"21\",\r\n        },\r\n        {\r\n          name: \"电流/A\",\r\n          phase: \"B\",\r\n          interval1: \"25\",\r\n          interval2: \"20\",\r\n          interval3: \"24\",\r\n          interval4: \"23\",\r\n          interval5: \"24\",\r\n          interval6: \"22\",\r\n          interval7: \"21\",\r\n          interval8: \"29\",\r\n        },\r\n        {\r\n          name: \"\",\r\n          phase: \"C\",\r\n          interval1: \"21\",\r\n          interval2: \"25\",\r\n          interval3: \"23\",\r\n          interval4: \"27\",\r\n          interval5: \"24\",\r\n          interval6: \"28\",\r\n          interval7: \"22\",\r\n          interval8: \"21\",\r\n        },\r\n        {\r\n          name: \"\",\r\n          phase: \"A\",\r\n          interval1: \"21\",\r\n          interval2: \"25\",\r\n          interval3: \"23\",\r\n          interval4: \"27\",\r\n          interval5: \"24\",\r\n          interval6: \"28\",\r\n          interval7: \"22\",\r\n          interval8: \"21\",\r\n        },\r\n        {\r\n          name: \"温度/℃\",\r\n          phase: \"B\",\r\n          interval1: \"25\",\r\n          interval2: \"20\",\r\n          interval3: \"24\",\r\n          interval4: \"23\",\r\n          interval5: \"24\",\r\n          interval6: \"22\",\r\n          interval7: \"21\",\r\n          interval8: \"29\",\r\n        },\r\n        {\r\n          name: \"\",\r\n          phase: \"C\",\r\n          interval1: \"25\",\r\n          interval2: \"20\",\r\n          interval3: \"24\",\r\n          interval4: \"23\",\r\n          interval5: \"24\",\r\n          interval6: \"22\",\r\n          interval7: \"21\",\r\n          interval8: \"29\",\r\n        },\r\n      ],\r\n      tableColumns: [\r\n        {\r\n          name: \"间隔1\",\r\n        },\r\n        {\r\n          name: \"间隔2\",\r\n        },\r\n        {\r\n          name: \"间隔3\",\r\n        },\r\n        {\r\n          name: \"间隔4\",\r\n        },\r\n      ],\r\n      echartsTab: [],\r\n      echartsTab1: [],\r\n      echartsData: {\r\n        time: [\r\n          \"0点\",\r\n          \"1点\",\r\n          \"2点\",\r\n          \"3点\",\r\n          \"4点\",\r\n          \"5点\",\r\n          \"6点\",\r\n          \"7点\",\r\n          \"8点\",\r\n          \"9点\",\r\n          \"10点\",\r\n          \"11点\",\r\n          \"12点\",\r\n          \"13点\",\r\n          \"14点\",\r\n          \"15点\",\r\n          \"16点\",\r\n          \"17点\",\r\n          \"18点\",\r\n          \"19点\",\r\n          \"20点\",\r\n          \"21点\",\r\n          \"22点\",\r\n          \"23点\",\r\n        ],\r\n        num: [],\r\n      },\r\n      photoList: [\r\n        {\r\n          photo: \"\",\r\n        },\r\n      ],\r\n\r\n      deviceInformation: {},\r\n      equipmentName: \"\",\r\n      deviceSn: \"\",\r\n      partialDischarge: [], //局放数据\r\n      totalInterval: \"\",\r\n      tabName:'',//选择温度tab\r\n       temperatureChildDataA : [],\r\n       temperatureChildDataB : [],\r\n      temperatureChildDataC :[],\r\n      voltageDataAB : [],\r\n       voltageDataBC : [],\r\n      voltageDataCA :[],\r\n    };\r\n  },\r\n  mounted() {\r\n    var that = this;\r\n    //sssss\r\n    getDevice({\r\n      action: \"querydevice\",\r\n      device_name: this.ringMainUnit,\r\n    }).then((res) => {\r\n      if (res.data.data != null) {\r\n        this.deviceInformation = res.data.data.device;\r\n      }\r\n    });\r\n    this.equipmentName = this.ringMainUnit.substring(\r\n      this.ringMainUnit.length - 3,\r\n      this.ringMainUnit.length\r\n    );\r\n    if (\r\n      this.equipmentName.substring(\r\n        this.equipmentName.length - 2,\r\n        this.equipmentName.length\r\n      ) == \"箱变\"\r\n    ) {\r\n      this.equipmentName = \"箱变\";\r\n    }\r\n    this.getDeviceData();\r\n\r\n    if (this.ringMainUnit != \"金盾FH9环网柜\") {\r\n      window.setTimeout(() => {\r\n        let tab = { index: 0, name: \"interval1\" };\r\n        this.intervalClick(tab);\r\n      }, 1000);\r\n    } else {\r\n      window.setTimeout(() => {\r\n        let tab = { index: 1, name: \"interval2\" };\r\n        this.intervalClick(tab);\r\n      }, 1000);\r\n    }\r\n  },\r\n  //  beforeDestroy() {\r\n  //   this.webRtcServer.disconnect();\r\n  //   this.webRtcServer = null;\r\n  // },\r\n  // beforeDestroy () {\r\n  //   // 页面销毁前 关闭flvjs\r\n  //   this.player.destroy()\r\n  // },\r\n  methods: {\r\n    //查询所有网柜信息\r\n    getDeviceData() {\r\n      let params = {\r\n        pageSize: 50,\r\n        token: localStorage.getItem(\"token\"),\r\n      };\r\n      getCabinetList(params).then((res) => {\r\n        res.data.data.data.forEach((item, index) => {\r\n          if (item.name == this.ringMainUnit) {\r\n            this.deviceSn = item.sn;\r\n          }\r\n        });\r\n        //查询单个网柜\r\n        let data = {\r\n          sn: this.deviceSn,\r\n          token: localStorage.getItem(\"token\"),\r\n        };\r\n        //现场图片\r\n        getCabinetInfo(data).then((res) => {\r\n          console.log(res.data.data, \"Jieguo\");\r\n        });\r\n        //间隔监测\r\n        getCabinetData(data).then((res) => {\r\n          let units = [];\r\n          console.log(res.data.data,'---------');\r\n          Object.keys(res.data.data.units).map((item, index) => {\r\n            if (res.data.data.units[item].name.indexOf(\"开关\") != -1) {\r\n              units.push(res.data.data.units[item]);\r\n            }\r\n          });\r\n          this.tableColumns = Object.keys(units).map((x, y) => {\r\n            let heardName = [];\r\n            heardName.push(\r\n              (heardName = \"间隔\" + units[x].name.substring(0, 1))\r\n            );\r\n            return {\r\n              name: heardName,\r\n              key: \"interval\" + units[x].name.substring(0, 1),\r\n            };\r\n          });\r\n          this.totalInterval = this.tableColumns.length;\r\n          this.echartsTab = Object.keys(units).map((x, y) => {\r\n            let heardName = [];\r\n            heardName.push(\r\n              (heardName = \"间隔\" + units[x].name.substring(0, 1) + \"局放数据\")\r\n            );\r\n            return {\r\n              name: heardName,\r\n              key: \"interval\" + units[x].name.substring(0, 1),\r\n            };\r\n          });\r\n          this.echartsTab1 = Object.keys(units).map((x, y) => {\r\n            let heardName = [];\r\n            heardName.push(\r\n              (heardName = \"间隔\" + units[x].name.substring(0, 1) + \"温度数据\")\r\n            );\r\n            return {\r\n              name: heardName,\r\n              key: \"interval\" + units[x].name.substring(0, 1),\r\n            };\r\n          });\r\n          \r\n          let electricCurrentA = [];\r\n          let electricCurrentB = [];\r\n          let electricCurrentC = [];\r\n          // let voltageA = []\r\n          // let voltageB = []\r\n          // let voltageC = []\r\n          res.data.data.units.forEach((item, index) => {\r\n            res.data.data.yc.forEach((n, i) => {\r\n              if (n.name == \"温度\") {\r\n                n.child.forEach((z, j) => {\r\n                  if (\r\n                    item.name == z.point_name.substring(0,4) &&\r\n                    z.point_name.indexOf(\"A\") != -1\r\n                  ) {\r\n                    this.temperatureChildDataA.push(z);\r\n                  }\r\n                  if (\r\n                    item.name == z.point_name.substring(0,4) &&\r\n                    z.point_name.indexOf(\"B\") != -1\r\n                  ) {\r\n                    this.temperatureChildDataB.push(z);\r\n                  }\r\n                  if (\r\n                    item.name == z.point_name.substring(0,4) &&\r\n                    z.point_name.indexOf(\"C\") != -1\r\n                  ) {\r\n                    this.temperatureChildDataC.push(z);\r\n                  }\r\n                });\r\n              } else if (n.name == \"电流\") {\r\n                n.child.forEach((z, j) => {\r\n                  if (\r\n                    item.name == z.point_name.substring(0,4) &&\r\n                    z.point_name.indexOf(\"a\") != -1\r\n                  ) {\r\n                    electricCurrentA.push(z);\r\n                  }\r\n                  if (\r\n                    item.name == z.point_name.substring(0,4) &&\r\n                    z.point_name.indexOf(\"b\") != -1\r\n                  ) {\r\n                    electricCurrentB.push(z);\r\n                  }\r\n                  if (\r\n                    item.name == z.point_name.substring(0,4) &&\r\n                    z.point_name.indexOf(\"c\") != -1\r\n                  ) {\r\n                    electricCurrentC.push(z);\r\n                  }\r\n                });\r\n              } else if (n.name == \"局放\") {\r\n                n.child.forEach((z, j) => {\r\n                  if (\r\n                    item.name == z.point_name.substring(0,4) &&\r\n                    z.point_name.indexOf(\"均值\") != -1\r\n                  ) {\r\n                    this.partialDischarge.push(z);\r\n                  }\r\n                });\r\n              } else if (n.name == \"水位\") {\r\n                n.child.forEach((z, j) => {\r\n                  this.waterLevel = z.value;\r\n                });\r\n              }else if (n.name == \"电压\") {\r\n                n.child.forEach((z, j) => {\r\n                  if (\r\n                    z.point_name.indexOf(\"Uab\") != -1\r\n                  ) {\r\n                    this.voltageDataAB.push(z);\r\n                  }\r\n                  if (\r\n                    z.point_name.indexOf(\"Ubc\") != -1\r\n                  ) {\r\n                    this.voltageDataBC.push(z);\r\n                  }\r\n                  if (\r\n                    z.point_name.indexOf(\"Uca\") != -1\r\n                  ) {\r\n                    this.voltageDataCA.push(z);\r\n                  }\r\n                });\r\n              }\r\n            });\r\n          });\r\n          //表格电流\r\n          for (let i = 0; i < electricCurrentA.length; i++) {\r\n            let interval = \"interval\" + electricCurrentA[i].point_name.substring(0,1);\r\n            this.tableData[3][interval] = electricCurrentA[i].value;\r\n          }\r\n          for (let i = 0; i < electricCurrentB.length; i++) {\r\n            let interval = \"interval\" + electricCurrentB[i].point_name.substring(0,1);\r\n            this.tableData[4][interval] = electricCurrentB[i].value;\r\n          }\r\n          for (let i = 0; i < electricCurrentC.length; i++) {\r\n            let interval = \"interval\" + electricCurrentC[i].point_name.substring(0,1);\r\n            this.tableData[5][interval] = electricCurrentC[i].value;\r\n          }\r\n          //电压\r\n          for (let i = 0; i < this.voltageDataAB.length; i++) {\r\n            for (let j = 0; j < units.length; j++) {\r\n              let interval = \"interval\" + units[j].name.substring(0,1);\r\n              this.tableData[0][interval] = this.voltageDataAB[i].value + ' kV';\r\n            }\r\n          }\r\n          for (let i = 0; i < this.voltageDataBC.length; i++) {\r\n            for (let j = 0; j < units.length; j++) {\r\n              let interval = \"interval\" + units[j].name.substring(0,1);\r\n              this.tableData[1][interval] = this.voltageDataBC[i].value + ' kV';\r\n            }\r\n          }\r\n          for (let i = 0; i < this.voltageDataCA.length; i++) {\r\n            for (let j = 0; j < units.length; j++) {\r\n              let interval = \"interval\" + units[j].name.substring(0,1);\r\n              this.tableData[2][interval] = this.voltageDataCA[i].value + ' kV';\r\n            }\r\n          }\r\n          //警告\r\n          res.data.data.yx.forEach((item, index) => {\r\n            if (item.name == \"水位告警\") {\r\n              this.waterLevel1 = item.child[0].value;\r\n            } else if (item.name == \"接地告警\") {\r\n              this.grounding = item.child[0].value;\r\n            }\r\n          });\r\n          this.getIntervalTep(null)\r\n        });\r\n      });\r\n       \r\n    },\r\n    handleClick(tab) {\r\n      let that = this;\r\n      if (tab.index == 0) {\r\n        this.activeName = \"first\";\r\n        this.$nextTick(() => {\r\n          let tab = {\r\n            name:'interval1'\r\n          }\r\n          this.intervalClick(tab);\r\n        });\r\n      } else if (tab.index == 1) {\r\n        this.activeName = \"second\";\r\n        this.photoShow = true;\r\n        this.videoShow = false;\r\n        this.videoShow1 = false;\r\n        this.InfraredClick(0);\r\n        getDevice({\r\n          action: \"querydevice\",\r\n          device_name: that.ringMainUnit,\r\n        }).then((res) => {\r\n          if (res.data.data.pic != null) {\r\n            this.photoList = Object.keys(res.data.data.pic).map(\r\n              (item, index) => {\r\n                let photoUrl = res.data.data.pic[index].url;\r\n                return { photo: photoUrl };\r\n              }\r\n            );\r\n          }\r\n        });\r\n      }\r\n    },\r\n    //echarts切换\r\n    intervalClick(tab) {\r\n      if (tab != null) {\r\n        this.intervalName = tab.name;\r\n        this.intervalName1 = '';\r\n        let echartsData = [];\r\n        // let index = Number(tab.index) + 1;\r\n        let index = tab.name.substring(8,9)\r\n        for (let i = 0; i < this.partialDischarge.length; i++) {\r\n          if (this.partialDischarge[i].point_name.substring(0,4).indexOf(index) != -1) {\r\n            echartsData.push(this.partialDischarge[i]);\r\n          }\r\n        }\r\n        this.intervalShow(echartsData);\r\n        this.echartsShow = true\r\n      } else {\r\n        this.intervalShow(null);\r\n      }\r\n    },\r\n    intervalClick1(tab) {\r\n      this.intervalName = '';\r\n      this.intervalName1 = tab.name;\r\n      this.echartsShow = false\r\n      if (tab != null) {\r\n        this.getIntervalTep(tab.name)\r\n      } else {\r\n        this.getIntervalTep(null);\r\n      }\r\n    },\r\n    //获取间隔温度\r\n    getIntervalTep(tabName){\r\n      let dataA = []\r\n      let dataB = []\r\n      let dataC = []\r\n      let time = []\r\n        //表格温度\r\n          for (let i = 0; i < this.temperatureChildDataA.length; i++) {\r\n            let interval = \"interval\" + this.temperatureChildDataA[i].point_name.substring(0,1);\r\n            this.tableData[6][interval] = this.temperatureChildDataA[i].value;\r\n              if (tabName == interval) {\r\n                 let data = {\r\n                      token:localStorage.getItem(\"token\"),\r\n                      sn: this.deviceSn,\r\n                      point:this.temperatureChildDataA[i].point_id,\r\n                      date:this.$moment().format(\"YYYY-MM-DD\")\r\n                    }\r\n                    getCabinetPointHistory(data).then((res)=>{\r\n                      for (let i = 0; i < res.data.data.value.length; i++) {\r\n                        dataA.push(parseInt(res.data.data.value[i]))\r\n                      }\r\n                    })\r\n              }\r\n          }\r\n          for (let i = 0; i < this.temperatureChildDataB.length; i++) {\r\n            let interval = \"interval\" + this.temperatureChildDataB[i].point_name.substring(0,1);\r\n            this.tableData[7][interval] = this.temperatureChildDataB[i].value;\r\n              if (tabName == interval) {\r\n                 let data = {\r\n                      token:localStorage.getItem(\"token\"),\r\n                      sn: this.deviceSn,\r\n                      point:this.temperatureChildDataA[i].point_id,\r\n                      date:this.$moment().format(\"YYYY-MM-DD\")\r\n                    }\r\n                    getCabinetPointHistory(data).then((res)=>{\r\n                      for (let i = 0; i < res.data.data.value.length; i++) {\r\n                        dataB.push(parseInt(res.data.data.value[i]))\r\n                      }\r\n                    })\r\n              }\r\n          }\r\n          for (let i = 0; i < this.temperatureChildDataC.length; i++) {\r\n            let interval = \"interval\" + this.temperatureChildDataC[i].point_name.substring(0,1);\r\n            this.tableData[8][interval] = this.temperatureChildDataC[i].value;\r\n              if (tabName == interval) {\r\n                 let data = {\r\n                      token:localStorage.getItem(\"token\"),\r\n                      sn: this.deviceSn,\r\n                      point:this.temperatureChildDataA[i].point_id,\r\n                      date:this.$moment().format(\"YYYY-MM-DD\")\r\n                    }\r\n                    getCabinetPointHistory(data).then((res)=>{\r\n                      \r\n                      for (let i = 0; i < res.data.data.value.length; i++) {\r\n                        dataC.push(parseInt(res.data.data.value[i]))\r\n                      }\r\n                      for (let i = 0; i < res.data.data.time.length; i++) {\r\n                        time.push(parseInt(res.data.data.time[i]))\r\n                      }\r\n                      setTimeout(()=>{\r\n                        this.$nextTick(()=>{\r\n                        this.temperatureShow(dataA,dataB,dataC,time);\r\n                        })\r\n                      },100)\r\n                      \r\n                    })\r\n              }\r\n          }\r\n    },\r\n    //视频切换\r\n    InfraredClick(index) {\r\n      let data = {\r\n        sn: this.deviceSn,\r\n        token: localStorage.getItem(\"token\"),\r\n      };\r\n      if (index == 1) {\r\n        let that = this;\r\n        Object.keys(this.vectorgraphData).forEach((key) => {\r\n          this.vectorgraphData[\r\n            key\r\n          ].vectorgraph = require(\"@/assets/images/shiliangIcon4.png\");\r\n          this.vectorgraphData[key].color = \"rgb(60,127,127)\";\r\n          if (key == index) {\r\n            this.vectorgraphData[\r\n              index\r\n            ].vectorgraph = require(\"@/assets/images/shiliangIcon3.png\");\r\n            this.vectorgraphData[index].color = \"#56fefe\";\r\n            this.photoShow = false;\r\n            this.videoShow = true;\r\n            this.videoShow1 = false;\r\n            //这里的port要与index.js的port保持一致\r\n            //解析视频流\r\n            //视频数据\r\n            getCabinetCameraList(data).then((res) => {\r\n              console.log(res.data.data, \"视频\");\r\n              this.rtsp = res.data.data[1].url;\r\n              this.$nextTick(() => {\r\n                this.JSMpeg = new JSMpeg.Player(\r\n                  \"ws://localhost:9999/rtsp?url=\" + btoa(this.rtsp),\r\n                  {\r\n                    canvas: document.getElementById(\"canvas\"),\r\n                  }\r\n                );\r\n              });\r\n            });\r\n\r\n            // let video = document.getElementById('video')\r\n            //  try{\r\n            //    if ('srcObject' in video) {\r\n            //      video.srcObject = null;\r\n            //  this.webRtcServer = new WebRtcStreamer(\r\n            //     \"video\",\r\n            //     location.protocol + \"//127.0.0.1:8000\"\r\n            //   );\r\n            // //   //需要看的rtsp视频地址，可以在网上找在线的rtsp视频地址来进行demo实验，在vlc中能播放就能用\r\n            //   this.webRtcServer.connect(\r\n            //     \"rtsp://221.231.99.214:554/cam=109/channel=0\"\r\n            //   );\r\n            //       this.webRtcServer.connect(\r\n            //         \"rtsp://wowzaec2demo.streamlock.net/vod/mp4:BigBuckBunny_115k.mp4\"\r\n            //       );\r\n            //    }else{\r\n            //      video.src = null;\r\n            //    }\r\n\r\n            //  }catch(e){\r\n            //       console.log(e)\r\n            //     }\r\n          }\r\n        });\r\n      } else if (index == 0) {\r\n        let that = this;\r\n        Object.keys(this.vectorgraphData).forEach((key) => {\r\n          this.vectorgraphData[\r\n            key\r\n          ].vectorgraph = require(\"@/assets/images/shiliangIcon4.png\");\r\n          this.vectorgraphData[key].color = \"rgb(60,127,127)\";\r\n          if (key == index) {\r\n            this.vectorgraphData[\r\n              index\r\n            ].vectorgraph = require(\"@/assets/images/shiliangIcon3.png\");\r\n            this.vectorgraphData[index].color = \"#56fefe\";\r\n            (this.photoShow = true), (this.videoShow = false);\r\n            this.videoShow1 = false;\r\n          }\r\n        });\r\n      } else if (index == 2) {\r\n        let that = this;\r\n        Object.keys(this.vectorgraphData).forEach((key) => {\r\n          this.vectorgraphData[\r\n            key\r\n          ].vectorgraph = require(\"@/assets/images/shiliangIcon4.png\");\r\n          this.vectorgraphData[key].color = \"rgb(60,127,127)\";\r\n          if (key == index) {\r\n            this.vectorgraphData[\r\n              index\r\n            ].vectorgraph = require(\"@/assets/images/shiliangIcon3.png\");\r\n            this.vectorgraphData[index].color = \"#56fefe\";\r\n            this.photoShow = false;\r\n            this.videoShow = false;\r\n            this.videoShow1 = true;\r\n            //这里的port要与index.js的port保持一致\r\n            //解析视频流\r\n            getCabinetCameraList(data).then((res) => {\r\n              console.log(res.data.data, \"视频\");\r\n              this.rtsp1 = res.data.data[0].url;\r\n              this.JSMpeg = new JSMpeg.Player(\r\n                \"ws://localhost:9999/rtsp?url=\" + btoa(this.rtsp1),\r\n                {\r\n                  canvas: document.getElementById(\"canvas1\"),\r\n                }\r\n              );\r\n            });\r\n          }\r\n        });\r\n      }\r\n    },\r\n    closeJSMpeg() {\r\n      //销毁\r\n      this.JSMpeg.destroy();\r\n    },\r\n    handleClose() {\r\n      this.$parent.componentShow = \"\";\r\n      this.$parent.modelOthers = false;\r\n      // this.$emit(\"closeStatus\", this.closeStatus)\r\n      this.rtsp = \"\";\r\n      this.rtsp1 = \"\";\r\n      if (this.JSMpeg != null) {\r\n        this.closeJSMpeg();\r\n      }\r\n    },\r\n    //局放图\r\n    intervalShow(InintervalData) {\r\n      let num = [];\r\n      let time = [];\r\n      if (InintervalData != null && InintervalData != []) {\r\n        for (const i in InintervalData[0].hour_data) {\r\n          num.push(InintervalData[0].hour_data[i]);\r\n          time.push(i);\r\n        }\r\n        this.echartsData.num = num;\r\n        this.echartsData.time = time;\r\n      }\r\n      let that = this;\r\n      var data = this.echartsData;\r\n      var myChart = this.$echarts.init(document.getElementById(\"intervalShow\"));\r\n      var option = {\r\n        tooltip: {\r\n          trigger: \"axis\",\r\n          formatter:function(params){\r\n            return '时间：' + params[0].name+'<br/>'+'局放数据：'+params[0].value+'dbm'\r\n          }\r\n        },\r\n        grid: {\r\n          top: \"10%\",\r\n          left: \"3%\",\r\n          right: \"3%\",\r\n          bottom: \"10%\",\r\n          // containLabel: true\r\n        },\r\n        xAxis: [\r\n          {\r\n            type: \"category\",\r\n            boundaryGap: true,\r\n            axisLine: {\r\n              //坐标轴轴线相关设置。数学上的x轴\r\n              show: true,\r\n              lineStyle: {\r\n                color: 'color:\"#93dcfe\"',\r\n              },\r\n            },\r\n            axisLabel: {\r\n              //坐标轴刻度标签的相关设置\r\n              textStyle: {\r\n                color: \"#93dcfe\",\r\n                margin: 15,\r\n              },\r\n              formatter: function (data) {\r\n                return data;\r\n              },\r\n            },\r\n            axisTick: {\r\n              show: false,\r\n            },\r\n            data: data.time,\r\n          },\r\n        ],\r\n        yAxis: [\r\n          {\r\n            //   min: 0,\r\n            //   max: 100,\r\n            name: \"dbm\",\r\n            splitLine: {\r\n              show: true,\r\n              lineStyle: {\r\n                color: \"rgba(147,220,254,0.3)\",\r\n              },\r\n            },\r\n            axisLine: {\r\n              show: false,\r\n              lineStyle: {\r\n                color: \"#93dcfe\",\r\n              },\r\n            },\r\n            axisLabel: {\r\n              show: true,\r\n              textStyle: {\r\n                color: \"#93dcfe\",\r\n              },\r\n              // formatter: function (value) {\r\n              //   if (value === 0) {\r\n              //     return value;\r\n              //   }\r\n              //   return value + \"%\";\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            symbol: \"circle\", // 默认是空心圆（中间是白色的），改成实心圆\r\n            showAllSymbol: true,\r\n            symbolSize: 8,\r\n            lineStyle: {\r\n              normal: {\r\n                color: \"#1f93fa\", // 线条颜色\r\n              },\r\n              borderColor: \"rgba(0,0,0,.4)\",\r\n            },\r\n            itemStyle: {\r\n              color: \"#1f93fa\",\r\n              borderColor: \"#1f93fa\",\r\n              borderWidth: 2,\r\n            },\r\n            label: {\r\n              normal: {\r\n                show: false,\r\n                position: \"top\",\r\n                formatter: [\" {a|{c}%}\"].join(\",\"),\r\n                rich: {\r\n                  a: {\r\n                    color: \"#fff\",\r\n                    align: \"center\",\r\n                  },\r\n                },\r\n              },\r\n            },\r\n            tooltip: {\r\n              show: true,\r\n            },\r\n\r\n            data: data.num,\r\n          },\r\n        ],\r\n      };\r\n      myChart.setOption(option);\r\n    },\r\n     //图\r\n    temperatureShow(dataA,dataB,dataC,date) {\r\n      let numA = dataA;\r\n      let time = date;\r\n      let numB = dataB;\r\n      let numC = dataC;\r\n      // if (temperatureData != null && temperatureData != []) {\r\n      //   for (const i in temperatureData[0].hour_data) {\r\n      //     num.push(temperatureData[0].hour_data[i]);\r\n      //     time.push(i);\r\n      //   }\r\n      //   this.echartsData.num = num;\r\n      //   this.echartsData.time = time;\r\n      // }\r\n      let that = this;\r\n      // var data = this.echartsData;\r\n      var myChart = this.$echarts.init(document.getElementById(\"temperatureShow\"));\r\n      var option = {\r\n        tooltip: {\r\n          trigger: \"axis\",\r\n          formatter:function(params){\r\n            return '时间：' + params[0].name+'<br/>'+'温度A：'+params[0].value+'℃'\r\n            +'<br/>'+'温度B：'+params[1].value+'℃'\r\n            +'<br/>'+'温度C：'+params[2].value+'℃'\r\n          }\r\n        },\r\n        legend:{\r\n          origin:'horizontal',\r\n          textStyle: {\r\n            color: \"#fff\",\r\n            fontSize: \"18px\",\r\n          },\r\n        },\r\n        grid: {\r\n          top: \"10%\",\r\n          left: \"3%\",\r\n          right: \"3%\",\r\n          bottom: \"10%\",\r\n          // containLabel: true\r\n        },\r\n        xAxis: [\r\n          {\r\n            type: \"category\",\r\n            boundaryGap: true,\r\n            axisLine: {\r\n              //坐标轴轴线相关设置。数学上的x轴\r\n              show: true,\r\n              lineStyle: {\r\n                color: 'color:\"#93dcfe\"',\r\n              },\r\n            },\r\n            axisLabel: {\r\n              //坐标轴刻度标签的相关设置\r\n              textStyle: {\r\n                color: \"#93dcfe\",\r\n                margin: 15,\r\n              },\r\n              formatter: function (data) {\r\n                return data;\r\n              },\r\n            },\r\n            axisTick: {\r\n              show: false,\r\n            },\r\n            data: time,\r\n          },\r\n        ],\r\n        yAxis: [\r\n          {\r\n            //   min: 0,\r\n            //   max: 100,\r\n            name: \"℃\",\r\n            splitLine: {\r\n              show: true,\r\n              lineStyle: {\r\n                color: \"rgba(147,220,254,0.3)\",\r\n              },\r\n            },\r\n            axisLine: {\r\n              show: false,\r\n              lineStyle: {\r\n                color: \"#93dcfe\",\r\n              },\r\n            },\r\n            axisLabel: {\r\n              show: true,\r\n              textStyle: {\r\n                color: \"#93dcfe\",\r\n              },\r\n              // formatter: function (value) {\r\n              //   if (value === 0) {\r\n              //     return value;\r\n              //   }\r\n              //   return value + \"%\";\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: \"A相位\",\r\n            type: \"line\",\r\n            symbol: \"circle\", // 默认是空心圆（中间是白色的），改成实心圆\r\n            showAllSymbol: true,\r\n            symbolSize: 8,\r\n            lineStyle: {\r\n              normal: {\r\n                color: \"#1f93fa\", // 线条颜色\r\n              },\r\n              borderColor: \"rgba(0,0,0,0.4)\",\r\n            },\r\n            itemStyle: {\r\n              color: \"#1f93fa\",\r\n              borderColor: \"#1f93fa\",\r\n              borderWidth: 2,\r\n            },\r\n            label: {\r\n              normal: {\r\n                show: false,\r\n                position: \"top\",\r\n                formatter: [\" {a|{c}%}\"].join(\",\"),\r\n                rich: {\r\n                  a: {\r\n                    color: \"#fff\",\r\n                    align: \"center\",\r\n                  },\r\n                },\r\n              },\r\n            },\r\n            tooltip: {\r\n              show: true,\r\n            },\r\n\r\n            data: numA,\r\n          },\r\n          {\r\n            name: \"B相位\",\r\n            type: \"line\",\r\n            symbol: \"circle\", // 默认是空心圆（中间是白色的），改成实心圆\r\n            showAllSymbol: true,\r\n            symbolSize: 8,\r\n            lineStyle: {\r\n              normal: {\r\n                color: \"rgb(39,239,94)\", // 线条颜色\r\n              },\r\n              borderColor: \"rgba(0,0,0,0.4)\",\r\n            },\r\n            itemStyle: {\r\n              color: \"rgb(39,239,94)\",\r\n              borderColor: \"rgb(39,239,94)\",\r\n              borderWidth: 2,\r\n            },\r\n            label: {\r\n              normal: {\r\n                show: false,\r\n                position: \"top\",\r\n                formatter: [\" {a|{c}%}\"].join(\",\"),\r\n                rich: {\r\n                  a: {\r\n                    color: \"#fff\",\r\n                    align: \"center\",\r\n                  },\r\n                },\r\n              },\r\n            },\r\n            tooltip: {\r\n              show: true,\r\n            },\r\n\r\n            data: numB,\r\n          },\r\n          {\r\n            name: \"C相位\",\r\n            type: \"line\",\r\n            symbol: \"circle\", // 默认是空心圆（中间是白色的），改成实心圆\r\n            showAllSymbol: true,\r\n            symbolSize: 8,\r\n            lineStyle: {\r\n              normal: {\r\n                color: \"rgb(255,193,64)\", // 线条颜色\r\n              },\r\n              borderColor: \"rgba(0,0,0,0.4)\",\r\n            },\r\n            itemStyle: {\r\n              color: \"rgb(255,193,64)\",\r\n              borderColor: \"rgb(255,193,64)\",\r\n              borderWidth: 2,\r\n            },\r\n            label: {\r\n              normal: {\r\n                show: false,\r\n                position: \"top\",\r\n                formatter: [\" {a|{c}%}\"].join(\",\"),\r\n                rich: {\r\n                  a: {\r\n                    color: \"#fff\",\r\n                    align: \"center\",\r\n                  },\r\n                },\r\n              },\r\n            },\r\n            tooltip: {\r\n              show: true,\r\n            },\r\n\r\n            data: numC,\r\n          },\r\n        ],\r\n      };\r\n      myChart.setOption(option);\r\n    },\r\n  },\r\n  watch: {\r\n    equipmentName: {\r\n      handler(newVal, oldVal) {\r\n        if (newVal == \"箱变\") {\r\n          this.tableColumns.forEach((item, index) => {\r\n            if (index == 0 || index % 2 == 0) {\r\n              item.name = \"进线\";\r\n            } else {\r\n              item.name = \"出线\";\r\n            }\r\n          });\r\n        } else {\r\n          this.tableColumns.forEach((item, index) => {\r\n            item.name=\"间隔\"+(index+1)\r\n          });\r\n        }\r\n      },\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.fenzhiMessage {\r\n  width: 100%;\r\n  margin-top: 6px;\r\n  height: calc(100% - 30px);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-around;\r\n  background: url(\"../../assets/images/intervalFrame.png\") no-repeat;\r\n  .fenzhiItem {\r\n    background-image: url(\"../../assets/images/fenzhiBg.png\");\r\n    width: 295px;\r\n    height: 116px;\r\n    background-size: 100% 100%;\r\n    .unitNum {\r\n      height: 83px;\r\n      line-height: 83px;\r\n      width: 100%;\r\n      text-align: center;\r\n      font-size: 30px;\r\n      color: #56fefe;\r\n    }\r\n    .fenzhiUnit {\r\n      height: 33px;\r\n      text-align: center;\r\n      font-size: 20px;\r\n      line-height: 28px;\r\n      color: #fff;\r\n    }\r\n  }\r\n}\r\n.addTitle {\r\n  color: rgb(86, 244, 254);\r\n  text-align: left;\r\n}\r\n//表格\r\n.user_skills {\r\n  /**\r\n  表格有滚动效果但是不显示滚动条\r\n  */\r\n  /deep/ .is-scrolling-none {\r\n    overflow: hidden;\r\n    overflow-y: auto;\r\n    overflow-x: scroll;\r\n  }\r\n  /deep/ .is-scrolling-none::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n  /deep/.el-table--scrollable-y ::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n  /deep/.el-table--scrollable-x ::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n  /deep/ .el-table {\r\n    background-color: transparent !important;\r\n  }\r\n  /deep/ .el-table th {\r\n    background-color: transparent !important;\r\n  }\r\n  /deep/ .el-table__header {\r\n    height: 48px;\r\n    background: url(\"../../assets/images/intervalTable.png\") no-repeat;\r\n    background-size: 100% 100%;\r\n  }\r\n  /deep/ .el-table__header th {\r\n    border: none;\r\n    padding: 0;\r\n    height: 40px;\r\n    .cell {\r\n      height: 100%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-around;\r\n    }\r\n    &.el-table__cell.is-leaf {\r\n      border: none !important;\r\n    }\r\n  }\r\n  /deep/ .el-table tr {\r\n    background-color: transparent !important;\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  /deep/ .el-table__body td .cell {\r\n    white-space: nowrap !important;\r\n    // word-break: break-all;\r\n  }\r\n  /deep/ .el-table th.el-table__cell > .cell {\r\n    color: rgb(86, 254, 226);\r\n  }\r\n  /deep/.el-table .el-table__cell {\r\n    padding: 5px 0;\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}\r\n.el-table::before {\r\n  background-color: transparent;\r\n}\r\n::v-deep .el-table .el-table__body tr.el-table__row td {\r\n  background: rgba(79, 218, 255, 0.1) !important;\r\n}\r\n::v-deep .el-table--striped .el-table__body tr.el-table__row--striped td {\r\n  background: rgba(79, 218, 255, 0.06) !important;\r\n}\r\n.ringMain {\r\n  width: 1332px !important;\r\n  height: 739px !important;\r\n  background-image: url(\"../../assets/images/ringMain.png\") !important;\r\n  .main {\r\n    height: 93% !important;\r\n    .basic {\r\n      margin-top: 20px;\r\n      .title {\r\n        margin-bottom: 5px;\r\n      }\r\n    }\r\n  }\r\n}\r\n.ringMainUnit {\r\n  width: 1511px;\r\n  height: 1071px;\r\n  background: url(\"../../assets/images/ringMainUnitKuang.png\") no-repeat;\r\n  background-size: 100% 100%;\r\n  -webkit-animation: fadeInDown 0.3s;\r\n  animation: fadeInDown 0.3s;\r\n  padding: 15px 25px;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  align-content: space-between;\r\n  .top {\r\n    height: 4%;\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    .title {\r\n      font-size: 28px;\r\n      font-weight: 700;\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(86, 244, 254)\r\n      );\r\n    }\r\n  }\r\n  .main {\r\n    height: 95%;\r\n    width: 100%;\r\n    //   border: 1px solid blue;\r\n    .basic {\r\n      height: 8.8%;\r\n      width: 100%;\r\n      //   border: 1px solid red;\r\n      .title {\r\n        height: 27%;\r\n        width: 100%;\r\n        //  border: 1px solid yellow;\r\n        color: rgb(86, 244, 254);\r\n        display: flex;\r\n      }\r\n      .content {\r\n        height: 73%;\r\n        width: 100%;\r\n        background: url(\"../../assets/images/basicFrame.png\") no-repeat;\r\n        display: flex;\r\n        background-size: 100% 100%;\r\n        justify-content: space-around;\r\n        overflow: auto;\r\n        .information {\r\n          color: #ffffff;\r\n          height: 100%;\r\n          width: 96%;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: space-between;\r\n          .informationContent {\r\n            height: 35px;\r\n            line-height: 35px;\r\n            background: url(\"../../assets/images/cardSquare.png\") no-repeat;\r\n            background-size: 100% 100%;\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .earlyWarning {\r\n      height: 8.8%;\r\n      width: 100%;\r\n      margin-top: 10px;\r\n      //   border: 1px solid red;\r\n      .title {\r\n        height: 27%;\r\n        width: 100%;\r\n        //  border: 1px solid yellow;\r\n        color: rgb(86, 244, 254);\r\n        display: flex;\r\n      }\r\n      .content {\r\n        height: 73%;\r\n        width: 100%;\r\n        background: url(\"../../assets/images/basicFrame.png\") no-repeat;\r\n        display: flex;\r\n        background-size: 100% 100%;\r\n        justify-content: flex-start;\r\n        .information {\r\n          color: #ffffff;\r\n          height: 100%;\r\n          width: 79%;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: space-between;\r\n          display: flex;\r\n          align-items: center;\r\n          -webkit-box-pack: justify;\r\n          padding-left: 24px;\r\n          .informationContent {\r\n            height: 35px;\r\n            background: url(\"../../assets/images/cardSquare.png\") no-repeat;\r\n            background-size: 100% 100%;\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .interval {\r\n      height: 40%;\r\n      width: 100%;\r\n      margin-top: 10px;\r\n      .title {\r\n        height: 7%;\r\n        width: 100%;\r\n        color: rgb(86, 244, 254);\r\n        display: flex;\r\n      }\r\n      .table {\r\n        height: 85%;\r\n        // border: 1px solid red;\r\n        background: url(\"../../assets/images/intervalFrame.png\") no-repeat;\r\n        background-size: 100% 100%;\r\n        padding: 15px 20px;\r\n      }\r\n    }\r\n    .intervalData {\r\n      height: 33%;\r\n      margin-top: 10px;\r\n      padding-left: 10px;\r\n      background: url(\"../../assets/images/intervalFrame.png\") no-repeat;\r\n      background-size: 100% 100%;\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      /deep/ .el-tabs__nav-wrap::after {\r\n        background-color: transparent !important;\r\n      }\r\n      /deep/ .el-tabs--top{\r\n        width: 50%;\r\n      }\r\n      #intervalShow {\r\n        width: 100%;\r\n        height: calc(100% - 54px);\r\n      }\r\n      #temperatureShow{\r\n        width: 100%;\r\n        height: calc(100% - 54px);\r\n      }\r\n    }\r\n    .InfraredVideo {\r\n      .title {\r\n        height: 100%;\r\n        .content {\r\n          margin-left: 30px;\r\n          display: flex;\r\n          flex-direction: row;\r\n          flex-wrap: wrap;\r\n          justify-content: flex-start;\r\n        }\r\n      }\r\n      /deep/ .el-tabs__item {\r\n        margin-top: 20px;\r\n        padding: 0 30px;\r\n      }\r\n    }\r\n  }\r\n}\r\n.content1 {\r\n  height: 100%;\r\n  width: 100%;\r\n  overflow: hidden;\r\n}\r\n/deep/.el-tabs__content {\r\n  height: 100%;\r\n  overflow: auto;\r\n  position: relative;\r\n}\r\n/**\r\n下拉显示动画效果\r\n*/\r\n@keyframes fadeInDown {\r\n  0% {\r\n    -webkit-transform: translate3d(0, -20%, 0);\r\n    transform: translate3d(0, -20%, 0);\r\n    opacity: 0;\r\n  }\r\n\r\n  100% {\r\n    -webkit-transform: none;\r\n    transform: none;\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n@-webkit-keyframes fadeInDown {\r\n  0% {\r\n    -webkit-transform: translate3d(0, -20%, 0);\r\n    opacity: 0;\r\n  }\r\n\r\n  100% {\r\n    -webkit-transform: none;\r\n    opacity: 1;\r\n  }\r\n}\r\n</style>\r\n<style lang=\"less\">\r\n.el-tabs__item:hover {\r\n  color: #56fefe !important;\r\n}\r\n.el-tabs__item.is-active {\r\n  color: #56fefe !important;\r\n  font-size: 23px;\r\n}\r\n.el-tabs__item {\r\n  color: rgb(60, 127, 127) !important;\r\n  font-size: 18px;\r\n}\r\n\r\n.el-tabs__active-bar {\r\n  background-color: transparent !important;\r\n  background: url(\"../../assets/images/ringMainGH.png\") no-repeat;\r\n  background-size: 100% 100%;\r\n  bottom: -5px !important;\r\n  height: 19px !important;\r\n}\r\n.el-tabs__nav-wrap::after {\r\n  background-color: rgb(38, 114, 120) !important;\r\n}\r\n</style>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/834a9a434197d6d319aac5723a8eaaa4.json b/node_modules/.cache/vue-loader/834a9a434197d6d319aac5723a8eaaa4.json
new file mode 100644
index 00000000..0fe84032
--- /dev/null
+++ b/node_modules/.cache/vue-loader/834a9a434197d6d319aac5723a8eaaa4.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--12-0!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??ref--6!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\HomePop\\ringMainUnit.vue?vue&type=template&id=69e71d64&scoped=true&","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\HomePop\\ringMainUnit.vue","mtime":1689642397095},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\babel.config.js","mtime":1689642387810},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1689642389292},{"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\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1689642396087},{"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":["import \"core-js/modules/es6.function.name\";\nimport \"core-js/modules/es7.array.includes\";\nimport \"core-js/modules/es6.string.includes\";\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"ringMainUnit\",\n    class: _vm.equipmentName == \"分支箱\" ? \"ringMain\" : \"\"\n  }, [_c(\"div\", {\n    staticClass: \"top\"\n  }, [_c(\"div\", {\n    staticClass: \"title\"\n  }, [_vm._v(_vm._s(_vm.ringMainUnit))]), _c(\"div\", {\n    staticClass: \"close\"\n  }, [_c(\"img\", {\n    staticStyle: {\n      cursor: \"pointer\"\n    },\n    attrs: {\n      src: require(\"@/assets/images/close.png\")\n    },\n    on: {\n      click: _vm.handleClose\n    }\n  })])]), _c(\"div\", {\n    staticClass: \"main\"\n  }, [_vm.ringMainUnit.includes(\"总览\") || _vm.ringMainUnit.includes(\"环网柜\") ? _c(\"el-tabs\", {\n    staticStyle: {\n      height: \"4%\"\n    },\n    on: {\n      \"tab-click\": _vm.handleClick\n    },\n    model: {\n      value: _vm.activeName,\n      callback: function callback($$v) {\n        _vm.activeName = $$v;\n      },\n      expression: \"activeName\"\n    }\n  }, [_c(\"el-tab-pane\", {\n    staticStyle: {\n      \"font-size\": \"20px\"\n    },\n    attrs: {\n      label: \"设备信息\",\n      name: \"first\"\n    }\n  }), _c(\"el-tab-pane\", {\n    staticStyle: {\n      \"font-size\": \"20px\"\n    },\n    attrs: {\n      label: \"现场照片/红外视频\",\n      name: \"second\"\n    }\n  })], 1) : _vm._e(), _vm.ringMainUnit.includes(\"分支箱\") ? _c(\"el-tabs\", {\n    staticStyle: {\n      height: \"4%\"\n    },\n    on: {\n      \"tab-click\": _vm.handleClick\n    },\n    model: {\n      value: _vm.activeName,\n      callback: function callback($$v) {\n        _vm.activeName = $$v;\n      },\n      expression: \"activeName\"\n    }\n  }, [_c(\"el-tab-pane\", {\n    staticStyle: {\n      \"font-size\": \"20px\"\n    },\n    attrs: {\n      label: \"设备信息\",\n      name: \"first\"\n    }\n  }), _c(\"el-tab-pane\", {\n    staticStyle: {\n      \"font-size\": \"20px\"\n    },\n    attrs: {\n      label: \"现场照片\",\n      name: \"second\"\n    }\n  })], 1) : _vm._e(), _vm.ringMainUnit.includes(\"箱变\") ? _c(\"el-tabs\", {\n    staticStyle: {\n      height: \"4%\"\n    },\n    on: {\n      \"tab-click\": _vm.handleClick\n    },\n    model: {\n      value: _vm.activeName,\n      callback: function callback($$v) {\n        _vm.activeName = $$v;\n      },\n      expression: \"activeName\"\n    }\n  }, [_c(\"el-tab-pane\", {\n    staticStyle: {\n      \"font-size\": \"20px\"\n    },\n    attrs: {\n      label: \"设备信息\",\n      name: \"first\"\n    }\n  }), _c(\"el-tab-pane\", {\n    staticStyle: {\n      \"font-size\": \"20px\"\n    },\n    attrs: {\n      label: \"现场照片/红外视频\",\n      name: \"second\"\n    }\n  })], 1) : _vm._e(), _vm.ringMainUnit.includes(\"开闭所\") ? _c(\"el-tabs\", {\n    staticStyle: {\n      height: \"4%\"\n    },\n    on: {\n      \"tab-click\": _vm.handleClick\n    },\n    model: {\n      value: _vm.activeName,\n      callback: function callback($$v) {\n        _vm.activeName = $$v;\n      },\n      expression: \"activeName\"\n    }\n  }, [_c(\"el-tab-pane\", {\n    staticStyle: {\n      \"font-size\": \"20px\"\n    },\n    attrs: {\n      label: \"设备信息\",\n      name: \"first\"\n    }\n  }), _c(\"el-tab-pane\", {\n    staticStyle: {\n      \"font-size\": \"20px\"\n    },\n    attrs: {\n      label: \"红外线视频/监检视频/现场照片\",\n      name: \"second\"\n    }\n  })], 1) : _vm._e(), _vm.activeName == \"first\" ? _c(\"div\", {\n    staticStyle: {\n      height: \"100%\",\n      width: \"100%\"\n    }\n  }, [_c(\"div\", {\n    staticClass: \"basic\"\n  }, [_c(\"div\", {\n    staticClass: \"title\",\n    staticStyle: {\n      \"margin-top\": \"10px\"\n    }\n  }, [_vm._v(\"基本信息\")]), _c(\"div\", {\n    staticClass: \"content\"\n  }, [_c(\"div\", {\n    staticClass: \"information\"\n  }, [_c(\"div\", {\n    staticClass: \"informationContent\"\n  }, [_vm._v(\"\\n              \" + _vm._s(_vm.equipmentName) + \"名称    \" + _vm._s(_vm.ringMainUnit) + \"\\n            \")]), _c(\"div\", {\n    staticClass: \"informationContent\"\n  }, [_vm._v(\"\\n              \" + _vm._s(_vm.equipmentName) + \"编号    \" + _vm._s(_vm.deviceSn) + \"\\n            \")]), _vm.equipmentName == \"分支箱\" ? _c(\"div\", {\n    staticClass: \"informationContent\"\n  }, [_vm._v(\" \\n              蓄电池电压(v)\\n            \")]) : _vm.equipmentName == \"箱变\" ? void 0 : [_c(\"div\", {\n    staticClass: \"informationContent\"\n  }, [_vm._v(\"\\n              IP地址    \" + _vm._s(_vm.deviceInformation.device_ip) + \"\\n            \")]), _c(\"div\", {\n    staticClass: \"informationContent\"\n  }, [_vm._v(\"\\n              总间隔    \" + _vm._s(_vm.totalInterval) + \"\\n            \")])]], 2)])]), _c(\"div\", {\n    directives: [{\n      name: \"show\",\n      rawName: \"v-show\",\n      value: _vm.equipmentName != \"分支箱\",\n      expression: 'equipmentName!=\"分支箱\"'\n    }],\n    staticClass: \"earlyWarning\"\n  }, [_c(\"div\", {\n    staticClass: \"title\"\n  }, [_vm._v(\"预警信息\")]), _c(\"div\", {\n    staticClass: \"content\"\n  }, [_c(\"div\", {\n    staticClass: \"information\"\n  }, [_c(\"div\", {\n    staticClass: \"informationContent\"\n  }, [_c(\"img\", {\n    attrs: {\n      src: require(\"@/assets/images/shiliangIcon1.png\")\n    }\n  }), _vm._v(\"\\n              电缆沟水位 :    \" + _vm._s(_vm.waterLevel) + \"米\\n              \\n            \")]), _c(\"div\", {\n    staticClass: \"informationContent\"\n  }, [_vm.equipmentName != \"箱变\" ? _c(\"span\", {\n    staticStyle: {\n      \"margin-left\": \"10px\"\n    }\n  }, [_vm._v(\" 状态:    \" + _vm._s(_vm.waterLevel1))]) : _vm._e()]), _c(\"div\", {\n    staticClass: \"informationContent\"\n  }, [_c(\"img\", {\n    attrs: {\n      src: require(\"@/assets/images/shiliangIcon2.png\")\n    }\n  }), _vm._v(\"\\n              小电流接地故障状态 :    \" + _vm._s(_vm.grounding) + \"\\n            \")])])])]), _vm.equipmentName == \"分支箱\" ? _c(\"div\", {\n    staticClass: \"interval\"\n  }, [_c(\"div\", {\n    staticClass: \"title\"\n  }, [_vm._v(\"出现线缆温度监测\")]), _c(\"div\", {\n    staticClass: \"fenzhiMessage\"\n  }, _vm._l(_vm.fenzhiArr, function (s) {\n    return _c(\"div\", {\n      staticClass: \"fenzhiItem\"\n    }, [_vm._m(0, true), _c(\"div\", {\n      staticClass: \"fenzhiUnit\"\n    }, [_c(\"span\", [_vm._v(_vm._s(s))])])]);\n  }), 0)]) : _c(\"div\", {\n    staticClass: \"interval\"\n  }, [_vm.equipmentName == \"箱变\" ? _c(\"div\", {\n    staticClass: \"title\"\n  }, [_vm._v(\"电参数监测\")]) : _c(\"div\", {\n    staticClass: \"title\"\n  }, [_vm._v(\"间隔监测\")]), _c(\"div\", {\n    staticClass: \"table user_skills\"\n  }, [_c(\"el-table\", {\n    staticStyle: {\n      width: \"100%\",\n      height: \"100%\"\n    },\n    attrs: {\n      data: _vm.tableData,\n      \"header-cell-style\": {\n        \"text-align\": \"center\"\n      },\n      \"cell-style\": {\n        \"text-align\": \"center\"\n      },\n      stripe: \"\"\n    }\n  }, [_c(\"el-table-column\", {\n    attrs: {\n      prop: \"name\",\n      label: \"\",\n      align: \"center\",\n      width: \"150\"\n    }\n  }), _c(\"el-table-column\", {\n    attrs: {\n      prop: \"phase\",\n      label: \"相位\"\n    }\n  }), _vm._l(_vm.tableColumns, function (item, index) {\n    return _c(\"el-table-column\", {\n      key: index,\n      attrs: {\n        prop: item.key,\n        align: \"center\",\n        label: item.name\n      }\n    });\n  })], 2)], 1)]), _vm.equipmentName == \"箱变\" ? _c(\"div\", {\n    staticClass: \"addTitle\"\n  }, [_vm._v(\"进线局放数据\")]) : _vm.equipmentName == \"分支箱\" ? _c(\"div\", {\n    staticClass: \"addTitle\"\n  }, [_vm._v(\"局放数据\")]) : _vm._e(), _c(\"div\", {\n    staticClass: \"intervalData\"\n  }, [_c(\"el-tabs\", {\n    on: {\n      \"tab-click\": _vm.intervalClick\n    },\n    model: {\n      value: _vm.intervalName,\n      callback: function callback($$v) {\n        _vm.intervalName = $$v;\n      },\n      expression: \"intervalName\"\n    }\n  }, _vm._l(_vm.echartsTab, function (item, index) {\n    return _c(\"el-tab-pane\", {\n      key: index,\n      attrs: {\n        label: item.name,\n        name: item.key\n      }\n    });\n  }), 1), _c(\"el-tabs\", {\n    on: {\n      \"tab-click\": _vm.intervalClick1\n    },\n    model: {\n      value: _vm.intervalName1,\n      callback: function callback($$v) {\n        _vm.intervalName1 = $$v;\n      },\n      expression: \"intervalName1\"\n    }\n  }, _vm._l(_vm.echartsTab1, function (item, index) {\n    return _c(\"el-tab-pane\", {\n      key: index,\n      attrs: {\n        label: item.name,\n        name: item.key\n      }\n    });\n  }), 1), _c(\"div\", {\n    directives: [{\n      name: \"show\",\n      rawName: \"v-show\",\n      value: _vm.echartsShow,\n      expression: \"echartsShow\"\n    }],\n    attrs: {\n      id: \"intervalShow\"\n    }\n  }), _c(\"div\", {\n    directives: [{\n      name: \"show\",\n      rawName: \"v-show\",\n      value: !_vm.echartsShow,\n      expression: \"!echartsShow\"\n    }],\n    attrs: {\n      id: \"temperatureShow\"\n    }\n  })], 1)]) : _vm._e(), _vm.activeName == \"second\" ? _c(\"div\", {\n    staticClass: \"InfraredVideo\",\n    staticStyle: {\n      height: \"96%\",\n      width: \"100%\"\n    }\n  }, [_c(\"div\", {\n    staticClass: \"title\"\n  }, [_c(\"el-tabs\", {\n    staticStyle: {\n      height: \"100%\"\n    },\n    attrs: {\n      \"tab-position\": _vm.tabPosition\n    },\n    model: {\n      value: _vm.InfraredName,\n      callback: function callback($$v) {\n        _vm.InfraredName = $$v;\n      },\n      expression: \"InfraredName\"\n    }\n  }, [_vm._l(_vm.vectorgraphData, function (item, index) {\n    return _c(\"el-tab-pane\", {\n      key: index\n    }, [_c(\"span\", {\n      staticStyle: {\n        display: \"flex\",\n        \"align-items\": \"center\"\n      },\n      attrs: {\n        slot: \"label\"\n      },\n      on: {\n        click: function click($event) {\n          return _vm.InfraredClick(index);\n        }\n      },\n      slot: \"label\"\n    }, [_c(\"img\", {\n      attrs: {\n        src: item.vectorgraph\n      }\n    }), _c(\"span\", {\n      staticStyle: {\n        \"margin-left\": \"10px\",\n        \"font-size\": \"19px\"\n      },\n      style: {\n        color: item.color\n      }\n    }, [_vm._v(_vm._s(item.name))])])]);\n  }), _c(\"div\", {\n    directives: [{\n      name: \"show\",\n      rawName: \"v-show\",\n      value: _vm.photoShow,\n      expression: \"photoShow\"\n    }],\n    staticClass: \"content\"\n  }, _vm._l(_vm.photoList, function (item, index) {\n    return _c(\"div\", {\n      key: index,\n      staticStyle: {\n        \"margin-top\": \"40px\",\n        \"margin-right\": \"20px\"\n      }\n    }, [_c(\"img\", {\n      staticStyle: {\n        width: \"407px\",\n        height: \"274px\"\n      },\n      attrs: {\n        src: item.photo\n      }\n    })]);\n  }), 0), _c(\"div\", {\n    directives: [{\n      name: \"show\",\n      rawName: \"v-show\",\n      value: _vm.videoShow,\n      expression: \"videoShow\"\n    }],\n    staticClass: \"content1\"\n  }, [_c(\"canvas\", {\n    staticStyle: {\n      width: \"100%\",\n      height: \"100%\"\n    },\n    attrs: {\n      id: \"canvas\"\n    }\n  })]), _c(\"div\", {\n    directives: [{\n      name: \"show\",\n      rawName: \"v-show\",\n      value: _vm.videoShow1,\n      expression: \"videoShow1\"\n    }],\n    staticClass: \"content1\"\n  }, [_c(\"canvas\", {\n    staticStyle: {\n      width: \"100%\",\n      height: \"100%\"\n    },\n    attrs: {\n      id: \"canvas1\"\n    }\n  })])], 2)], 1)]) : _vm._e()], 1)]);\n};\nvar staticRenderFns = [function () {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"unitNum\"\n  }, [_c(\"span\", [_vm._v(\"55\")])]);\n}];\nrender._withStripped = true;\nexport { render, staticRenderFns };",{"version":3,"names":["render","_vm","_c","_self","staticClass","class","equipmentName","_v","_s","ringMainUnit","staticStyle","cursor","attrs","src","require","on","click","handleClose","includes","height","handleClick","model","value","activeName","callback","$$v","expression","label","name","_e","width","deviceSn","deviceInformation","device_ip","totalInterval","directives","rawName","waterLevel","waterLevel1","grounding","_l","fenzhiArr","s","_m","data","tableData","stripe","prop","align","tableColumns","item","index","key","intervalClick","intervalName","echartsTab","intervalClick1","intervalName1","echartsTab1","echartsShow","id","tabPosition","InfraredName","vectorgraphData","display","slot","$event","InfraredClick","vectorgraph","style","color","photoShow","photoList","photo","videoShow","videoShow1","staticRenderFns","_withStripped"],"sources":["E:/2023/yancheng0718/yanchengPowerSupply/src/views/HomePop/ringMainUnit.vue"],"sourcesContent":["var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"div\",\n    {\n      staticClass: \"ringMainUnit\",\n      class: _vm.equipmentName == \"分支箱\" ? \"ringMain\" : \"\",\n    },\n    [\n      _c(\"div\", { staticClass: \"top\" }, [\n        _c(\"div\", { staticClass: \"title\" }, [_vm._v(_vm._s(_vm.ringMainUnit))]),\n        _c(\"div\", { staticClass: \"close\" }, [\n          _c(\"img\", {\n            staticStyle: { cursor: \"pointer\" },\n            attrs: { src: require(\"@/assets/images/close.png\") },\n            on: { click: _vm.handleClose },\n          }),\n        ]),\n      ]),\n      _c(\n        \"div\",\n        { staticClass: \"main\" },\n        [\n          _vm.ringMainUnit.includes(\"总览\") ||\n          _vm.ringMainUnit.includes(\"环网柜\")\n            ? _c(\n                \"el-tabs\",\n                {\n                  staticStyle: { height: \"4%\" },\n                  on: { \"tab-click\": _vm.handleClick },\n                  model: {\n                    value: _vm.activeName,\n                    callback: function ($$v) {\n                      _vm.activeName = $$v\n                    },\n                    expression: \"activeName\",\n                  },\n                },\n                [\n                  _c(\"el-tab-pane\", {\n                    staticStyle: { \"font-size\": \"20px\" },\n                    attrs: { label: \"设备信息\", name: \"first\" },\n                  }),\n                  _c(\"el-tab-pane\", {\n                    staticStyle: { \"font-size\": \"20px\" },\n                    attrs: { label: \"现场照片/红外视频\", name: \"second\" },\n                  }),\n                ],\n                1\n              )\n            : _vm._e(),\n          _vm.ringMainUnit.includes(\"分支箱\")\n            ? _c(\n                \"el-tabs\",\n                {\n                  staticStyle: { height: \"4%\" },\n                  on: { \"tab-click\": _vm.handleClick },\n                  model: {\n                    value: _vm.activeName,\n                    callback: function ($$v) {\n                      _vm.activeName = $$v\n                    },\n                    expression: \"activeName\",\n                  },\n                },\n                [\n                  _c(\"el-tab-pane\", {\n                    staticStyle: { \"font-size\": \"20px\" },\n                    attrs: { label: \"设备信息\", name: \"first\" },\n                  }),\n                  _c(\"el-tab-pane\", {\n                    staticStyle: { \"font-size\": \"20px\" },\n                    attrs: { label: \"现场照片\", name: \"second\" },\n                  }),\n                ],\n                1\n              )\n            : _vm._e(),\n          _vm.ringMainUnit.includes(\"箱变\")\n            ? _c(\n                \"el-tabs\",\n                {\n                  staticStyle: { height: \"4%\" },\n                  on: { \"tab-click\": _vm.handleClick },\n                  model: {\n                    value: _vm.activeName,\n                    callback: function ($$v) {\n                      _vm.activeName = $$v\n                    },\n                    expression: \"activeName\",\n                  },\n                },\n                [\n                  _c(\"el-tab-pane\", {\n                    staticStyle: { \"font-size\": \"20px\" },\n                    attrs: { label: \"设备信息\", name: \"first\" },\n                  }),\n                  _c(\"el-tab-pane\", {\n                    staticStyle: { \"font-size\": \"20px\" },\n                    attrs: { label: \"现场照片/红外视频\", name: \"second\" },\n                  }),\n                ],\n                1\n              )\n            : _vm._e(),\n          _vm.ringMainUnit.includes(\"开闭所\")\n            ? _c(\n                \"el-tabs\",\n                {\n                  staticStyle: { height: \"4%\" },\n                  on: { \"tab-click\": _vm.handleClick },\n                  model: {\n                    value: _vm.activeName,\n                    callback: function ($$v) {\n                      _vm.activeName = $$v\n                    },\n                    expression: \"activeName\",\n                  },\n                },\n                [\n                  _c(\"el-tab-pane\", {\n                    staticStyle: { \"font-size\": \"20px\" },\n                    attrs: { label: \"设备信息\", name: \"first\" },\n                  }),\n                  _c(\"el-tab-pane\", {\n                    staticStyle: { \"font-size\": \"20px\" },\n                    attrs: {\n                      label: \"红外线视频/监检视频/现场照片\",\n                      name: \"second\",\n                    },\n                  }),\n                ],\n                1\n              )\n            : _vm._e(),\n          _vm.activeName == \"first\"\n            ? _c(\"div\", { staticStyle: { height: \"100%\", width: \"100%\" } }, [\n                _c(\"div\", { staticClass: \"basic\" }, [\n                  _c(\n                    \"div\",\n                    {\n                      staticClass: \"title\",\n                      staticStyle: { \"margin-top\": \"10px\" },\n                    },\n                    [_vm._v(\"基本信息\")]\n                  ),\n                  _c(\"div\", { staticClass: \"content\" }, [\n                    _c(\n                      \"div\",\n                      { staticClass: \"information\" },\n                      [\n                        _c(\"div\", { staticClass: \"informationContent\" }, [\n                          _vm._v(\n                            \"\\n              \" +\n                              _vm._s(_vm.equipmentName) +\n                              \"名称    \" +\n                              _vm._s(_vm.ringMainUnit) +\n                              \"\\n            \"\n                          ),\n                        ]),\n                        _c(\"div\", { staticClass: \"informationContent\" }, [\n                          _vm._v(\n                            \"\\n              \" +\n                              _vm._s(_vm.equipmentName) +\n                              \"编号    \" +\n                              _vm._s(_vm.deviceSn) +\n                              \"\\n            \"\n                          ),\n                        ]),\n                        _vm.equipmentName == \"分支箱\"\n                          ? _c(\"div\", { staticClass: \"informationContent\" }, [\n                              _vm._v(\n                                \" \\n              蓄电池电压(v)\\n            \"\n                              ),\n                            ])\n                          : _vm.equipmentName == \"箱变\"\n                          ? void 0\n                          : [\n                              _c(\"div\", { staticClass: \"informationContent\" }, [\n                                _vm._v(\n                                  \"\\n              IP地址    \" +\n                                    _vm._s(_vm.deviceInformation.device_ip) +\n                                    \"\\n            \"\n                                ),\n                              ]),\n                              _c(\"div\", { staticClass: \"informationContent\" }, [\n                                _vm._v(\n                                  \"\\n              总间隔    \" +\n                                    _vm._s(_vm.totalInterval) +\n                                    \"\\n            \"\n                                ),\n                              ]),\n                            ],\n                      ],\n                      2\n                    ),\n                  ]),\n                ]),\n                _c(\n                  \"div\",\n                  {\n                    directives: [\n                      {\n                        name: \"show\",\n                        rawName: \"v-show\",\n                        value: _vm.equipmentName != \"分支箱\",\n                        expression: 'equipmentName!=\"分支箱\"',\n                      },\n                    ],\n                    staticClass: \"earlyWarning\",\n                  },\n                  [\n                    _c(\"div\", { staticClass: \"title\" }, [_vm._v(\"预警信息\")]),\n                    _c(\"div\", { staticClass: \"content\" }, [\n                      _c(\"div\", { staticClass: \"information\" }, [\n                        _c(\"div\", { staticClass: \"informationContent\" }, [\n                          _c(\"img\", {\n                            attrs: {\n                              src: require(\"@/assets/images/shiliangIcon1.png\"),\n                            },\n                          }),\n                          _vm._v(\n                            \"\\n              电缆沟水位 :    \" +\n                              _vm._s(_vm.waterLevel) +\n                              \"米\\n              \\n            \"\n                          ),\n                        ]),\n                        _c(\"div\", { staticClass: \"informationContent\" }, [\n                          _vm.equipmentName != \"箱变\"\n                            ? _c(\n                                \"span\",\n                                { staticStyle: { \"margin-left\": \"10px\" } },\n                                [_vm._v(\" 状态:    \" + _vm._s(_vm.waterLevel1))]\n                              )\n                            : _vm._e(),\n                        ]),\n                        _c(\"div\", { staticClass: \"informationContent\" }, [\n                          _c(\"img\", {\n                            attrs: {\n                              src: require(\"@/assets/images/shiliangIcon2.png\"),\n                            },\n                          }),\n                          _vm._v(\n                            \"\\n              小电流接地故障状态 :    \" +\n                              _vm._s(_vm.grounding) +\n                              \"\\n            \"\n                          ),\n                        ]),\n                      ]),\n                    ]),\n                  ]\n                ),\n                _vm.equipmentName == \"分支箱\"\n                  ? _c(\"div\", { staticClass: \"interval\" }, [\n                      _c(\"div\", { staticClass: \"title\" }, [\n                        _vm._v(\"出现线缆温度监测\"),\n                      ]),\n                      _c(\n                        \"div\",\n                        { staticClass: \"fenzhiMessage\" },\n                        _vm._l(_vm.fenzhiArr, function (s) {\n                          return _c(\"div\", { staticClass: \"fenzhiItem\" }, [\n                            _vm._m(0, true),\n                            _c(\"div\", { staticClass: \"fenzhiUnit\" }, [\n                              _c(\"span\", [_vm._v(_vm._s(s))]),\n                            ]),\n                          ])\n                        }),\n                        0\n                      ),\n                    ])\n                  : _c(\"div\", { staticClass: \"interval\" }, [\n                      _vm.equipmentName == \"箱变\"\n                        ? _c(\"div\", { staticClass: \"title\" }, [\n                            _vm._v(\"电参数监测\"),\n                          ])\n                        : _c(\"div\", { staticClass: \"title\" }, [\n                            _vm._v(\"间隔监测\"),\n                          ]),\n                      _c(\n                        \"div\",\n                        { staticClass: \"table user_skills\" },\n                        [\n                          _c(\n                            \"el-table\",\n                            {\n                              staticStyle: { width: \"100%\", height: \"100%\" },\n                              attrs: {\n                                data: _vm.tableData,\n                                \"header-cell-style\": { \"text-align\": \"center\" },\n                                \"cell-style\": { \"text-align\": \"center\" },\n                                stripe: \"\",\n                              },\n                            },\n                            [\n                              _c(\"el-table-column\", {\n                                attrs: {\n                                  prop: \"name\",\n                                  label: \"\",\n                                  align: \"center\",\n                                  width: \"150\",\n                                },\n                              }),\n                              _c(\"el-table-column\", {\n                                attrs: { prop: \"phase\", label: \"相位\" },\n                              }),\n                              _vm._l(_vm.tableColumns, function (item, index) {\n                                return _c(\"el-table-column\", {\n                                  key: index,\n                                  attrs: {\n                                    prop: item.key,\n                                    align: \"center\",\n                                    label: item.name,\n                                  },\n                                })\n                              }),\n                            ],\n                            2\n                          ),\n                        ],\n                        1\n                      ),\n                    ]),\n                _vm.equipmentName == \"箱变\"\n                  ? _c(\"div\", { staticClass: \"addTitle\" }, [\n                      _vm._v(\"进线局放数据\"),\n                    ])\n                  : _vm.equipmentName == \"分支箱\"\n                  ? _c(\"div\", { staticClass: \"addTitle\" }, [_vm._v(\"局放数据\")])\n                  : _vm._e(),\n                _c(\n                  \"div\",\n                  { staticClass: \"intervalData\" },\n                  [\n                    _c(\n                      \"el-tabs\",\n                      {\n                        on: { \"tab-click\": _vm.intervalClick },\n                        model: {\n                          value: _vm.intervalName,\n                          callback: function ($$v) {\n                            _vm.intervalName = $$v\n                          },\n                          expression: \"intervalName\",\n                        },\n                      },\n                      _vm._l(_vm.echartsTab, function (item, index) {\n                        return _c(\"el-tab-pane\", {\n                          key: index,\n                          attrs: { label: item.name, name: item.key },\n                        })\n                      }),\n                      1\n                    ),\n                    _c(\n                      \"el-tabs\",\n                      {\n                        on: { \"tab-click\": _vm.intervalClick1 },\n                        model: {\n                          value: _vm.intervalName1,\n                          callback: function ($$v) {\n                            _vm.intervalName1 = $$v\n                          },\n                          expression: \"intervalName1\",\n                        },\n                      },\n                      _vm._l(_vm.echartsTab1, function (item, index) {\n                        return _c(\"el-tab-pane\", {\n                          key: index,\n                          attrs: { label: item.name, name: item.key },\n                        })\n                      }),\n                      1\n                    ),\n                    _c(\"div\", {\n                      directives: [\n                        {\n                          name: \"show\",\n                          rawName: \"v-show\",\n                          value: _vm.echartsShow,\n                          expression: \"echartsShow\",\n                        },\n                      ],\n                      attrs: { id: \"intervalShow\" },\n                    }),\n                    _c(\"div\", {\n                      directives: [\n                        {\n                          name: \"show\",\n                          rawName: \"v-show\",\n                          value: !_vm.echartsShow,\n                          expression: \"!echartsShow\",\n                        },\n                      ],\n                      attrs: { id: \"temperatureShow\" },\n                    }),\n                  ],\n                  1\n                ),\n              ])\n            : _vm._e(),\n          _vm.activeName == \"second\"\n            ? _c(\n                \"div\",\n                {\n                  staticClass: \"InfraredVideo\",\n                  staticStyle: { height: \"96%\", width: \"100%\" },\n                },\n                [\n                  _c(\n                    \"div\",\n                    { staticClass: \"title\" },\n                    [\n                      _c(\n                        \"el-tabs\",\n                        {\n                          staticStyle: { height: \"100%\" },\n                          attrs: { \"tab-position\": _vm.tabPosition },\n                          model: {\n                            value: _vm.InfraredName,\n                            callback: function ($$v) {\n                              _vm.InfraredName = $$v\n                            },\n                            expression: \"InfraredName\",\n                          },\n                        },\n                        [\n                          _vm._l(_vm.vectorgraphData, function (item, index) {\n                            return _c(\"el-tab-pane\", { key: index }, [\n                              _c(\n                                \"span\",\n                                {\n                                  staticStyle: {\n                                    display: \"flex\",\n                                    \"align-items\": \"center\",\n                                  },\n                                  attrs: { slot: \"label\" },\n                                  on: {\n                                    click: function ($event) {\n                                      return _vm.InfraredClick(index)\n                                    },\n                                  },\n                                  slot: \"label\",\n                                },\n                                [\n                                  _c(\"img\", {\n                                    attrs: { src: item.vectorgraph },\n                                  }),\n                                  _c(\n                                    \"span\",\n                                    {\n                                      staticStyle: {\n                                        \"margin-left\": \"10px\",\n                                        \"font-size\": \"19px\",\n                                      },\n                                      style: { color: item.color },\n                                    },\n                                    [_vm._v(_vm._s(item.name))]\n                                  ),\n                                ]\n                              ),\n                            ])\n                          }),\n                          _c(\n                            \"div\",\n                            {\n                              directives: [\n                                {\n                                  name: \"show\",\n                                  rawName: \"v-show\",\n                                  value: _vm.photoShow,\n                                  expression: \"photoShow\",\n                                },\n                              ],\n                              staticClass: \"content\",\n                            },\n                            _vm._l(_vm.photoList, function (item, index) {\n                              return _c(\n                                \"div\",\n                                {\n                                  key: index,\n                                  staticStyle: {\n                                    \"margin-top\": \"40px\",\n                                    \"margin-right\": \"20px\",\n                                  },\n                                },\n                                [\n                                  _c(\"img\", {\n                                    staticStyle: {\n                                      width: \"407px\",\n                                      height: \"274px\",\n                                    },\n                                    attrs: { src: item.photo },\n                                  }),\n                                ]\n                              )\n                            }),\n                            0\n                          ),\n                          _c(\n                            \"div\",\n                            {\n                              directives: [\n                                {\n                                  name: \"show\",\n                                  rawName: \"v-show\",\n                                  value: _vm.videoShow,\n                                  expression: \"videoShow\",\n                                },\n                              ],\n                              staticClass: \"content1\",\n                            },\n                            [\n                              _c(\"canvas\", {\n                                staticStyle: { width: \"100%\", height: \"100%\" },\n                                attrs: { id: \"canvas\" },\n                              }),\n                            ]\n                          ),\n                          _c(\n                            \"div\",\n                            {\n                              directives: [\n                                {\n                                  name: \"show\",\n                                  rawName: \"v-show\",\n                                  value: _vm.videoShow1,\n                                  expression: \"videoShow1\",\n                                },\n                              ],\n                              staticClass: \"content1\",\n                            },\n                            [\n                              _c(\"canvas\", {\n                                staticStyle: { width: \"100%\", height: \"100%\" },\n                                attrs: { id: \"canvas1\" },\n                              }),\n                            ]\n                          ),\n                        ],\n                        2\n                      ),\n                    ],\n                    1\n                  ),\n                ]\n              )\n            : _vm._e(),\n        ],\n        1\n      ),\n    ]\n  )\n}\nvar staticRenderFns = [\n  function () {\n    var _vm = this,\n      _c = _vm._self._c\n    return _c(\"div\", { staticClass: \"unitNum\" }, [_c(\"span\", [_vm._v(\"55\")])])\n  },\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }"],"mappings":";;;AAAA,IAAIA,MAAM,GAAG,SAASA,MAAM,GAAG;EAC7B,IAAIC,GAAG,GAAG,IAAI;IACZC,EAAE,GAAGD,GAAG,CAACE,KAAK,CAACD,EAAE;EACnB,OAAOA,EAAE,CACP,KAAK,EACL;IACEE,WAAW,EAAE,cAAc;IAC3BC,KAAK,EAAEJ,GAAG,CAACK,aAAa,IAAI,KAAK,GAAG,UAAU,GAAG;EACnD,CAAC,EACD,CACEJ,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAM,CAAC,EAAE,CAChCF,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAQ,CAAC,EAAE,CAACH,GAAG,CAACM,EAAE,CAACN,GAAG,CAACO,EAAE,CAACP,GAAG,CAACQ,YAAY,CAAC,CAAC,CAAC,CAAC,EACvEP,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAQ,CAAC,EAAE,CAClCF,EAAE,CAAC,KAAK,EAAE;IACRQ,WAAW,EAAE;MAAEC,MAAM,EAAE;IAAU,CAAC;IAClCC,KAAK,EAAE;MAAEC,GAAG,EAAEC,OAAO,CAAC,2BAA2B;IAAE,CAAC;IACpDC,EAAE,EAAE;MAAEC,KAAK,EAAEf,GAAG,CAACgB;IAAY;EAC/B,CAAC,CAAC,CACH,CAAC,CACH,CAAC,EACFf,EAAE,CACA,KAAK,EACL;IAAEE,WAAW,EAAE;EAAO,CAAC,EACvB,CACEH,GAAG,CAACQ,YAAY,CAACS,QAAQ,CAAC,IAAI,CAAC,IAC/BjB,GAAG,CAACQ,YAAY,CAACS,QAAQ,CAAC,KAAK,CAAC,GAC5BhB,EAAE,CACA,SAAS,EACT;IACEQ,WAAW,EAAE;MAAES,MAAM,EAAE;IAAK,CAAC;IAC7BJ,EAAE,EAAE;MAAE,WAAW,EAAEd,GAAG,CAACmB;IAAY,CAAC;IACpCC,KAAK,EAAE;MACLC,KAAK,EAAErB,GAAG,CAACsB,UAAU;MACrBC,QAAQ,EAAE,kBAAUC,GAAG,EAAE;QACvBxB,GAAG,CAACsB,UAAU,GAAGE,GAAG;MACtB,CAAC;MACDC,UAAU,EAAE;IACd;EACF,CAAC,EACD,CACExB,EAAE,CAAC,aAAa,EAAE;IAChBQ,WAAW,EAAE;MAAE,WAAW,EAAE;IAAO,CAAC;IACpCE,KAAK,EAAE;MAAEe,KAAK,EAAE,MAAM;MAAEC,IAAI,EAAE;IAAQ;EACxC,CAAC,CAAC,EACF1B,EAAE,CAAC,aAAa,EAAE;IAChBQ,WAAW,EAAE;MAAE,WAAW,EAAE;IAAO,CAAC;IACpCE,KAAK,EAAE;MAAEe,KAAK,EAAE,WAAW;MAAEC,IAAI,EAAE;IAAS;EAC9C,CAAC,CAAC,CACH,EACD,CAAC,CACF,GACD3B,GAAG,CAAC4B,EAAE,EAAE,EACZ5B,GAAG,CAACQ,YAAY,CAACS,QAAQ,CAAC,KAAK,CAAC,GAC5BhB,EAAE,CACA,SAAS,EACT;IACEQ,WAAW,EAAE;MAAES,MAAM,EAAE;IAAK,CAAC;IAC7BJ,EAAE,EAAE;MAAE,WAAW,EAAEd,GAAG,CAACmB;IAAY,CAAC;IACpCC,KAAK,EAAE;MACLC,KAAK,EAAErB,GAAG,CAACsB,UAAU;MACrBC,QAAQ,EAAE,kBAAUC,GAAG,EAAE;QACvBxB,GAAG,CAACsB,UAAU,GAAGE,GAAG;MACtB,CAAC;MACDC,UAAU,EAAE;IACd;EACF,CAAC,EACD,CACExB,EAAE,CAAC,aAAa,EAAE;IAChBQ,WAAW,EAAE;MAAE,WAAW,EAAE;IAAO,CAAC;IACpCE,KAAK,EAAE;MAAEe,KAAK,EAAE,MAAM;MAAEC,IAAI,EAAE;IAAQ;EACxC,CAAC,CAAC,EACF1B,EAAE,CAAC,aAAa,EAAE;IAChBQ,WAAW,EAAE;MAAE,WAAW,EAAE;IAAO,CAAC;IACpCE,KAAK,EAAE;MAAEe,KAAK,EAAE,MAAM;MAAEC,IAAI,EAAE;IAAS;EACzC,CAAC,CAAC,CACH,EACD,CAAC,CACF,GACD3B,GAAG,CAAC4B,EAAE,EAAE,EACZ5B,GAAG,CAACQ,YAAY,CAACS,QAAQ,CAAC,IAAI,CAAC,GAC3BhB,EAAE,CACA,SAAS,EACT;IACEQ,WAAW,EAAE;MAAES,MAAM,EAAE;IAAK,CAAC;IAC7BJ,EAAE,EAAE;MAAE,WAAW,EAAEd,GAAG,CAACmB;IAAY,CAAC;IACpCC,KAAK,EAAE;MACLC,KAAK,EAAErB,GAAG,CAACsB,UAAU;MACrBC,QAAQ,EAAE,kBAAUC,GAAG,EAAE;QACvBxB,GAAG,CAACsB,UAAU,GAAGE,GAAG;MACtB,CAAC;MACDC,UAAU,EAAE;IACd;EACF,CAAC,EACD,CACExB,EAAE,CAAC,aAAa,EAAE;IAChBQ,WAAW,EAAE;MAAE,WAAW,EAAE;IAAO,CAAC;IACpCE,KAAK,EAAE;MAAEe,KAAK,EAAE,MAAM;MAAEC,IAAI,EAAE;IAAQ;EACxC,CAAC,CAAC,EACF1B,EAAE,CAAC,aAAa,EAAE;IAChBQ,WAAW,EAAE;MAAE,WAAW,EAAE;IAAO,CAAC;IACpCE,KAAK,EAAE;MAAEe,KAAK,EAAE,WAAW;MAAEC,IAAI,EAAE;IAAS;EAC9C,CAAC,CAAC,CACH,EACD,CAAC,CACF,GACD3B,GAAG,CAAC4B,EAAE,EAAE,EACZ5B,GAAG,CAACQ,YAAY,CAACS,QAAQ,CAAC,KAAK,CAAC,GAC5BhB,EAAE,CACA,SAAS,EACT;IACEQ,WAAW,EAAE;MAAES,MAAM,EAAE;IAAK,CAAC;IAC7BJ,EAAE,EAAE;MAAE,WAAW,EAAEd,GAAG,CAACmB;IAAY,CAAC;IACpCC,KAAK,EAAE;MACLC,KAAK,EAAErB,GAAG,CAACsB,UAAU;MACrBC,QAAQ,EAAE,kBAAUC,GAAG,EAAE;QACvBxB,GAAG,CAACsB,UAAU,GAAGE,GAAG;MACtB,CAAC;MACDC,UAAU,EAAE;IACd;EACF,CAAC,EACD,CACExB,EAAE,CAAC,aAAa,EAAE;IAChBQ,WAAW,EAAE;MAAE,WAAW,EAAE;IAAO,CAAC;IACpCE,KAAK,EAAE;MAAEe,KAAK,EAAE,MAAM;MAAEC,IAAI,EAAE;IAAQ;EACxC,CAAC,CAAC,EACF1B,EAAE,CAAC,aAAa,EAAE;IAChBQ,WAAW,EAAE;MAAE,WAAW,EAAE;IAAO,CAAC;IACpCE,KAAK,EAAE;MACLe,KAAK,EAAE,iBAAiB;MACxBC,IAAI,EAAE;IACR;EACF,CAAC,CAAC,CACH,EACD,CAAC,CACF,GACD3B,GAAG,CAAC4B,EAAE,EAAE,EACZ5B,GAAG,CAACsB,UAAU,IAAI,OAAO,GACrBrB,EAAE,CAAC,KAAK,EAAE;IAAEQ,WAAW,EAAE;MAAES,MAAM,EAAE,MAAM;MAAEW,KAAK,EAAE;IAAO;EAAE,CAAC,EAAE,CAC5D5B,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAQ,CAAC,EAAE,CAClCF,EAAE,CACA,KAAK,EACL;IACEE,WAAW,EAAE,OAAO;IACpBM,WAAW,EAAE;MAAE,YAAY,EAAE;IAAO;EACtC,CAAC,EACD,CAACT,GAAG,CAACM,EAAE,CAAC,MAAM,CAAC,CAAC,CACjB,EACDL,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAU,CAAC,EAAE,CACpCF,EAAE,CACA,KAAK,EACL;IAAEE,WAAW,EAAE;EAAc,CAAC,EAC9B,CACEF,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAqB,CAAC,EAAE,CAC/CH,GAAG,CAACM,EAAE,CACJ,kBAAkB,GAChBN,GAAG,CAACO,EAAE,CAACP,GAAG,CAACK,aAAa,CAAC,GACzB,QAAQ,GACRL,GAAG,CAACO,EAAE,CAACP,GAAG,CAACQ,YAAY,CAAC,GACxB,gBAAgB,CACnB,CACF,CAAC,EACFP,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAqB,CAAC,EAAE,CAC/CH,GAAG,CAACM,EAAE,CACJ,kBAAkB,GAChBN,GAAG,CAACO,EAAE,CAACP,GAAG,CAACK,aAAa,CAAC,GACzB,QAAQ,GACRL,GAAG,CAACO,EAAE,CAACP,GAAG,CAAC8B,QAAQ,CAAC,GACpB,gBAAgB,CACnB,CACF,CAAC,EACF9B,GAAG,CAACK,aAAa,IAAI,KAAK,GACtBJ,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAqB,CAAC,EAAE,CAC/CH,GAAG,CAACM,EAAE,CACJ,yCAAyC,CAC1C,CACF,CAAC,GACFN,GAAG,CAACK,aAAa,IAAI,IAAI,GACzB,KAAK,CAAC,GACN,CACEJ,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAqB,CAAC,EAAE,CAC/CH,GAAG,CAACM,EAAE,CACJ,0BAA0B,GACxBN,GAAG,CAACO,EAAE,CAACP,GAAG,CAAC+B,iBAAiB,CAACC,SAAS,CAAC,GACvC,gBAAgB,CACnB,CACF,CAAC,EACF/B,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAqB,CAAC,EAAE,CAC/CH,GAAG,CAACM,EAAE,CACJ,yBAAyB,GACvBN,GAAG,CAACO,EAAE,CAACP,GAAG,CAACiC,aAAa,CAAC,GACzB,gBAAgB,CACnB,CACF,CAAC,CACH,CACN,EACD,CAAC,CACF,CACF,CAAC,CACH,CAAC,EACFhC,EAAE,CACA,KAAK,EACL;IACEiC,UAAU,EAAE,CACV;MACEP,IAAI,EAAE,MAAM;MACZQ,OAAO,EAAE,QAAQ;MACjBd,KAAK,EAAErB,GAAG,CAACK,aAAa,IAAI,KAAK;MACjCoB,UAAU,EAAE;IACd,CAAC,CACF;IACDtB,WAAW,EAAE;EACf,CAAC,EACD,CACEF,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAQ,CAAC,EAAE,CAACH,GAAG,CAACM,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,EACrDL,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAU,CAAC,EAAE,CACpCF,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAc,CAAC,EAAE,CACxCF,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAqB,CAAC,EAAE,CAC/CF,EAAE,CAAC,KAAK,EAAE;IACRU,KAAK,EAAE;MACLC,GAAG,EAAEC,OAAO,CAAC,mCAAmC;IAClD;EACF,CAAC,CAAC,EACFb,GAAG,CAACM,EAAE,CACJ,6BAA6B,GAC3BN,GAAG,CAACO,EAAE,CAACP,GAAG,CAACoC,UAAU,CAAC,GACtB,iCAAiC,CACpC,CACF,CAAC,EACFnC,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAqB,CAAC,EAAE,CAC/CH,GAAG,CAACK,aAAa,IAAI,IAAI,GACrBJ,EAAE,CACA,MAAM,EACN;IAAEQ,WAAW,EAAE;MAAE,aAAa,EAAE;IAAO;EAAE,CAAC,EAC1C,CAACT,GAAG,CAACM,EAAE,CAAC,UAAU,GAAGN,GAAG,CAACO,EAAE,CAACP,GAAG,CAACqC,WAAW,CAAC,CAAC,CAAC,CAC/C,GACDrC,GAAG,CAAC4B,EAAE,EAAE,CACb,CAAC,EACF3B,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAqB,CAAC,EAAE,CAC/CF,EAAE,CAAC,KAAK,EAAE;IACRU,KAAK,EAAE;MACLC,GAAG,EAAEC,OAAO,CAAC,mCAAmC;IAClD;EACF,CAAC,CAAC,EACFb,GAAG,CAACM,EAAE,CACJ,iCAAiC,GAC/BN,GAAG,CAACO,EAAE,CAACP,GAAG,CAACsC,SAAS,CAAC,GACrB,gBAAgB,CACnB,CACF,CAAC,CACH,CAAC,CACH,CAAC,CACH,CACF,EACDtC,GAAG,CAACK,aAAa,IAAI,KAAK,GACtBJ,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAW,CAAC,EAAE,CACrCF,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAQ,CAAC,EAAE,CAClCH,GAAG,CAACM,EAAE,CAAC,UAAU,CAAC,CACnB,CAAC,EACFL,EAAE,CACA,KAAK,EACL;IAAEE,WAAW,EAAE;EAAgB,CAAC,EAChCH,GAAG,CAACuC,EAAE,CAACvC,GAAG,CAACwC,SAAS,EAAE,UAAUC,CAAC,EAAE;IACjC,OAAOxC,EAAE,CAAC,KAAK,EAAE;MAAEE,WAAW,EAAE;IAAa,CAAC,EAAE,CAC9CH,GAAG,CAAC0C,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC,EACfzC,EAAE,CAAC,KAAK,EAAE;MAAEE,WAAW,EAAE;IAAa,CAAC,EAAE,CACvCF,EAAE,CAAC,MAAM,EAAE,CAACD,GAAG,CAACM,EAAE,CAACN,GAAG,CAACO,EAAE,CAACkC,CAAC,CAAC,CAAC,CAAC,CAAC,CAChC,CAAC,CACH,CAAC;EACJ,CAAC,CAAC,EACF,CAAC,CACF,CACF,CAAC,GACFxC,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAW,CAAC,EAAE,CACrCH,GAAG,CAACK,aAAa,IAAI,IAAI,GACrBJ,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAQ,CAAC,EAAE,CAClCH,GAAG,CAACM,EAAE,CAAC,OAAO,CAAC,CAChB,CAAC,GACFL,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAQ,CAAC,EAAE,CAClCH,GAAG,CAACM,EAAE,CAAC,MAAM,CAAC,CACf,CAAC,EACNL,EAAE,CACA,KAAK,EACL;IAAEE,WAAW,EAAE;EAAoB,CAAC,EACpC,CACEF,EAAE,CACA,UAAU,EACV;IACEQ,WAAW,EAAE;MAAEoB,KAAK,EAAE,MAAM;MAAEX,MAAM,EAAE;IAAO,CAAC;IAC9CP,KAAK,EAAE;MACLgC,IAAI,EAAE3C,GAAG,CAAC4C,SAAS;MACnB,mBAAmB,EAAE;QAAE,YAAY,EAAE;MAAS,CAAC;MAC/C,YAAY,EAAE;QAAE,YAAY,EAAE;MAAS,CAAC;MACxCC,MAAM,EAAE;IACV;EACF,CAAC,EACD,CACE5C,EAAE,CAAC,iBAAiB,EAAE;IACpBU,KAAK,EAAE;MACLmC,IAAI,EAAE,MAAM;MACZpB,KAAK,EAAE,EAAE;MACTqB,KAAK,EAAE,QAAQ;MACflB,KAAK,EAAE;IACT;EACF,CAAC,CAAC,EACF5B,EAAE,CAAC,iBAAiB,EAAE;IACpBU,KAAK,EAAE;MAAEmC,IAAI,EAAE,OAAO;MAAEpB,KAAK,EAAE;IAAK;EACtC,CAAC,CAAC,EACF1B,GAAG,CAACuC,EAAE,CAACvC,GAAG,CAACgD,YAAY,EAAE,UAAUC,IAAI,EAAEC,KAAK,EAAE;IAC9C,OAAOjD,EAAE,CAAC,iBAAiB,EAAE;MAC3BkD,GAAG,EAAED,KAAK;MACVvC,KAAK,EAAE;QACLmC,IAAI,EAAEG,IAAI,CAACE,GAAG;QACdJ,KAAK,EAAE,QAAQ;QACfrB,KAAK,EAAEuB,IAAI,CAACtB;MACd;IACF,CAAC,CAAC;EACJ,CAAC,CAAC,CACH,EACD,CAAC,CACF,CACF,EACD,CAAC,CACF,CACF,CAAC,EACN3B,GAAG,CAACK,aAAa,IAAI,IAAI,GACrBJ,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAW,CAAC,EAAE,CACrCH,GAAG,CAACM,EAAE,CAAC,QAAQ,CAAC,CACjB,CAAC,GACFN,GAAG,CAACK,aAAa,IAAI,KAAK,GAC1BJ,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAW,CAAC,EAAE,CAACH,GAAG,CAACM,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,GACxDN,GAAG,CAAC4B,EAAE,EAAE,EACZ3B,EAAE,CACA,KAAK,EACL;IAAEE,WAAW,EAAE;EAAe,CAAC,EAC/B,CACEF,EAAE,CACA,SAAS,EACT;IACEa,EAAE,EAAE;MAAE,WAAW,EAAEd,GAAG,CAACoD;IAAc,CAAC;IACtChC,KAAK,EAAE;MACLC,KAAK,EAAErB,GAAG,CAACqD,YAAY;MACvB9B,QAAQ,EAAE,kBAAUC,GAAG,EAAE;QACvBxB,GAAG,CAACqD,YAAY,GAAG7B,GAAG;MACxB,CAAC;MACDC,UAAU,EAAE;IACd;EACF,CAAC,EACDzB,GAAG,CAACuC,EAAE,CAACvC,GAAG,CAACsD,UAAU,EAAE,UAAUL,IAAI,EAAEC,KAAK,EAAE;IAC5C,OAAOjD,EAAE,CAAC,aAAa,EAAE;MACvBkD,GAAG,EAAED,KAAK;MACVvC,KAAK,EAAE;QAAEe,KAAK,EAAEuB,IAAI,CAACtB,IAAI;QAAEA,IAAI,EAAEsB,IAAI,CAACE;MAAI;IAC5C,CAAC,CAAC;EACJ,CAAC,CAAC,EACF,CAAC,CACF,EACDlD,EAAE,CACA,SAAS,EACT;IACEa,EAAE,EAAE;MAAE,WAAW,EAAEd,GAAG,CAACuD;IAAe,CAAC;IACvCnC,KAAK,EAAE;MACLC,KAAK,EAAErB,GAAG,CAACwD,aAAa;MACxBjC,QAAQ,EAAE,kBAAUC,GAAG,EAAE;QACvBxB,GAAG,CAACwD,aAAa,GAAGhC,GAAG;MACzB,CAAC;MACDC,UAAU,EAAE;IACd;EACF,CAAC,EACDzB,GAAG,CAACuC,EAAE,CAACvC,GAAG,CAACyD,WAAW,EAAE,UAAUR,IAAI,EAAEC,KAAK,EAAE;IAC7C,OAAOjD,EAAE,CAAC,aAAa,EAAE;MACvBkD,GAAG,EAAED,KAAK;MACVvC,KAAK,EAAE;QAAEe,KAAK,EAAEuB,IAAI,CAACtB,IAAI;QAAEA,IAAI,EAAEsB,IAAI,CAACE;MAAI;IAC5C,CAAC,CAAC;EACJ,CAAC,CAAC,EACF,CAAC,CACF,EACDlD,EAAE,CAAC,KAAK,EAAE;IACRiC,UAAU,EAAE,CACV;MACEP,IAAI,EAAE,MAAM;MACZQ,OAAO,EAAE,QAAQ;MACjBd,KAAK,EAAErB,GAAG,CAAC0D,WAAW;MACtBjC,UAAU,EAAE;IACd,CAAC,CACF;IACDd,KAAK,EAAE;MAAEgD,EAAE,EAAE;IAAe;EAC9B,CAAC,CAAC,EACF1D,EAAE,CAAC,KAAK,EAAE;IACRiC,UAAU,EAAE,CACV;MACEP,IAAI,EAAE,MAAM;MACZQ,OAAO,EAAE,QAAQ;MACjBd,KAAK,EAAE,CAACrB,GAAG,CAAC0D,WAAW;MACvBjC,UAAU,EAAE;IACd,CAAC,CACF;IACDd,KAAK,EAAE;MAAEgD,EAAE,EAAE;IAAkB;EACjC,CAAC,CAAC,CACH,EACD,CAAC,CACF,CACF,CAAC,GACF3D,GAAG,CAAC4B,EAAE,EAAE,EACZ5B,GAAG,CAACsB,UAAU,IAAI,QAAQ,GACtBrB,EAAE,CACA,KAAK,EACL;IACEE,WAAW,EAAE,eAAe;IAC5BM,WAAW,EAAE;MAAES,MAAM,EAAE,KAAK;MAAEW,KAAK,EAAE;IAAO;EAC9C,CAAC,EACD,CACE5B,EAAE,CACA,KAAK,EACL;IAAEE,WAAW,EAAE;EAAQ,CAAC,EACxB,CACEF,EAAE,CACA,SAAS,EACT;IACEQ,WAAW,EAAE;MAAES,MAAM,EAAE;IAAO,CAAC;IAC/BP,KAAK,EAAE;MAAE,cAAc,EAAEX,GAAG,CAAC4D;IAAY,CAAC;IAC1CxC,KAAK,EAAE;MACLC,KAAK,EAAErB,GAAG,CAAC6D,YAAY;MACvBtC,QAAQ,EAAE,kBAAUC,GAAG,EAAE;QACvBxB,GAAG,CAAC6D,YAAY,GAAGrC,GAAG;MACxB,CAAC;MACDC,UAAU,EAAE;IACd;EACF,CAAC,EACD,CACEzB,GAAG,CAACuC,EAAE,CAACvC,GAAG,CAAC8D,eAAe,EAAE,UAAUb,IAAI,EAAEC,KAAK,EAAE;IACjD,OAAOjD,EAAE,CAAC,aAAa,EAAE;MAAEkD,GAAG,EAAED;IAAM,CAAC,EAAE,CACvCjD,EAAE,CACA,MAAM,EACN;MACEQ,WAAW,EAAE;QACXsD,OAAO,EAAE,MAAM;QACf,aAAa,EAAE;MACjB,CAAC;MACDpD,KAAK,EAAE;QAAEqD,IAAI,EAAE;MAAQ,CAAC;MACxBlD,EAAE,EAAE;QACFC,KAAK,EAAE,eAAUkD,MAAM,EAAE;UACvB,OAAOjE,GAAG,CAACkE,aAAa,CAAChB,KAAK,CAAC;QACjC;MACF,CAAC;MACDc,IAAI,EAAE;IACR,CAAC,EACD,CACE/D,EAAE,CAAC,KAAK,EAAE;MACRU,KAAK,EAAE;QAAEC,GAAG,EAAEqC,IAAI,CAACkB;MAAY;IACjC,CAAC,CAAC,EACFlE,EAAE,CACA,MAAM,EACN;MACEQ,WAAW,EAAE;QACX,aAAa,EAAE,MAAM;QACrB,WAAW,EAAE;MACf,CAAC;MACD2D,KAAK,EAAE;QAAEC,KAAK,EAAEpB,IAAI,CAACoB;MAAM;IAC7B,CAAC,EACD,CAACrE,GAAG,CAACM,EAAE,CAACN,GAAG,CAACO,EAAE,CAAC0C,IAAI,CAACtB,IAAI,CAAC,CAAC,CAAC,CAC5B,CACF,CACF,CACF,CAAC;EACJ,CAAC,CAAC,EACF1B,EAAE,CACA,KAAK,EACL;IACEiC,UAAU,EAAE,CACV;MACEP,IAAI,EAAE,MAAM;MACZQ,OAAO,EAAE,QAAQ;MACjBd,KAAK,EAAErB,GAAG,CAACsE,SAAS;MACpB7C,UAAU,EAAE;IACd,CAAC,CACF;IACDtB,WAAW,EAAE;EACf,CAAC,EACDH,GAAG,CAACuC,EAAE,CAACvC,GAAG,CAACuE,SAAS,EAAE,UAAUtB,IAAI,EAAEC,KAAK,EAAE;IAC3C,OAAOjD,EAAE,CACP,KAAK,EACL;MACEkD,GAAG,EAAED,KAAK;MACVzC,WAAW,EAAE;QACX,YAAY,EAAE,MAAM;QACpB,cAAc,EAAE;MAClB;IACF,CAAC,EACD,CACER,EAAE,CAAC,KAAK,EAAE;MACRQ,WAAW,EAAE;QACXoB,KAAK,EAAE,OAAO;QACdX,MAAM,EAAE;MACV,CAAC;MACDP,KAAK,EAAE;QAAEC,GAAG,EAAEqC,IAAI,CAACuB;MAAM;IAC3B,CAAC,CAAC,CACH,CACF;EACH,CAAC,CAAC,EACF,CAAC,CACF,EACDvE,EAAE,CACA,KAAK,EACL;IACEiC,UAAU,EAAE,CACV;MACEP,IAAI,EAAE,MAAM;MACZQ,OAAO,EAAE,QAAQ;MACjBd,KAAK,EAAErB,GAAG,CAACyE,SAAS;MACpBhD,UAAU,EAAE;IACd,CAAC,CACF;IACDtB,WAAW,EAAE;EACf,CAAC,EACD,CACEF,EAAE,CAAC,QAAQ,EAAE;IACXQ,WAAW,EAAE;MAAEoB,KAAK,EAAE,MAAM;MAAEX,MAAM,EAAE;IAAO,CAAC;IAC9CP,KAAK,EAAE;MAAEgD,EAAE,EAAE;IAAS;EACxB,CAAC,CAAC,CACH,CACF,EACD1D,EAAE,CACA,KAAK,EACL;IACEiC,UAAU,EAAE,CACV;MACEP,IAAI,EAAE,MAAM;MACZQ,OAAO,EAAE,QAAQ;MACjBd,KAAK,EAAErB,GAAG,CAAC0E,UAAU;MACrBjD,UAAU,EAAE;IACd,CAAC,CACF;IACDtB,WAAW,EAAE;EACf,CAAC,EACD,CACEF,EAAE,CAAC,QAAQ,EAAE;IACXQ,WAAW,EAAE;MAAEoB,KAAK,EAAE,MAAM;MAAEX,MAAM,EAAE;IAAO,CAAC;IAC9CP,KAAK,EAAE;MAAEgD,EAAE,EAAE;IAAU;EACzB,CAAC,CAAC,CACH,CACF,CACF,EACD,CAAC,CACF,CACF,EACD,CAAC,CACF,CACF,CACF,GACD3D,GAAG,CAAC4B,EAAE,EAAE,CACb,EACD,CAAC,CACF,CACF,CACF;AACH,CAAC;AACD,IAAI+C,eAAe,GAAG,CACpB,YAAY;EACV,IAAI3E,GAAG,GAAG,IAAI;IACZC,EAAE,GAAGD,GAAG,CAACE,KAAK,CAACD,EAAE;EACnB,OAAOA,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAU,CAAC,EAAE,CAACF,EAAE,CAAC,MAAM,EAAE,CAACD,GAAG,CAACM,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;AAC5E,CAAC,CACF;AACDP,MAAM,CAAC6E,aAAa,GAAG,IAAI;AAE3B,SAAS7E,MAAM,EAAE4E,eAAe"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/858f496859b6fcf75b70b4692fc4b404.json b/node_modules/.cache/vue-loader/858f496859b6fcf75b70b4692fc4b404.json
new file mode 100644
index 00000000..9b3f9150
--- /dev/null
+++ b/node_modules/.cache/vue-loader/858f496859b6fcf75b70b4692fc4b404.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-pdf\\src\\vuePdfNoSss.vue","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-pdf\\src\\vuePdfNoSss.vue","mtime":1689642396276},{"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":["var render, staticRenderFns\nimport script from \"./vuePdfNoSss.vue?vue&type=script&lang=js&\"\nexport * from \"./vuePdfNoSss.vue?vue&type=script&lang=js&\"\nimport style0 from \"./annotationLayer.css?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"E:\\\\2023\\\\yancheng0718\\\\yanchengPowerSupply\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('5dcc77a0')) {\n      api.createRecord('5dcc77a0', component.options)\n    } else {\n      api.reload('5dcc77a0', component.options)\n    }\n    \n  }\n}\ncomponent.options.__file = \"node_modules/vue-pdf/src/vuePdfNoSss.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/92412148cfcd0aefa2782940ffdfe695.json b/node_modules/.cache/vue-loader/92412148cfcd0aefa2782940ffdfe695.json
new file mode 100644
index 00000000..f6eb8f47
--- /dev/null
+++ b/node_modules/.cache/vue-loader/92412148cfcd0aefa2782940ffdfe695.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\stationBuilding.vue?vue&type=style&index=1&id=878d5e44&lang=less&scoped=true&","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\stationBuilding.vue","mtime":1689642397096},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\css-loader\\index.js","mtime":1689642389821},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1689642396087},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\postcss-loader\\src\\index.js","mtime":1689642393431},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\less-loader\\dist\\cjs.js","mtime":1689642392421},{"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\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",{"version":3,"sources":["stationBuilding.vue"],"names":[],"mappings":";AAmoCA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA","file":"stationBuilding.vue","sourceRoot":"src/views","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/标题箭头.png\" alt=\"\" />\r\n            <span>光伏台账</span>\r\n            <img src=\"./../assets/indexN/标题箭头1.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/标题箭头.png\" alt=\"\" />\r\n            <span>上网功率</span>\r\n            <img src=\"./../assets/indexN/标题箭头1.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/标题箭头.png\" alt=\"\" />\r\n            <span>配变负载率TOP5</span>\r\n            <img src=\"./../assets/indexN/标题箭头1.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        <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 style=\"font-size: 18px\">户数高渗透率</span>\r\n                  <h5 style=\"font-size: 28px; color: 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 style=\"font-size: 18px\">容量渗透率</span>\r\n                  <h5 style=\"font-size: 28px; color: 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 style=\"font-size: 18px\">能量渗透率</span>\r\n                  <h5 style=\"font-size: 28px; color: 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/标题箭头.png\" alt=\"\" />\r\n            <span>分布式光伏电量</span>\r\n            <img src=\"./../assets/indexN/标题箭头1.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/地区选择下拉菜单.png\" alt=\"\" />\r\n              <span>用户:</span>\r\n              <img src=\"../assets/02/地区选择下拉菜单.png\" alt=\"\" />\r\n              <span>范围:</span>\r\n              <img src=\"../assets/02/地区选择下拉菜单.png\" alt=\"\" />\r\n              <span>日期:</span>\r\n              <img src=\"../assets/02/地区选择下拉菜单.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/标题箭头.png\" alt=\"\" />\r\n            <span>能量/容量</span>\r\n            <img src=\"./../assets/indexN/标题箭头1.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/地区选择下拉菜单.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/标题箭头.png\" alt=\"\" />\r\n            <span>渗透率统计</span>\r\n            <img src=\"./../assets/indexN/标题箭头1.png\" alt=\"\" />\r\n          </div>\r\n        </div>\r\n        <div class=\"content\">\r\n          <div class=\"line\">\r\n            <!-- <div class=\"total\">\r\n              <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n                <span style=\"font-size: 18px\">户数高渗透率&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.pdxl\">{{ CompanyInfo.pdxl }}</span>\r\n\r\n              </div>\r\n            </div> -->\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    <!-- <div style=\"height:40px;width:40px\" class=\"suoxiao\">\r\n        <img src=\"../assets/images/btnFangDa.png\" style=\"height:40px;width:40px\"/>\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// 工单统计弹窗组件\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      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.detailedTwo11();\r\n    this.detailedTwo22();\r\n    this.detailqe1();\r\n    this.detailen1();\r\n  },\r\n  methods: {\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 fontColor = \"#30eee9\";\r\n      var myChart = this.$echarts.init(document.getElementById(\"detailedTwo2\"));\r\n      var option = {\r\n        grid: {\r\n          left: \"3%\",\r\n          right: \"4%\",\r\n          bottom: \"3%\",\r\n          containLabel: true,\r\n        },\r\n        xAxis: {\r\n          type: \"value\",\r\n          show: false,\r\n        },\r\n        yAxis: {\r\n          type: \"category\",\r\n          axisLine: {\r\n            lineStyle: {\r\n              color: \"#206489\",\r\n            },\r\n          },\r\n          axisLabel: {\r\n            color: \"#fff\",\r\n            fontSize: \"18\",\r\n          },\r\n          axisLine: {\r\n            show: false,\r\n          },\r\n          axisTick: {\r\n            show: false,\r\n            alignWithLabel: true,\r\n          },\r\n          splitArea: { show: false },\r\n          data: [\"No.5\", \"No.4\", \"No.3\", \"No.2\", \"No.1\"],\r\n        },\r\n        series: [\r\n          {\r\n            name: \"Direct\",\r\n            type: \"bar\",\r\n            stack: \"total\",\r\n            barWidth: 10,\r\n            label: {\r\n              show: true,\r\n            },\r\n            emphasis: {\r\n              focus: \"series\",\r\n            },\r\n            data: [320, 302, 310, 299, 288],\r\n          },\r\n          {\r\n            name: \"Mail Ad\",\r\n            type: \"bar\",\r\n            stack: \"total\",\r\n            barWidth: 10,\r\n\r\n            label: {\r\n              show: true,\r\n            },\r\n            emphasis: {\r\n              focus: \"series\",\r\n            },\r\n            data: [99, 88, 100, 101, 97],\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            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          },\r\n        ],\r\n        series: [\r\n          {\r\n            name: \"关联电网事故\",\r\n            type: \"bar\",\r\n            itemStyle: {\r\n              color: \"#00ffff\", // 柱状图颜色\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: \"yellow\", // 柱状图颜色\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/地图弹窗三个数据外框.png\") no-repeat;\r\n      background-size: 100%;\r\n      float: right;\r\n      width: 40vh;\r\n      height: 25vh;\r\n      position: relative;\r\n      top: 5vh;\r\n      right: 1vh;\r\n      .contents {\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/弹窗里的小框子.png\") no-repeat;\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            float: left;\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        }\r\n      }\r\n    }\r\n    .imgboxtwo {\r\n      padding: 0 0 0 20px;\r\n      background: url(\"../assets/02/地图弹窗四个内容的框.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        height: 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: 49%;\r\n          list-style: none;\r\n          font-size: 24px;\r\n          color: #fff;\r\n          background: url(\"../assets/02/弹窗里的小框子.png\") no-repeat;\r\n        }\r\n      }\r\n    }\r\n\r\n    .map {\r\n      background: url(\"../assets/indexN/地图.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    }\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/表格标题行.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/表格其他行.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/表格框.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"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/99358fb2c7ad95f108fb645d8b076ba7.json b/node_modules/.cache/vue-loader/99358fb2c7ad95f108fb645d8b076ba7.json
new file mode 100644
index 00000000..bd4b4488
--- /dev/null
+++ b/node_modules/.cache/vue-loader/99358fb2c7ad95f108fb645d8b076ba7.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\twentyKV.vue","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\twentyKV.vue","mtime":1689642397097},{"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":["import { render, staticRenderFns } from \"./twentyKV.vue?vue&type=template&id=e9df6994&scoped=true&\"\nimport script from \"./twentyKV.vue?vue&type=script&lang=js&\"\nexport * from \"./twentyKV.vue?vue&type=script&lang=js&\"\nimport style0 from \"./twentyKV.vue?vue&type=style&index=0&id=e9df6994&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"e9df6994\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"E:\\\\2023\\\\yancheng0718\\\\yanchengPowerSupply\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('e9df6994')) {\n      api.createRecord('e9df6994', component.options)\n    } else {\n      api.reload('e9df6994', component.options)\n    }\n    module.hot.accept(\"./twentyKV.vue?vue&type=template&id=e9df6994&scoped=true&\", function () {\n      api.rerender('e9df6994', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/twentyKV.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/9dde0e9a79185ffbb011ac6530556019.json b/node_modules/.cache/vue-loader/9dde0e9a79185ffbb011ac6530556019.json
new file mode 100644
index 00000000..71dcb8a2
--- /dev/null
+++ b/node_modules/.cache/vue-loader/9dde0e9a79185ffbb011ac6530556019.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\thirtyFiveKV.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\thirtyFiveKV.vue","mtime":1689642397096},{"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\nexport default {\r\n  name: \"thirtyFiveKV\",\r\n  data() {\r\n    return {\r\n      // 视频播放器配置\r\n      playerOptions: {\r\n        height: 400,\r\n        playbackRates: [0.7, 1.0, 1.5, 2.0], // 播放速度\r\n        autoplay: false, // 如果true,浏览器准备好时开始回放。\r\n        muted: false, // 默认情况下将会消除任何音频。\r\n        loop: false, // 导致视频一结束就重新开始。\r\n        preload: \"auto\", // 建议浏览器在<video>加载元素后是否应该开始下载视频数据。auto浏览器选择最佳行为,立即开始加载视频（如果浏览器支持）\r\n        language: \"zh-CN\",\r\n        aspectRatio: \"16:9\", // 将播放器置于流畅模式，并在计算播放器的动态大小时使用该值。值应该代表一个比例 - 用冒号分隔的两个数字（例如\"16:9\"或\"4:3\"）\r\n        fluid: true, // 当true时，Video.js player将拥有流体大小。换句话说，它将按比例缩放以适应其容器。\r\n        sources: [\r\n          {\r\n            type: \"video/mp4\", // 这里的种类支持很多种：基本视频格式、直播、流媒体等，具体可以参看git网址项目\r\n            src: require(\"../assets/videos/video.mp4\"), // url地址\r\n          },\r\n        ],\r\n        poster: require(\"../assets/images/sun.png\"), // 你的封面地址\r\n        // width: document.documentElement.clientWidth, //播放器宽度\r\n        notSupportedMessage: \"此视频暂无法播放，请稍后再试\", // 允许覆盖Video.js无法播放媒体源时显示的默认信息。\r\n        controlBar: {\r\n          timeDivider: true,\r\n          durationDisplay: true,\r\n          remainingTimeDisplay: false,\r\n          fullscreenToggle: true, // 全屏按钮\r\n        },\r\n      },\r\n    };\r\n  },\r\n};\r\n",{"version":3,"sources":["thirtyFiveKV.vue"],"names":[],"mappings":";AAoBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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":"thirtyFiveKV.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n  <div class=\"stationBuilding\">\r\n    <!-- <video-player\r\n      class=\"video-player vjs-custom-skin\"\r\n      style=\"heght:100%;width:100%\"\r\n      ref=\"VideoPlayer\"\r\n      :playsinline=\"true\"\r\n      :options=\"playerOptions\"\r\n      > \r\n      </video-player> -->\r\n    <div class=\"stationContent\">\r\n      <div class=\"systemText\">\r\n        <i class=\"el-icon-loading\" style=\"color: #4bfffd; font-size: 80px\"></i>\r\n        <p style=\"font-size: 30px;color:#fff\">系统正在加载中...</p>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"thirtyFiveKV\",\r\n  data() {\r\n    return {\r\n      // 视频播放器配置\r\n      playerOptions: {\r\n        height: 400,\r\n        playbackRates: [0.7, 1.0, 1.5, 2.0], // 播放速度\r\n        autoplay: false, // 如果true,浏览器准备好时开始回放。\r\n        muted: false, // 默认情况下将会消除任何音频。\r\n        loop: false, // 导致视频一结束就重新开始。\r\n        preload: \"auto\", // 建议浏览器在<video>加载元素后是否应该开始下载视频数据。auto浏览器选择最佳行为,立即开始加载视频（如果浏览器支持）\r\n        language: \"zh-CN\",\r\n        aspectRatio: \"16:9\", // 将播放器置于流畅模式，并在计算播放器的动态大小时使用该值。值应该代表一个比例 - 用冒号分隔的两个数字（例如\"16:9\"或\"4:3\"）\r\n        fluid: true, // 当true时，Video.js player将拥有流体大小。换句话说，它将按比例缩放以适应其容器。\r\n        sources: [\r\n          {\r\n            type: \"video/mp4\", // 这里的种类支持很多种：基本视频格式、直播、流媒体等，具体可以参看git网址项目\r\n            src: require(\"../assets/videos/video.mp4\"), // url地址\r\n          },\r\n        ],\r\n        poster: require(\"../assets/images/sun.png\"), // 你的封面地址\r\n        // width: document.documentElement.clientWidth, //播放器宽度\r\n        notSupportedMessage: \"此视频暂无法播放，请稍后再试\", // 允许覆盖Video.js无法播放媒体源时显示的默认信息。\r\n        controlBar: {\r\n          timeDivider: true,\r\n          durationDisplay: true,\r\n          remainingTimeDisplay: false,\r\n          fullscreenToggle: true, // 全屏按钮\r\n        },\r\n      },\r\n    };\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.stationBuilding {\r\n  width: 1722px;\r\n  height: 982px;\r\n  background: url(\"../assets/images/stationBuildingKuang.png\") no-repeat;\r\n  background-size: 100% 100%;\r\n  padding: 15px 25px;\r\n  z-index: 100;\r\n  .stationContent {\r\n    width: 100%;\r\n    height: 100%;\r\n    background: url(\"../assets/images/zhifu.png\") no-repeat;\r\n    background-size: 100% 100%;\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    .systemText {\r\n      position: absolute;\r\n      display: flex;\r\n      flex-direction: column;\r\n    }\r\n  }\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/a242533dccebeb4db3c32352f8c29ce2.json b/node_modules/.cache/vue-loader/a242533dccebeb4db3c32352f8c29ce2.json
new file mode 100644
index 00000000..f989f2aa
--- /dev/null
+++ b/node_modules/.cache/vue-loader/a242533dccebeb4db3c32352f8c29ce2.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\component\\routeDetail.vue?vue&type=style&index=0&id=21352842&scoped=true&lang=less&","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\component\\routeDetail.vue","mtime":1689642397092},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\css-loader\\index.js","mtime":1689642389821},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1689642396087},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\postcss-loader\\src\\index.js","mtime":1689642393431},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\less-loader\\dist\\cjs.js","mtime":1689642392421},{"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\n.route {\r\n  position: fixed;\r\n  top: 0;\r\n  margin: auto;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  background-image: url(\"../assets/images/baojingxinxiKuang.png\");\r\n  width: 1034px;\r\n  height: 608px;\r\n  background-size: 100% 100%;\r\n  padding: 20px 26px;\r\n  box-sizing: border-box;\r\n  .word {\r\n    position: fixed;\r\n    z-index: 999;\r\n    left: 0;\r\n    top: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    margin: auto;\r\n    width: 1511px;\r\n    height: 1071px;\r\n    background: url(\"../assets/images/ringMainUnitKuang.png\") no-repeat;\r\n    background-size: 100% 100%;\r\n    -webkit-animation: fadeInDown 0.3s;\r\n    animation: fadeInDown 0.3s;\r\n    padding: 15px 25px;\r\n    box-sizing: border-box;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    align-content: space-between;\r\n    .wordBox {\r\n      margin-top: 3.1%;\r\n      height: 94%;\r\n      width: 100%;\r\n      overflow: scroll;\r\n    }\r\n  }\r\n\r\n  .closeWord {\r\n    top: -33%;\r\n    right: -20%;\r\n    z-index: 1001;\r\n    position: absolute;\r\n  }\r\n  .wordBox::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n  .route-main {\r\n    height: 90%;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    margin-left: 30px;\r\n    overflow: auto;\r\n    .mainLeft{\r\n      width:50%;\r\n      height:100%;\r\n      display: flex;\r\n    flex-direction: column;\r\n    justify-content: flex-start;\r\n      .route-item {\r\n      width: 100%;\r\n      // height: 100%;\r\n      margin-top: 40px;\r\n      display: flex;\r\n      align-items: center;\r\n      .detailBtn {\r\n        width: 128px;\r\n        height: 37px;\r\n        background-image: url(\"../assets/images/detailBtn.png\");\r\n        background-size: 100% 100%;\r\n      }\r\n      .item-title {\r\n        letter-spacing: 2px;\r\n        // height: 65px;\r\n        width: 150px;\r\n        line-height: 30px;\r\n        background-size: 100% 100%;\r\n        font-size: 22px;\r\n        color: #fff;\r\n        // font-weight: 900;\r\n        // letter-spacing: ;\r\n        text-align: left;\r\n        white-space: nowrap;\r\n      }\r\n      .item-title1 {\r\n        width: 168px;\r\n        line-height: 30px;\r\n        background-size: 100% 100%;\r\n        font-size: 22px;\r\n        color: #fff;\r\n        // font-weight: 900;\r\n        // letter-spacing: ;\r\n        text-align: left;\r\n      }\r\n      & > div:nth-child(2) {\r\n        vertical-align: middle;\r\n        margin-left: 30px;\r\n        font-size: 23px;\r\n        color: #fff;\r\n        // margin-left: 20px;\r\n        letter-spacing: 3px;\r\n      }\r\n    }\r\n    }\r\n    .mainRight{\r\n      width:50%;\r\n      height:100%;\r\n      display: flex;\r\n    flex-direction: column;\r\n    justify-content: flex-start;\r\n      .route-item {\r\n      width: 100%;\r\n      // height: 100%;\r\n      margin-top: 40px;\r\n      display: flex;\r\n      align-items: center;\r\n      .detailBtn {\r\n        width: 128px;\r\n        height: 37px;\r\n        background-image: url(\"../assets/images/detailBtn.png\");\r\n        background-size: 100% 100%;\r\n      }\r\n      .item-title {\r\n        letter-spacing: 2px;\r\n        // height: 65px;\r\n        width: 150px;\r\n        line-height: 30px;\r\n        background-size: 100% 100%;\r\n        font-size: 22px;\r\n        color: #fff;\r\n        // font-weight: 900;\r\n        // letter-spacing: ;\r\n        text-align: left;\r\n        white-space: nowrap;\r\n      }\r\n      .item-title1 {\r\n        width: 168px;\r\n        line-height: 30px;\r\n        background-size: 100% 100%;\r\n        font-size: 22px;\r\n        color: #fff;\r\n        // font-weight: 900;\r\n        // letter-spacing: ;\r\n        text-align: left;\r\n      }\r\n      & > div:nth-child(2) {\r\n        vertical-align: middle;\r\n        margin-left: 30px;\r\n        font-size: 23px;\r\n        color: #fff;\r\n        // margin-left: 20px;\r\n        letter-spacing: 3px;\r\n      }\r\n    }\r\n    }\r\n    \r\n  }\r\n  .route-title {\r\n    font-size: 28px;\r\n    height: 10%;\r\n    width: 91%;\r\n    display: flex;\r\n    align-items: center;\r\n    margin-left: 50px;\r\n    // justify-content: center;\r\n    // display: flex;\r\n    align-content: flex-start;\r\n\r\n    .text {\r\n      //   font-weight: 900;\r\n      color: transparent;\r\n      -webkit-background-clip: text;\r\n      background-clip: text;\r\n      background-image: linear-gradient(to bottom, rgb(255, 255, 255), rgb(86, 244, 254));\r\n    }\r\n  }\r\n  .close {\r\n    position: absolute;\r\n    right: 5%;\r\n    top: 6%;\r\n  }\r\n}\r\n::-webkit-scrollbar {\r\n  display: none;\r\n}\r\n/deep/ .docx span {\r\n  // font-size: 25px !important;\r\n  color: #fff !important;\r\n}\r\n/deep/ .docx-wrapper {\r\n  background-color: transparent !important;\r\n  box-shadow: none !important;\r\n  // background-image: url(\"../assets/images/wordBg1.png\");\r\n  background-size: 100% 100%;\r\n}\r\n/deep/ .docx {\r\n  width: 100% !important;\r\n  background-color: transparent !important;\r\n  box-shadow: none !important;\r\n}\r\n/deep/ .docx table {\r\n  width: 100% !important;\r\n}\r\n// /deep/ .docx p {\r\n//   text-align: center !important;\r\n// }\r\n// /deep/ p.docx_a3 {\r\n//   border-bottom: none !important;\r\n// }\r\n/deep/ .docx p {\r\n  // text-align: unset !important;\r\n  line-height: unset !important;\r\n  background-color: transparent !important;\r\n  border: unset !important;\r\n  // text-indent: unset !important;\r\n}\r\n// /dee/ .docx img{\r\n//   margin: 0 auto !important;\r\n// }\r\n// /deep/ .docx_normalcharacter>div{\r\n//   margin: 0 auto !important;\r\n\r\n// }\r\n/deep/ p:before {\r\n  color: #fff;\r\n}\r\n",{"version":3,"sources":["routeDetail.vue"],"names":[],"mappings":";AAkIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;;AAEA;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;;AAEA;AACA;AACA;AACA","file":"routeDetail.vue","sourceRoot":"src/component","sourcesContent":["<template>\r\n  <div class=\"route\">\r\n    <div class=\"word\" v-show=\"wordShow\">\r\n      <div class=\"wordBox\" ref=\"word\"></div>\r\n    </div>\r\n    <!-- 关闭word的按钮 -->\r\n    <div class=\"closeWord\" @click=\"closeWord\" v-show=\"wordShow\">\r\n      <img src=\"@/assets/images/close.png\" style=\"cursor: pointer\" />\r\n    </div>\r\n    <div class=\"close\">\r\n      <img @click=\"handleClose\" src=\"@/assets/images/close.png\" style=\"cursor: pointer\" />\r\n    </div>\r\n    <div class=\"route-title\"><span class=\"text\">故障详情</span></div>\r\n    <div class=\"route-main\">\r\n      <div class=\"mainLeft\">\r\n        <div class=\"route-item\">\r\n          <div class=\"item-title\">班组:</div>\r\n          <div>{{ routeItem.bz }}</div>\r\n        </div>\r\n        <div class=\"route-item\">\r\n          <div class=\"item-title\">故障状态:</div>\r\n          <div style=\"color: #b16f18\">{{ routeItem.gz_state_dsc }}</div>\r\n        </div>\r\n        <div class=\"route-item\">\r\n          <div class=\"item-title1\">故障发生时间:</div>\r\n          <div style=\"margin-left: 0px\">{{ routeItem.gz_time }}</div>\r\n        </div>\r\n        <div class=\"route-item\">\r\n          <div class=\"item-title1\">处理完成时间:</div>\r\n          <div style=\"margin-left: 0px\">{{ routeItem.gz_time_deal }}</div>\r\n        </div>\r\n        <div class=\"route-item\" style=\"width: 100%\">\r\n          <div class=\"item-title1\">影响时户数:</div>\r\n          <div style=\"color: #3ebaa7\">{{ routeItem.yxshs }}</div>\r\n        </div>\r\n        <div class=\"route-item\" style=\"width: 100%\">\r\n          <div class=\"item-title1\">故障处理与分析:</div>\r\n          <div @click=\"detailBtn(routeItem.file_url)\" class=\"detailBtn\"></div>\r\n        </div>\r\n      </div>\r\n      <div class=\"mainRight\">\r\n        <div class=\"route-item\">\r\n          <div class=\"item-title\">故障线路:</div>\r\n          <div style=\"color: #b16f18\">{{ routeItem.gzxl }}</div>\r\n        </div>\r\n\r\n        <div class=\"route-item\">\r\n          <div class=\"item-title\">故障类型:</div>\r\n          <div>{{ routeItem.gz_type_dsc }}</div>\r\n        </div>\r\n\r\n        <div class=\"route-item\" style=\"display: flex; align-items: flex-start\">\r\n          <div class=\"item-title\">故障描述:</div>\r\n          <div style=\"text-align: left\">{{ routeItem.dsc }}</div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport axios from \"axios\";\r\nlet docx = require(\"docx-preview\");\r\nwindow.JSZip = require(\"jszip\");\r\nexport default {\r\n  name: \"routeDetail\",\r\n  props: [\"routeItem\"],\r\n  data() {\r\n    return {\r\n      // titleList:['班组','故障路线','故障状态','故障类型','故障时间','故障描述','故障处理']\r\n      wordShow: false,\r\n    };\r\n  },\r\n  mounted() {\r\n    console.log(this.routeItem, \"sssssssssssss\");\r\n  },\r\n  methods: {\r\n    closeWord() {\r\n      // word文档的显隐\r\n      this.wordShow = false;\r\n    },\r\n    handleClose() {\r\n      this.$parent.routeShow = \"\";\r\n      this.$parent.routeItem = null;\r\n    },\r\n    detailBtn(url) {\r\n      // console.log(url, \"word下载链接\");\r\n      var url = \"/\" + url.split(\"/\")[3] + \"/\" + url.split(\"/\")[4];\r\n      var that = this;\r\n      axios({\r\n        url: \"/app\" + url,\r\n        responseType: \"blob\",\r\n      }).then(({ data }) => {\r\n        console.log(data, \"数据\");\r\n\r\n        that.$nextTick(() => {\r\n          // doc.renderAsync(data,that.$refs.word)\r\n          docx\r\n            .renderAsync(data, that.$refs.word, null, {\r\n              className: \"docx\", //默认和文档样式类的类名/前缀\r\n              inWrapper: true, //启用围绕文档内容呈现包装器\r\n              ignoreWidth: true, //禁用页面的渲染宽度\r\n              ignoreHeight: true, //禁用页面的渲染高度\r\n              ignoreFonts: false, //禁用字体渲染\r\n              breakPages: true, //在分页符上启用分页\r\n              ignoreLastRenderedPageBreak: true, //在lastRenderedPageBreak元素上禁用分页\r\n              experimental: false, //启用实验功能（制表符停止计算）\r\n              trimXMLDeclaration: true, //如果为true，则在解析之前将从xml文档中删除xml声明\r\n              useBase64URL: false, //如果为true，图像、字体等将转换为base 64 URL，否则使用URL.createObjectURL\r\n              useMathMLPolyfill: false, //包括用于铬、边等的MathML多填充。\r\n              showChanges: true, //启用文档更改的实验渲染（插入/删除）\r\n              debug: false, //启用额外的日志记录\r\n            })\r\n            .then((res) => {\r\n              that.wordShow = true;\r\n            });\r\n        });\r\n      });\r\n    },\r\n    created() {\r\n      // console.log(this.routeItem, \"故障详情\");\r\n      // console.log(this.routeItem, \"路线详细数据\");\r\n      // var arr = Object.keys(this.routeItem);\r\n      // console.log(arr);\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"less\">\r\n.route {\r\n  position: fixed;\r\n  top: 0;\r\n  margin: auto;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  background-image: url(\"../assets/images/baojingxinxiKuang.png\");\r\n  width: 1034px;\r\n  height: 608px;\r\n  background-size: 100% 100%;\r\n  padding: 20px 26px;\r\n  box-sizing: border-box;\r\n  .word {\r\n    position: fixed;\r\n    z-index: 999;\r\n    left: 0;\r\n    top: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    margin: auto;\r\n    width: 1511px;\r\n    height: 1071px;\r\n    background: url(\"../assets/images/ringMainUnitKuang.png\") no-repeat;\r\n    background-size: 100% 100%;\r\n    -webkit-animation: fadeInDown 0.3s;\r\n    animation: fadeInDown 0.3s;\r\n    padding: 15px 25px;\r\n    box-sizing: border-box;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    align-content: space-between;\r\n    .wordBox {\r\n      margin-top: 3.1%;\r\n      height: 94%;\r\n      width: 100%;\r\n      overflow: scroll;\r\n    }\r\n  }\r\n\r\n  .closeWord {\r\n    top: -33%;\r\n    right: -20%;\r\n    z-index: 1001;\r\n    position: absolute;\r\n  }\r\n  .wordBox::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n  .route-main {\r\n    height: 90%;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    margin-left: 30px;\r\n    overflow: auto;\r\n    .mainLeft{\r\n      width:50%;\r\n      height:100%;\r\n      display: flex;\r\n    flex-direction: column;\r\n    justify-content: flex-start;\r\n      .route-item {\r\n      width: 100%;\r\n      // height: 100%;\r\n      margin-top: 40px;\r\n      display: flex;\r\n      align-items: center;\r\n      .detailBtn {\r\n        width: 128px;\r\n        height: 37px;\r\n        background-image: url(\"../assets/images/detailBtn.png\");\r\n        background-size: 100% 100%;\r\n      }\r\n      .item-title {\r\n        letter-spacing: 2px;\r\n        // height: 65px;\r\n        width: 150px;\r\n        line-height: 30px;\r\n        background-size: 100% 100%;\r\n        font-size: 22px;\r\n        color: #fff;\r\n        // font-weight: 900;\r\n        // letter-spacing: ;\r\n        text-align: left;\r\n        white-space: nowrap;\r\n      }\r\n      .item-title1 {\r\n        width: 168px;\r\n        line-height: 30px;\r\n        background-size: 100% 100%;\r\n        font-size: 22px;\r\n        color: #fff;\r\n        // font-weight: 900;\r\n        // letter-spacing: ;\r\n        text-align: left;\r\n      }\r\n      & > div:nth-child(2) {\r\n        vertical-align: middle;\r\n        margin-left: 30px;\r\n        font-size: 23px;\r\n        color: #fff;\r\n        // margin-left: 20px;\r\n        letter-spacing: 3px;\r\n      }\r\n    }\r\n    }\r\n    .mainRight{\r\n      width:50%;\r\n      height:100%;\r\n      display: flex;\r\n    flex-direction: column;\r\n    justify-content: flex-start;\r\n      .route-item {\r\n      width: 100%;\r\n      // height: 100%;\r\n      margin-top: 40px;\r\n      display: flex;\r\n      align-items: center;\r\n      .detailBtn {\r\n        width: 128px;\r\n        height: 37px;\r\n        background-image: url(\"../assets/images/detailBtn.png\");\r\n        background-size: 100% 100%;\r\n      }\r\n      .item-title {\r\n        letter-spacing: 2px;\r\n        // height: 65px;\r\n        width: 150px;\r\n        line-height: 30px;\r\n        background-size: 100% 100%;\r\n        font-size: 22px;\r\n        color: #fff;\r\n        // font-weight: 900;\r\n        // letter-spacing: ;\r\n        text-align: left;\r\n        white-space: nowrap;\r\n      }\r\n      .item-title1 {\r\n        width: 168px;\r\n        line-height: 30px;\r\n        background-size: 100% 100%;\r\n        font-size: 22px;\r\n        color: #fff;\r\n        // font-weight: 900;\r\n        // letter-spacing: ;\r\n        text-align: left;\r\n      }\r\n      & > div:nth-child(2) {\r\n        vertical-align: middle;\r\n        margin-left: 30px;\r\n        font-size: 23px;\r\n        color: #fff;\r\n        // margin-left: 20px;\r\n        letter-spacing: 3px;\r\n      }\r\n    }\r\n    }\r\n    \r\n  }\r\n  .route-title {\r\n    font-size: 28px;\r\n    height: 10%;\r\n    width: 91%;\r\n    display: flex;\r\n    align-items: center;\r\n    margin-left: 50px;\r\n    // justify-content: center;\r\n    // display: flex;\r\n    align-content: flex-start;\r\n\r\n    .text {\r\n      //   font-weight: 900;\r\n      color: transparent;\r\n      -webkit-background-clip: text;\r\n      background-clip: text;\r\n      background-image: linear-gradient(to bottom, rgb(255, 255, 255), rgb(86, 244, 254));\r\n    }\r\n  }\r\n  .close {\r\n    position: absolute;\r\n    right: 5%;\r\n    top: 6%;\r\n  }\r\n}\r\n::-webkit-scrollbar {\r\n  display: none;\r\n}\r\n/deep/ .docx span {\r\n  // font-size: 25px !important;\r\n  color: #fff !important;\r\n}\r\n/deep/ .docx-wrapper {\r\n  background-color: transparent !important;\r\n  box-shadow: none !important;\r\n  // background-image: url(\"../assets/images/wordBg1.png\");\r\n  background-size: 100% 100%;\r\n}\r\n/deep/ .docx {\r\n  width: 100% !important;\r\n  background-color: transparent !important;\r\n  box-shadow: none !important;\r\n}\r\n/deep/ .docx table {\r\n  width: 100% !important;\r\n}\r\n// /deep/ .docx p {\r\n//   text-align: center !important;\r\n// }\r\n// /deep/ p.docx_a3 {\r\n//   border-bottom: none !important;\r\n// }\r\n/deep/ .docx p {\r\n  // text-align: unset !important;\r\n  line-height: unset !important;\r\n  background-color: transparent !important;\r\n  border: unset !important;\r\n  // text-indent: unset !important;\r\n}\r\n// /dee/ .docx img{\r\n//   margin: 0 auto !important;\r\n// }\r\n// /deep/ .docx_normalcharacter>div{\r\n//   margin: 0 auto !important;\r\n\r\n// }\r\n/deep/ p:before {\r\n  color: #fff;\r\n}\r\n</style>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/a2c839c432050a80d4bb54e82f7412e7.json b/node_modules/.cache/vue-loader/a2c839c432050a80d4bb54e82f7412e7.json
new file mode 100644
index 00000000..cbfca1a9
--- /dev/null
+++ b/node_modules/.cache/vue-loader/a2c839c432050a80d4bb54e82f7412e7.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\stationBuilding.vue?vue&type=style&index=2&id=878d5e44&lang=less&","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\stationBuilding.vue","mtime":1689642397096},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\css-loader\\index.js","mtime":1689642389821},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1689642396087},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\postcss-loader\\src\\index.js","mtime":1689642393431},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\less-loader\\dist\\cjs.js","mtime":1689642392421},{"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\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/表格标题行.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/表格其他行.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/表格框.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",{"version":3,"sources":["stationBuilding.vue"],"names":[],"mappings":";AAmqCA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;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;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;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"stationBuilding.vue","sourceRoot":"src/views","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/标题箭头.png\" alt=\"\" />\r\n            <span>光伏台账</span>\r\n            <img src=\"./../assets/indexN/标题箭头1.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/标题箭头.png\" alt=\"\" />\r\n            <span>上网功率</span>\r\n            <img src=\"./../assets/indexN/标题箭头1.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/标题箭头.png\" alt=\"\" />\r\n            <span>配变负载率TOP5</span>\r\n            <img src=\"./../assets/indexN/标题箭头1.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        <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 style=\"font-size: 18px\">户数高渗透率</span>\r\n                  <h5 style=\"font-size: 28px; color: 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 style=\"font-size: 18px\">容量渗透率</span>\r\n                  <h5 style=\"font-size: 28px; color: 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 style=\"font-size: 18px\">能量渗透率</span>\r\n                  <h5 style=\"font-size: 28px; color: 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/标题箭头.png\" alt=\"\" />\r\n            <span>分布式光伏电量</span>\r\n            <img src=\"./../assets/indexN/标题箭头1.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/地区选择下拉菜单.png\" alt=\"\" />\r\n              <span>用户:</span>\r\n              <img src=\"../assets/02/地区选择下拉菜单.png\" alt=\"\" />\r\n              <span>范围:</span>\r\n              <img src=\"../assets/02/地区选择下拉菜单.png\" alt=\"\" />\r\n              <span>日期:</span>\r\n              <img src=\"../assets/02/地区选择下拉菜单.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/标题箭头.png\" alt=\"\" />\r\n            <span>能量/容量</span>\r\n            <img src=\"./../assets/indexN/标题箭头1.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/地区选择下拉菜单.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/标题箭头.png\" alt=\"\" />\r\n            <span>渗透率统计</span>\r\n            <img src=\"./../assets/indexN/标题箭头1.png\" alt=\"\" />\r\n          </div>\r\n        </div>\r\n        <div class=\"content\">\r\n          <div class=\"line\">\r\n            <!-- <div class=\"total\">\r\n              <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n                <span style=\"font-size: 18px\">户数高渗透率&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.pdxl\">{{ CompanyInfo.pdxl }}</span>\r\n\r\n              </div>\r\n            </div> -->\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    <!-- <div style=\"height:40px;width:40px\" class=\"suoxiao\">\r\n        <img src=\"../assets/images/btnFangDa.png\" style=\"height:40px;width:40px\"/>\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// 工单统计弹窗组件\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      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.detailedTwo11();\r\n    this.detailedTwo22();\r\n    this.detailqe1();\r\n    this.detailen1();\r\n  },\r\n  methods: {\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 fontColor = \"#30eee9\";\r\n      var myChart = this.$echarts.init(document.getElementById(\"detailedTwo2\"));\r\n      var option = {\r\n        grid: {\r\n          left: \"3%\",\r\n          right: \"4%\",\r\n          bottom: \"3%\",\r\n          containLabel: true,\r\n        },\r\n        xAxis: {\r\n          type: \"value\",\r\n          show: false,\r\n        },\r\n        yAxis: {\r\n          type: \"category\",\r\n          axisLine: {\r\n            lineStyle: {\r\n              color: \"#206489\",\r\n            },\r\n          },\r\n          axisLabel: {\r\n            color: \"#fff\",\r\n            fontSize: \"18\",\r\n          },\r\n          axisLine: {\r\n            show: false,\r\n          },\r\n          axisTick: {\r\n            show: false,\r\n            alignWithLabel: true,\r\n          },\r\n          splitArea: { show: false },\r\n          data: [\"No.5\", \"No.4\", \"No.3\", \"No.2\", \"No.1\"],\r\n        },\r\n        series: [\r\n          {\r\n            name: \"Direct\",\r\n            type: \"bar\",\r\n            stack: \"total\",\r\n            barWidth: 10,\r\n            label: {\r\n              show: true,\r\n            },\r\n            emphasis: {\r\n              focus: \"series\",\r\n            },\r\n            data: [320, 302, 310, 299, 288],\r\n          },\r\n          {\r\n            name: \"Mail Ad\",\r\n            type: \"bar\",\r\n            stack: \"total\",\r\n            barWidth: 10,\r\n\r\n            label: {\r\n              show: true,\r\n            },\r\n            emphasis: {\r\n              focus: \"series\",\r\n            },\r\n            data: [99, 88, 100, 101, 97],\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            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          },\r\n        ],\r\n        series: [\r\n          {\r\n            name: \"关联电网事故\",\r\n            type: \"bar\",\r\n            itemStyle: {\r\n              color: \"#00ffff\", // 柱状图颜色\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: \"yellow\", // 柱状图颜色\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/地图弹窗三个数据外框.png\") no-repeat;\r\n      background-size: 100%;\r\n      float: right;\r\n      width: 40vh;\r\n      height: 25vh;\r\n      position: relative;\r\n      top: 5vh;\r\n      right: 1vh;\r\n      .contents {\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/弹窗里的小框子.png\") no-repeat;\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            float: left;\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        }\r\n      }\r\n    }\r\n    .imgboxtwo {\r\n      padding: 0 0 0 20px;\r\n      background: url(\"../assets/02/地图弹窗四个内容的框.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        height: 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: 49%;\r\n          list-style: none;\r\n          font-size: 24px;\r\n          color: #fff;\r\n          background: url(\"../assets/02/弹窗里的小框子.png\") no-repeat;\r\n        }\r\n      }\r\n    }\r\n\r\n    .map {\r\n      background: url(\"../assets/indexN/地图.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    }\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/表格标题行.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/表格其他行.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/表格框.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"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/a4992cb1e72807b800b08af7769d09d0.json b/node_modules/.cache/vue-loader/a4992cb1e72807b800b08af7769d09d0.json
new file mode 100644
index 00000000..ffb22377
--- /dev/null
+++ b/node_modules/.cache/vue-loader/a4992cb1e72807b800b08af7769d09d0.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\component\\lineDetail.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\component\\lineDetail.vue","mtime":1689642397091},{"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 { getLine } from \"../api/index\";\r\n// import Mx from \"mxdraw\";\r\nimport pdf from \"vue-pdf\";\r\nexport default {\r\n  name: \"lineDetail\",\r\n  props: [\"lineItem\"],\r\n  components: {\r\n    pdf,\r\n  },\r\n  data() {\r\n    return {\r\n      init: '',\r\n      nigai: '',\r\n      // 说明文字 ，文本域\r\n      textarea: \"\",\r\n      // 搜索文字\r\n      searchData: \"\",\r\n      //\r\n      lineList: null,\r\n      pdfUrl: \"\",\r\n      rightDialog: false,\r\n      // cad: \"/assets/cad/cad.dwg\",\r\n      pdfUrl1: \"\", //nigai图\r\n      districtList: [], //区属列表\r\n      value1: \"\",\r\n      taiwanList: [], //台区列表\r\n      value2: \"\",\r\n      // 原状图\r\n      scale: 100,\r\n      scale1: 100, //拟改图\r\n\r\n      title: '原状图',\r\n      host: '',\r\n      cadFile: ''\r\n    };\r\n  },\r\n  methods: {\r\n\r\n\r\n    // 放大按钮 原状\r\n    enlargeBtn0() {\r\n      this.scale += 5;\r\n      this.$nextTick(() => {\r\n        this.$refs.pdf.$el.style.width = parseInt(this.scale) + \"%\";\r\n        //  console.log(this,'and',this.$refs.pdf.$el.style.width);\r\n      });\r\n    },\r\n    // 放大按钮 拟改\r\n    enlargeBtn1() {\r\n      this.scale1 += 5;\r\n      // debugger\r\n      this.$nextTick(() => {\r\n        this.$refs.pdf1.$el.style.width = parseInt(this.scale1) + \"%\";\r\n      });\r\n      // debugger\r\n    },\r\n    reduceBtn0() {\r\n      if (this.scale == 100) {\r\n        return;\r\n      }\r\n      this.scale += -5;\r\n      this.$nextTick(() => {\r\n        this.$refs.pdf.$el.style.width = parseInt(this.scale) + \"%\";\r\n        //  console.log(this,'and',this.$refs.pdf.$el.style.width);\r\n      });\r\n    },\r\n    reduceBtn1() {\r\n      if (this.scale1 == 100) {\r\n        return;\r\n      }\r\n      this.scale1 += -5;\r\n      this.$nextTick(() => {\r\n        this.$refs.pdf1.$el.style.width = parseInt(this.scale1) + \"%\";\r\n      });\r\n    },\r\n    rowHandle(event) {\r\n      this.init = ''\r\n      this.nigai = ''\r\n\r\n      // console.log(event, '行数据');\r\n      if (event.url_init != '') {\r\n        let init = event.url_init.split('/')[4];\r\n        this.init = this.cadFile + '?file=' + init + '&&time=' + new Date().getTime()\r\n      }\r\n      if (event.url_nigai != '') {\r\n        let nigai = event.url_nigai.split('/')[4];\r\n        // console.log(init, nigai, '数据');\r\n        // http://localhost:3000/mxweb3d.html?file=%E5%8E%9F%E8%A3%85%E5%9B%BE_20230309170721326.dwg\r\n        // this.cadFile + '?file='\r\n        // this.nigai = 'http://localhost:3000/mxweb3d.html?file=' + nigai\r\n        this.nigai = this.cadFile + '?file=' + nigai + '&&time=' + new Date().getTime()\r\n      }\r\n      this.title = '原状图'\r\n      this.rightDialog = true;\r\n      // if (init == undefined || nigai == undefined) {\r\n      //   return;\r\n      // }\r\n      // 原装图\r\n      // var initUrl =\r\n      //   \"/app\" + \"/\" + init.split(\"/\")[3] + \"/\" + init.split(\"/\")[4];\r\n      // var nigaiUrl =\r\n      //   \"/app\" + \"/\" + nigai.split(\"/\")[3] + \"/\" + nigai.split(\"/\")[4];\r\n      // // console.log(initUrl,'原装图');\r\n      // this.$nextTick(() => {\r\n      //   // console.log(this.$refs.iframe);\r\n      //   // document.querySelector('iframe').src = e\r\n      //   // 原状图\r\n      //   if (initUrl != \"\") {\r\n      //     this.pdfUrl = initUrl;\r\n      //   }\r\n      //   if (nigaiUrl != \"\") {\r\n      //     this.pdfUrl1 = nigaiUrl;\r\n      //   }\r\n\r\n      // this.rightDialog = true;\r\n      // });\r\n    },\r\n\r\n    handleClose() {\r\n      this.$parent.lineItem = null;\r\n      this.$parent.lineShow = \"\";\r\n    },\r\n    // 关闭右侧弹窗\r\n    handleClose1() {\r\n      this.rightDialog = false;\r\n      this.init = ''\r\n        this.nigai = ''\r\n    },\r\n    getCadFile() {\r\n\r\n      getLine({ action: 'cad' }).then(res => {\r\n        // console.log(res, 'cad请求数据');\r\n        if (res.data.state == true) {\r\n          this.cadFile = res.data.data\r\n        }\r\n      })\r\n    },\r\n    // 打开cad\r\n    openCad(event) {\r\n      this.init = ''\r\n      this.nigai = ''\r\n      if (event.url_dest != '') {\r\n        let dest = event.url_dest.split('/')[4];\r\n        this.init = this.cadFile + '?file=' + dest\r\n      }\r\n      if (event.url_nigai != '') {\r\n        let nigai = event.url_nigai.split('/')[4];\r\n        this.nigai = this.cadFile + '?file=' + nigai +'&&time=' + new Date().getTime()\r\n      }\r\n\r\n\r\n      // http://localhost:3000/mxweb3d.html?file=%E5%8E%9F%E8%A3%85%E5%9B%BE_20230309170721326.dwg\r\n\r\n\r\n      // console.log(url, 'cad');\r\n      // 目标\r\n      this.rightDialog = true;\r\n      this.title = '目标图'\r\n    },\r\n    // 原状图\r\n    openInit(event) {\r\n      this.$nextTick(() => {\r\n        this.init = ''\r\n        this.nigai = ''\r\n      // document.getElementById('iframeId').contentWindow.location.reload(true);\r\n      if (event.url_init != '') {\r\n        let init = event.url_init.split('/')[4];\r\n        this.init = this.cadFile + '?file=' + init + '&&time=' + new Date().getTime()\r\n      }\r\n      if (event.url_nigai != '') {\r\n        let nigai = event.url_nigai.split('/')[4];\r\n        // console.log(init, nigai, '数据');\r\n        // http://localhost:3000/mxweb3d.html?file=%E5%8E%9F%E8%A3%85%E5%9B%BE_20230309170721326.dwg\r\n\r\n        this.nigai = this.cadFile + '?file=' + nigai + '&&time=' + new Date().getTime()\r\n\r\n      }\r\n      this.title = '原状图'\r\n      this.rightDialog = true;\r\n      })\r\n\r\n      \r\n    },\r\n    // 回城进行搜索\r\n    search() {\r\n      if (this.searchData == \"\") {\r\n        getLine({\r\n          action: \"pdxl\",\r\n          // linename: \"\",\r\n          qushu: this.value1,\r\n          taiqu: this.value2,\r\n        }).then(({ data }) => {\r\n          // console.log(data, '数据');\r\n          this.lineList = data.data;\r\n        });\r\n        // return;\r\n      } else {\r\n        // 把searchData带着，发请求获取有关联的数据并呈现在页面中\r\n        getLine({\r\n          action: \"pdxl\",\r\n          linename: this.searchData,\r\n          qushu: this.value1,\r\n          taiqu: this.value2,\r\n        }).then(({ data }) => {\r\n          console.log(data, '数据');\r\n          this.lineList = data.data;\r\n        });\r\n      }\r\n    },\r\n    refurbish() {\r\n      this.lineList = this.lineItem;\r\n      // 点击还原初始\r\n      this.searchData = \"\";\r\n      this.value1 = ''\r\n      this.value2 = ''\r\n    },\r\n  },\r\n  created() {\r\n    this.getCadFile()\r\n    // console.log(location.host,'.......');\r\n    this.host = location.host\r\n    this.lineList = this.lineItem;\r\n    // 获取区属的请求\r\n    getLine({ action: \"qushu\" }).then(({ data }) => {\r\n      // console.log(data, \"区属的数据\");\r\n      if (data.state == true) {\r\n        this.districtList = data.data; //区属赋值\r\n        // this.value1 = data.data[0];\r\n      }\r\n    });\r\n    // 获取台区的请求\r\n    if (this.value1 != \"\") {\r\n      getLine({ action: \"taiqu\", qushu: this.value1 }).then(({ data }) => {\r\n        // console.log(data, \"台区的数据\");\r\n        if (data.state == true) {\r\n          this.taiwanList = data.data; //台区赋值\r\n        }\r\n      });\r\n    }\r\n  },\r\n  watch: {\r\n    // 监听input输入框，若没东西了，就回复默认状态\r\n    searchData: function (newnew, oldold) {\r\n      if (newnew == \"\") {\r\n        this.lineList = this.lineItem;\r\n        // 发请求回到初始列表数据状态\r\n        // console.log(\"搜索框没东西了，回复初始状态\");\r\n      }\r\n    },\r\n    value1: function (newVal, old) {\r\n      // console.log(newVal, \"数据\");\r\n      if (newVal) {\r\n        getLine({ action: \"taiqu\", qushu: newVal }).then(({ data }) => {\r\n          // console.log(data, \"台区的数据\");\r\n          if (data.state == true) {\r\n            this.taiwanList = data.data; //台区赋值\r\n            // this.value2 = data.data[0];\r\n          }\r\n        });\r\n      }\r\n    },\r\n  },\r\n};\r\n",{"version":3,"sources":["lineDetail.vue"],"names":[],"mappings":";AAoJA;AACA;AACA;AACA;AACA;AACA;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;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;;AAEA;AACA;AACA;;AAEA;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;;;AAGA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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":"lineDetail.vue","sourceRoot":"src/component","sourcesContent":["<template>\r\n  <div class=\"lineContent\">\r\n    <!-- 配电线路弹窗 -->\r\n    <div class=\"lineDetail\">\r\n      <!-- <div class=\"title\">配电路线详情</div> -->\r\n      <div class=\"close\">\r\n        <img @click=\"handleClose\" src=\"@/assets/images/close.png\" style=\"cursor: pointer\" />\r\n      </div>\r\n\r\n      <div class=\"table user_skills\">\r\n\r\n        <div class=\"search\">\r\n          <el-select v-model=\"value1\" placeholder=\"请选择\" style=\"margin-left: 30px\">\r\n            <el-option v-for=\"(item, index) in districtList\" :key=\"item.index\" :label=\"item\" :value=\"item\">\r\n            </el-option>\r\n          </el-select>\r\n          <el-select v-model=\"value2\" placeholder=\"请选择\" style=\"margin-left: 10px\">\r\n            <el-option v-for=\"(item, index) in taiwanList\" :key=\"item.index\" :label=\"item\" :value=\"item\">\r\n            </el-option>\r\n          </el-select>\r\n          <el-input style=\"margin-left: 10px;\" placeholder=\"模糊中文搜索\" v-model.trim=\"searchData\"\r\n            @keyup.enter.native=\"search\">\r\n            <!-- <i slot=\"suffix\" class=\"el-input-icon el-icon-search\" @click=\"search\"></i> -->\r\n          </el-input>\r\n\r\n\r\n          <div class=\"searchBtn\" @click=\"search\"></div>\r\n          <div class=\"refurbish\" @click=\"refurbish\"></div>\r\n        </div>\r\n\r\n        <el-table @row-click=\"rowHandle\" :data=\"lineList\" style=\"width: 100%; height: calc(100% - 80px);\r\n                        overflow-y: scroll;\r\n                        position: relative;\r\n                      \" :header-cell-style=\"{ 'text-align': 'center' }\" :cell-style=\"{ 'text-align': 'center' }\" stripe>\r\n          <el-table-column prop=\"line_name\" label=\"序号\" align=\"center\" width=\"60\">\r\n            <template slot-scope=\"scope\">\r\n              {{ scope.$index + 1 }}\r\n            </template>\r\n          </el-table-column>\r\n          <el-table-column prop=\"qushu\" label=\"区域\" align=\"center\">\r\n            <!-- <template slot-scope=\"scope\">\r\n              <div>\r\n                  \r\n              </div>\r\n            </template> -->\r\n          </el-table-column>\r\n          <el-table-column prop=\"taiqu\" label=\"变电站\" align=\"center\">\r\n          </el-table-column>\r\n          <el-table-column prop=\"line_name\" label=\"线路名称\" align=\"center\" width=\"170\">\r\n            <!-- <template slot-scope=\"scope\">\r\n              <div>\r\n                  \r\n              </div>\r\n            </template> -->\r\n          </el-table-column>\r\n          <el-table-column prop=\"url_init\" label=\"原状\" align=\"center\">\r\n            <template slot-scope=\"scope\">\r\n              <div v-if=\"scope.row.url_init\" class=\"cad-icon\" @click.stop=\"openInit(scope.row)\"></div>\r\n            </template>\r\n          </el-table-column>\r\n          <el-table-column prop=\"url_dest\" label=\"目标\" align=\"center\">\r\n            <template slot-scope=\"scope\">\r\n              <div v-if=\"scope.row.url_dest\" class=\"cad-icon\" @click.stop=\"openCad(scope.row)\"></div>\r\n            </template>\r\n          </el-table-column>\r\n          <el-table-column prop=\"url_nigai\" label=\"本年度拟改\" align=\"center\">\r\n            <template slot-scope=\"scope\">\r\n              <div v-if=\"scope.row.url_nigai\" class=\"cad-icon\"></div>\r\n            </template>\r\n          </el-table-column>\r\n          <el-table-column prop=\"nigai_state\" label=\"当前状态\" align=\"center\">\r\n            <template slot-scope=\"scope\">\r\n              <div :class=\"'circle' + scope.row.nigai_state\"></div>\r\n            </template>\r\n          </el-table-column>\r\n        </el-table>\r\n      </div>\r\n    </div>\r\n    <div class=\"right-dialog\" v-show=\"rightDialog\">\r\n      <div class=\"closeBtn\">\r\n        <img @click=\"handleClose1\" src=\"@/assets/images/close.png\" style=\"cursor: pointer\" />\r\n      </div>\r\n      <!-- 标题 -->\r\n      <div class=\"title\">拟改图对比</div>\r\n      <div class=\"funBtn\">\r\n        <div class=\"initBtn\">\r\n          <!-- <el-button icon=\"el-icon-zoom-in\" @click.native=\"enlargeBtn0()\"\r\n            >放大</el-button\r\n          >\r\n          <el-button icon=\"el-icon-zoom-out\" @click=\"reduceBtn0()\"\r\n            >缩小</el-button\r\n          > -->\r\n          <span class=\"title\">{{ title }}</span>\r\n        </div>\r\n\r\n        <div class=\"nigaiBtn\">\r\n          <!-- <el-button icon=\"el-icon-zoom-in\" @click=\"enlargeBtn1()\"\r\n            >放大</el-button\r\n          >\r\n          <el-button icon=\"el-icon-zoom-out\" @click=\"reduceBtn1()\"\r\n            >缩小</el-button\r\n          > -->\r\n          <span class=\"title\">拟改图</span>\r\n        </div>\r\n      </div>\r\n      <div class=\"pdf-content\">\r\n        <div class=\"left-content\" id=\"leftContent\">\r\n          <!-- <iframe\r\n            :src=\"pdfUrl\"\r\n            width=\"100%\"\r\n            height=\"100%\"\r\n            scrolling=\"no\"\r\n            frameborder=\"no\"\r\n          ></iframe> -->\r\n          <!-- <pdf ref=\"pdf\" :src=\"pdfUrl\"></pdf> -->\r\n          <iframe :src=\"init\" frameborder=\"0\" width=\"100%\" height=\"100%\" scrolling=\"no\"></iframe>\r\n        </div>\r\n\r\n        <div class=\"right-content\" >\r\n          <!-- <pdf ref=\"pdf1\" :src=\"pdfUrl1\"></pdf>\r\n          -->\r\n          <iframe :src=\"nigai\" ref=\"iframeId\" frameborder=\"0\" width=\"100%\" height=\"100%\" scrolling=\"no\"></iframe>\r\n\r\n          <!-- <iframe\r\n            ref=\"iframe\"\r\n            id=\"iframe\"\r\n            :src=\"pdfUrl1\"\r\n            width=\"100%\"\r\n            height=\"100%\"\r\n            scrolling=\"no\"\r\n            frameborder=\"no\"\r\n          >\r\n          </iframe> -->\r\n        </div>\r\n      </div>\r\n      <!-- <div class=\"footer\"> -->\r\n      <!-- <div class=\"text-detail\">说明文字:</div> -->\r\n      <!-- 说明文字 -->\r\n      <!-- <div class=\"text-content\">\r\n          <el-input type=\"textarea\" placeholder=\"说明文字\" v-model=\"textarea\">\r\n          </el-input>\r\n        </div>\r\n      </div> -->\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { getLine } from \"../api/index\";\r\n// import Mx from \"mxdraw\";\r\nimport pdf from \"vue-pdf\";\r\nexport default {\r\n  name: \"lineDetail\",\r\n  props: [\"lineItem\"],\r\n  components: {\r\n    pdf,\r\n  },\r\n  data() {\r\n    return {\r\n      init: '',\r\n      nigai: '',\r\n      // 说明文字 ，文本域\r\n      textarea: \"\",\r\n      // 搜索文字\r\n      searchData: \"\",\r\n      //\r\n      lineList: null,\r\n      pdfUrl: \"\",\r\n      rightDialog: false,\r\n      // cad: \"/assets/cad/cad.dwg\",\r\n      pdfUrl1: \"\", //nigai图\r\n      districtList: [], //区属列表\r\n      value1: \"\",\r\n      taiwanList: [], //台区列表\r\n      value2: \"\",\r\n      // 原状图\r\n      scale: 100,\r\n      scale1: 100, //拟改图\r\n\r\n      title: '原状图',\r\n      host: '',\r\n      cadFile: ''\r\n    };\r\n  },\r\n  methods: {\r\n\r\n\r\n    // 放大按钮 原状\r\n    enlargeBtn0() {\r\n      this.scale += 5;\r\n      this.$nextTick(() => {\r\n        this.$refs.pdf.$el.style.width = parseInt(this.scale) + \"%\";\r\n        //  console.log(this,'and',this.$refs.pdf.$el.style.width);\r\n      });\r\n    },\r\n    // 放大按钮 拟改\r\n    enlargeBtn1() {\r\n      this.scale1 += 5;\r\n      // debugger\r\n      this.$nextTick(() => {\r\n        this.$refs.pdf1.$el.style.width = parseInt(this.scale1) + \"%\";\r\n      });\r\n      // debugger\r\n    },\r\n    reduceBtn0() {\r\n      if (this.scale == 100) {\r\n        return;\r\n      }\r\n      this.scale += -5;\r\n      this.$nextTick(() => {\r\n        this.$refs.pdf.$el.style.width = parseInt(this.scale) + \"%\";\r\n        //  console.log(this,'and',this.$refs.pdf.$el.style.width);\r\n      });\r\n    },\r\n    reduceBtn1() {\r\n      if (this.scale1 == 100) {\r\n        return;\r\n      }\r\n      this.scale1 += -5;\r\n      this.$nextTick(() => {\r\n        this.$refs.pdf1.$el.style.width = parseInt(this.scale1) + \"%\";\r\n      });\r\n    },\r\n    rowHandle(event) {\r\n      this.init = ''\r\n      this.nigai = ''\r\n\r\n      // console.log(event, '行数据');\r\n      if (event.url_init != '') {\r\n        let init = event.url_init.split('/')[4];\r\n        this.init = this.cadFile + '?file=' + init + '&&time=' + new Date().getTime()\r\n      }\r\n      if (event.url_nigai != '') {\r\n        let nigai = event.url_nigai.split('/')[4];\r\n        // console.log(init, nigai, '数据');\r\n        // http://localhost:3000/mxweb3d.html?file=%E5%8E%9F%E8%A3%85%E5%9B%BE_20230309170721326.dwg\r\n        // this.cadFile + '?file='\r\n        // this.nigai = 'http://localhost:3000/mxweb3d.html?file=' + nigai\r\n        this.nigai = this.cadFile + '?file=' + nigai + '&&time=' + new Date().getTime()\r\n      }\r\n      this.title = '原状图'\r\n      this.rightDialog = true;\r\n      // if (init == undefined || nigai == undefined) {\r\n      //   return;\r\n      // }\r\n      // 原装图\r\n      // var initUrl =\r\n      //   \"/app\" + \"/\" + init.split(\"/\")[3] + \"/\" + init.split(\"/\")[4];\r\n      // var nigaiUrl =\r\n      //   \"/app\" + \"/\" + nigai.split(\"/\")[3] + \"/\" + nigai.split(\"/\")[4];\r\n      // // console.log(initUrl,'原装图');\r\n      // this.$nextTick(() => {\r\n      //   // console.log(this.$refs.iframe);\r\n      //   // document.querySelector('iframe').src = e\r\n      //   // 原状图\r\n      //   if (initUrl != \"\") {\r\n      //     this.pdfUrl = initUrl;\r\n      //   }\r\n      //   if (nigaiUrl != \"\") {\r\n      //     this.pdfUrl1 = nigaiUrl;\r\n      //   }\r\n\r\n      // this.rightDialog = true;\r\n      // });\r\n    },\r\n\r\n    handleClose() {\r\n      this.$parent.lineItem = null;\r\n      this.$parent.lineShow = \"\";\r\n    },\r\n    // 关闭右侧弹窗\r\n    handleClose1() {\r\n      this.rightDialog = false;\r\n      this.init = ''\r\n        this.nigai = ''\r\n    },\r\n    getCadFile() {\r\n\r\n      getLine({ action: 'cad' }).then(res => {\r\n        // console.log(res, 'cad请求数据');\r\n        if (res.data.state == true) {\r\n          this.cadFile = res.data.data\r\n        }\r\n      })\r\n    },\r\n    // 打开cad\r\n    openCad(event) {\r\n      this.init = ''\r\n      this.nigai = ''\r\n      if (event.url_dest != '') {\r\n        let dest = event.url_dest.split('/')[4];\r\n        this.init = this.cadFile + '?file=' + dest\r\n      }\r\n      if (event.url_nigai != '') {\r\n        let nigai = event.url_nigai.split('/')[4];\r\n        this.nigai = this.cadFile + '?file=' + nigai +'&&time=' + new Date().getTime()\r\n      }\r\n\r\n\r\n      // http://localhost:3000/mxweb3d.html?file=%E5%8E%9F%E8%A3%85%E5%9B%BE_20230309170721326.dwg\r\n\r\n\r\n      // console.log(url, 'cad');\r\n      // 目标\r\n      this.rightDialog = true;\r\n      this.title = '目标图'\r\n    },\r\n    // 原状图\r\n    openInit(event) {\r\n      this.$nextTick(() => {\r\n        this.init = ''\r\n        this.nigai = ''\r\n      // document.getElementById('iframeId').contentWindow.location.reload(true);\r\n      if (event.url_init != '') {\r\n        let init = event.url_init.split('/')[4];\r\n        this.init = this.cadFile + '?file=' + init + '&&time=' + new Date().getTime()\r\n      }\r\n      if (event.url_nigai != '') {\r\n        let nigai = event.url_nigai.split('/')[4];\r\n        // console.log(init, nigai, '数据');\r\n        // http://localhost:3000/mxweb3d.html?file=%E5%8E%9F%E8%A3%85%E5%9B%BE_20230309170721326.dwg\r\n\r\n        this.nigai = this.cadFile + '?file=' + nigai + '&&time=' + new Date().getTime()\r\n\r\n      }\r\n      this.title = '原状图'\r\n      this.rightDialog = true;\r\n      })\r\n\r\n      \r\n    },\r\n    // 回城进行搜索\r\n    search() {\r\n      if (this.searchData == \"\") {\r\n        getLine({\r\n          action: \"pdxl\",\r\n          // linename: \"\",\r\n          qushu: this.value1,\r\n          taiqu: this.value2,\r\n        }).then(({ data }) => {\r\n          // console.log(data, '数据');\r\n          this.lineList = data.data;\r\n        });\r\n        // return;\r\n      } else {\r\n        // 把searchData带着，发请求获取有关联的数据并呈现在页面中\r\n        getLine({\r\n          action: \"pdxl\",\r\n          linename: this.searchData,\r\n          qushu: this.value1,\r\n          taiqu: this.value2,\r\n        }).then(({ data }) => {\r\n          console.log(data, '数据');\r\n          this.lineList = data.data;\r\n        });\r\n      }\r\n    },\r\n    refurbish() {\r\n      this.lineList = this.lineItem;\r\n      // 点击还原初始\r\n      this.searchData = \"\";\r\n      this.value1 = ''\r\n      this.value2 = ''\r\n    },\r\n  },\r\n  created() {\r\n    this.getCadFile()\r\n    // console.log(location.host,'.......');\r\n    this.host = location.host\r\n    this.lineList = this.lineItem;\r\n    // 获取区属的请求\r\n    getLine({ action: \"qushu\" }).then(({ data }) => {\r\n      // console.log(data, \"区属的数据\");\r\n      if (data.state == true) {\r\n        this.districtList = data.data; //区属赋值\r\n        // this.value1 = data.data[0];\r\n      }\r\n    });\r\n    // 获取台区的请求\r\n    if (this.value1 != \"\") {\r\n      getLine({ action: \"taiqu\", qushu: this.value1 }).then(({ data }) => {\r\n        // console.log(data, \"台区的数据\");\r\n        if (data.state == true) {\r\n          this.taiwanList = data.data; //台区赋值\r\n        }\r\n      });\r\n    }\r\n  },\r\n  watch: {\r\n    // 监听input输入框，若没东西了，就回复默认状态\r\n    searchData: function (newnew, oldold) {\r\n      if (newnew == \"\") {\r\n        this.lineList = this.lineItem;\r\n        // 发请求回到初始列表数据状态\r\n        // console.log(\"搜索框没东西了，回复初始状态\");\r\n      }\r\n    },\r\n    value1: function (newVal, old) {\r\n      // console.log(newVal, \"数据\");\r\n      if (newVal) {\r\n        getLine({ action: \"taiqu\", qushu: newVal }).then(({ data }) => {\r\n          // console.log(data, \"台区的数据\");\r\n          if (data.state == true) {\r\n            this.taiwanList = data.data; //台区赋值\r\n            // this.value2 = data.data[0];\r\n          }\r\n        });\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n/deep/ .el-textarea__inner {\r\n  background-color: rgba(16, 40, 49, 38);\r\n  border-color: #164a75;\r\n}\r\n\r\n.cad-icon {\r\n  width: 25px;\r\n  height: 22px;\r\n  background-image: url(\"../assets/images/cadIcon.png\");\r\n  background-size: 100% 100%;\r\n  // text-align: center;\r\n  margin: 0 auto;\r\n}\r\n\r\n.circle0 {\r\n  width: 20px;\r\n  height: 20px;\r\n  // background-color: tomato;\r\n  border: 2px solid #fff;\r\n  border-radius: 50%;\r\n  margin: 0 auto;\r\n}\r\n\r\n.circle1 {\r\n  width: 20px;\r\n  height: 20px;\r\n  background-color: red;\r\n  // border: 2px solid #fff;\r\n  border-radius: 50%;\r\n  margin: 0 auto;\r\n}\r\n\r\n.circle2 {\r\n  width: 20px;\r\n  height: 20px;\r\n  background-color: green;\r\n  // border: 2px solid #fff;\r\n  border-radius: 50%;\r\n  margin: 0 auto;\r\n}\r\n\r\n.lineContent {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.lineDetail {\r\n  width: 30%;\r\n  height: 95%;\r\n  position: relative;\r\n  background: url(\"../assets/images/leftLine.png\") no-repeat;\r\n  background-size: 100% 100%;\r\n  -webkit-animation: fadeInDown 0.3s;\r\n  animation: fadeInDown 0.3s;\r\n  padding: 15px 25px;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  align-content: space-between;\r\n\r\n  .close {\r\n    position: absolute;\r\n    right: 4%;\r\n    top: 4%;\r\n  }\r\n\r\n  .table {\r\n    width: 100%;\r\n    height: 95%;\r\n    // border: 1px solid red;\r\n    background: url(\"../assets/images/intervalFrame.png\") no-repeat;\r\n    background-size: 100% 100%;\r\n    padding: 15px 20px;\r\n  }\r\n}\r\n\r\n// 右边弹框\r\n.right-dialog {\r\n  position: relative;\r\n  width: 67%;\r\n  height: 95%;\r\n  background: url(\"../assets/images/linetail-right.png\") no-repeat;\r\n  background-size: 100% 100%;\r\n  margin-left: 30px;\r\n  padding: 1%;\r\n  box-sizing: border-box;\r\n\r\n  &>.title {\r\n    position: absolute;\r\n    top: 1%;\r\n    left: 2%;\r\n  }\r\n\r\n  // align-items: center;\r\n  .funBtn {\r\n    display: flex;\r\n    // justify-content: space-between;\\\r\n    // background-color: #fff;\r\n    margin-top: 2%;\r\n    justify-content: space-between;\r\n\r\n    .initBtn,\r\n    .nigaiBtn {\r\n      width: 49.5%;\r\n      text-align: center;\r\n      // background-color: #fff;\r\n\r\n    }\r\n\r\n    .title {\r\n      // margin-left: 25%;\r\n      font-size: 23px;\r\n      color: #fff;\r\n      margin-bottom: 1%;\r\n    }\r\n\r\n  }\r\n\r\n  .pdf-content {\r\n    width: 100%;\r\n    height: 92%;\r\n    display: flex;\r\n    justify-content: space-between;\r\n\r\n    .right-content,\r\n    .left-content {\r\n      width: 49.5%;\r\n      height: 100%;\r\n      position: relative;\r\n      // background-color: #fff;\r\n      // overflow-y: scroll;\r\n      // background: #000;\r\n      // border-radius: 40px;\r\n      // overflow: scroll;\r\n    }\r\n\r\n    .left-content {\r\n      // background-color: tomato;\r\n      // span {\r\n      //   width: 100% !important;\r\n      //   height: 100% !important;\r\n      //   // /deep/ canvas {\r\n      //   //   height: 100% !important;\r\n      //   // }\r\n      // }\r\n    }\r\n  }\r\n\r\n  .rightBtn {\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n    z-index: 999;\r\n    // background-color: tomato;\r\n  }\r\n\r\n  // 标题\r\n  .title {\r\n    font-size: 28px;\r\n    font-weight: 700;\r\n    color: transparent;\r\n    -webkit-background-clip: text;\r\n    background-clip: text;\r\n    display: inline-block;\r\n    background-image: -webkit-gradient(linear,\r\n        left top,\r\n        left bottom,\r\n        from(#ffffff),\r\n        to(#56f4fe));\r\n    background-image: linear-gradient(to bottom, #ffffff, #56f4fe);\r\n  }\r\n\r\n  .closeBtn {\r\n    // width: 100%;\r\n    // height: 4%;\r\n    // background-color: turquoise;\r\n    // display: flex;\r\n    // align-items: center;\r\n    // justify-content: flex-end;\r\n    position: absolute;\r\n    right: 0.3%;\r\n    top: 3%;\r\n    z-index: 1000;\r\n\r\n    img {\r\n      margin-right: 20px;\r\n    }\r\n\r\n    // position: absolute;\r\n    // right: 2%;\r\n    // top: 3%;\r\n  }\r\n\r\n  .footer {\r\n    height: 10%;\r\n    width: 100%;\r\n    // background-color: #ffffff;\r\n    display: flex;\r\n    // align-items: center;\r\n  }\r\n\r\n  // .text-detail {\r\n  //   width: 10%;\r\n  //   height: 100%;\r\n  //   display: flex;\r\n  //   align-items: center;\r\n  //   justify-content: center;\r\n  // }\r\n  .text-content {\r\n    width: 100%;\r\n    height: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    /deep/ .el-textarea {\r\n      height: 90%;\r\n\r\n      /deep/ textarea {\r\n        background-color: transparent;\r\n        border-top: 2px solid #fff;\r\n        border-bottom: 2px solid #fff;\r\n        border-left: none;\r\n        border-right: none;\r\n        border-color: #2e7680 !important;\r\n        height: 100%;\r\n        color: #fff;\r\n        font-size: 18px;\r\n      }\r\n\r\n      background-color: transparent !important;\r\n    }\r\n\r\n  }\r\n}\r\n\r\n.user_skills {\r\n  .search {\r\n    text-align: left;\r\n    margin: 20px 0;\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    .searchBtn,\r\n    .refurbish {\r\n      width: 122px;\r\n      height: 39px;\r\n      background-image: url(\"../assets/images/search.png\");\r\n      background-size: 100% 100%;\r\n      margin-left: 10px;\r\n    }\r\n\r\n    .refurbish {\r\n      background-image: url(\"../assets/images/refurbish.png\");\r\n      margin-left: 10px;\r\n    }\r\n\r\n    // /deep/ .el-input__suffix {\r\n    //   display: flex;\r\n    //   align-items: center;\r\n    // }\r\n    .el-input {\r\n      width: 260px;\r\n    }\r\n\r\n    ::v-deep .el-input__inner {\r\n      background-color: transparent !important;\r\n      border-color: #2e7680 !important;\r\n      border-left: none !important;\r\n      color: #fff !important;\r\n      border-right: none !important;\r\n    }\r\n  }\r\n\r\n  /**\r\n  表格有滚动效果但是不显示滚动条 */\r\n  /deep/ .el-table::-webkit-scrollbar {\r\n    display: none !important;\r\n  }\r\n\r\n  /deep/ .el-select .el-input {\r\n    width: 100px;\r\n  }\r\n\r\n  /deep/ .is-scrolling-none {\r\n    overflow: hidden;\r\n    overflow-y: auto;\r\n    overflow-x: scroll;\r\n    height: calc(100% - 56px);\r\n  }\r\n\r\n  /deep/ .is-scrolling-none::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n\r\n  /deep/.el-table--scrollable-y ::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n\r\n  /deep/.el-table--scrollable-x ::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n\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    height: 48px;\r\n    background: url(\"../assets/images/intervalTable.png\") no-repeat;\r\n    background-size: 100% 100%;\r\n    // margin-bottom: 48px;\r\n    // position: absolute;\r\n    // top: 0;\r\n    // left: 0;\r\n  }\r\n\r\n  /deep/ .el-table__header th {\r\n    border: none;\r\n    padding: 0;\r\n    height: 40px;\r\n\r\n    .cell {\r\n      height: 100%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-around;\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 !important;\r\n    height: 55px;\r\n    font-size: 18px !important;\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 !important;\r\n    // word-break: break-all;\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 .el-table__cell {\r\n    padding: 5px 0;\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}\r\n\r\n.el-table::before {\r\n  background-color: transparent;\r\n}\r\n\r\n::v-deep .el-table .el-table__body tr.el-table__row td {\r\n  background: rgba(79, 218, 255, 0.1) !important;\r\n}\r\n\r\n::v-deep .el-table--striped .el-table__body tr.el-table__row--striped td {\r\n  background: rgba(79, 218, 255, 0.06) !important;\r\n}\r\n</style>\r\n<style lang=\"less\">\r\n.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  .el-select-dropdown__item {\r\n    color: #fff !important;\r\n  }\r\n\r\n  .el-select-dropdown__item.hover,\r\n  .el-select-dropdown__item:hover {\r\n    background-color: rgb(18, 54, 87) !important;\r\n  }\r\n}\r\n</style>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/b2b5eeab1c7de09b13231df1610f8fdb.json b/node_modules/.cache/vue-loader/b2b5eeab1c7de09b13231df1610f8fdb.json
new file mode 100644
index 00000000..63a8ef5d
--- /dev/null
+++ b/node_modules/.cache/vue-loader/b2b5eeab1c7de09b13231df1610f8fdb.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\component\\lineDetail.vue","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\component\\lineDetail.vue","mtime":1689642397091},{"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":["import { render, staticRenderFns } from \"./lineDetail.vue?vue&type=template&id=9cf184e0&scoped=true&\"\nimport script from \"./lineDetail.vue?vue&type=script&lang=js&\"\nexport * from \"./lineDetail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./lineDetail.vue?vue&type=style&index=0&id=9cf184e0&lang=less&scoped=true&\"\nimport style1 from \"./lineDetail.vue?vue&type=style&index=1&id=9cf184e0&lang=less&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"9cf184e0\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"E:\\\\2023\\\\yancheng0718\\\\yanchengPowerSupply\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('9cf184e0')) {\n      api.createRecord('9cf184e0', component.options)\n    } else {\n      api.reload('9cf184e0', component.options)\n    }\n    module.hot.accept(\"./lineDetail.vue?vue&type=template&id=9cf184e0&scoped=true&\", function () {\n      api.rerender('9cf184e0', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/component/lineDetail.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/b407038f007884e01da95e94e43896d8.json b/node_modules/.cache/vue-loader/b407038f007884e01da95e94e43896d8.json
new file mode 100644
index 00000000..20057b1d
--- /dev/null
+++ b/node_modules/.cache/vue-loader/b407038f007884e01da95e94e43896d8.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-resize-sensor\\src\\resize-sensor.vue?vue&type=style&index=0&id=0079a024&lang=css&","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-resize-sensor\\src\\resize-sensor.vue","mtime":1689642396277},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\css-loader\\index.js","mtime":1689642389821},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1689642396087},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\postcss-loader\\src\\index.js","mtime":1689642393431},{"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":["\n@keyframes resizeSensorVisibility {\n\tfrom { top: 0; }\n}\n",{"version":3,"sources":["resize-sensor.vue"],"names":[],"mappings":";AACA;AACA;AACA","file":"resize-sensor.vue","sourceRoot":"node_modules/vue-resize-sensor/src","sourcesContent":["<style>\n@keyframes resizeSensorVisibility {\n\tfrom { top: 0; }\n}\n</style>\n\n<script>\n\"use strict\";\n\nexport default {\n\n\t// thanks to https://github.com/marcj/css-element-queries\n\tprops: {\n\t\tinitial: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t}\n\t},\n\tdata: function() {\n\t\treturn {\n\t\t\tsize: {\n\t\t\t\twidth: -1,\n\t\t\t\theight: -1\n\t\t\t}\n\t\t}\n\t},\n\tmethods: {\n\t\treset: function() {\n\n\t\t\tvar expand = this.$el.firstChild;\n\t\t\tvar shrink = this.$el.lastChild;\n\t\t\texpand.scrollLeft = 100000;\n\t\t\texpand.scrollTop = 100000;\n\t\t\tshrink.scrollLeft = 100000;\n\t\t\tshrink.scrollTop = 100000;\n\t\t},\n\t\tupdate: function() {\n\t\t\t\n\t\t\tthis.size.width = this.$el.offsetWidth;\n\t\t\tthis.size.height = this.$el.offsetHeight;\n\t\t}\n\t},\n\twatch: {\n\t\tsize: {\n\t\t\tdeep: true,\n\t\t\thandler: function(size) {\n\t\t\t\t\n\t\t\t\tthis.reset();\n\t\t\t\tthis.$emit('resize', { width: this.size.width, height: this.size.height });\n\t\t\t}\n\t\t}\n\t},\n\trender: function(create) {\n\t\t\n\t\tvar style = 'position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: -1; visibility: hidden;';\n\t\tvar styleChild = 'position: absolute; left: 0; top: 0;';\n\n\t\treturn create('div', {\n\t\t\tstyle: style + 'animation-name: resizeSensorVisibility;',\n\t\t\ton: {\n\t\t\t\t'~animationstart': this.update\n\t\t\t}\n\t\t},[\n\t\t\tcreate('div', {\n\t\t\t\tstyle: style,\n\t\t\t\ton: {\n\t\t\t\t\tscroll: this.update\n\t\t\t\t}\n\t\t\t}, [\n\t\t\t\tcreate('div', {\n\t\t\t\t\tstyle: styleChild + 'width: 100000px; height: 100000px;'\n\t\t\t\t})\n\t\t\t]),\n\t\t\tcreate('div', {\n\t\t\t\tstyle: style,\n\t\t\t\ton: {\n\t\t\t\t\tscroll: this.update\n\t\t\t\t}\n\t\t\t}, [\n\t\t\t\tcreate('div', {\n\t\t\t\t\tstyle: styleChild + 'width: 200%; height: 200%;'\n\t\t\t\t})\n\t\t\t]),\n\t\t]);\n\t},\n\tbeforeDestroy: function() {\n\t\t\n\t\tthis.$emit('resize', { width: 0, height: 0 });\n\t\tthis.$emit('resizeSensorBeforeDestroy');\n\t},\n\tmounted: function() {\n\n\t\tif ( this.initial === true )\n\t\t\tthis.$nextTick(this.update);\n\t\t\n\t\tif ( this.$el.offsetParent !== this.$el.parentNode )\n\t\t\tthis.$el.parentNode.style.position = 'relative';\n\n\t\tif ( 'attachEvent' in this.$el && !('AnimationEvent' in window) ) {\n\n\t\t\tvar onresizeHandler = function() {\n\n\t\t\t\tthis.update();\n\t\t\t\tremoveOnresizeEvent();\n\t\t\t}.bind(this);\n\t\t\n\t\t\tvar removeOnresizeEvent = function() {\n\t\t\t\t\n\t\t\t\tthis.$el.detachEvent('onresize', onresizeHandler);\n\t\t\t\tthis.$off('resizeSensorBeforeDestroy', removeOnresizeEvent);\n\t\t\t}.bind(this);\n\t\t\t\n\t\t\tthis.$el.attachEvent('onresize', onresizeHandler);\n\t\t\tthis.$on('resizeSensorBeforeDestroy', removeOnresizeEvent);\n\t\t\tthis.reset();\n\t\t}\n\t}\n}\n\n</script>\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/b41f3a70e84b6b7921c7573a2ab7ceed.json b/node_modules/.cache/vue-loader/b41f3a70e84b6b7921c7573a2ab7ceed.json
new file mode 100644
index 00000000..55ced6c9
--- /dev/null
+++ b/node_modules/.cache/vue-loader/b41f3a70e84b6b7921c7573a2ab7ceed.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--12-0!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??ref--6!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\stationBuilding.vue?vue&type=template&id=878d5e44&scoped=true&","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\stationBuilding.vue","mtime":1689642397096},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\babel.config.js","mtime":1689642387810},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1689642389292},{"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\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1689642396087},{"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":["import \"core-js/modules/es6.function.name\";\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"home\"\n  }, [_c(\"div\", {\n    staticClass: \"left\",\n    attrs: {\n      id: \"left\"\n    }\n  }, [_c(\"div\", {\n    staticClass: \"one\",\n    staticStyle: {\n      height: \"100%\"\n    }\n  }, [_vm._m(0), _c(\"div\", {\n    staticClass: \"content\"\n  }, [_c(\"div\", {\n    staticClass: \"line\"\n  }, [_c(\"table\", [_vm._m(1), _c(\"tbody\", _vm._l(_vm.pvTable, function (item, index) {\n    return _c(\"tr\", {\n      key: index\n    }, [_c(\"td\", [_vm._v(_vm._s(item.id))]), _c(\"td\", [_vm._v(_vm._s(item.name))]), _c(\"td\", [_vm._v(_vm._s(item.stationNumber))]), _c(\"td\", {\n      staticClass: \"titleFont\"\n    }, [_vm._v(_vm._s(item.alternatorNumber))])]);\n  }), 0)])])])])]), _vm._m(2), _vm._m(3), _vm._m(4), _c(\"div\", {\n    staticClass: \"right1\",\n    attrs: {\n      id: \"right\"\n    }\n  }, [_c(\"div\", {\n    staticClass: \"one\",\n    staticStyle: {\n      height: \"100%\"\n    }\n  }, [_vm._m(5), _c(\"div\", {\n    staticClass: \"content\"\n  }, [_c(\"div\", {\n    staticClass: \"line\"\n  }, [_c(\"table\", [_vm._m(6), _c(\"tbody\", _vm._l(_vm.pvTable, function (item, index) {\n    return _c(\"tr\", {\n      key: index\n    }, [_c(\"td\", [_vm._v(_vm._s(item.id))]), _c(\"td\", [_vm._v(_vm._s(item.name))]), _c(\"td\", [_vm._v(_vm._s(item.stationNumber))]), _c(\"td\", {\n      staticClass: \"titleFont\"\n    }, [_vm._v(_vm._s(item.alternatorNumber))])]);\n  }), 0)])])])])]), _c(\"audio\", {\n    ref: \"audio\",\n    attrs: {\n      controls: \"controls\",\n      hidden: \"\",\n      src: require(\"../assets/videos/police.wav\")\n    }\n  })]);\n};\nvar staticRenderFns = [function () {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"cartitle\"\n  }, [_c(\"div\", {\n    staticClass: \"titleFont\"\n  }, [_c(\"img\", {\n    attrs: {\n      src: require(\"./../assets/indexN/\\u6807\\u9898\\u7BAD\\u5934.png\"),\n      alt: \"\"\n    }\n  }), _c(\"span\", [_vm._v(\"光伏台账\")]), _c(\"img\", {\n    attrs: {\n      src: require(\"./../assets/indexN/\\u6807\\u9898\\u7BAD\\u59341.png\"),\n      alt: \"\"\n    }\n  })])]);\n}, function () {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"thead\", {\n    staticStyle: {\n      color: \"#fff\",\n      \"font-size\": \"30px\"\n    }\n  }, [_c(\"tr\", [_c(\"td\", [_vm._v(\"序号\")]), _c(\"td\", [_vm._v(\"单位名称\")]), _c(\"td\", [_vm._v(\"台区编号\")]), _c(\"td\", [_vm._v(\"发电客户编号\")])])]);\n}, function () {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"left1\",\n    attrs: {\n      id: \"left\"\n    }\n  }, [_c(\"div\", {\n    staticClass: \"two\",\n    staticStyle: {\n      height: \"49%\"\n    }\n  }, [_c(\"div\", {\n    staticClass: \"cartitle\"\n  }, [_c(\"div\", {\n    staticClass: \"titleFont\"\n  }, [_c(\"img\", {\n    attrs: {\n      src: require(\"./../assets/indexN/\\u6807\\u9898\\u7BAD\\u5934.png\"),\n      alt: \"\"\n    }\n  }), _c(\"span\", [_vm._v(\"上网功率\")]), _c(\"img\", {\n    attrs: {\n      src: require(\"./../assets/indexN/\\u6807\\u9898\\u7BAD\\u59341.png\"),\n      alt: \"\"\n    }\n  })])]), _c(\"div\", {\n    staticClass: \"content\"\n  }, [_c(\"div\", {\n    staticClass: \"line\"\n  }, [_c(\"div\", {\n    attrs: {\n      id: \"detailedTwo1\"\n    }\n  })])])]), _c(\"div\", {\n    staticClass: \"two\",\n    staticStyle: {\n      height: \"49%\"\n    }\n  }, [_c(\"div\", {\n    staticClass: \"cartitle\"\n  }, [_c(\"div\", {\n    staticClass: \"titleFont\"\n  }, [_c(\"img\", {\n    attrs: {\n      src: require(\"./../assets/indexN/\\u6807\\u9898\\u7BAD\\u5934.png\"),\n      alt: \"\"\n    }\n  }), _c(\"span\", [_vm._v(\"配变负载率TOP5\")]), _c(\"img\", {\n    attrs: {\n      src: require(\"./../assets/indexN/\\u6807\\u9898\\u7BAD\\u59341.png\"),\n      alt: \"\"\n    }\n  })])]), _c(\"div\", {\n    staticClass: \"content\"\n  }, [_c(\"div\", {\n    staticClass: \"line\"\n  }, [_c(\"div\", {\n    attrs: {\n      id: \"detailedTwo2\"\n    }\n  })])])])]);\n}, function () {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"middle\",\n    attrs: {\n      id: \"middle\"\n    }\n  }, [_c(\"div\", {\n    staticClass: \"map\",\n    staticStyle: {\n      height: \"100%\"\n    }\n  }, [_c(\"div\", {\n    staticClass: \"imgboxone\"\n  }, [_c(\"div\", {\n    staticClass: \"contents\"\n  }, [_c(\"div\", {\n    staticClass: \"lines\"\n  }, [_c(\"div\", {\n    staticClass: \"total\"\n  }, [_c(\"div\", {\n    staticClass: \"num\"\n  }, [_c(\"span\", {\n    staticStyle: {\n      \"font-size\": \"18px\"\n    }\n  }, [_vm._v(\"户数高渗透率\")]), _c(\"h5\", {\n    staticStyle: {\n      \"font-size\": \"28px\",\n      color: \"yellow\"\n    }\n  }, [_vm._v(\"3.40%\")])])])]), _c(\"div\", {\n    staticClass: \"lines\"\n  }, [_c(\"div\", {\n    staticClass: \"total\"\n  }, [_c(\"div\", {\n    staticClass: \"num\"\n  }, [_c(\"span\", {\n    staticStyle: {\n      \"font-size\": \"18px\"\n    }\n  }, [_vm._v(\"容量渗透率\")]), _c(\"h5\", {\n    staticStyle: {\n      \"font-size\": \"28px\",\n      color: \"orange\"\n    }\n  }, [_vm._v(\"0.01%\")])])])]), _c(\"div\", {\n    staticClass: \"lines\"\n  }, [_c(\"div\", {\n    staticClass: \"total\"\n  }, [_c(\"div\", {\n    staticClass: \"num\"\n  }, [_c(\"span\", {\n    staticStyle: {\n      \"font-size\": \"18px\"\n    }\n  }, [_vm._v(\"能量渗透率\")]), _c(\"h5\", {\n    staticStyle: {\n      \"font-size\": \"28px\",\n      color: \"yellow\"\n    }\n  }, [_vm._v(\"0.44%\")])])])])])]), _c(\"div\", {\n    staticClass: \"imgboxtwo\"\n  }, [_c(\"ul\", {\n    staticClass: \"contentUl\"\n  }, [_c(\"li\", [_c(\"h5\", [_vm._v(\"发电客户数\")]), _c(\"br\"), _c(\"span\", {\n    staticStyle: {\n      color: \"yellow\"\n    }\n  }, [_vm._v(\"4721\")])]), _c(\"li\", [_c(\"h5\", [_vm._v(\"变电站数量\")]), _c(\"br\"), _c(\"span\", {\n    staticStyle: {\n      color: \"orange\"\n    }\n  }, [_vm._v(\"90\")])]), _c(\"li\", [_c(\"h5\", [_vm._v(\"台区总数\")]), _c(\"br\"), _c(\"span\", {\n    staticStyle: {\n      color: \"yellow\"\n    }\n  }, [_vm._v(\"17416\")])]), _c(\"li\", [_c(\"h5\", [_vm._v(\"当前负载率\")]), _c(\"br\"), _c(\"span\", {\n    staticStyle: {\n      color: \"orange\"\n    }\n  }, [_vm._v(\"40.19%\")])])])])])]);\n}, function () {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"right\",\n    attrs: {\n      id: \"right\"\n    }\n  }, [_c(\"div\", {\n    staticClass: \"two\",\n    staticStyle: {\n      height: \"49%\"\n    }\n  }, [_c(\"div\", {\n    staticClass: \"cartitle\"\n  }, [_c(\"div\", {\n    staticClass: \"titleFont\"\n  }, [_c(\"img\", {\n    attrs: {\n      src: require(\"./../assets/indexN/\\u6807\\u9898\\u7BAD\\u5934.png\"),\n      alt: \"\"\n    }\n  }), _c(\"span\", [_vm._v(\"分布式光伏电量\")]), _c(\"img\", {\n    attrs: {\n      src: require(\"./../assets/indexN/\\u6807\\u9898\\u7BAD\\u59341.png\"),\n      alt: \"\"\n    }\n  })])]), _c(\"div\", {\n    staticClass: \"content\"\n  }, [_c(\"div\", {\n    staticClass: \"line\"\n  }, [_c(\"div\", {\n    staticClass: \"eqselect\"\n  }, [_c(\"span\", [_vm._v(\"地区:\")]), _c(\"img\", {\n    attrs: {\n      src: require(\"../assets/02/\\u5730\\u533A\\u9009\\u62E9\\u4E0B\\u62C9\\u83DC\\u5355.png\"),\n      alt: \"\"\n    }\n  }), _c(\"span\", [_vm._v(\"用户:\")]), _c(\"img\", {\n    attrs: {\n      src: require(\"../assets/02/\\u5730\\u533A\\u9009\\u62E9\\u4E0B\\u62C9\\u83DC\\u5355.png\"),\n      alt: \"\"\n    }\n  }), _c(\"span\", [_vm._v(\"范围:\")]), _c(\"img\", {\n    attrs: {\n      src: require(\"../assets/02/\\u5730\\u533A\\u9009\\u62E9\\u4E0B\\u62C9\\u83DC\\u5355.png\"),\n      alt: \"\"\n    }\n  }), _c(\"span\", [_vm._v(\"日期:\")]), _c(\"img\", {\n    attrs: {\n      src: require(\"../assets/02/\\u5730\\u533A\\u9009\\u62E9\\u4E0B\\u62C9\\u83DC\\u5355.png\"),\n      alt: \"\"\n    }\n  })]), _c(\"div\", {\n    attrs: {\n      id: \"detailqe\"\n    }\n  })])])]), _c(\"div\", {\n    staticClass: \"two\",\n    staticStyle: {\n      height: \"49%\"\n    }\n  }, [_c(\"div\", {\n    staticClass: \"cartitle\"\n  }, [_c(\"div\", {\n    staticClass: \"titleFont\"\n  }, [_c(\"img\", {\n    attrs: {\n      src: require(\"./../assets/indexN/\\u6807\\u9898\\u7BAD\\u5934.png\"),\n      alt: \"\"\n    }\n  }), _c(\"span\", [_vm._v(\"能量/容量\")]), _c(\"img\", {\n    attrs: {\n      src: require(\"./../assets/indexN/\\u6807\\u9898\\u7BAD\\u59341.png\"),\n      alt: \"\"\n    }\n  })])]), _c(\"div\", {\n    staticClass: \"content\"\n  }, [_c(\"div\", {\n    staticClass: \"line\"\n  }, [_c(\"div\", {\n    staticClass: \"enselect\"\n  }, [_c(\"img\", {\n    attrs: {\n      src: require(\"../assets/02/\\u5730\\u533A\\u9009\\u62E9\\u4E0B\\u62C9\\u83DC\\u5355.png\"),\n      alt: \"\"\n    }\n  }), _c(\"span\", {\n    staticClass: \"text\"\n  }, [_vm._v(\"能量\")])]), _c(\"div\", {\n    attrs: {\n      id: \"detailen\"\n    }\n  })])])])]);\n}, function () {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"cartitle\"\n  }, [_c(\"div\", {\n    staticClass: \"titleFont\"\n  }, [_c(\"img\", {\n    attrs: {\n      src: require(\"./../assets/indexN/\\u6807\\u9898\\u7BAD\\u5934.png\"),\n      alt: \"\"\n    }\n  }), _c(\"span\", [_vm._v(\"渗透率统计\")]), _c(\"img\", {\n    attrs: {\n      src: require(\"./../assets/indexN/\\u6807\\u9898\\u7BAD\\u59341.png\"),\n      alt: \"\"\n    }\n  })])]);\n}, function () {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"thead\", {\n    staticStyle: {\n      color: \"#fff\",\n      \"font-size\": \"30px\"\n    }\n  }, [_c(\"tr\", [_c(\"td\", [_vm._v(\"序号\")]), _c(\"td\", [_vm._v(\"供电公司\")]), _c(\"td\", [_vm._v(\"线路名称\")]), _c(\"td\", [_vm._v(\"光伏全年电量KWF\")])])]);\n}];\nrender._withStripped = true;\nexport { render, staticRenderFns };",{"version":3,"names":["render","_vm","_c","_self","staticClass","attrs","id","staticStyle","height","_m","_l","pvTable","item","index","key","_v","_s","name","stationNumber","alternatorNumber","ref","controls","hidden","src","require","staticRenderFns","alt","color","_withStripped"],"sources":["E:/2023/yancheng0718/yanchengPowerSupply/src/views/stationBuilding.vue"],"sourcesContent":["var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\"div\", { staticClass: \"home\" }, [\n    _c(\"div\", { staticClass: \"left\", attrs: { id: \"left\" } }, [\n      _c(\"div\", { staticClass: \"one\", staticStyle: { height: \"100%\" } }, [\n        _vm._m(0),\n        _c(\"div\", { staticClass: \"content\" }, [\n          _c(\"div\", { staticClass: \"line\" }, [\n            _c(\"table\", [\n              _vm._m(1),\n              _c(\n                \"tbody\",\n                _vm._l(_vm.pvTable, function (item, index) {\n                  return _c(\"tr\", { key: index }, [\n                    _c(\"td\", [_vm._v(_vm._s(item.id))]),\n                    _c(\"td\", [_vm._v(_vm._s(item.name))]),\n                    _c(\"td\", [_vm._v(_vm._s(item.stationNumber))]),\n                    _c(\"td\", { staticClass: \"titleFont\" }, [\n                      _vm._v(_vm._s(item.alternatorNumber)),\n                    ]),\n                  ])\n                }),\n                0\n              ),\n            ]),\n          ]),\n        ]),\n      ]),\n    ]),\n    _vm._m(2),\n    _vm._m(3),\n    _vm._m(4),\n    _c(\"div\", { staticClass: \"right1\", attrs: { id: \"right\" } }, [\n      _c(\"div\", { staticClass: \"one\", staticStyle: { height: \"100%\" } }, [\n        _vm._m(5),\n        _c(\"div\", { staticClass: \"content\" }, [\n          _c(\"div\", { staticClass: \"line\" }, [\n            _c(\"table\", [\n              _vm._m(6),\n              _c(\n                \"tbody\",\n                _vm._l(_vm.pvTable, function (item, index) {\n                  return _c(\"tr\", { key: index }, [\n                    _c(\"td\", [_vm._v(_vm._s(item.id))]),\n                    _c(\"td\", [_vm._v(_vm._s(item.name))]),\n                    _c(\"td\", [_vm._v(_vm._s(item.stationNumber))]),\n                    _c(\"td\", { staticClass: \"titleFont\" }, [\n                      _vm._v(_vm._s(item.alternatorNumber)),\n                    ]),\n                  ])\n                }),\n                0\n              ),\n            ]),\n          ]),\n        ]),\n      ]),\n    ]),\n    _c(\"audio\", {\n      ref: \"audio\",\n      attrs: {\n        controls: \"controls\",\n        hidden: \"\",\n        src: require(\"../assets/videos/police.wav\"),\n      },\n    }),\n  ])\n}\nvar staticRenderFns = [\n  function () {\n    var _vm = this,\n      _c = _vm._self._c\n    return _c(\"div\", { staticClass: \"cartitle\" }, [\n      _c(\"div\", { staticClass: \"titleFont\" }, [\n        _c(\"img\", {\n          attrs: { src: require(\"./../assets/indexN/标题箭头.png\"), alt: \"\" },\n        }),\n        _c(\"span\", [_vm._v(\"光伏台账\")]),\n        _c(\"img\", {\n          attrs: { src: require(\"./../assets/indexN/标题箭头1.png\"), alt: \"\" },\n        }),\n      ]),\n    ])\n  },\n  function () {\n    var _vm = this,\n      _c = _vm._self._c\n    return _c(\n      \"thead\",\n      { staticStyle: { color: \"#fff\", \"font-size\": \"30px\" } },\n      [\n        _c(\"tr\", [\n          _c(\"td\", [_vm._v(\"序号\")]),\n          _c(\"td\", [_vm._v(\"单位名称\")]),\n          _c(\"td\", [_vm._v(\"台区编号\")]),\n          _c(\"td\", [_vm._v(\"发电客户编号\")]),\n        ]),\n      ]\n    )\n  },\n  function () {\n    var _vm = this,\n      _c = _vm._self._c\n    return _c(\"div\", { staticClass: \"left1\", attrs: { id: \"left\" } }, [\n      _c(\"div\", { staticClass: \"two\", staticStyle: { height: \"49%\" } }, [\n        _c(\"div\", { staticClass: \"cartitle\" }, [\n          _c(\"div\", { staticClass: \"titleFont\" }, [\n            _c(\"img\", {\n              attrs: {\n                src: require(\"./../assets/indexN/标题箭头.png\"),\n                alt: \"\",\n              },\n            }),\n            _c(\"span\", [_vm._v(\"上网功率\")]),\n            _c(\"img\", {\n              attrs: {\n                src: require(\"./../assets/indexN/标题箭头1.png\"),\n                alt: \"\",\n              },\n            }),\n          ]),\n        ]),\n        _c(\"div\", { staticClass: \"content\" }, [\n          _c(\"div\", { staticClass: \"line\" }, [\n            _c(\"div\", { attrs: { id: \"detailedTwo1\" } }),\n          ]),\n        ]),\n      ]),\n      _c(\"div\", { staticClass: \"two\", staticStyle: { height: \"49%\" } }, [\n        _c(\"div\", { staticClass: \"cartitle\" }, [\n          _c(\"div\", { staticClass: \"titleFont\" }, [\n            _c(\"img\", {\n              attrs: {\n                src: require(\"./../assets/indexN/标题箭头.png\"),\n                alt: \"\",\n              },\n            }),\n            _c(\"span\", [_vm._v(\"配变负载率TOP5\")]),\n            _c(\"img\", {\n              attrs: {\n                src: require(\"./../assets/indexN/标题箭头1.png\"),\n                alt: \"\",\n              },\n            }),\n          ]),\n        ]),\n        _c(\"div\", { staticClass: \"content\" }, [\n          _c(\"div\", { staticClass: \"line\" }, [\n            _c(\"div\", { attrs: { id: \"detailedTwo2\" } }),\n          ]),\n        ]),\n      ]),\n    ])\n  },\n  function () {\n    var _vm = this,\n      _c = _vm._self._c\n    return _c(\"div\", { staticClass: \"middle\", attrs: { id: \"middle\" } }, [\n      _c(\"div\", { staticClass: \"map\", staticStyle: { height: \"100%\" } }, [\n        _c(\"div\", { staticClass: \"imgboxone\" }, [\n          _c(\"div\", { staticClass: \"contents\" }, [\n            _c(\"div\", { staticClass: \"lines\" }, [\n              _c(\"div\", { staticClass: \"total\" }, [\n                _c(\"div\", { staticClass: \"num\" }, [\n                  _c(\"span\", { staticStyle: { \"font-size\": \"18px\" } }, [\n                    _vm._v(\"户数高渗透率\"),\n                  ]),\n                  _c(\n                    \"h5\",\n                    { staticStyle: { \"font-size\": \"28px\", color: \"yellow\" } },\n                    [_vm._v(\"3.40%\")]\n                  ),\n                ]),\n              ]),\n            ]),\n            _c(\"div\", { staticClass: \"lines\" }, [\n              _c(\"div\", { staticClass: \"total\" }, [\n                _c(\"div\", { staticClass: \"num\" }, [\n                  _c(\"span\", { staticStyle: { \"font-size\": \"18px\" } }, [\n                    _vm._v(\"容量渗透率\"),\n                  ]),\n                  _c(\n                    \"h5\",\n                    { staticStyle: { \"font-size\": \"28px\", color: \"orange\" } },\n                    [_vm._v(\"0.01%\")]\n                  ),\n                ]),\n              ]),\n            ]),\n            _c(\"div\", { staticClass: \"lines\" }, [\n              _c(\"div\", { staticClass: \"total\" }, [\n                _c(\"div\", { staticClass: \"num\" }, [\n                  _c(\"span\", { staticStyle: { \"font-size\": \"18px\" } }, [\n                    _vm._v(\"能量渗透率\"),\n                  ]),\n                  _c(\n                    \"h5\",\n                    { staticStyle: { \"font-size\": \"28px\", color: \"yellow\" } },\n                    [_vm._v(\"0.44%\")]\n                  ),\n                ]),\n              ]),\n            ]),\n          ]),\n        ]),\n        _c(\"div\", { staticClass: \"imgboxtwo\" }, [\n          _c(\"ul\", { staticClass: \"contentUl\" }, [\n            _c(\"li\", [\n              _c(\"h5\", [_vm._v(\"发电客户数\")]),\n              _c(\"br\"),\n              _c(\"span\", { staticStyle: { color: \"yellow\" } }, [\n                _vm._v(\"4721\"),\n              ]),\n            ]),\n            _c(\"li\", [\n              _c(\"h5\", [_vm._v(\"变电站数量\")]),\n              _c(\"br\"),\n              _c(\"span\", { staticStyle: { color: \"orange\" } }, [_vm._v(\"90\")]),\n            ]),\n            _c(\"li\", [\n              _c(\"h5\", [_vm._v(\"台区总数\")]),\n              _c(\"br\"),\n              _c(\"span\", { staticStyle: { color: \"yellow\" } }, [\n                _vm._v(\"17416\"),\n              ]),\n            ]),\n            _c(\"li\", [\n              _c(\"h5\", [_vm._v(\"当前负载率\")]),\n              _c(\"br\"),\n              _c(\"span\", { staticStyle: { color: \"orange\" } }, [\n                _vm._v(\"40.19%\"),\n              ]),\n            ]),\n          ]),\n        ]),\n      ]),\n    ])\n  },\n  function () {\n    var _vm = this,\n      _c = _vm._self._c\n    return _c(\"div\", { staticClass: \"right\", attrs: { id: \"right\" } }, [\n      _c(\"div\", { staticClass: \"two\", staticStyle: { height: \"49%\" } }, [\n        _c(\"div\", { staticClass: \"cartitle\" }, [\n          _c(\"div\", { staticClass: \"titleFont\" }, [\n            _c(\"img\", {\n              attrs: {\n                src: require(\"./../assets/indexN/标题箭头.png\"),\n                alt: \"\",\n              },\n            }),\n            _c(\"span\", [_vm._v(\"分布式光伏电量\")]),\n            _c(\"img\", {\n              attrs: {\n                src: require(\"./../assets/indexN/标题箭头1.png\"),\n                alt: \"\",\n              },\n            }),\n          ]),\n        ]),\n        _c(\"div\", { staticClass: \"content\" }, [\n          _c(\"div\", { staticClass: \"line\" }, [\n            _c(\"div\", { staticClass: \"eqselect\" }, [\n              _c(\"span\", [_vm._v(\"地区:\")]),\n              _c(\"img\", {\n                attrs: {\n                  src: require(\"../assets/02/地区选择下拉菜单.png\"),\n                  alt: \"\",\n                },\n              }),\n              _c(\"span\", [_vm._v(\"用户:\")]),\n              _c(\"img\", {\n                attrs: {\n                  src: require(\"../assets/02/地区选择下拉菜单.png\"),\n                  alt: \"\",\n                },\n              }),\n              _c(\"span\", [_vm._v(\"范围:\")]),\n              _c(\"img\", {\n                attrs: {\n                  src: require(\"../assets/02/地区选择下拉菜单.png\"),\n                  alt: \"\",\n                },\n              }),\n              _c(\"span\", [_vm._v(\"日期:\")]),\n              _c(\"img\", {\n                attrs: {\n                  src: require(\"../assets/02/地区选择下拉菜单.png\"),\n                  alt: \"\",\n                },\n              }),\n            ]),\n            _c(\"div\", { attrs: { id: \"detailqe\" } }),\n          ]),\n        ]),\n      ]),\n      _c(\"div\", { staticClass: \"two\", staticStyle: { height: \"49%\" } }, [\n        _c(\"div\", { staticClass: \"cartitle\" }, [\n          _c(\"div\", { staticClass: \"titleFont\" }, [\n            _c(\"img\", {\n              attrs: {\n                src: require(\"./../assets/indexN/标题箭头.png\"),\n                alt: \"\",\n              },\n            }),\n            _c(\"span\", [_vm._v(\"能量/容量\")]),\n            _c(\"img\", {\n              attrs: {\n                src: require(\"./../assets/indexN/标题箭头1.png\"),\n                alt: \"\",\n              },\n            }),\n          ]),\n        ]),\n        _c(\"div\", { staticClass: \"content\" }, [\n          _c(\"div\", { staticClass: \"line\" }, [\n            _c(\"div\", { staticClass: \"enselect\" }, [\n              _c(\"img\", {\n                attrs: {\n                  src: require(\"../assets/02/地区选择下拉菜单.png\"),\n                  alt: \"\",\n                },\n              }),\n              _c(\"span\", { staticClass: \"text\" }, [_vm._v(\"能量\")]),\n            ]),\n            _c(\"div\", { attrs: { id: \"detailen\" } }),\n          ]),\n        ]),\n      ]),\n    ])\n  },\n  function () {\n    var _vm = this,\n      _c = _vm._self._c\n    return _c(\"div\", { staticClass: \"cartitle\" }, [\n      _c(\"div\", { staticClass: \"titleFont\" }, [\n        _c(\"img\", {\n          attrs: { src: require(\"./../assets/indexN/标题箭头.png\"), alt: \"\" },\n        }),\n        _c(\"span\", [_vm._v(\"渗透率统计\")]),\n        _c(\"img\", {\n          attrs: { src: require(\"./../assets/indexN/标题箭头1.png\"), alt: \"\" },\n        }),\n      ]),\n    ])\n  },\n  function () {\n    var _vm = this,\n      _c = _vm._self._c\n    return _c(\n      \"thead\",\n      { staticStyle: { color: \"#fff\", \"font-size\": \"30px\" } },\n      [\n        _c(\"tr\", [\n          _c(\"td\", [_vm._v(\"序号\")]),\n          _c(\"td\", [_vm._v(\"供电公司\")]),\n          _c(\"td\", [_vm._v(\"线路名称\")]),\n          _c(\"td\", [_vm._v(\"光伏全年电量KWF\")]),\n        ]),\n      ]\n    )\n  },\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }"],"mappings":"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"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/b7d83b7b6dd8defc80ce93191235d4d6.json b/node_modules/.cache/vue-loader/b7d83b7b6dd8defc80ce93191235d4d6.json
new file mode 100644
index 00000000..7fc1aa7f
--- /dev/null
+++ b/node_modules/.cache/vue-loader/b7d83b7b6dd8defc80ce93191235d4d6.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\HomePop\\ringMainUnit.vue","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\HomePop\\ringMainUnit.vue","mtime":1689642397095},{"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":["import { render, staticRenderFns } from \"./ringMainUnit.vue?vue&type=template&id=69e71d64&scoped=true&\"\nimport script from \"./ringMainUnit.vue?vue&type=script&lang=js&\"\nexport * from \"./ringMainUnit.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ringMainUnit.vue?vue&type=style&index=0&id=69e71d64&lang=less&scoped=true&\"\nimport style1 from \"./ringMainUnit.vue?vue&type=style&index=1&id=69e71d64&lang=less&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"69e71d64\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"E:\\\\2023\\\\yancheng0718\\\\yanchengPowerSupply\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('69e71d64')) {\n      api.createRecord('69e71d64', component.options)\n    } else {\n      api.reload('69e71d64', component.options)\n    }\n    module.hot.accept(\"./ringMainUnit.vue?vue&type=template&id=69e71d64&scoped=true&\", function () {\n      api.rerender('69e71d64', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/HomePop/ringMainUnit.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/bbde4c9996a7f766a268ba81b7faa62e.json b/node_modules/.cache/vue-loader/bbde4c9996a7f766a268ba81b7faa62e.json
new file mode 100644
index 00000000..3233be23
--- /dev/null
+++ b/node_modules/.cache/vue-loader/bbde4c9996a7f766a268ba81b7faa62e.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\component\\workOrder.vue?vue&type=style&index=0&id=52a0f862&scoped=true&lang=less&","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\component\\workOrder.vue","mtime":1689642397092},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\css-loader\\index.js","mtime":1689642389821},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1689642396087},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\postcss-loader\\src\\index.js","mtime":1689642393431},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\less-loader\\dist\\cjs.js","mtime":1689642392421},{"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\n.openBtn {\r\n  width: 128px;\r\n  height: 37px;\r\n  background-image: url(\"../assets/images/detailBtn.png\");\r\n  background-size: 100% 100%;\r\n  margin: 0 auto;\r\n}\r\n/deep/.el-table {\r\n  font-size: 20px !important;\r\n}\r\n/deep/.el-table tr {\r\n  height: 70px;\r\n}\r\n.user_skills {\r\n  /**\r\n  表格有滚动效果但是不显示滚动条\r\n  */\r\n  /deep/ .is-scrolling-none {\r\n    overflow: hidden;\r\n    overflow-y: auto;\r\n    overflow-x: scroll;\r\n    height: calc(100% - 70px);\r\n  }\r\n  /deep/ .is-scrolling-none::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n  /deep/.el-table--scrollable-y ::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n  /deep/.el-table--scrollable-x ::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n  /deep/ .el-table {\r\n    background-color: transparent !important;\r\n  }\r\n  /deep/ .el-table th {\r\n    background-color: transparent !important;\r\n  }\r\n  /deep/ .el-table__header {\r\n    height: 48px;\r\n    background: url(\"../assets/images/intervalTable.png\") no-repeat;\r\n    background-size: 100% 100%;\r\n  }\r\n  /deep/ .el-table__header th {\r\n    border: none;\r\n    padding: 0;\r\n    height: 40px;\r\n    .cell {\r\n      height: 100%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-around;\r\n    }\r\n    &.el-table__cell.is-leaf {\r\n      border: none !important;\r\n    }\r\n  }\r\n  /deep/ .el-table tr {\r\n    background-color: transparent !important;\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  /deep/ .el-table__body td .cell {\r\n    white-space: nowrap !important;\r\n    // word-break: break-all;\r\n  }\r\n  /deep/ .el-table th.el-table__cell > .cell {\r\n    color: rgb(86, 254, 226);\r\n  }\r\n  /deep/.el-table .el-table__cell {\r\n    padding: 5px 0;\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}\r\n.el-table::before {\r\n  background-color: transparent;\r\n}\r\n::v-deep .el-table .el-table__body tr.el-table__row td {\r\n  background: rgba(79, 218, 255, 0.1) !important;\r\n}\r\n::v-deep .el-table--striped .el-table__body tr.el-table__row--striped td {\r\n  background: rgba(79, 218, 255, 0.06) !important;\r\n}\r\n.addblur {\r\n  filter: blur(5px);\r\n  // background-color: #000;\r\n}\r\n.workOrder {\r\n  width: 1332px;\r\n  height: 693px;\r\n  position: relative;\r\n  background: url(\"../assets/images/ringMain.png\") no-repeat;\r\n  background-size: 100% 100%;\r\n  -webkit-animation: fadeInDown 0.3s;\r\n  animation: fadeInDown 0.3s;\r\n  padding: 15px 25px;\r\n  box-sizing: border-box;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  align-content: space-between;\r\n  .top {\r\n    height: 4%;\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    .close{\r\n      position: absolute;\r\n      top: 3%;\r\n      right: 2%;\r\n    }\r\n    .title {\r\n      font-size: 28px;\r\n      font-weight: 700;\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(86, 244, 254)\r\n      );\r\n    }\r\n  }\r\n  .table {\r\n    width: 100%;\r\n    height: 95%;\r\n    // border: 1px solid red;\r\n    background: url(\"../assets/images/intervalFrame.png\") no-repeat;\r\n    background-size: 100% 100%;\r\n    padding: 15px 20px;\r\n  }\r\n}\r\n.wordDialog {\r\n  width: 1511px;\r\n  height: 1071px;\r\n  position: fixed;\r\n  top: 0px;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  margin: auto;\r\n  z-index: 999;\r\n  background: url(\"../assets/images/ringMainUnitKuang.png\") no-repeat;\r\n  // background: url(\"../assets/images/wordBg.png\") no-repeat;\r\n  background-size: 100% 100%;\r\n}\r\n.title {\r\n  font-size: 28px;\r\n  font-weight: 700;\r\n  color: transparent;\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  background-image: -webkit-gradient(\r\n    linear,\r\n    left top,\r\n    left bottom,\r\n    from(#ffffff),\r\n    to(#56f4fe)\r\n  );\r\n  background-image: linear-gradient(to bottom, #ffffff, #56f4fe);\r\n  position: absolute;\r\n  top: 1%;\r\n  left: 1%;\r\n}\r\n//   去除滚动条\r\n::-webkit-scrollbar {\r\n  display: none;\r\n}\r\n//   word\r\n.word {\r\n  width: 100%;\r\n  // height: 50%;\r\n  height: 94%;\r\n  margin-top: 4%;\r\n  overflow-y: scroll;\r\n\r\n  // background-color: chartreuse;\r\n}\r\n.wordBtn {\r\n  position: absolute;\r\n  right: 35px;\r\n  top: 39px;\r\n  z-index: 1000;\r\n  // width: 100%;\r\n  // height: 4%;\r\n  // background-color: darkgray;\r\n  // img {\r\n  //   position: absolute;\r\n  //   top: 34%;\r\n  //   right: 1%;\r\n  // }\r\n}\r\n\r\n/deep/ .docx span {\r\n  // font-size: 25px !important;\r\n  color: #fff !important;\r\n}\r\n/deep/ .docx-wrapper {\r\n  background-color: transparent !important;\r\n  box-shadow: none !important;\r\n  // background-image: url(\"../assets/images/wordBg1.png\");\r\n  background-size: 100% 100%;\r\n}\r\n/deep/ .docx {\r\n  width: 100% !important;\r\n  background-color: transparent !important;\r\n  box-shadow: none !important;\r\n  padding: unset !important;\r\n}\r\n// /deep/ .docx table td {\r\n//   width: 60px !important;\r\n//   border-style: none !important;\r\n// }\r\n// /deep/ .docx-wrapper > section.docx {\r\n//   // background-color: transparent !important;\r\n// }\r\n/deep/ .docx table {\r\n  width: 100% !important;\r\n  /deep/ tr:nth-of-type(1) {\r\n    background: url(\"../assets/images/intervalTable.png\") no-repeat !important;\r\n    background-size: 100% 100%;\r\n  }\r\n  /deep/ td {\r\n    border-style: unset !important;\r\n    font-size: 20px;\r\n  }\r\n  /deep/ tr:nth-child(2n) {\r\n    background: rgba(79, 218, 255, 0.06) !important;\r\n  }\r\n  /deep/ tr {\r\n    background: rgba(79, 218, 255, 0.1) !important;\r\n    height: 48px !important;\r\n  }\r\n}\r\n\r\n// /deep/ .docx p {\r\n//   text-align: center !important;\r\n// }\r\n// /deep/ p.docx_a3 {\r\n//   border-bottom: none !important;\r\n// }\r\n/deep/ .docx p {\r\n  // text-align: unset !important;\r\n  line-height: unset !important;\r\n  text-align: unset !important;\r\n  // text-indent: unset !important;\r\n}\r\n/dee/ .docx img {\r\n  margin: 0 auto !important;\r\n}\r\n/deep/ .docx_normalcharacter > div {\r\n  margin: 0 auto !important;\r\n  text-align: unset !important;\r\n}\r\n",{"version":3,"sources":["workOrder.vue"],"names":[],"mappings":";AA0KA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;;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;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"workOrder.vue","sourceRoot":"src/component","sourcesContent":["<template>\r\n  <div>\r\n    <div class=\"workOrder\" :class=\"wordShow == true ? 'addblur' : ''\">\r\n      <div class=\"top\">\r\n        <div class=\"title\">{{ orderItem.gd_type_name }}详情</div>\r\n        <div class=\"close\">\r\n          <img\r\n            @click=\"handleClose\"\r\n            src=\"@/assets/images/close.png\"\r\n            style=\"cursor: pointer\"\r\n          />\r\n        </div>\r\n      </div>\r\n      <div class=\"table user_skills\">\r\n        <el-table\r\n          :data=\"workList\"\r\n          style=\"width: 100%; height: 100%\"\r\n          :header-cell-style=\"{ 'text-align': 'center' }\"\r\n          :cell-style=\"{ 'text-align': 'center' }\"\r\n          stripe\r\n        >\r\n          <el-table-column label=\"序号\" align=\"center\" width=\"60\">\r\n            <template slot-scope=\"scope\">\r\n              {{ scope.$index + 1 }}\r\n            </template>\r\n          </el-table-column>\r\n          <el-table-column prop=\"bz\" label=\"班组\" align=\"center\">\r\n          </el-table-column>\r\n          <el-table-column prop=\"gd_type_id\" label=\"工单类型\" align=\"center\">\r\n          </el-table-column>\r\n          <el-table-column prop=\"gd_zrr\" label=\"工单责任人\" align=\"center\">\r\n          </el-table-column>\r\n          <el-table-column prop=\"gd_title\" label=\"工单标题\" align=\"center\">\r\n          </el-table-column>\r\n          <el-table-column prop=\"gd_time\" label=\"工单时间\" align=\"center\">\r\n          </el-table-column>\r\n          <el-table-column prop=\"is_manyi_dsc\" label=\"是否满意\" align=\"center\">\r\n          </el-table-column>\r\n          <el-table-column label=\"资料路径\" align=\"center\">\r\n            <template slot-scope=\"scope\">\r\n              <div\r\n                @click=\"openFile(scope.row.file_url, scope.row.bz)\"\r\n                :class=\"scope.row.file_url ? 'openBtn' : ''\"\r\n              ></div>\r\n              <!-- <el-button type='info'>\r\n              查看详情\r\n            </el-button> -->\r\n            </template>\r\n          </el-table-column>\r\n          <!-- <el-table-column prop=\"phase\" label=\"创建时间\" align=\"center\"> </el-table-column> -->\r\n        </el-table>\r\n      </div>\r\n    </div>\r\n    <!-- word弹窗 -->\r\n    <div class=\"wordDialog\" v-show=\"wordShow\">\r\n      <div class=\"title\">\r\n        {{ wordShow == true ? this.wordTitle+'详情' : \"\" }}\r\n      </div>\r\n      <div class=\"word\" ref=\"word\">\r\n        <div class=\"wordBox\"></div>\r\n      </div>\r\n      <div class=\"wordBtn\">\r\n        <img\r\n          @click=\"wordClose\"\r\n          src=\"@/assets/images/close.png\"\r\n          style=\"cursor: pointer\"\r\n        />\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { getGdtj, getWord } from \"../api/index\";\r\n// import axios from \"axios\";\r\nlet docx = require(\"docx-preview\");\r\n\r\nwindow.JSZip = require(\"jszip\");\r\nexport default {\r\n  name: \"workOrder\",\r\n  props: [\"orderItem\"],\r\n  data() {\r\n    return {\r\n      workList: null,\r\n      wordShow: false,\r\n      wordTitle: \"\",\r\n      closeShow: false,\r\n\r\n      \r\n    };\r\n  },\r\n  created() {\r\n    //   console.log(this.workId,'id');\r\n    //   查询工单详情\r\n    // if(this.orderItem.gd_type_id==''){\r\n    //   return\r\n    // }\r\n    getGdtj({ action: \"detail\", gd_type_id: this.orderItem.gd_type_id }).then(\r\n      (res) => {\r\n        if(res.state==false){\r\n          return\r\n        }\r\n        // console.log(res.data.data, \"工单详情数据\");\r\n        this.workList = res.data.data;\r\n      }\r\n    );\r\n  },\r\n  methods: {\r\n    handleClose() {\r\n      this.$parent.workShow = \"\";\r\n      this.$parent.orderItem = null;\r\n    },\r\n    //   弹出word\r\n    openFile(url, row) {\r\n      // console.log(row,'数据');\r\n      // word标题\r\n      this.wordTitle = row;\r\n      var that = this;\r\n      // console.log(url);\r\n      // console.log(url, \"url路劲\");\r\n      var url = \"/\" + url.split(\"/\")[3] + \"/\" + url.split(\"/\")[4];\r\n      //   console.log(url,'路劲');\r\n\r\n      //\r\n\r\n      getWord(url).then(({ data }) => {\r\n        // console.log(data, \"格式\");\r\n\r\n        // console.log(src,'000');\r\n        that.$nextTick(() => {\r\n          // doc.renderAsync(data,that.$refs.word)\r\n          docx\r\n            .renderAsync(data, that.$refs.word, null, {\r\n              className: \"docx\", //默认和文档样式类的类名/前缀\r\n              inWrapper: true, //启用围绕文档内容呈现包装器\r\n              ignoreWidth: true, //禁用页面的渲染宽度\r\n              ignoreHeight: true, //禁用页面的渲染高度\r\n              ignoreFonts: false, //禁用字体渲染\r\n              breakPages: true, //在分页符上启用分页\r\n              ignoreLastRenderedPageBreak: true, //在lastRenderedPageBreak元素上禁用分页\r\n              experimental: false, //启用实验功能（制表符停止计算）\r\n              trimXMLDeclaration: true, //如果为true，则在解析之前将从xml文档中删除xml声明\r\n              useBase64URL: false, //如果为true，图像、字体等将转换为base 64 URL，否则使用URL.createObjectURL\r\n              useMathMLPolyfill: false, //包括用于铬、边等的MathML多填充。\r\n              showChanges: false, //启用文档更改的实验渲染（插入/删除）\r\n              debug: false, //启用额外的日志记录\r\n            })\r\n            .then((res) => {\r\n              this.wordShow = true;\r\n              that.closeShow = true;\r\n            });\r\n        });\r\n      });\r\n      // 关闭按钮显示\r\n\r\n      //   setTimeout(() => {\r\n      //     that.closeShow = true;\r\n      //   }, 2000);\r\n      //   });\r\n      // });\r\n    },\r\n    // 关闭word\r\n    wordClose() {\r\n      this.wordShow = false;\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped lang='less'>\r\n.openBtn {\r\n  width: 128px;\r\n  height: 37px;\r\n  background-image: url(\"../assets/images/detailBtn.png\");\r\n  background-size: 100% 100%;\r\n  margin: 0 auto;\r\n}\r\n/deep/.el-table {\r\n  font-size: 20px !important;\r\n}\r\n/deep/.el-table tr {\r\n  height: 70px;\r\n}\r\n.user_skills {\r\n  /**\r\n  表格有滚动效果但是不显示滚动条\r\n  */\r\n  /deep/ .is-scrolling-none {\r\n    overflow: hidden;\r\n    overflow-y: auto;\r\n    overflow-x: scroll;\r\n    height: calc(100% - 70px);\r\n  }\r\n  /deep/ .is-scrolling-none::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n  /deep/.el-table--scrollable-y ::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n  /deep/.el-table--scrollable-x ::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n  /deep/ .el-table {\r\n    background-color: transparent !important;\r\n  }\r\n  /deep/ .el-table th {\r\n    background-color: transparent !important;\r\n  }\r\n  /deep/ .el-table__header {\r\n    height: 48px;\r\n    background: url(\"../assets/images/intervalTable.png\") no-repeat;\r\n    background-size: 100% 100%;\r\n  }\r\n  /deep/ .el-table__header th {\r\n    border: none;\r\n    padding: 0;\r\n    height: 40px;\r\n    .cell {\r\n      height: 100%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-around;\r\n    }\r\n    &.el-table__cell.is-leaf {\r\n      border: none !important;\r\n    }\r\n  }\r\n  /deep/ .el-table tr {\r\n    background-color: transparent !important;\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  /deep/ .el-table__body td .cell {\r\n    white-space: nowrap !important;\r\n    // word-break: break-all;\r\n  }\r\n  /deep/ .el-table th.el-table__cell > .cell {\r\n    color: rgb(86, 254, 226);\r\n  }\r\n  /deep/.el-table .el-table__cell {\r\n    padding: 5px 0;\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}\r\n.el-table::before {\r\n  background-color: transparent;\r\n}\r\n::v-deep .el-table .el-table__body tr.el-table__row td {\r\n  background: rgba(79, 218, 255, 0.1) !important;\r\n}\r\n::v-deep .el-table--striped .el-table__body tr.el-table__row--striped td {\r\n  background: rgba(79, 218, 255, 0.06) !important;\r\n}\r\n.addblur {\r\n  filter: blur(5px);\r\n  // background-color: #000;\r\n}\r\n.workOrder {\r\n  width: 1332px;\r\n  height: 693px;\r\n  position: relative;\r\n  background: url(\"../assets/images/ringMain.png\") no-repeat;\r\n  background-size: 100% 100%;\r\n  -webkit-animation: fadeInDown 0.3s;\r\n  animation: fadeInDown 0.3s;\r\n  padding: 15px 25px;\r\n  box-sizing: border-box;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  align-content: space-between;\r\n  .top {\r\n    height: 4%;\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    .close{\r\n      position: absolute;\r\n      top: 3%;\r\n      right: 2%;\r\n    }\r\n    .title {\r\n      font-size: 28px;\r\n      font-weight: 700;\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(86, 244, 254)\r\n      );\r\n    }\r\n  }\r\n  .table {\r\n    width: 100%;\r\n    height: 95%;\r\n    // border: 1px solid red;\r\n    background: url(\"../assets/images/intervalFrame.png\") no-repeat;\r\n    background-size: 100% 100%;\r\n    padding: 15px 20px;\r\n  }\r\n}\r\n.wordDialog {\r\n  width: 1511px;\r\n  height: 1071px;\r\n  position: fixed;\r\n  top: 0px;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  margin: auto;\r\n  z-index: 999;\r\n  background: url(\"../assets/images/ringMainUnitKuang.png\") no-repeat;\r\n  // background: url(\"../assets/images/wordBg.png\") no-repeat;\r\n  background-size: 100% 100%;\r\n}\r\n.title {\r\n  font-size: 28px;\r\n  font-weight: 700;\r\n  color: transparent;\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  background-image: -webkit-gradient(\r\n    linear,\r\n    left top,\r\n    left bottom,\r\n    from(#ffffff),\r\n    to(#56f4fe)\r\n  );\r\n  background-image: linear-gradient(to bottom, #ffffff, #56f4fe);\r\n  position: absolute;\r\n  top: 1%;\r\n  left: 1%;\r\n}\r\n//   去除滚动条\r\n::-webkit-scrollbar {\r\n  display: none;\r\n}\r\n//   word\r\n.word {\r\n  width: 100%;\r\n  // height: 50%;\r\n  height: 94%;\r\n  margin-top: 4%;\r\n  overflow-y: scroll;\r\n\r\n  // background-color: chartreuse;\r\n}\r\n.wordBtn {\r\n  position: absolute;\r\n  right: 35px;\r\n  top: 39px;\r\n  z-index: 1000;\r\n  // width: 100%;\r\n  // height: 4%;\r\n  // background-color: darkgray;\r\n  // img {\r\n  //   position: absolute;\r\n  //   top: 34%;\r\n  //   right: 1%;\r\n  // }\r\n}\r\n\r\n/deep/ .docx span {\r\n  // font-size: 25px !important;\r\n  color: #fff !important;\r\n}\r\n/deep/ .docx-wrapper {\r\n  background-color: transparent !important;\r\n  box-shadow: none !important;\r\n  // background-image: url(\"../assets/images/wordBg1.png\");\r\n  background-size: 100% 100%;\r\n}\r\n/deep/ .docx {\r\n  width: 100% !important;\r\n  background-color: transparent !important;\r\n  box-shadow: none !important;\r\n  padding: unset !important;\r\n}\r\n// /deep/ .docx table td {\r\n//   width: 60px !important;\r\n//   border-style: none !important;\r\n// }\r\n// /deep/ .docx-wrapper > section.docx {\r\n//   // background-color: transparent !important;\r\n// }\r\n/deep/ .docx table {\r\n  width: 100% !important;\r\n  /deep/ tr:nth-of-type(1) {\r\n    background: url(\"../assets/images/intervalTable.png\") no-repeat !important;\r\n    background-size: 100% 100%;\r\n  }\r\n  /deep/ td {\r\n    border-style: unset !important;\r\n    font-size: 20px;\r\n  }\r\n  /deep/ tr:nth-child(2n) {\r\n    background: rgba(79, 218, 255, 0.06) !important;\r\n  }\r\n  /deep/ tr {\r\n    background: rgba(79, 218, 255, 0.1) !important;\r\n    height: 48px !important;\r\n  }\r\n}\r\n\r\n// /deep/ .docx p {\r\n//   text-align: center !important;\r\n// }\r\n// /deep/ p.docx_a3 {\r\n//   border-bottom: none !important;\r\n// }\r\n/deep/ .docx p {\r\n  // text-align: unset !important;\r\n  line-height: unset !important;\r\n  text-align: unset !important;\r\n  // text-indent: unset !important;\r\n}\r\n/dee/ .docx img {\r\n  margin: 0 auto !important;\r\n}\r\n/deep/ .docx_normalcharacter > div {\r\n  margin: 0 auto !important;\r\n  text-align: unset !important;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/c1edc245542a4b740726991f2603c8f5.json b/node_modules/.cache/vue-loader/c1edc245542a4b740726991f2603c8f5.json
new file mode 100644
index 00000000..256b14f7
--- /dev/null
+++ b/node_modules/.cache/vue-loader/c1edc245542a4b740726991f2603c8f5.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\component\\workOrder.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\component\\workOrder.vue","mtime":1689642397092},{"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 { getGdtj, getWord } from \"../api/index\";\r\n// import axios from \"axios\";\r\nlet docx = require(\"docx-preview\");\r\n\r\nwindow.JSZip = require(\"jszip\");\r\nexport default {\r\n  name: \"workOrder\",\r\n  props: [\"orderItem\"],\r\n  data() {\r\n    return {\r\n      workList: null,\r\n      wordShow: false,\r\n      wordTitle: \"\",\r\n      closeShow: false,\r\n\r\n      \r\n    };\r\n  },\r\n  created() {\r\n    //   console.log(this.workId,'id');\r\n    //   查询工单详情\r\n    // if(this.orderItem.gd_type_id==''){\r\n    //   return\r\n    // }\r\n    getGdtj({ action: \"detail\", gd_type_id: this.orderItem.gd_type_id }).then(\r\n      (res) => {\r\n        if(res.state==false){\r\n          return\r\n        }\r\n        // console.log(res.data.data, \"工单详情数据\");\r\n        this.workList = res.data.data;\r\n      }\r\n    );\r\n  },\r\n  methods: {\r\n    handleClose() {\r\n      this.$parent.workShow = \"\";\r\n      this.$parent.orderItem = null;\r\n    },\r\n    //   弹出word\r\n    openFile(url, row) {\r\n      // console.log(row,'数据');\r\n      // word标题\r\n      this.wordTitle = row;\r\n      var that = this;\r\n      // console.log(url);\r\n      // console.log(url, \"url路劲\");\r\n      var url = \"/\" + url.split(\"/\")[3] + \"/\" + url.split(\"/\")[4];\r\n      //   console.log(url,'路劲');\r\n\r\n      //\r\n\r\n      getWord(url).then(({ data }) => {\r\n        // console.log(data, \"格式\");\r\n\r\n        // console.log(src,'000');\r\n        that.$nextTick(() => {\r\n          // doc.renderAsync(data,that.$refs.word)\r\n          docx\r\n            .renderAsync(data, that.$refs.word, null, {\r\n              className: \"docx\", //默认和文档样式类的类名/前缀\r\n              inWrapper: true, //启用围绕文档内容呈现包装器\r\n              ignoreWidth: true, //禁用页面的渲染宽度\r\n              ignoreHeight: true, //禁用页面的渲染高度\r\n              ignoreFonts: false, //禁用字体渲染\r\n              breakPages: true, //在分页符上启用分页\r\n              ignoreLastRenderedPageBreak: true, //在lastRenderedPageBreak元素上禁用分页\r\n              experimental: false, //启用实验功能（制表符停止计算）\r\n              trimXMLDeclaration: true, //如果为true，则在解析之前将从xml文档中删除xml声明\r\n              useBase64URL: false, //如果为true，图像、字体等将转换为base 64 URL，否则使用URL.createObjectURL\r\n              useMathMLPolyfill: false, //包括用于铬、边等的MathML多填充。\r\n              showChanges: false, //启用文档更改的实验渲染（插入/删除）\r\n              debug: false, //启用额外的日志记录\r\n            })\r\n            .then((res) => {\r\n              this.wordShow = true;\r\n              that.closeShow = true;\r\n            });\r\n        });\r\n      });\r\n      // 关闭按钮显示\r\n\r\n      //   setTimeout(() => {\r\n      //     that.closeShow = true;\r\n      //   }, 2000);\r\n      //   });\r\n      // });\r\n    },\r\n    // 关闭word\r\n    wordClose() {\r\n      this.wordShow = false;\r\n    },\r\n  },\r\n};\r\n",{"version":3,"sources":["workOrder.vue"],"names":[],"mappings":";AAyEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"workOrder.vue","sourceRoot":"src/component","sourcesContent":["<template>\r\n  <div>\r\n    <div class=\"workOrder\" :class=\"wordShow == true ? 'addblur' : ''\">\r\n      <div class=\"top\">\r\n        <div class=\"title\">{{ orderItem.gd_type_name }}详情</div>\r\n        <div class=\"close\">\r\n          <img\r\n            @click=\"handleClose\"\r\n            src=\"@/assets/images/close.png\"\r\n            style=\"cursor: pointer\"\r\n          />\r\n        </div>\r\n      </div>\r\n      <div class=\"table user_skills\">\r\n        <el-table\r\n          :data=\"workList\"\r\n          style=\"width: 100%; height: 100%\"\r\n          :header-cell-style=\"{ 'text-align': 'center' }\"\r\n          :cell-style=\"{ 'text-align': 'center' }\"\r\n          stripe\r\n        >\r\n          <el-table-column label=\"序号\" align=\"center\" width=\"60\">\r\n            <template slot-scope=\"scope\">\r\n              {{ scope.$index + 1 }}\r\n            </template>\r\n          </el-table-column>\r\n          <el-table-column prop=\"bz\" label=\"班组\" align=\"center\">\r\n          </el-table-column>\r\n          <el-table-column prop=\"gd_type_id\" label=\"工单类型\" align=\"center\">\r\n          </el-table-column>\r\n          <el-table-column prop=\"gd_zrr\" label=\"工单责任人\" align=\"center\">\r\n          </el-table-column>\r\n          <el-table-column prop=\"gd_title\" label=\"工单标题\" align=\"center\">\r\n          </el-table-column>\r\n          <el-table-column prop=\"gd_time\" label=\"工单时间\" align=\"center\">\r\n          </el-table-column>\r\n          <el-table-column prop=\"is_manyi_dsc\" label=\"是否满意\" align=\"center\">\r\n          </el-table-column>\r\n          <el-table-column label=\"资料路径\" align=\"center\">\r\n            <template slot-scope=\"scope\">\r\n              <div\r\n                @click=\"openFile(scope.row.file_url, scope.row.bz)\"\r\n                :class=\"scope.row.file_url ? 'openBtn' : ''\"\r\n              ></div>\r\n              <!-- <el-button type='info'>\r\n              查看详情\r\n            </el-button> -->\r\n            </template>\r\n          </el-table-column>\r\n          <!-- <el-table-column prop=\"phase\" label=\"创建时间\" align=\"center\"> </el-table-column> -->\r\n        </el-table>\r\n      </div>\r\n    </div>\r\n    <!-- word弹窗 -->\r\n    <div class=\"wordDialog\" v-show=\"wordShow\">\r\n      <div class=\"title\">\r\n        {{ wordShow == true ? this.wordTitle+'详情' : \"\" }}\r\n      </div>\r\n      <div class=\"word\" ref=\"word\">\r\n        <div class=\"wordBox\"></div>\r\n      </div>\r\n      <div class=\"wordBtn\">\r\n        <img\r\n          @click=\"wordClose\"\r\n          src=\"@/assets/images/close.png\"\r\n          style=\"cursor: pointer\"\r\n        />\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { getGdtj, getWord } from \"../api/index\";\r\n// import axios from \"axios\";\r\nlet docx = require(\"docx-preview\");\r\n\r\nwindow.JSZip = require(\"jszip\");\r\nexport default {\r\n  name: \"workOrder\",\r\n  props: [\"orderItem\"],\r\n  data() {\r\n    return {\r\n      workList: null,\r\n      wordShow: false,\r\n      wordTitle: \"\",\r\n      closeShow: false,\r\n\r\n      \r\n    };\r\n  },\r\n  created() {\r\n    //   console.log(this.workId,'id');\r\n    //   查询工单详情\r\n    // if(this.orderItem.gd_type_id==''){\r\n    //   return\r\n    // }\r\n    getGdtj({ action: \"detail\", gd_type_id: this.orderItem.gd_type_id }).then(\r\n      (res) => {\r\n        if(res.state==false){\r\n          return\r\n        }\r\n        // console.log(res.data.data, \"工单详情数据\");\r\n        this.workList = res.data.data;\r\n      }\r\n    );\r\n  },\r\n  methods: {\r\n    handleClose() {\r\n      this.$parent.workShow = \"\";\r\n      this.$parent.orderItem = null;\r\n    },\r\n    //   弹出word\r\n    openFile(url, row) {\r\n      // console.log(row,'数据');\r\n      // word标题\r\n      this.wordTitle = row;\r\n      var that = this;\r\n      // console.log(url);\r\n      // console.log(url, \"url路劲\");\r\n      var url = \"/\" + url.split(\"/\")[3] + \"/\" + url.split(\"/\")[4];\r\n      //   console.log(url,'路劲');\r\n\r\n      //\r\n\r\n      getWord(url).then(({ data }) => {\r\n        // console.log(data, \"格式\");\r\n\r\n        // console.log(src,'000');\r\n        that.$nextTick(() => {\r\n          // doc.renderAsync(data,that.$refs.word)\r\n          docx\r\n            .renderAsync(data, that.$refs.word, null, {\r\n              className: \"docx\", //默认和文档样式类的类名/前缀\r\n              inWrapper: true, //启用围绕文档内容呈现包装器\r\n              ignoreWidth: true, //禁用页面的渲染宽度\r\n              ignoreHeight: true, //禁用页面的渲染高度\r\n              ignoreFonts: false, //禁用字体渲染\r\n              breakPages: true, //在分页符上启用分页\r\n              ignoreLastRenderedPageBreak: true, //在lastRenderedPageBreak元素上禁用分页\r\n              experimental: false, //启用实验功能（制表符停止计算）\r\n              trimXMLDeclaration: true, //如果为true，则在解析之前将从xml文档中删除xml声明\r\n              useBase64URL: false, //如果为true，图像、字体等将转换为base 64 URL，否则使用URL.createObjectURL\r\n              useMathMLPolyfill: false, //包括用于铬、边等的MathML多填充。\r\n              showChanges: false, //启用文档更改的实验渲染（插入/删除）\r\n              debug: false, //启用额外的日志记录\r\n            })\r\n            .then((res) => {\r\n              this.wordShow = true;\r\n              that.closeShow = true;\r\n            });\r\n        });\r\n      });\r\n      // 关闭按钮显示\r\n\r\n      //   setTimeout(() => {\r\n      //     that.closeShow = true;\r\n      //   }, 2000);\r\n      //   });\r\n      // });\r\n    },\r\n    // 关闭word\r\n    wordClose() {\r\n      this.wordShow = false;\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped lang='less'>\r\n.openBtn {\r\n  width: 128px;\r\n  height: 37px;\r\n  background-image: url(\"../assets/images/detailBtn.png\");\r\n  background-size: 100% 100%;\r\n  margin: 0 auto;\r\n}\r\n/deep/.el-table {\r\n  font-size: 20px !important;\r\n}\r\n/deep/.el-table tr {\r\n  height: 70px;\r\n}\r\n.user_skills {\r\n  /**\r\n  表格有滚动效果但是不显示滚动条\r\n  */\r\n  /deep/ .is-scrolling-none {\r\n    overflow: hidden;\r\n    overflow-y: auto;\r\n    overflow-x: scroll;\r\n    height: calc(100% - 70px);\r\n  }\r\n  /deep/ .is-scrolling-none::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n  /deep/.el-table--scrollable-y ::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n  /deep/.el-table--scrollable-x ::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n  /deep/ .el-table {\r\n    background-color: transparent !important;\r\n  }\r\n  /deep/ .el-table th {\r\n    background-color: transparent !important;\r\n  }\r\n  /deep/ .el-table__header {\r\n    height: 48px;\r\n    background: url(\"../assets/images/intervalTable.png\") no-repeat;\r\n    background-size: 100% 100%;\r\n  }\r\n  /deep/ .el-table__header th {\r\n    border: none;\r\n    padding: 0;\r\n    height: 40px;\r\n    .cell {\r\n      height: 100%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-around;\r\n    }\r\n    &.el-table__cell.is-leaf {\r\n      border: none !important;\r\n    }\r\n  }\r\n  /deep/ .el-table tr {\r\n    background-color: transparent !important;\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  /deep/ .el-table__body td .cell {\r\n    white-space: nowrap !important;\r\n    // word-break: break-all;\r\n  }\r\n  /deep/ .el-table th.el-table__cell > .cell {\r\n    color: rgb(86, 254, 226);\r\n  }\r\n  /deep/.el-table .el-table__cell {\r\n    padding: 5px 0;\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}\r\n.el-table::before {\r\n  background-color: transparent;\r\n}\r\n::v-deep .el-table .el-table__body tr.el-table__row td {\r\n  background: rgba(79, 218, 255, 0.1) !important;\r\n}\r\n::v-deep .el-table--striped .el-table__body tr.el-table__row--striped td {\r\n  background: rgba(79, 218, 255, 0.06) !important;\r\n}\r\n.addblur {\r\n  filter: blur(5px);\r\n  // background-color: #000;\r\n}\r\n.workOrder {\r\n  width: 1332px;\r\n  height: 693px;\r\n  position: relative;\r\n  background: url(\"../assets/images/ringMain.png\") no-repeat;\r\n  background-size: 100% 100%;\r\n  -webkit-animation: fadeInDown 0.3s;\r\n  animation: fadeInDown 0.3s;\r\n  padding: 15px 25px;\r\n  box-sizing: border-box;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  align-content: space-between;\r\n  .top {\r\n    height: 4%;\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    .close{\r\n      position: absolute;\r\n      top: 3%;\r\n      right: 2%;\r\n    }\r\n    .title {\r\n      font-size: 28px;\r\n      font-weight: 700;\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(86, 244, 254)\r\n      );\r\n    }\r\n  }\r\n  .table {\r\n    width: 100%;\r\n    height: 95%;\r\n    // border: 1px solid red;\r\n    background: url(\"../assets/images/intervalFrame.png\") no-repeat;\r\n    background-size: 100% 100%;\r\n    padding: 15px 20px;\r\n  }\r\n}\r\n.wordDialog {\r\n  width: 1511px;\r\n  height: 1071px;\r\n  position: fixed;\r\n  top: 0px;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  margin: auto;\r\n  z-index: 999;\r\n  background: url(\"../assets/images/ringMainUnitKuang.png\") no-repeat;\r\n  // background: url(\"../assets/images/wordBg.png\") no-repeat;\r\n  background-size: 100% 100%;\r\n}\r\n.title {\r\n  font-size: 28px;\r\n  font-weight: 700;\r\n  color: transparent;\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  background-image: -webkit-gradient(\r\n    linear,\r\n    left top,\r\n    left bottom,\r\n    from(#ffffff),\r\n    to(#56f4fe)\r\n  );\r\n  background-image: linear-gradient(to bottom, #ffffff, #56f4fe);\r\n  position: absolute;\r\n  top: 1%;\r\n  left: 1%;\r\n}\r\n//   去除滚动条\r\n::-webkit-scrollbar {\r\n  display: none;\r\n}\r\n//   word\r\n.word {\r\n  width: 100%;\r\n  // height: 50%;\r\n  height: 94%;\r\n  margin-top: 4%;\r\n  overflow-y: scroll;\r\n\r\n  // background-color: chartreuse;\r\n}\r\n.wordBtn {\r\n  position: absolute;\r\n  right: 35px;\r\n  top: 39px;\r\n  z-index: 1000;\r\n  // width: 100%;\r\n  // height: 4%;\r\n  // background-color: darkgray;\r\n  // img {\r\n  //   position: absolute;\r\n  //   top: 34%;\r\n  //   right: 1%;\r\n  // }\r\n}\r\n\r\n/deep/ .docx span {\r\n  // font-size: 25px !important;\r\n  color: #fff !important;\r\n}\r\n/deep/ .docx-wrapper {\r\n  background-color: transparent !important;\r\n  box-shadow: none !important;\r\n  // background-image: url(\"../assets/images/wordBg1.png\");\r\n  background-size: 100% 100%;\r\n}\r\n/deep/ .docx {\r\n  width: 100% !important;\r\n  background-color: transparent !important;\r\n  box-shadow: none !important;\r\n  padding: unset !important;\r\n}\r\n// /deep/ .docx table td {\r\n//   width: 60px !important;\r\n//   border-style: none !important;\r\n// }\r\n// /deep/ .docx-wrapper > section.docx {\r\n//   // background-color: transparent !important;\r\n// }\r\n/deep/ .docx table {\r\n  width: 100% !important;\r\n  /deep/ tr:nth-of-type(1) {\r\n    background: url(\"../assets/images/intervalTable.png\") no-repeat !important;\r\n    background-size: 100% 100%;\r\n  }\r\n  /deep/ td {\r\n    border-style: unset !important;\r\n    font-size: 20px;\r\n  }\r\n  /deep/ tr:nth-child(2n) {\r\n    background: rgba(79, 218, 255, 0.06) !important;\r\n  }\r\n  /deep/ tr {\r\n    background: rgba(79, 218, 255, 0.1) !important;\r\n    height: 48px !important;\r\n  }\r\n}\r\n\r\n// /deep/ .docx p {\r\n//   text-align: center !important;\r\n// }\r\n// /deep/ p.docx_a3 {\r\n//   border-bottom: none !important;\r\n// }\r\n/deep/ .docx p {\r\n  // text-align: unset !important;\r\n  line-height: unset !important;\r\n  text-align: unset !important;\r\n  // text-indent: unset !important;\r\n}\r\n/dee/ .docx img {\r\n  margin: 0 auto !important;\r\n}\r\n/deep/ .docx_normalcharacter > div {\r\n  margin: 0 auto !important;\r\n  text-align: unset !important;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/c2d08af6a3b4c1fc49591b5365d2d28a.json b/node_modules/.cache/vue-loader/c2d08af6a3b4c1fc49591b5365d2d28a.json
new file mode 100644
index 00000000..7e254955
--- /dev/null
+++ b/node_modules/.cache/vue-loader/c2d08af6a3b4c1fc49591b5365d2d28a.json
@@ -0,0 +1 @@
+{"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=style&index=0&id=a83bd3b0&lang=less&scoped=true&","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\index.vue","mtime":1689657980988},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\css-loader\\index.js","mtime":1689642389821},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1689642396087},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\postcss-loader\\src\\index.js","mtime":1689642393431},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\less-loader\\dist\\cjs.js","mtime":1689642392421},{"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\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}\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    // 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    &>div {\r\n      width: 100%;\r\n      background: url(\"../assets/indexN/boxLr.png\") no-repeat;\r\n      background-size: 100% 100%;\r\n      position: relative;\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: 21px;\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\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: 262px;\r\n          display: flex;\r\n          flex-flow: column nowrap;\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,\r\n                    rgb(86, 244, 254),\r\n                    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\r\n      #detailedTwo1 {\r\n        //   width: 100%;\r\n        //   height: calc(100% - 52px);\r\n        width: 100%;\r\n        height: calc(100% - 200px);\r\n      }\r\n\r\n      #horizontalChart {\r\n        //   width: 100%;\r\n        //   height: calc(100% - 52px);\r\n        width: 100%;\r\n        height: calc(100% - 150px);\r\n      }\r\n\r\n      #barCharts {\r\n        //   width: 100%;\r\n        //   height: calc(100% - 52px);\r\n        width: 60%;\r\n        height: calc(100% - 200px);\r\n        position: absolute;\r\n        top: 28%;\r\n        left: 33%;\r\n      }\r\n    }\r\n  }\r\n\r\n  .left1 {\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    &>div {\r\n      width: 100%;\r\n      background: url(\"../assets/indexN/boxLr.png\") no-repeat;\r\n      background-size: 100% 100%;\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: 21px;\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\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: 262px;\r\n          display: flex;\r\n          flex-flow: column nowrap;\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,\r\n                    rgb(86, 244, 254),\r\n                    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\r\n      #detailedTwo1 {\r\n        width: 100%;\r\n        height: calc(100% - 52px);\r\n      }\r\n\r\n      #horizontalChart {\r\n        //   width: 100%;\r\n        //   height: calc(100% - 52px);\r\n        width: 100%;\r\n        height: calc(100% - 200px);\r\n      }\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/地图弹窗三个数据外框.png\") no-repeat;\r\n      background-size: 100%;\r\n      float: right;\r\n      width: 40vh;\r\n      height: 25vh;\r\n      position: relative;\r\n      top: 5vh;\r\n      right: 1vh;\r\n      .contents {\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/弹窗里的小框子.png\") no-repeat;\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            float: left;\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        }\r\n      }\r\n    }\r\n    .imgboxtwo {\r\n      padding: 0 0 0 20px;\r\n      background: url(\"../assets/02/地图弹窗四个内容的框.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        height: 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: 49%;\r\n          list-style: none;\r\n          font-size: 24px;\r\n          color: #fff;\r\n          background: url(\"../assets/02/弹窗里的小框子.png\") no-repeat;\r\n        }\r\n      }\r\n    }\r\n\r\n    .map {\r\n      background: url(\"../assets/indexN/地图.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    }\r\n  }\r\n\r\n\r\n  .right {\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    &>div {\r\n      width: 100%;\r\n      background: url(\"../assets/indexN/boxLr.png\") no-repeat;\r\n      background-size: 100% 100%;\r\n     position: relative;\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: 21px;\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    }\r\n\r\n    .one {\r\n      .top {\r\n        width: 100%;\r\n        height: 10%;\r\n        display: flex;\r\n        justify-content: space-around;\r\n        flex-direction: row;\r\n        align-items: center;\r\n\r\n        .topContent {\r\n          width: 30%;\r\n          display: flex;\r\n          justify-content: flex-start;\r\n          align-items: center;\r\n          white-space: nowrap;\r\n        }\r\n      }\r\n    }\r\n\r\n    #detailedThree {\r\n      width: 100%;\r\n      // height: calc(100% - 52px);\r\n      height: 100%;\r\n    }\r\n\r\n    #detailedTwo {\r\n      width: 100%;\r\n      height: calc(100% - 52px);\r\n    }\r\n\r\n    #detailedFive {\r\n      width: 100%;\r\n      height: calc(100% - 52px);\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    &>div {\r\n      width: 100%;\r\n      background: url(\"../assets/indexN/boxLr.png\") no-repeat;\r\n      background-size: 100% 100%;\r\n    position: relative;\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: 21px;\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    }\r\n//   #detailen {\r\n//       width: 100%;\r\n//       height: 400px;\r\n//     }\r\n    .one {\r\n      .top {\r\n        width: 100%;\r\n        height: 10%;\r\n        display: flex;\r\n        justify-content: space-around;\r\n        flex-direction: row;\r\n        align-items: center;\r\n\r\n        .topContent {\r\n          width: 30%;\r\n          display: flex;\r\n          justify-content: flex-start;\r\n          align-items: center;\r\n          white-space: nowrap;\r\n        }\r\n      }\r\n    }\r\n\r\n    #detailedThree {\r\n      width: 100%;\r\n      // height: calc(100% - 52px);\r\n      height: 100%;\r\n    }\r\n\r\n    #detailedTwo {\r\n      width: 100%;\r\n      height: calc(100% - 52px);\r\n    }\r\n\r\n    #detailedFive {\r\n      width: 100%;\r\n      height: calc(100% - 52px);\r\n    }\r\n  }\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(to bottom,\r\n        rgb(255, 255, 255),\r\n        rgb(123, 247, 245));\r\n         img {\r\n    margin: 20px;\r\n  }\r\n  }\r\n\r\n  //弹窗样式\r\n  .componentShow {\r\n    width: 100%;\r\n    height: 100%;\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    z-index: 111;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: rgba(0, 0, 0, 0.8);\r\n  }\r\n\r\n  .realTimeAlarm {\r\n    width: 517px;\r\n    height: 136px;\r\n    position: fixed;\r\n    left: 0;\r\n    right: 0;\r\n    margin: 0 auto;\r\n    top: 40%;\r\n    background: url(\"../assets/images/realTimeAlarmKuang.png\") no-repeat;\r\n    background-size: 100% 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    .content {\r\n      color: #ffffff;\r\n      width: 75%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-evenly;\r\n      margin-top: 4%;\r\n    }\r\n  }\r\n\r\n  .alarmInformation {\r\n    width: 900px;\r\n    height: 380px;\r\n    position: fixed;\r\n    left: 0;\r\n    right: 0;\r\n    margin: 0 auto;\r\n    top: 28%;\r\n    background: url(\"../assets/images/baojingxinxiKuang.png\") no-repeat;\r\n    background-size: 100% 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n    padding: 10px 13px;\r\n\r\n    ::-webkit-scrollbar {\r\n      display: none;\r\n    }\r\n\r\n    .top {\r\n      height: 10%;\r\n      width: 91%;\r\n      display: flex;\r\n      align-content: flex-start;\r\n      justify-content: space-between;\r\n\r\n      .title {\r\n        font-size: 20px;\r\n        font-weight: 900;\r\n        color: transparent;\r\n        align-items: center;\r\n        display: flex;\r\n        -webkit-background-clip: text;\r\n        background-clip: text;\r\n        background-image: linear-gradient(to bottom,\r\n            rgb(255, 255, 255),\r\n            rgb(86, 244, 254));\r\n      }\r\n    }\r\n\r\n    .content {\r\n      height: 82%;\r\n      width: 100%;\r\n      overflow: auto;\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          height: 48px;\r\n          background: url(\"../assets/images/tableBg.png\") no-repeat;\r\n          background-size: 100% 100%;\r\n        }\r\n\r\n        /deep/ .el-table__header th {\r\n          border: none;\r\n          padding: 0;\r\n          height: 40px;\r\n\r\n          .cell {\r\n            height: 100%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-around;\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          color: #fff !important;\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        }\r\n\r\n        /deep/ .el-table th.el-table__cell>.cell {\r\n          color: #ffffff;\r\n        }\r\n\r\n        /deep/.el-table .el-table__cell {\r\n          padding: 3px 0;\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\r\n        .el-table::before {\r\n          background-color: transparent;\r\n        }\r\n\r\n        ::v-deep .el-table .el-table__body tr.el-table__row td {\r\n          background: rgba(79, 218, 255, 0.1) !important;\r\n        }\r\n\r\n        ::v-deep .el-table--striped .el-table__body tr.el-table__row--striped td {\r\n          background: rgba(79, 218, 255, 0.06) !important;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .dateSelect {\r\n    display: flex;\r\n    font-size: 12px;\r\n    background: url(\"../assets/images/dateKuang.png\") no-repeat;\r\n    background-size: 100% 100%;\r\n    height: 25px;\r\n    width: 61px;\r\n    align-items: center;\r\n  }\r\n\r\n  .active {\r\n    width: 32px;\r\n    height: 25px;\r\n    color: rgb(78, 230, 207);\r\n    background: url(\"../assets/images/dateAction.png\") no-repeat;\r\n    background-size: 100% 100%;\r\n    line-height: 26px;\r\n  }\r\n}\r\n\r\n.suoxiao {\r\n  position: absolute;\r\n  bottom: 0;\r\n  right: 0;\r\n}\r\n\r\n// }\r\n",{"version":3,"sources":["index.vue"],"names":[],"mappings":";AA8+GA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;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;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;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;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGA;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;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;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;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;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;;AAEA;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;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA","file":"index.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n  <div class=\"home\">\r\n    <div class=\"left\" id=\"left\">\r\n      <div class=\"one\" style=\"height: 48%\">\r\n        <div class=\"cartitle\" @click=\"routerTo('盐城地区分布光伏运行监测')\">\r\n            \r\n          <div class=\"titleFont\"> \r\n            <img src=\"./../assets/indexN/标题箭头.png\" alt=\"\" />\r\n            <span>盐城地区分布光伏运行监测</span>\r\n            <img src=\"./../assets/indexN/标题箭头1.png\" alt=\"\" />\r\n            </div>\r\n        </div>\r\n        <div class=\"content\">\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n                <span style=\"font-size: 18px\">户数高渗透率&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.pdxl\">{{ CompanyInfo.pdxl }}</span>\r\n\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\">容量渗透率&nbsp;&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\r\n\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\">能量渗透率&nbsp;&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\r\n\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n        </div>\r\n        <div id=\"detailedTwo1\"></div>\r\n      </div>\r\n      <div class=\"two\" style=\"height: 49%\">\r\n        <div class=\"cartitle\">\r\n          <div class=\"titleFont\"><img src=\"./../assets/indexN/标题箭头.png\" alt=\"\" />\r\n            <span>配网工程全过程物资审计</span>\r\n            <img src=\"./../assets/indexN/标题箭头1.png\" alt=\"\" /></div>\r\n        </div>\r\n        <div class=\"content\" style=\"display:inline\">\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n                <span style=\"font-size: 18px\">项目数&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.pdxl\">{{ CompanyInfo.pdxl }}</span>\r\n\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\">预算费用总和</span>&nbsp;&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\r\n\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\">计划数&nbsp;&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\r\n\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n        </div>\r\n        <div id=\"barCharts\"></div>\r\n      </div>\r\n    </div>\r\n    <div class=\"left1\" id=\"left\">\r\n      <div class=\"one\" style=\"height: 48%\">\r\n        <div class=\"cartitle\">\r\n          <div class=\"titleFont\"><img src=\"./../assets/indexN/标题箭头.png\" alt=\"\" />\r\n            <span>盐都东台区供电所数字化分析</span>\r\n            <img src=\"./../assets/indexN/标题箭头1.png\" alt=\"\" /></div>\r\n        </div>\r\n        <div class=\"content\">\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n                <span style=\"font-size: 18px\">升档配变数量&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.pdxl\">{{ CompanyInfo.pdxl }}</span>\r\n\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\">降档配比数量</span>&nbsp;&nbsp;\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\r\n\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\">负荷关注配变数量&nbsp;&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\r\n\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n        </div>\r\n        <div id=\"horizontalChart\"></div>\r\n      </div>\r\n      <div class=\"two\" style=\"height: 49%\">\r\n        <div class=\"cartitle\">\r\n          <div class=\"titleFont\"><img src=\"./../assets/indexN/标题箭头.png\" alt=\"\" />\r\n            <span>盐城供电公司配网电能质量管控</span>\r\n            <img src=\"./../assets/indexN/标题箭头1.png\" alt=\"\" /></div>\r\n        </div>\r\n        <div class=\"content\">\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n                <span style=\"font-size: 18px\">月供电可靠性&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.pdxl\">{{ CompanyInfo.pdxl }}</span>\r\n\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\">平均停电频次&nbsp;&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\r\n\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\">平均停电时间&nbsp;&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\r\n\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n        </div>\r\n        <div id=\"detailedOne\" style=\"height: calc(100% - 200px)\"></div>\r\n      </div>\r\n    </div>\r\n   <div class=\"middle\" id=\"middle\">\r\n      <div class=\"map\" style=\"height: 100%\">\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 style=\"font-size: 18px\">户数高渗透率</span>\r\n                  <h5 style=\"font-size: 28px; color: 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 style=\"font-size: 18px\">容量渗透率</span>\r\n                  <h5 style=\"font-size: 28px; color: 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 style=\"font-size: 18px\">能量渗透率</span>\r\n                  <h5 style=\"font-size: 28px; color: 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=\"one\" style=\"height: 48%; width: 100%\">\r\n        <div class=\"cartitle\">\r\n          <!-- <div style=\"\r\n              width: 82%;\r\n              display: flex;\r\n              justify-content: space-between;\r\n              align-items: center;\r\n            \"> -->\r\n            <div class=\"titleFont\"><img src=\"./../assets/indexN/标题箭头.png\" alt=\"\" />\r\n            <span>乡村振兴电力综合指数</span>\r\n            <img src=\"./../assets/indexN/标题箭头1.png\" alt=\"\" /></div>\r\n            <!-- <div class=\"dateSelect\">\r\n              <div style=\"text-indent: 15px\" @click=\"handleDate(index)\" :class=\"addColor(index)\"\r\n                v-for=\"(item, index) in dateList\" :key=\"index\">\r\n                {{ item }}\r\n              </div>\r\n            </div> -->\r\n          <!-- </div> -->\r\n        </div>\r\n        <div class=\"top\">\r\n          <div class=\"topContent\" v-for=\"(item, index) in topContent\" :key=\"index\">\r\n            <div style=\"color: #ffffff\">{{ item.name }}</div>\r\n            <div style=\"color: rgb(86, 254, 226); font-size: 22px\">\r\n              {{ item.count }}\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div style=\"height: 90%\" id=\"detailedFive\"></div>\r\n      </div>\r\n      <!-- <div class=\"two\" style=\"height: 340px\">\r\n        <div class=\"cartitle\">\r\n          <div class=\"titleFont\">盐都供电质量统计</div>\r\n        </div>\r\n        <div id=\"detailedTwo\"></div>\r\n      </div> -->\r\n      <div class=\"three\" style=\"height: 48%; width: 100%\">\r\n        <div class=\"cartitle\">\r\n          <div class=\"titleFont\"><img src=\"./../assets/indexN/标题箭头.png\" alt=\"\" />\r\n            <span>两高行业企业污染监测</span>\r\n            <img src=\"./../assets/indexN/标题箭头1.png\" alt=\"\" /></div>\r\n        </div>\r\n        <!-- <div class=\"three-content\">\r\n          <div class=\"three-left\">\r\n            <div id=\"detailedThree\"></div>\r\n          </div>\r\n\r\n          <div class=\"three-right\">\r\n            <ul>\r\n              <li v-for=\"s in gongdanList\" @click=\"openGdDetail(s)\">\r\n                {{ s.gd_type_name }}\r\n                <span style=\"color: #56fee2\">{{ s.total }}</span>\r\n              </li>\r\n            </ul>\r\n          </div>\r\n        </div> -->\r\n         <div class=\"content\" style=\"display:inline\">\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n                <span style=\"font-size: 18px\">项目数&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.pdxl\">{{ CompanyInfo.pdxl }}</span>\r\n\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\">预算费用总和</span>&nbsp;&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\r\n\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\">计划数&nbsp;&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\r\n\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n        </div>\r\n        <div id=\"roseCharts\"></div>\r\n      </div>\r\n    </div>\r\n    <div class=\"right1\" id=\"right\">\r\n      <!-- <div class=\"one\" style=\"height: 635px; width: 100%\"> -->\r\n      <div class=\"one\" style=\"height:48%; width: 100%\">\r\n        <div class=\"cartitle\">\r\n          <!-- <div style=\"\r\n              width: 82%;\r\n              display: flex;\r\n              justify-content: space-between;\r\n              align-items: center;\r\n            \"> -->\r\n            <div class=\"titleFont\"><img src=\"./../assets/indexN/标题箭头.png\" alt=\"\" />\r\n            <span>农村生活污水治理设备电量分析</span>\r\n            <img src=\"./../assets/indexN/标题箭头1.png\" alt=\"\" /></div>\r\n            <!-- <div class=\"dateSelect\">\r\n              <div style=\"text-indent: 15px\" @click=\"handleDate(index)\" :class=\"addColor(index)\"\r\n                v-for=\"(item, index) in dateList\" :key=\"index\">\r\n                {{ item }}\r\n              </div>\r\n            </div> -->\r\n          <!-- </div> -->\r\n        </div>\r\n        <!-- <div class=\"top\">\r\n          <div class=\"topContent\" v-for=\"(item, index) in topContent\" :key=\"index\">\r\n            <div style=\"color: #ffffff\">{{ item.name }}</div>\r\n            <div style=\"color: rgb(86, 254, 226); font-size: 22px\">\r\n              {{ item.count }}\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div style=\"height: 90%\" id=\"detailedFive\"></div> -->\r\n        <div class=\"content\">\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n                <span style=\"font-size: 18px\">户数高渗透率&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.pdxl\">{{ CompanyInfo.pdxl }}</span>\r\n\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\">容量渗透率&nbsp;&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\r\n\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\">能量渗透率&nbsp;&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\r\n\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n         \r\n        </div>\r\n          <div class=\"line\">\r\n            <div class=\"enselect\">\r\n              <img src=\"../assets/02/地区选择下拉菜单.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 class=\"two\" style=\"height: 340px\">\r\n        <div class=\"cartitle\">\r\n          <div class=\"titleFont\">盐都供电质量统计</div>\r\n        </div>\r\n        <div id=\"detailedTwo\"></div>\r\n      </div> -->\r\n      <div class=\"three\" style=\"height: 48%; width: 100%\">\r\n        <div class=\"cartitle\">\r\n          <div class=\"titleFont\"><img src=\"./../assets/indexN/标题箭头.png\" alt=\"\" />\r\n            <span>数字化排涝抗旱辅助及检修辅助决策</span>\r\n            <img src=\"./../assets/indexN/标题箭头1.png\" alt=\"\" /></div>\r\n        </div>\r\n        <div class=\"three-content\">\r\n          <div class=\"three-left\">\r\n            <div id=\"detailedThree\"></div>\r\n          </div>\r\n\r\n          <div class=\"three-right\">\r\n            <ul>\r\n              <li v-for=\"s in gongdanList\" @click=\"openGdDetail(s)\">\r\n                {{ s.gd_type_name }}\r\n                <span style=\"color: #56fee2\">{{ s.total }}</span>\r\n              </li>\r\n            </ul>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"realTimeAlarm\" v-show=\"realTimeAlarmShow\">\r\n      <div class=\"content\">\r\n        <img src=\"../assets/images/baojing.png\" />\r\n        <div>都政线XXX环网柜间隔3发生局部放电故障</div>\r\n      </div>\r\n    </div>\r\n    <div class=\"alarmInformation\" v-show=\"alarmInformationShow\">\r\n      <div class=\"top\">\r\n        <div class=\"title\">报警详情信息</div>\r\n        <div class=\"close\">\r\n          <img @click=\"handleClose\" src=\"@/assets/images/close.png\" style=\"cursor: pointer\" />\r\n        </div>\r\n      </div>\r\n      <div class=\"content\">\r\n        <div class=\"table user_skills\">\r\n          <el-table :data=\"alarmInformationData\" style=\"width: 100%; height: 100%\"\r\n            :header-cell-style=\"{ 'text-align': 'center' }\" :cell-style=\"{ 'text-align': 'center' }\"\r\n            :row-class-name=\"rowClass\">\r\n            <el-table-column label=\"序号\" width=\"100\" align=\"center\">\r\n              <template slot-scope=\"scop\">\r\n                {{ scop.$index + 1 }}\r\n              </template>\r\n            </el-table-column>\r\n            <el-table-column prop=\"cabinet_name\" label=\"告警位置\" align=\"center\">\r\n              <!-- <template slot-scope=\"scope\">\r\n                <div v-html=\"scope.row.name\"></div>\r\n              </template> -->\r\n            </el-table-column>\r\n            <!-- <el-table-column prop=\"name\" label=\"间隔\" align=\"center\">\r\n            </el-table-column> -->\r\n            <el-table-column prop=\"event_desc\" label=\"告警信息\" align=\"center\">\r\n            </el-table-column>\r\n            <el-table-column prop=\"created_at\" label=\"发生时间\" align=\"center\">\r\n            </el-table-column>\r\n          </el-table>\r\n        </div>\r\n      </div>\r\n      <el-pagination @current-change=\"handleCurrentChange\" :current-page=\"page\" :page-size=\"pageSize\"\r\n        layout=\"prev, pager, next\" :total=\"totals\" v-if=\"pageShow\">\r\n      </el-pagination>\r\n    </div>\r\n    <!-- <div style=\"height:40px;width:40px\" class=\"suoxiao\">\r\n        <img src=\"../assets/images/btnFangDa.png\" style=\"height:40px;width:40px\"/>\r\n      </div> -->\r\n    <div class=\"componentShow\" v-if=\"modelOthers\">\r\n      <keep-alive>\r\n        <component :is=\"componentShow\" :ringMainUnit=\"device\"></component>\r\n      </keep-alive>\r\n    </div>\r\n    <!-- 工单统计弹窗 -->\r\n    <div class=\"componentShow\" v-if=\"orderItem != null\">\r\n      <component :is=\"orderShow\" :orderItem=\"orderItem\"></component>\r\n    </div>\r\n\r\n    <!-- 故障跳闸明细 -->\r\n    <div class=\"componentShow\" v-if=\"routeItem != null\">\r\n      <component :is=\"routeShow\" :routeItem=\"routeItem\"></component>\r\n    </div>\r\n\r\n    <!-- 查询配电线路 -->\r\n    <div class=\"componentShow\" style=\"display: block; height: calc(100% - 100px); top: 100px\" v-if=\"lineItem != null\">\r\n      <component :is=\"lineShow\" :lineItem=\"lineItem\"></component>\r\n    </div>\r\n    <audio controls=\"controls\" hidden src=\"../assets/videos/police.wav\" ref=\"audio\"></audio>\r\n  </div>\r\n</template>\r\n\r\n<script>\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// 工单统计弹窗组件\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      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.detailedTwo11()\r\n    this.horizontalChart()\r\n    this.barCharts()\r\n    this.roseCharts()\r\n     this.detailen1();\r\n    // 盐都区供电公司概况\r\n    getCompanyInfo().then((res) => {\r\n      // console.log(res,'....');\r\n      this.CompanyInfo = res.data.data;\r\n    });\r\n\r\n    // 查询总线路\r\n    getLine({ action: \"all\" }).then((res) => {\r\n      if (res.data != \"\") {\r\n        this.options = Object.keys(res.data.data).map((item, index) => {\r\n          return {\r\n            value: res.data.data[index].line_code,\r\n            label: res.data.data[index].line_name,\r\n          };\r\n        });\r\n      }\r\n    });\r\n    //周查询班组\r\n    this.getbanzhu();\r\n    this.timer = window.setInterval(() => {\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    }, 60000);\r\n    //工单统计action:'tongji'\r\n    this.getGongdan();\r\n    this.timer = window.setInterval(() => {\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    }, 60000);\r\n\r\n    //年度查询班组\r\n    getBanzugz({\r\n      action: \"year\",\r\n    }).then((res) => {\r\n      console.log(res, \"年数据\");\r\n      this.dataGzList = res.data.data;\r\n      // console.log(this.dataGzList,'年度查询班组数据');\r\n      for (let i = 0; i < this.dataGzList.length; i++) {\r\n        for (let j = 0; j < res.data.data.length; j++) {\r\n          if (this.dataGzList[i].bz == res.data.data[j].bz) {\r\n            this.dataGzList[i].chbc = res.data.data[j].chbc;\r\n            this.dataGzList[i].chcg = res.data.data[j].chcg;\r\n            this.dataGzList[i].jd = res.data.data[j].jd;\r\n            this.dataGzList[i].total = res.data.data[j].total;\r\n            this.dataGzList[i].wchz = res.data.data[j].wchz;\r\n          }\r\n        }\r\n      }\r\n      this.detailedFour(this.dataGzList);\r\n    });\r\n    //本周故障\r\n    getDwbzgz().then((res) => {\r\n      let dataBzgz = [];\r\n      dataBzgz = res.data.data;\r\n      this.detailedOne(dataBzgz);\r\n    });\r\n    //供电质量统计\r\n    getGdsgdzl().then((res) => {\r\n      let dataGdzl = [];\r\n      dataGdzl = res.data.data;\r\n      //   this.detailedTwo(dataGdzl);\r\n    });\r\n    // //配变停运\r\n    // getPbtyqk({\r\n    //   action:\"week\"\r\n    // }).then((res)=>{\r\n    //   let dataPbty = [];\r\n    //   dataPbty = res.data.data\r\n    //   console.log(dataPbty,'dataPbty');\r\n    //   this.detailedFive(dataPbty);\r\n    //   let dataPb = [];\r\n    //   let dataCf = [];\r\n    //   let dataCfl = [];\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    //     dataCfl.push(dataPbty[i].pbcftyl)\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    this.handleDate(0);\r\n    let that = this;\r\n    window.addEventListener(\"message\", function (e) {\r\n      var res = e.data;\r\n      if (res.val != null) {\r\n        that.modelOthers = true;\r\n        that.componentShow = \"ringMainUnit\";\r\n        that.device = res.val;\r\n      }\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    getfaultReportList(faultData).then((res) => {\r\n      // this.alarmInformationData = res.data.data.data;\r\n    });\r\n    window.setInterval(() => {\r\n      let endDate = this.$moment(new Date()).format(\"YYYY-MM-DD HH:mm:ss\");\r\n      let startDate = this.$moment(new Date())\r\n        .subtract(1, \"h\")\r\n        .format(\"YYYY-MM-DD HH:mm:ss\");\r\n      let cabData = {\r\n        token: localStorage.getItem(\"token\"),\r\n        pageSize: 50,\r\n        page: 1,\r\n        sn: \"\",\r\n        startDate: startDate,\r\n        endDate: endDate,\r\n        confirm: \"\",\r\n      };\r\n      getCabinetAlarmList(cabData).then((res) => {\r\n        let event_desc = ''\r\n        if (res.data.data.data != null) {\r\n          res.data.data.data.forEach((item, index) => {\r\n            if (item.event_desc.indexOf(\"开关\") != -1) {\r\n              event_desc = item.event_desc.replace('开关', '间隔')\r\n            } else {\r\n              event_desc = item.event_desc\r\n            }\r\n          });\r\n          this.emergencyList = res.data.data.data.filter(item => {\r\n            return item.event_desc.indexOf(\"通讯状态\") == -1\r\n          });\r\n          this.emergencyList.forEach((item, index) => {\r\n            item.event_desc = event_desc\r\n          });\r\n          this.totals = this.emergencyList.length;\r\n          let dataList = this.emergencyList;\r\n          if (dataList.length != 0) {\r\n            this.rowTime = dataList[0].created_at;\r\n          } else {\r\n            return false;\r\n          }\r\n        }\r\n      });\r\n    }, 10000);\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    routerTo(data) {\r\n      if (data == '盐城地区分布光伏运行监测') {\r\n        this.$router.push(\"/stationBuilding\");\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          },\r\n        ],\r\n        series: [\r\n          {\r\n            name: \"关联电网事故\",\r\n            type: \"bar\",\r\n            itemStyle: {\r\n              color: \"#00ffff\", // 柱状图颜色\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: \"yellow\", // 柱状图颜色\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    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    // beginShowing() {\r\n    //   this.$nextTick(function () {\r\n    //     // 文档显示区域的高度 - 表格距离浏览器顶部的距离 - 表格距离浏览器底部的距离\r\n    //     if (this.$refs.tableBox && this.$refs.tableBox.$el.offsetTop) {\r\n    //       this.tableHeight =\r\n    //         window.innerHeight - this.$refs.tableBox.$el.offsetTop - 300;\r\n    //       this.$refs.tableBox.doLayout();\r\n    //       this.roll();\r\n    //     }\r\n    //   });\r\n    // },\r\n    // roll() {\r\n    //   // 拿到表格挂载后的真实DOM\r\n    //   const table = this.$refs.tableBox;\r\n    //   // 拿到表格中承载数据的div元素\r\n    //   const bodyWrapper = table.bodyWrapper;\r\n    //   // 拿到元素后，对元素进行定时增加距离顶部距离，实现滚动效果(这里配置为每100毫秒移动1像素)\r\n    //   this.myTimer = setInterval(() => {\r\n    //     // 元素自增距离顶部1像素\r\n    //     bodyWrapper.scrollTop++;\r\n    //     // 判断元素是否滚动到底部(可视高度+距离顶部=元素内容的整个高度包括溢出的不可见内容)\r\n    //     if (\r\n    //       bodyWrapper.clientHeight + bodyWrapper.scrollTop ===\r\n    //       bodyWrapper.scrollHeight\r\n    //     ) {\r\n    //       // 重置table距离顶部距离\r\n    //       bodyWrapper.scrollTop = 0;\r\n    //     }\r\n    //   }, 100);\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(dataBzgz) {\r\n      let dataList = [];\r\n      let newArr = [20, 20, 20, 20, 20, 20, 20, 20, 20, 20];\r\n      let dataDw = [];\r\n      for (let i = 0; i < dataBzgz.length; i++) {\r\n        dataList.push(dataBzgz[i].gzcs);\r\n        dataDw.push(dataBzgz[i].dw);\r\n      }\r\n\r\n      let myChart = this.$echarts.init(document.getElementById(\"detailedOne\"));\r\n      var option = {\r\n        tooltip: {\r\n          show: true,\r\n          trigger: \"axis\",\r\n          axisPointer: {\r\n            type: \"shadow\",\r\n          },\r\n        },\r\n        grid: {\r\n          top: \"18%\",\r\n          left: \"5%\",\r\n          right: \"3%\",\r\n          bottom: \"5%\",\r\n          containLabel: true,\r\n        },\r\n\r\n        xAxis: [\r\n          {\r\n            type: \"category\",\r\n            data: dataDw,\r\n            axisTick: {\r\n              show: false,\r\n              alignWithLabel: true,\r\n            },\r\n            axisLabel: {\r\n              color: \"#ffffff\",\r\n              interval: 0,\r\n              fontSize: 16,\r\n            },\r\n            axisLine: {\r\n              show: false, //隐藏X轴轴线\r\n              lineStyle: {\r\n                color: \"#01FCE3\",\r\n              },\r\n            },\r\n          },\r\n        ],\r\n        yAxis: [\r\n          {\r\n            name: \"单位：次\",\r\n            type: \"value\",\r\n            data: [0, 2, 4, 6, 8, 10],\r\n            nameTextStyle: {\r\n              color: \"#ffffff\",\r\n              // padding:[25,0,0,0]\r\n              fontSize: 16,\r\n            },\r\n            axisLabel: {\r\n              color: \"#ffffff\",\r\n            },\r\n            splitLine: {\r\n              show: true,\r\n              lineStyle: {\r\n                type: \"solid\",\r\n                // color: 'rgba(66, 192, 255, .3)',\r\n                color: \"rgba(102,102,102,0.6)\",\r\n                width: 1,\r\n                // color: 'red'\r\n                fontSize: 16,\r\n              },\r\n            },\r\n            splitArea: {\r\n              show: false,\r\n            },\r\n          },\r\n        ],\r\n        series: [\r\n          // {\r\n          //   type: \"bar\",\r\n          //   barWidth: 22,\r\n          //   itemStyle: {\r\n          //     normal: {\r\n          //       label: {\r\n          //         fontSize: 14,\r\n          //         formatter(params) {\r\n          //           for (let i = 0; i < dataList.length; i++) {\r\n          //             if (params.dataIndex == i) {\r\n          //               return dataDw[i] + \"\\n\" + \"\\n\" + dataList[i];\r\n          //             }\r\n          //           }\r\n          //         },\r\n          //         show: true,\r\n          //         position: \"top\",\r\n          //         color: \"#ffffff\",\r\n          //       },\r\n          //       color: \"none\",\r\n          //     },\r\n          //   },\r\n          //   silent: true,\r\n          //   // barGap: \"-100%\",\r\n          //   data: newArr,\r\n          // },\r\n          {\r\n            name: \"\",\r\n            type: \"bar\",\r\n            barWidth: 30,\r\n            itemStyle: {\r\n              color: (params) => {\r\n                // console.log(params, '数据');\r\n                let colorList = [\r\n                  new this.$echarts.graphic.LinearGradient(0, 1, 0, 0, [\r\n                    { offset: 0, color: \"rgba(23,74,100,0.6)\" },\r\n                    { offset: 1, color: \"rgb(86,254,226)\" },\r\n                  ]),\r\n                  new this.$echarts.graphic.LinearGradient(0, 1, 0, 0, [\r\n                    {\r\n                      offset: 0,\r\n                      color: \"rgba(237,125,49,.2)\",\r\n                    },\r\n                    {\r\n                      offset: 1,\r\n                      color: \"rgba(237,125,49,1)\",\r\n                    },\r\n                  ]),\r\n                ];\r\n                if (params.name == \"盐都\") {\r\n                  return colorList[1];\r\n                } else {\r\n                  return colorList[0];\r\n                }\r\n              },\r\n              fontSize: 16,\r\n            },\r\n            data: dataList,\r\n            label: {\r\n              show: true,\r\n              position: \"top\",\r\n              fontStyle: \"normal\",\r\n              fontWeight: \"normal\",\r\n              color: \"#ffffff\",\r\n            },\r\n            //  z: -1,\r\n            // //不同系列的柱间距离，为百分比,如果想要两个系列的柱子重叠，可以设置 barGap 为 '-100%'。\r\n            // barGap: '-100%',\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(dataGdzl) {\r\n      let gdsList = [];\r\n      let xlcczList = [];\r\n      let pbcczList = [];\r\n      let ddyList = [];\r\n      for (let i = 0; i < dataGdzl.length; i++) {\r\n        gdsList.push(dataGdzl[i].gds);\r\n        xlcczList.push(dataGdzl[i].xlccz);\r\n        pbcczList.push(dataGdzl[i].pbccz);\r\n        ddyList.push(dataGdzl[i].ddy);\r\n      }\r\n      let that = this;\r\n      var myChart = this.$echarts.init(document.getElementById(\"detailedTwo1\"));\r\n      var option = {\r\n        //  animation: true,\r\n        // animationDuration: 20000,\r\n        tooltip: {\r\n          trigger: \"axis\",\r\n          axisPointer: {\r\n            type: \"cross\",\r\n            label: {\r\n              backgroundColor: \"#6a7985\",\r\n            },\r\n          },\r\n        },\r\n        grid: {\r\n          left: \"4%\",\r\n          right: \"4%\",\r\n          bottom: \"5%\",\r\n          top: \"15%\",\r\n          containLabel: true,\r\n        },\r\n        legend: {\r\n          top: 10,\r\n          icon: \"rect\",\r\n          right: 25,\r\n          data: [\"线路重超载\", \"配变重超载\", \"低电压\"],\r\n          textStyle: {\r\n            color: \"#fff\",\r\n            fontSize: 16,\r\n          },\r\n        },\r\n        xAxis: {\r\n          type: \"category\",\r\n          data: gdsList,\r\n          axisLine: {\r\n            //  改变x轴颜色\r\n            lineStyle: {\r\n              color: \"none\",\r\n            },\r\n          },\r\n          axisLabel: {\r\n            //  改变x轴字体颜色和大小\r\n            interval: 0,\r\n            textStyle: {\r\n              color: \"#ffffff\",\r\n              fontSize: 16,\r\n            },\r\n          },\r\n          splitLine: {\r\n            show: false,\r\n            lineStyle: {\r\n              color: [\"#315070\"],\r\n              width: 1,\r\n              type: \"solid\",\r\n            },\r\n          },\r\n        },\r\n        yAxis: {\r\n          type: \"value\",\r\n          axisLine: {\r\n            //  改变y轴颜色\r\n            show: false,\r\n            lineStyle: {\r\n              color: \"none\",\r\n            },\r\n          },\r\n          axisLabel: {\r\n            //  改变y轴字体颜色和大小\r\n            //formatter: '{value} m³ ', //  给y轴添加单位\r\n            textStyle: {\r\n              color: \"#ffffff\",\r\n              fontSize: 16,\r\n            },\r\n          },\r\n          axisTick: {\r\n            show: false,\r\n          },\r\n          splitLine: {\r\n            show: true,\r\n            lineStyle: {\r\n              color: [\"#315070\"],\r\n              width: 1,\r\n              type: \"solid\",\r\n            },\r\n          },\r\n        },\r\n        series: [\r\n          {\r\n            type: \"line\",\r\n            smooth: true,\r\n            symbol: \"circle\",\r\n            symbolSize: 7,\r\n            markPoint: {\r\n              symbol: \"circle\",\r\n            },\r\n            name: \"线路重超载\",\r\n            data: xlcczList,\r\n            itemStyle: {\r\n              normal: {\r\n                color: \"#3D7EEB\",\r\n                borderColor: \"#3D7EEB\",\r\n                borderWidth: 2,\r\n              },\r\n            },\r\n            lineStyle: {\r\n              normal: {\r\n                width: 2,\r\n                color: \"#327BFA\",\r\n                shadowColor: \"#327BFA\",\r\n                shadowBlur: 10,\r\n              },\r\n            },\r\n            areaStyle: {\r\n              color: {\r\n                type: \"linear\",\r\n                x: 0,\r\n                y: 0,\r\n                x2: 0,\r\n                y2: 1,\r\n                colorStops: [\r\n                  {\r\n                    offset: 0.5,\r\n                    color: \"rgba(61,126,235,0.5)\", // 0% 处的颜色\r\n                  },\r\n                  {\r\n                    offset: 1,\r\n                    color: \"rgba(61,126,235,0)\", // 100% 处的颜色\r\n                  },\r\n                ],\r\n                global: false, // 缺省为 false\r\n              },\r\n            },\r\n          },\r\n          {\r\n            type: \"line\",\r\n            smooth: true,\r\n            symbol: \"circle\",\r\n            symbolSize: 7,\r\n            markPoint: {\r\n              symbol: \"circle\",\r\n            },\r\n            data: pbcczList,\r\n            name: \"配变重超载\",\r\n            itemStyle: {\r\n              normal: {\r\n                color: \"#17D8A1\",\r\n                borderColor: \"#17D8A1\",\r\n                borderWidth: 2,\r\n              },\r\n            },\r\n            lineStyle: {\r\n              normal: {\r\n                width: 2,\r\n                color: \"#17D8A1\",\r\n                shadowColor: \"#17D8A1\",\r\n                shadowBlur: 10,\r\n              },\r\n            },\r\n            areaStyle: {\r\n              color: {\r\n                type: \"linear\",\r\n                x: 0,\r\n                y: 0,\r\n                x2: 0,\r\n                y2: 1,\r\n                colorStops: [\r\n                  {\r\n                    offset: 0.5,\r\n                    color: \"rgba(23,216,161,0.5)\", // 0% 处的颜色\r\n                  },\r\n                  {\r\n                    offset: 1,\r\n                    color: \"rgba(23,216,161,0)\", // 100% 处的颜色\r\n                  },\r\n                ],\r\n                global: false, // 缺省为 false\r\n              },\r\n            },\r\n          },\r\n          {\r\n            type: \"line\",\r\n            smooth: true,\r\n            symbol: \"circle\",\r\n            symbolSize: 7,\r\n            markPoint: {\r\n              symbol: \"circle\",\r\n            },\r\n            data: ddyList,\r\n            name: \"低电压\",\r\n            itemStyle: {\r\n              normal: {\r\n                color: \"#F4C907\",\r\n                borderColor: \"#F4C907\",\r\n                borderWidth: 2,\r\n              },\r\n            },\r\n            lineStyle: {\r\n              normal: {\r\n                width: 2,\r\n                color: \"#F4C907\",\r\n                shadowColor: \"#F4C907\",\r\n                shadowBlur: 10,\r\n              },\r\n            },\r\n            areaStyle: {\r\n              color: {\r\n                type: \"linear\",\r\n                x: 0,\r\n                y: 0,\r\n                x2: 0,\r\n                y2: 1,\r\n                colorStops: [\r\n                  {\r\n                    offset: 0.5,\r\n                    color: \"rgba(106,117,79,1)\", // 0% 处的颜色\r\n                  },\r\n                  {\r\n                    offset: 1,\r\n                    color: \"rgba(106,117,79,0)\", // 100% 处的颜色\r\n                  },\r\n                ],\r\n                global: false, // 缺省为 false\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\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: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']\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            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            splitLine: {\r\n              show: true,\r\n              lineStyle: {\r\n                color: '#11366e',\r\n                type: \"dashed\",\r\n              }\r\n            }\r\n          },\r\n          // {\r\n          // \ttype : 'value',\r\n          // \tname : '浏览量',\r\n          // \tmin:0,\r\n          // \tmax:1000,\r\n          // \taxisLabel : {\r\n          // \t\tformatter: '{value} 人',\r\n          // \t\ttextStyle:{\r\n          // \t\t\tcolor:'#186afe'\r\n          // \t\t}\r\n          // \t},\r\n          // \taxisLine:{\r\n          // \t\tlineStyle:{\r\n          // \t\t\tcolor:'#186afe'\r\n          // \t\t}\r\n          // \t},\r\n          // \taxisTick:{\r\n          //     \tshow:false,\r\n          //     },\r\n          // \tsplitLine:{\r\n          // \t\tshow:true,\r\n          // \t\tlineStyle:{\r\n          // \t\t\tcolor:'#11366e'\r\n          // \t\t}\r\n          // \t}\r\n          // }\r\n        ],\r\n        series: [\r\n          // {\r\n          // \tname:'已采纳',\r\n          // \ttype:'line',\r\n          // \tstack: '总量',\r\n          // \tsymbol:'circle',\r\n          // \tsymbolSize: 8,\r\n          //     itemStyle: {\r\n          //         normal: {\r\n          // \t\t\tcolor:'#0092f6',\r\n          //             lineStyle: {\r\n          // \t\t\t\tcolor: \"#0092f6\",\r\n          // \t\t\t\twidth:1\r\n          //             },\r\n          //             areaStyle: { \r\n          // \t\t\t\tcolor: '#94C9EC'\r\n          // \t\t\t\t// color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{\r\n          // \t\t\t\t// \toffset: 0,\r\n          // \t\t\t\t// \tcolor: 'rgba(7,44,90,0.3)'\r\n          // \t\t\t\t// }, {\r\n          // \t\t\t\t// \toffset: 1,\r\n          // \t\t\t\t// \tcolor: 'rgba(0,146,246,0.9)'\r\n          // \t\t\t\t// }]),\r\n          //             }\r\n          //         }\r\n          // \t},\r\n          // \tmarkPoint:{\r\n          // \t\titemStyle:{\r\n          // \t\t\tnormal:{\r\n          // \t\t\t\tcolor:'red'\r\n          // \t\t\t}\r\n          // \t\t}\r\n          // \t},\r\n          // \tdata:[120, 132, 101, 134, 90, 230, 210, 182, 191, 234, 290, 330]\r\n          // },\r\n          {\r\n            name: '已发布',\r\n            type: 'line',\r\n            stack: '总量',\r\n            symbol: 'circle',\r\n            symbolSize: 8,\r\n\r\n            itemStyle: {\r\n              normal: {\r\n                color: '#00d4c7',\r\n                lineStyle: {\r\n                  color: \"#00d4c7\",\r\n                  width: 1\r\n                },\r\n                // areaStyle: { \r\n                // \tcolor: '#94C9EC'\r\n                // \t// color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{\r\n                // \t// \toffset: 0,\r\n                // \t// \tcolor: 'rgba(7,44,90,0.3)'\r\n                // \t// }, {\r\n                // \t// \toffset: 1,\r\n                // \t// \tcolor: 'rgba(0,212,199,0.9)'\r\n                // \t// }]),\r\n                // }\r\n              }\r\n            },\r\n            data: [220, 182, 191, 234, 290, 330, 310, 201, 154, 190, 330, 410]\r\n          },\r\n          // {\r\n          // \tname:'浏览量',\r\n          // \ttype:'line',\r\n          // \tstack: '总量',\r\n          // \tsymbol:'circle',\r\n          // \tsymbolSize: 8,\r\n          //     itemStyle: {\r\n          //         normal: {\r\n          //             color: '#aecb56',\r\n          //             lineStyle: {\r\n          // \t\t\t\tcolor: \"#aecb56\",\r\n          // \t\t\t\twidth:1\r\n          //             },\r\n          //             areaStyle: { \r\n          // \t\t\t\tcolor: '#94C9EC'\r\n          // \t\t\t\t// color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{\r\n          // \t\t\t\t// \toffset: 0,\r\n          // \t\t\t\t// \tcolor: 'rgba(7,44,90,0.3)'\r\n          // \t\t\t\t// }, {\r\n          // \t\t\t\t// \toffset: 1,\r\n          // \t\t\t\t// \tcolor: 'rgba(114,144,89,0.9)'\r\n          // \t\t\t\t// }]),\r\n          //             }\r\n          //         }\r\n          // \t},\r\n          // \tdata:[150, 232, 201, 154, 190, 330, 410,150, 232, 201, 154, 190]\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(document.getElementById(\"horizontalChart\"));\r\n      const CubeLeft = this.$echarts.graphic.extendShape({\r\n        shape: {\r\n          x: 0,\r\n          y: 0\r\n        },\r\n        buildPath: function (ctx, shape) {\r\n          console.log(ctx, shape);\r\n          const yAxisPoint = shape.yAxisPoint\r\n          const c0 = [shape.x, shape.y]\r\n          const c1 = [shape.x + 9, shape.y - 9]\r\n          const c2 = [yAxisPoint[0] + 9, yAxisPoint[1] - 9]\r\n          const c3 = [yAxisPoint[0], yAxisPoint[1]]\r\n          ctx.moveTo(c0[0], c0[1]).lineTo(c1[0], c1[1]).lineTo(c2[0], c2[1]).lineTo(c3[0], c3[1]).closePath()\r\n        }\r\n      })\r\n      const CubeRight = this.$echarts.graphic.extendShape({\r\n        shape: {\r\n          x: 0,\r\n          y: 0\r\n        },\r\n        buildPath: function (ctx, shape) {\r\n          const yAxisPoint = shape.yAxisPoint\r\n          const c1 = [shape.x, shape.y]\r\n          const c2 = [yAxisPoint[0], yAxisPoint[1]]\r\n          const c3 = [yAxisPoint[0] + 9, yAxisPoint[1] + 18]\r\n          const c4 = [shape.x + 9, shape.y + 18]\r\n          ctx.moveTo(c1[0], c1[1]).lineTo(c2[0], c2[1]).lineTo(c3[0], c3[1]).lineTo(c4[0], c4[1]).closePath()\r\n        }\r\n      })\r\n      const CubeTop = this.$echarts.graphic.extendShape({\r\n        shape: {\r\n          x: 0,\r\n          y: 0\r\n        },\r\n        buildPath: function (ctx, shape) {\r\n          const c1 = [shape.x, shape.y]\r\n          const c2 = [shape.x + 9, shape.y + 18]\r\n          const c3 = [shape.x + 18, shape.y + 9]\r\n          const c4 = [shape.x + 9, shape.y - 9]\r\n          ctx.moveTo(c1[0], c1[1]).lineTo(c2[0], c2[1]).lineTo(c3[0], c3[1]).lineTo(c4[0], c4[1]).closePath()\r\n        }\r\n      })\r\n      this.$echarts.graphic.registerShape('CubeLeft', CubeLeft)\r\n      this.$echarts.graphic.registerShape('CubeRight', CubeRight)\r\n      this.$echarts.graphic.registerShape('CubeTop', CubeTop)\r\n      const MAX = [6000, 6000, 6000, 6000, 6000]\r\n      const VALUE = [2012, 1230, 3790, 2349, 1654]\r\n      const NAMES = ['德州', '德城区', '陵城区', '禹城市', '乐陵市'];\r\n      var option = {\r\n        title: {\r\n          text: '',\r\n          top: 32,\r\n          left: 18,\r\n          textStyle: {\r\n            color: '#00F6FF',\r\n            fontSize: 24\r\n          }\r\n        },\r\n        grid: {\r\n          left: 20,\r\n          right: 40,\r\n          bottom: '19%',\r\n          top: 107,\r\n          containLabel: true\r\n        },\r\n        yAxis: {\r\n          type: 'category',\r\n          data: NAMES,\r\n          axisLine: {\r\n            show: false,\r\n            lineStyle: {\r\n              color: 'white'\r\n            }\r\n          },\r\n          offset: 20,\r\n          axisTick: {\r\n            show: false,\r\n            length: 9,\r\n            alignWithLabel: true,\r\n            lineStyle: {\r\n              color: '#7DFFFD'\r\n            }\r\n          },\r\n          axisLabel: {\r\n            fontSize: 10\r\n          }\r\n        },\r\n        xAxis: {\r\n          type: 'value',\r\n          axisLine: {\r\n            show: false,\r\n            lineStyle: {\r\n              color: 'white'\r\n            }\r\n          },\r\n          splitLine: {\r\n            show: false\r\n          },\r\n          axisTick: {\r\n            show: false\r\n          },\r\n          axisLabel: {\r\n            show: false,\r\n            fontSize: 16\r\n          },\r\n          boundaryGap: ['20%', '20%']\r\n        },\r\n        series: [{\r\n          type: 'custom',\r\n          renderItem: function (params, api) {\r\n            const location = api.coord([api.value(0), api.value(1)])\r\n            return {\r\n              type: 'group',\r\n              children: [{\r\n                type: 'CubeLeft',\r\n                shape: {\r\n                  api,\r\n                  xValue: api.value(0),\r\n                  yValue: api.value(1),\r\n                  x: location[0],\r\n                  y: location[1],\r\n                  yAxisPoint: api.coord([0, api.value(1)])\r\n                },\r\n                style: {\r\n                  fill: 'rgba(7,29,97,.6)'\r\n                }\r\n              }, {\r\n                type: 'CubeRight',\r\n                shape: {\r\n                  api,\r\n                  xValue: api.value(0),\r\n                  yValue: api.value(1),\r\n                  x: location[0],\r\n                  y: location[1],\r\n                  yAxisPoint: api.coord([0, api.value(1)])\r\n                },\r\n                style: {\r\n                  fill: 'rgba(10,35,108,.7)'\r\n                }\r\n              }, {\r\n                type: 'CubeTop',\r\n                shape: {\r\n                  api,\r\n                  xValue: api.value(0),\r\n                  yValue: api.value(1),\r\n                  x: location[0],\r\n                  y: location[1],\r\n                  yAxisPoint: api.coord([0, api.value(1)])\r\n                },\r\n                style: {\r\n                  fill: 'rgba(11,42,106,.8)'\r\n                }\r\n              }]\r\n            }\r\n          },\r\n          data: MAX\r\n        },\r\n        {\r\n          type: 'custom',\r\n          renderItem: (params, api) => {\r\n            const location = api.coord([api.value(0), api.value(1)])\r\n            return {\r\n              type: 'group',\r\n              children: [{\r\n                type: 'CubeLeft',\r\n                shape: {\r\n                  api,\r\n                  xValue: api.value(0),\r\n                  yValue: api.value(1),\r\n                  x: location[0],\r\n                  y: location[1],\r\n                  yAxisPoint: api.coord([0, api.value(1)])\r\n                },\r\n                // style: {\r\n                //     fill: new echarts.graphic.LinearGradient(1, 0, 0, 0, [{\r\n                //             offset: 0,\r\n                //             color: '#3B80E2'\r\n                //         },\r\n                //         {\r\n                //             offset: 1,\r\n                //             color: '#49BEE5'\r\n                //         }\r\n                //     ])\r\n                // }\r\n              }, {\r\n                type: 'CubeRight',\r\n                shape: {\r\n                  api,\r\n                  xValue: api.value(0),\r\n                  yValue: api.value(1),\r\n                  x: location[0],\r\n                  y: location[1],\r\n                  yAxisPoint: api.coord([0, api.value(1)])\r\n                },\r\n                // style: {\r\n                //     fill: new echarts.graphic.LinearGradient(1, 0, 0, 0, [{\r\n                //             offset: 0,\r\n                //             color: '#3B80E2'\r\n                //         },\r\n                //         {\r\n                //             offset: 1,\r\n                //             color: '#49BEE5'\r\n                //         }\r\n                //     ])\r\n                // }\r\n              }, {\r\n                type: 'CubeTop',\r\n                shape: {\r\n                  api,\r\n                  xValue: api.value(0),\r\n                  yValue: api.value(1),\r\n                  x: location[0],\r\n                  y: location[1],\r\n                  yAxisPoint: api.coord([0, api.value(1)])\r\n                },\r\n                // style: {\r\n                //     fill: new echarts.graphic.LinearGradient(1, 0, 0, 0, [{\r\n                //             offset: 0,\r\n                //             color: '#3B80E2'\r\n                //         },\r\n                //         {\r\n                //             offset: 1,\r\n                //             color: '#49BEE5'\r\n                //         }\r\n                //     ])\r\n                // }\r\n              }]\r\n            }\r\n          },\r\n          data: VALUE\r\n        },\r\n        {\r\n          type: 'bar',\r\n          label: {\r\n            normal: {\r\n              show: true,\r\n              position: 'right',\r\n              formatter: (e) => {\r\n                switch (e.name) {\r\n                  case '10kV线路':\r\n                    return VALUE[0]\r\n                  case '公用配变':\r\n                    return VALUE[1]\r\n                  case '35kV主变':\r\n                    return VALUE[2]\r\n                  case '水':\r\n\r\n                }\r\n              },\r\n              fontSize: 16,\r\n              color: '#fff',\r\n              offset: [25, 4]\r\n            }\r\n          },\r\n          itemStyle: {\r\n            color: 'transparent'\r\n          },\r\n          data: MAX\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}% <br/> {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          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            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          ],\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      };\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: [\"#EAEA26\", \"#906BF9\", \"#FE5656\", \"#01E17E\", \"#3DD1F9\", \"#FFAD05\"],\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        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            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        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            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        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                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      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(dataPbty) {\r\n      let dataListx = [];\r\n      let dataPb = [];\r\n      let dataGz = [];\r\n      let dataCf = [];\r\n      for (let i = 0; i < dataPbty.length; i++) {\r\n        dataListx.push(dataPbty[i].gds);\r\n        dataGz.push(dataPbty[i].gztytc);\r\n        dataPb.push(dataPbty[i].pbsl);\r\n        dataCf.push(dataPbty[i].cftytc);\r\n      }\r\n      var datacoords = [];\r\n      var datacoords1 = [];\r\n      for (var i = 0; i < dataListx.length; i++) {\r\n        datacoords.push([\r\n          {\r\n            coord: [i, dataGz[i]],\r\n          },\r\n          {\r\n            coord: [i + 1, dataGz[i + 1]],\r\n          },\r\n        ]);\r\n      }\r\n      for (var i = 0; i < dataListx.length; i++) {\r\n        datacoords1.push([\r\n          {\r\n            coord: [i, dataCf[i]],\r\n          },\r\n          {\r\n            coord: [i + 1, dataCf[i + 1]],\r\n          },\r\n        ]);\r\n      }\r\n      let that = this;\r\n      let myChart = this.$echarts.init(document.getElementById(\"detailedFive\"));\r\n      var option = {\r\n        animation: true, //控制动画示否开启\r\n        animationDuration: 2000,\r\n        animationEasing: \"bounceOut\", //缓动动画\r\n        animationThreshold: 8, //动画元素的阈值\r\n        grid: {\r\n          top: \"15%\",\r\n          bottom: \"30%\", //也可设置left和right设置距离来控制图表的大小\r\n        },\r\n        tooltip: {\r\n          trigger: \"axis\",\r\n          axisPointer: {\r\n            type: \"shadow\",\r\n            label: {\r\n              show: true,\r\n            },\r\n          },\r\n        },\r\n        legend: {\r\n          data: [\"配变数量\", \"故障停运\", \"重复停运\"],\r\n          top: \"0%\",\r\n          //  icon:'roundRect',\r\n          //  itemHeight:2, // 粗细\r\n          textStyle: {\r\n            color: \"#ffffff\",\r\n          },\r\n        },\r\n        xAxis: {\r\n          data: dataListx,\r\n          axisLine: {\r\n            show: false, //隐藏X轴轴线\r\n            lineStyle: {\r\n              color: \"#01FCE3\",\r\n            },\r\n          },\r\n          axisTick: {\r\n            show: false, //隐藏X轴刻度\r\n          },\r\n          axisLabel: {\r\n            show: true,\r\n            interval: 0,\r\n            textStyle: {\r\n              color: \"#ffffff\", //X轴文字颜色\r\n              fontSize: \"16px\",\r\n            },\r\n          },\r\n        },\r\n        yAxis: [\r\n          {\r\n            type: \"value\",\r\n            name: \"配变数量\",\r\n            nameTextStyle: {\r\n              color: \"#ffffff\",\r\n              padding: [0, 30, 0, 0],\r\n            },\r\n            splitLine: {\r\n              show: false,\r\n            },\r\n            axisTick: {\r\n              show: false,\r\n            },\r\n            axisLine: {\r\n              show: false,\r\n              lineStyle: {\r\n                color: \"#FFFFFF\",\r\n              },\r\n            },\r\n            axisLabel: {\r\n              show: true,\r\n              interval: 0,\r\n              textStyle: {\r\n                color: \"#ffffff\",\r\n              },\r\n            },\r\n          },\r\n          {\r\n            type: \"value\",\r\n            name: \"停运台次\",\r\n            nameTextStyle: {\r\n              color: \"#ffffff\",\r\n            },\r\n            position: \"right\",\r\n            splitLine: {\r\n              show: false,\r\n            },\r\n            axisTick: {\r\n              show: false,\r\n            },\r\n            axisLine: {\r\n              show: false,\r\n            },\r\n            axisLabel: {\r\n              show: true,\r\n\r\n              // formatter: \"{value} %\", //右侧Y轴文字显示\r\n              textStyle: {\r\n                color: \"#ffffff\",\r\n              },\r\n            },\r\n          },\r\n          {\r\n            type: \"value\",\r\n            gridIndex: 0,\r\n            min: 50,\r\n            max: 100,\r\n            splitNumber: 8,\r\n            splitLine: {\r\n              show: false,\r\n            },\r\n            axisLine: {\r\n              show: false,\r\n            },\r\n            axisTick: {\r\n              show: false,\r\n            },\r\n            axisLabel: {\r\n              show: false,\r\n            },\r\n            splitArea: {\r\n              show: true,\r\n              areaStyle: {\r\n                color: [\"rgba(250,250,250,0.0)\", \"rgba(250,250,250,0.05)\"],\r\n              },\r\n            },\r\n          },\r\n        ],\r\n        series: [\r\n          {\r\n            name: \"故障停运\",\r\n            type: \"line\",\r\n            yAxisIndex: 1, //使用的 y 轴的 index，在单个图表实例中存在多个 y轴的时候有用\r\n            smooth: false, //平滑曲线显示\r\n            showAllSymbol: true, //显示所有图形。\r\n            shadowOffsetX: 0, // 折线的X偏移\r\n            shadowOffsetY: 10, // 折线的Y偏移\r\n            symbol: \"circle\", //标记的图形为实心圆\r\n            symbolSize: 1, //标记的大小\r\n            itemStyle: {\r\n              //折线拐点标志的样式\r\n              color: \"rgb(237,125,49)\",\r\n            },\r\n            lineStyle: {\r\n              color: \"rgb(237,125,49)\",\r\n            },\r\n            // areaStyle: {\r\n            //   show:false,\r\n            //   color: \"rgba(5,140,255, 0.2)\",\r\n            // },\r\n            emphasis: {\r\n              focus: \"series\",\r\n            },\r\n            data: dataGz,\r\n          },\r\n          {\r\n            showSymbol: false,\r\n            name: \"故障停运\",\r\n            type: \"lines\",\r\n            yAxisIndex: 1,\r\n            polyline: true,\r\n            smooth: false,\r\n            coordinateSystem: \"cartesian2d\",\r\n            zlevel: 1,\r\n            effect: {\r\n              show: true,\r\n              smooth: false,\r\n              period: 6,\r\n              trailLenth: 0.1,\r\n              symbolSize: 6,\r\n              symbol: \"circle\",\r\n            },\r\n            lineStyle: {\r\n              color: \"#fff\",\r\n              width: 1,\r\n              opacity: 0,\r\n              curveness: 0,\r\n              cap: \"round\",\r\n            },\r\n            data: datacoords,\r\n          },\r\n          {\r\n            name: \"重复停运\",\r\n            type: \"line\",\r\n            yAxisIndex: 1, //使用的 y 轴的 index，在单个图表实例中存在多个 y轴的时候有用\r\n            smooth: false, //平滑曲线显示\r\n            shadowOffsetX: 0, // 折线的X偏移\r\n            shadowOffsetY: 10, // 折线的Y偏移\r\n            showAllSymbol: true, //显示所有图形。\r\n            symbol: \"circle\", //标记的图形为实心圆\r\n            symbolSize: 1, //标记的大小\r\n            itemStyle: {\r\n              //折线拐点标志的样式\r\n              show: false,\r\n              color: \"#058cff\",\r\n            },\r\n            lineStyle: {\r\n              show: false,\r\n              color: \"#058cff\",\r\n            },\r\n            // areaStyle: {\r\n            //   show:false,\r\n            //   color: \"rgba(5,140,255, 0.2)\",\r\n            // },\r\n            data: dataCf,\r\n          },\r\n          {\r\n            showSymbol: false,\r\n            name: \"重复停运\",\r\n            type: \"lines\",\r\n            yAxisIndex: 1,\r\n            polyline: true,\r\n            smooth: false,\r\n            coordinateSystem: \"cartesian2d\",\r\n            zlevel: 1,\r\n            effect: {\r\n              show: true,\r\n              smooth: false,\r\n              period: 6,\r\n              trailLenth: 0.1,\r\n              symbolSize: 6,\r\n              symbol: \"circle\",\r\n            },\r\n            lineStyle: {\r\n              color: \"#fff\",\r\n              width: 1,\r\n              opacity: 0,\r\n              curveness: 0,\r\n              cap: \"round\",\r\n            },\r\n            data: datacoords1,\r\n          },\r\n          {\r\n            name: \"配变数量\",\r\n            type: \"bar\",\r\n            barWidth: 15,\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              },\r\n            },\r\n            data: dataPb,\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</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}\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    // 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    &>div {\r\n      width: 100%;\r\n      background: url(\"../assets/indexN/boxLr.png\") no-repeat;\r\n      background-size: 100% 100%;\r\n      position: relative;\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: 21px;\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\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: 262px;\r\n          display: flex;\r\n          flex-flow: column nowrap;\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,\r\n                    rgb(86, 244, 254),\r\n                    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\r\n      #detailedTwo1 {\r\n        //   width: 100%;\r\n        //   height: calc(100% - 52px);\r\n        width: 100%;\r\n        height: calc(100% - 200px);\r\n      }\r\n\r\n      #horizontalChart {\r\n        //   width: 100%;\r\n        //   height: calc(100% - 52px);\r\n        width: 100%;\r\n        height: calc(100% - 150px);\r\n      }\r\n\r\n      #barCharts {\r\n        //   width: 100%;\r\n        //   height: calc(100% - 52px);\r\n        width: 60%;\r\n        height: calc(100% - 200px);\r\n        position: absolute;\r\n        top: 28%;\r\n        left: 33%;\r\n      }\r\n    }\r\n  }\r\n\r\n  .left1 {\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    &>div {\r\n      width: 100%;\r\n      background: url(\"../assets/indexN/boxLr.png\") no-repeat;\r\n      background-size: 100% 100%;\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: 21px;\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\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: 262px;\r\n          display: flex;\r\n          flex-flow: column nowrap;\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,\r\n                    rgb(86, 244, 254),\r\n                    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\r\n      #detailedTwo1 {\r\n        width: 100%;\r\n        height: calc(100% - 52px);\r\n      }\r\n\r\n      #horizontalChart {\r\n        //   width: 100%;\r\n        //   height: calc(100% - 52px);\r\n        width: 100%;\r\n        height: calc(100% - 200px);\r\n      }\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/地图弹窗三个数据外框.png\") no-repeat;\r\n      background-size: 100%;\r\n      float: right;\r\n      width: 40vh;\r\n      height: 25vh;\r\n      position: relative;\r\n      top: 5vh;\r\n      right: 1vh;\r\n      .contents {\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/弹窗里的小框子.png\") no-repeat;\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            float: left;\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        }\r\n      }\r\n    }\r\n    .imgboxtwo {\r\n      padding: 0 0 0 20px;\r\n      background: url(\"../assets/02/地图弹窗四个内容的框.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        height: 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: 49%;\r\n          list-style: none;\r\n          font-size: 24px;\r\n          color: #fff;\r\n          background: url(\"../assets/02/弹窗里的小框子.png\") no-repeat;\r\n        }\r\n      }\r\n    }\r\n\r\n    .map {\r\n      background: url(\"../assets/indexN/地图.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    }\r\n  }\r\n\r\n\r\n  .right {\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    &>div {\r\n      width: 100%;\r\n      background: url(\"../assets/indexN/boxLr.png\") no-repeat;\r\n      background-size: 100% 100%;\r\n     position: relative;\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: 21px;\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    }\r\n\r\n    .one {\r\n      .top {\r\n        width: 100%;\r\n        height: 10%;\r\n        display: flex;\r\n        justify-content: space-around;\r\n        flex-direction: row;\r\n        align-items: center;\r\n\r\n        .topContent {\r\n          width: 30%;\r\n          display: flex;\r\n          justify-content: flex-start;\r\n          align-items: center;\r\n          white-space: nowrap;\r\n        }\r\n      }\r\n    }\r\n\r\n    #detailedThree {\r\n      width: 100%;\r\n      // height: calc(100% - 52px);\r\n      height: 100%;\r\n    }\r\n\r\n    #detailedTwo {\r\n      width: 100%;\r\n      height: calc(100% - 52px);\r\n    }\r\n\r\n    #detailedFive {\r\n      width: 100%;\r\n      height: calc(100% - 52px);\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    &>div {\r\n      width: 100%;\r\n      background: url(\"../assets/indexN/boxLr.png\") no-repeat;\r\n      background-size: 100% 100%;\r\n    position: relative;\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: 21px;\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    }\r\n//   #detailen {\r\n//       width: 100%;\r\n//       height: 400px;\r\n//     }\r\n    .one {\r\n      .top {\r\n        width: 100%;\r\n        height: 10%;\r\n        display: flex;\r\n        justify-content: space-around;\r\n        flex-direction: row;\r\n        align-items: center;\r\n\r\n        .topContent {\r\n          width: 30%;\r\n          display: flex;\r\n          justify-content: flex-start;\r\n          align-items: center;\r\n          white-space: nowrap;\r\n        }\r\n      }\r\n    }\r\n\r\n    #detailedThree {\r\n      width: 100%;\r\n      // height: calc(100% - 52px);\r\n      height: 100%;\r\n    }\r\n\r\n    #detailedTwo {\r\n      width: 100%;\r\n      height: calc(100% - 52px);\r\n    }\r\n\r\n    #detailedFive {\r\n      width: 100%;\r\n      height: calc(100% - 52px);\r\n    }\r\n  }\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(to bottom,\r\n        rgb(255, 255, 255),\r\n        rgb(123, 247, 245));\r\n         img {\r\n    margin: 20px;\r\n  }\r\n  }\r\n\r\n  //弹窗样式\r\n  .componentShow {\r\n    width: 100%;\r\n    height: 100%;\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    z-index: 111;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: rgba(0, 0, 0, 0.8);\r\n  }\r\n\r\n  .realTimeAlarm {\r\n    width: 517px;\r\n    height: 136px;\r\n    position: fixed;\r\n    left: 0;\r\n    right: 0;\r\n    margin: 0 auto;\r\n    top: 40%;\r\n    background: url(\"../assets/images/realTimeAlarmKuang.png\") no-repeat;\r\n    background-size: 100% 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    .content {\r\n      color: #ffffff;\r\n      width: 75%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-evenly;\r\n      margin-top: 4%;\r\n    }\r\n  }\r\n\r\n  .alarmInformation {\r\n    width: 900px;\r\n    height: 380px;\r\n    position: fixed;\r\n    left: 0;\r\n    right: 0;\r\n    margin: 0 auto;\r\n    top: 28%;\r\n    background: url(\"../assets/images/baojingxinxiKuang.png\") no-repeat;\r\n    background-size: 100% 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n    padding: 10px 13px;\r\n\r\n    ::-webkit-scrollbar {\r\n      display: none;\r\n    }\r\n\r\n    .top {\r\n      height: 10%;\r\n      width: 91%;\r\n      display: flex;\r\n      align-content: flex-start;\r\n      justify-content: space-between;\r\n\r\n      .title {\r\n        font-size: 20px;\r\n        font-weight: 900;\r\n        color: transparent;\r\n        align-items: center;\r\n        display: flex;\r\n        -webkit-background-clip: text;\r\n        background-clip: text;\r\n        background-image: linear-gradient(to bottom,\r\n            rgb(255, 255, 255),\r\n            rgb(86, 244, 254));\r\n      }\r\n    }\r\n\r\n    .content {\r\n      height: 82%;\r\n      width: 100%;\r\n      overflow: auto;\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          height: 48px;\r\n          background: url(\"../assets/images/tableBg.png\") no-repeat;\r\n          background-size: 100% 100%;\r\n        }\r\n\r\n        /deep/ .el-table__header th {\r\n          border: none;\r\n          padding: 0;\r\n          height: 40px;\r\n\r\n          .cell {\r\n            height: 100%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-around;\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          color: #fff !important;\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        }\r\n\r\n        /deep/ .el-table th.el-table__cell>.cell {\r\n          color: #ffffff;\r\n        }\r\n\r\n        /deep/.el-table .el-table__cell {\r\n          padding: 3px 0;\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\r\n        .el-table::before {\r\n          background-color: transparent;\r\n        }\r\n\r\n        ::v-deep .el-table .el-table__body tr.el-table__row td {\r\n          background: rgba(79, 218, 255, 0.1) !important;\r\n        }\r\n\r\n        ::v-deep .el-table--striped .el-table__body tr.el-table__row--striped td {\r\n          background: rgba(79, 218, 255, 0.06) !important;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .dateSelect {\r\n    display: flex;\r\n    font-size: 12px;\r\n    background: url(\"../assets/images/dateKuang.png\") no-repeat;\r\n    background-size: 100% 100%;\r\n    height: 25px;\r\n    width: 61px;\r\n    align-items: center;\r\n  }\r\n\r\n  .active {\r\n    width: 32px;\r\n    height: 25px;\r\n    color: rgb(78, 230, 207);\r\n    background: url(\"../assets/images/dateAction.png\") no-repeat;\r\n    background-size: 100% 100%;\r\n    line-height: 26px;\r\n  }\r\n}\r\n\r\n.suoxiao {\r\n  position: absolute;\r\n  bottom: 0;\r\n  right: 0;\r\n}\r\n\r\n// }\r\n</style>\r\n<style lang=\"less\" scoped>\r\n.three {\r\n  .three-content {\r\n    width: 100%;\r\n    height: calc(100% - 52px);\r\n    display: flex;\r\n\r\n    .three-left {\r\n      width: 40%;\r\n      height: 100%;\r\n    }\r\n\r\n    .three-right {\r\n      width: 60%;\r\n      height: 100%;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n\r\n      ul {\r\n        width: 100%;\r\n\r\n        li {\r\n          width: 164px;\r\n          height: 41px;\r\n          margin-top: 15px;\r\n          background-image: url(../assets/images/pieBorder.png);\r\n          float: left;\r\n          color: #fff;\r\n          line-height: 41px;\r\n          font-size: 18px;\r\n        }\r\n\r\n        li:nth-child(2n) {\r\n          margin-left: 10px;\r\n        }\r\n      }\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: 262px;\r\n          display: flex;\r\n          flex-flow: column nowrap;\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,\r\n                    rgb(86, 244, 254),\r\n                    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      }\r\n        #roseCharts {\r\n        //   width: 100%;\r\n        //   height: calc(100% - 52px);\r\n        width: 60%;\r\n        height: calc(100% - 200px);\r\n        position: absolute;\r\n        top: 28%;\r\n        left: 33%;\r\n      }\r\n    \r\n}\r\n\r\n.selectChange {\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n\r\n  .el-select {\r\n    margin-left: -44px;\r\n\r\n    /deep/ .el-input__inner {\r\n      background: url(\"../assets/images/selectCard.png\") no-repeat;\r\n      background-size: 100% 100%;\r\n      border: none;\r\n      padding-left: 58px;\r\n    }\r\n\r\n    /deep/ .el-input__prefix,\r\n    /deep/ .el-input__suffix {\r\n      position: absolute;\r\n      top: 0;\r\n      -webkit-transition: all 0.3s;\r\n      height: 100%;\r\n      text-align: center;\r\n      margin-right: 17px;\r\n    }\r\n\r\n    /deep/ .el-input__inner::-webkit-input-placeholder {\r\n      color: rgb(78, 230, 207); // 初始化的文字颜色\r\n    }\r\n\r\n    /deep/ .el-input__inner {\r\n      color: rgb(78, 230, 207);\r\n    }\r\n  }\r\n}\r\n\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</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/c4ff39c2257ccaa939a62e3fdb3068d0.json b/node_modules/.cache/vue-loader/c4ff39c2257ccaa939a62e3fdb3068d0.json
new file mode 100644
index 00000000..6c72702f
--- /dev/null
+++ b/node_modules/.cache/vue-loader/c4ff39c2257ccaa939a62e3fdb3068d0.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\stationBuilding.vue?vue&type=style&index=0&id=878d5e44&lang=less&scoped=true&","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\stationBuilding.vue","mtime":1689642397096},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\css-loader\\index.js","mtime":1689642389821},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1689642396087},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\postcss-loader\\src\\index.js","mtime":1689642393431},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\less-loader\\dist\\cjs.js","mtime":1689642392421},{"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\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/地图弹窗三个数据外框.png\") no-repeat;\r\n      background-size: 100%;\r\n      float: right;\r\n      width: 40vh;\r\n      height: 25vh;\r\n      position: relative;\r\n      top: 5vh;\r\n      right: 1vh;\r\n      .contents {\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/弹窗里的小框子.png\") no-repeat;\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            float: left;\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        }\r\n      }\r\n    }\r\n    .imgboxtwo {\r\n      padding: 0 0 0 20px;\r\n      background: url(\"../assets/02/地图弹窗四个内容的框.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        height: 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: 49%;\r\n          list-style: none;\r\n          font-size: 24px;\r\n          color: #fff;\r\n          background: url(\"../assets/02/弹窗里的小框子.png\") no-repeat;\r\n        }\r\n      }\r\n    }\r\n\r\n    .map {\r\n      background: url(\"../assets/indexN/地图.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    }\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",{"version":3,"sources":["stationBuilding.vue"],"names":[],"mappings":";AAs1BA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;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;;AAEA;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;;AAEA;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;;AAEA;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;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA","file":"stationBuilding.vue","sourceRoot":"src/views","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/标题箭头.png\" alt=\"\" />\r\n            <span>光伏台账</span>\r\n            <img src=\"./../assets/indexN/标题箭头1.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/标题箭头.png\" alt=\"\" />\r\n            <span>上网功率</span>\r\n            <img src=\"./../assets/indexN/标题箭头1.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/标题箭头.png\" alt=\"\" />\r\n            <span>配变负载率TOP5</span>\r\n            <img src=\"./../assets/indexN/标题箭头1.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        <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 style=\"font-size: 18px\">户数高渗透率</span>\r\n                  <h5 style=\"font-size: 28px; color: 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 style=\"font-size: 18px\">容量渗透率</span>\r\n                  <h5 style=\"font-size: 28px; color: 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 style=\"font-size: 18px\">能量渗透率</span>\r\n                  <h5 style=\"font-size: 28px; color: 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/标题箭头.png\" alt=\"\" />\r\n            <span>分布式光伏电量</span>\r\n            <img src=\"./../assets/indexN/标题箭头1.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/地区选择下拉菜单.png\" alt=\"\" />\r\n              <span>用户:</span>\r\n              <img src=\"../assets/02/地区选择下拉菜单.png\" alt=\"\" />\r\n              <span>范围:</span>\r\n              <img src=\"../assets/02/地区选择下拉菜单.png\" alt=\"\" />\r\n              <span>日期:</span>\r\n              <img src=\"../assets/02/地区选择下拉菜单.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/标题箭头.png\" alt=\"\" />\r\n            <span>能量/容量</span>\r\n            <img src=\"./../assets/indexN/标题箭头1.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/地区选择下拉菜单.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/标题箭头.png\" alt=\"\" />\r\n            <span>渗透率统计</span>\r\n            <img src=\"./../assets/indexN/标题箭头1.png\" alt=\"\" />\r\n          </div>\r\n        </div>\r\n        <div class=\"content\">\r\n          <div class=\"line\">\r\n            <!-- <div class=\"total\">\r\n              <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n                <span style=\"font-size: 18px\">户数高渗透率&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.pdxl\">{{ CompanyInfo.pdxl }}</span>\r\n\r\n              </div>\r\n            </div> -->\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    <!-- <div style=\"height:40px;width:40px\" class=\"suoxiao\">\r\n        <img src=\"../assets/images/btnFangDa.png\" style=\"height:40px;width:40px\"/>\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// 工单统计弹窗组件\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      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.detailedTwo11();\r\n    this.detailedTwo22();\r\n    this.detailqe1();\r\n    this.detailen1();\r\n  },\r\n  methods: {\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 fontColor = \"#30eee9\";\r\n      var myChart = this.$echarts.init(document.getElementById(\"detailedTwo2\"));\r\n      var option = {\r\n        grid: {\r\n          left: \"3%\",\r\n          right: \"4%\",\r\n          bottom: \"3%\",\r\n          containLabel: true,\r\n        },\r\n        xAxis: {\r\n          type: \"value\",\r\n          show: false,\r\n        },\r\n        yAxis: {\r\n          type: \"category\",\r\n          axisLine: {\r\n            lineStyle: {\r\n              color: \"#206489\",\r\n            },\r\n          },\r\n          axisLabel: {\r\n            color: \"#fff\",\r\n            fontSize: \"18\",\r\n          },\r\n          axisLine: {\r\n            show: false,\r\n          },\r\n          axisTick: {\r\n            show: false,\r\n            alignWithLabel: true,\r\n          },\r\n          splitArea: { show: false },\r\n          data: [\"No.5\", \"No.4\", \"No.3\", \"No.2\", \"No.1\"],\r\n        },\r\n        series: [\r\n          {\r\n            name: \"Direct\",\r\n            type: \"bar\",\r\n            stack: \"total\",\r\n            barWidth: 10,\r\n            label: {\r\n              show: true,\r\n            },\r\n            emphasis: {\r\n              focus: \"series\",\r\n            },\r\n            data: [320, 302, 310, 299, 288],\r\n          },\r\n          {\r\n            name: \"Mail Ad\",\r\n            type: \"bar\",\r\n            stack: \"total\",\r\n            barWidth: 10,\r\n\r\n            label: {\r\n              show: true,\r\n            },\r\n            emphasis: {\r\n              focus: \"series\",\r\n            },\r\n            data: [99, 88, 100, 101, 97],\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            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          },\r\n        ],\r\n        series: [\r\n          {\r\n            name: \"关联电网事故\",\r\n            type: \"bar\",\r\n            itemStyle: {\r\n              color: \"#00ffff\", // 柱状图颜色\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: \"yellow\", // 柱状图颜色\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/地图弹窗三个数据外框.png\") no-repeat;\r\n      background-size: 100%;\r\n      float: right;\r\n      width: 40vh;\r\n      height: 25vh;\r\n      position: relative;\r\n      top: 5vh;\r\n      right: 1vh;\r\n      .contents {\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/弹窗里的小框子.png\") no-repeat;\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            float: left;\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        }\r\n      }\r\n    }\r\n    .imgboxtwo {\r\n      padding: 0 0 0 20px;\r\n      background: url(\"../assets/02/地图弹窗四个内容的框.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        height: 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: 49%;\r\n          list-style: none;\r\n          font-size: 24px;\r\n          color: #fff;\r\n          background: url(\"../assets/02/弹窗里的小框子.png\") no-repeat;\r\n        }\r\n      }\r\n    }\r\n\r\n    .map {\r\n      background: url(\"../assets/indexN/地图.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    }\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/表格标题行.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/表格其他行.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/表格框.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"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/c5acb007fc88f0d4c1904f35ba3f2561.json b/node_modules/.cache/vue-loader/c5acb007fc88f0d4c1904f35ba3f2561.json
new file mode 100644
index 00000000..15936762
--- /dev/null
+++ b/node_modules/.cache/vue-loader/c5acb007fc88f0d4c1904f35ba3f2561.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--12-0!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??ref--6!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\index.vue?vue&type=template&id=a83bd3b0&scoped=true&","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\index.vue","mtime":1689657980988},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\babel.config.js","mtime":1689642387810},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1689642389292},{"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\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1689642396087},{"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":["import \"core-js/modules/es6.function.name\";\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"home\"\n  }, [_c(\"div\", {\n    staticClass: \"left\",\n    attrs: {\n      id: \"left\"\n    }\n  }, [_c(\"div\", {\n    staticClass: \"one\",\n    staticStyle: {\n      height: \"48%\"\n    }\n  }, [_c(\"div\", {\n    staticClass: \"cartitle\",\n    on: {\n      click: function click($event) {\n        return _vm.routerTo(\"盐城地区分布光伏运行监测\");\n      }\n    }\n  }, [_vm._m(0)]), _c(\"div\", {\n    staticClass: \"content\"\n  }, [_c(\"div\", {\n    staticClass: \"line\"\n  }, [_c(\"div\", {\n    staticClass: \"total\"\n  }, [_c(\"div\", {\n    staticClass: \"num\",\n    on: {\n      click: function click($event) {\n        return _vm.openLineDetail(_vm.CompanyInfo.pdxl);\n      }\n    }\n  }, [_c(\"span\", {\n    staticStyle: {\n      \"font-size\": \"18px\"\n    }\n  }, [_vm._v(\"户数高渗透率 \")]), _c(\"span\", {\n    staticClass: \"numText\",\n    staticStyle: {\n      \"font-size\": \"45px\",\n      \"font-weight\": \"600\",\n      \"-webkit-background-clip\": \"text\",\n      \"background-clip\": \"text\",\n      \"background-image\": \"linear-gradient(\"\n    },\n    attrs: {\n      text: _vm.CompanyInfo.pdxl\n    }\n  }, [_vm._v(_vm._s(_vm.CompanyInfo.pdxl))])])])]), _c(\"div\", {\n    staticClass: \"line\"\n  }, [_c(\"div\", {\n    staticClass: \"total\"\n  }, [_c(\"div\", {\n    staticClass: \"num\"\n  }, [_c(\"span\", {\n    staticStyle: {\n      \"font-size\": \"18px\"\n    }\n  }, [_vm._v(\"容量渗透率  \")]), _c(\"span\", {\n    staticClass: \"numText\",\n    staticStyle: {\n      \"font-size\": \"45px\",\n      \"font-weight\": \"600\",\n      \"-webkit-background-clip\": \"text\",\n      \"background-clip\": \"text\",\n      \"background-image\": \"linear-gradient(\"\n    },\n    attrs: {\n      text: _vm.CompanyInfo.xlcd\n    }\n  }, [_vm._v(_vm._s(_vm.CompanyInfo.xlcd))])])])]), _c(\"div\", {\n    staticClass: \"line\"\n  }, [_c(\"div\", {\n    staticClass: \"total\"\n  }, [_c(\"div\", {\n    staticClass: \"num\"\n  }, [_c(\"span\", {\n    staticStyle: {\n      \"font-size\": \"18px\"\n    }\n  }, [_vm._v(\"能量渗透率  \")]), _c(\"span\", {\n    staticClass: \"numText\",\n    staticStyle: {\n      \"font-size\": \"45px\",\n      \"font-weight\": \"600\",\n      \"-webkit-background-clip\": \"text\",\n      \"background-clip\": \"text\",\n      \"background-image\": \"linear-gradient(\"\n    },\n    attrs: {\n      text: _vm.CompanyInfo.xlcd\n    }\n  }, [_vm._v(_vm._s(_vm.CompanyInfo.xlcd))])])])])]), _c(\"div\", {\n    attrs: {\n      id: \"detailedTwo1\"\n    }\n  })]), _c(\"div\", {\n    staticClass: \"two\",\n    staticStyle: {\n      height: \"49%\"\n    }\n  }, [_vm._m(1), _c(\"div\", {\n    staticClass: \"content\",\n    staticStyle: {\n      display: \"inline\"\n    }\n  }, [_c(\"div\", {\n    staticClass: \"line\"\n  }, [_c(\"div\", {\n    staticClass: \"total\"\n  }, [_c(\"div\", {\n    staticClass: \"num\",\n    on: {\n      click: function click($event) {\n        return _vm.openLineDetail(_vm.CompanyInfo.pdxl);\n      }\n    }\n  }, [_c(\"span\", {\n    staticStyle: {\n      \"font-size\": \"18px\"\n    }\n  }, [_vm._v(\"项目数 \")]), _c(\"span\", {\n    staticClass: \"numText\",\n    staticStyle: {\n      \"font-size\": \"45px\",\n      \"font-weight\": \"600\",\n      \"-webkit-background-clip\": \"text\",\n      \"background-clip\": \"text\",\n      \"background-image\": \"linear-gradient(\"\n    },\n    attrs: {\n      text: _vm.CompanyInfo.pdxl\n    }\n  }, [_vm._v(_vm._s(_vm.CompanyInfo.pdxl))])])])]), _c(\"div\", {\n    staticClass: \"line\"\n  }, [_c(\"div\", {\n    staticClass: \"total\"\n  }, [_c(\"div\", {\n    staticClass: \"num\"\n  }, [_c(\"span\", {\n    staticStyle: {\n      \"font-size\": \"18px\"\n    }\n  }, [_vm._v(\"预算费用总和\")]), _vm._v(\"  \"), _c(\"span\", {\n    staticClass: \"numText\",\n    staticStyle: {\n      \"font-size\": \"45px\",\n      \"font-weight\": \"600\",\n      \"-webkit-background-clip\": \"text\",\n      \"background-clip\": \"text\",\n      \"background-image\": \"linear-gradient(\"\n    },\n    attrs: {\n      text: _vm.CompanyInfo.xlcd\n    }\n  }, [_vm._v(_vm._s(_vm.CompanyInfo.xlcd))])])])]), _c(\"div\", {\n    staticClass: \"line\"\n  }, [_c(\"div\", {\n    staticClass: \"total\"\n  }, [_c(\"div\", {\n    staticClass: \"num\"\n  }, [_c(\"span\", {\n    staticStyle: {\n      \"font-size\": \"18px\"\n    }\n  }, [_vm._v(\"计划数  \")]), _c(\"span\", {\n    staticClass: \"numText\",\n    staticStyle: {\n      \"font-size\": \"45px\",\n      \"font-weight\": \"600\",\n      \"-webkit-background-clip\": \"text\",\n      \"background-clip\": \"text\",\n      \"background-image\": \"linear-gradient(\"\n    },\n    attrs: {\n      text: _vm.CompanyInfo.xlcd\n    }\n  }, [_vm._v(_vm._s(_vm.CompanyInfo.xlcd))])])])])]), _c(\"div\", {\n    attrs: {\n      id: \"barCharts\"\n    }\n  })])]), _c(\"div\", {\n    staticClass: \"left1\",\n    attrs: {\n      id: \"left\"\n    }\n  }, [_c(\"div\", {\n    staticClass: \"one\",\n    staticStyle: {\n      height: \"48%\"\n    }\n  }, [_vm._m(2), _c(\"div\", {\n    staticClass: \"content\"\n  }, [_c(\"div\", {\n    staticClass: \"line\"\n  }, [_c(\"div\", {\n    staticClass: \"total\"\n  }, [_c(\"div\", {\n    staticClass: \"num\",\n    on: {\n      click: function click($event) {\n        return _vm.openLineDetail(_vm.CompanyInfo.pdxl);\n      }\n    }\n  }, [_c(\"span\", {\n    staticStyle: {\n      \"font-size\": \"18px\"\n    }\n  }, [_vm._v(\"升档配变数量 \")]), _c(\"span\", {\n    staticClass: \"numText\",\n    staticStyle: {\n      \"font-size\": \"45px\",\n      \"font-weight\": \"600\",\n      \"-webkit-background-clip\": \"text\",\n      \"background-clip\": \"text\",\n      \"background-image\": \"linear-gradient(\"\n    },\n    attrs: {\n      text: _vm.CompanyInfo.pdxl\n    }\n  }, [_vm._v(_vm._s(_vm.CompanyInfo.pdxl))])])])]), _c(\"div\", {\n    staticClass: \"line\"\n  }, [_c(\"div\", {\n    staticClass: \"total\"\n  }, [_c(\"div\", {\n    staticClass: \"num\"\n  }, [_c(\"span\", {\n    staticStyle: {\n      \"font-size\": \"18px\"\n    }\n  }, [_vm._v(\"降档配比数量\")]), _vm._v(\"  \\n              \"), _c(\"span\", {\n    staticClass: \"numText\",\n    staticStyle: {\n      \"font-size\": \"45px\",\n      \"font-weight\": \"600\",\n      \"-webkit-background-clip\": \"text\",\n      \"background-clip\": \"text\",\n      \"background-image\": \"linear-gradient(\"\n    },\n    attrs: {\n      text: _vm.CompanyInfo.xlcd\n    }\n  }, [_vm._v(_vm._s(_vm.CompanyInfo.xlcd))])])])]), _c(\"div\", {\n    staticClass: \"line\"\n  }, [_c(\"div\", {\n    staticClass: \"total\"\n  }, [_c(\"div\", {\n    staticClass: \"num\"\n  }, [_c(\"span\", {\n    staticStyle: {\n      \"font-size\": \"18px\"\n    }\n  }, [_vm._v(\"负荷关注配变数量  \")]), _c(\"span\", {\n    staticClass: \"numText\",\n    staticStyle: {\n      \"font-size\": \"45px\",\n      \"font-weight\": \"600\",\n      \"-webkit-background-clip\": \"text\",\n      \"background-clip\": \"text\",\n      \"background-image\": \"linear-gradient(\"\n    },\n    attrs: {\n      text: _vm.CompanyInfo.xlcd\n    }\n  }, [_vm._v(_vm._s(_vm.CompanyInfo.xlcd))])])])])]), _c(\"div\", {\n    attrs: {\n      id: \"horizontalChart\"\n    }\n  })]), _c(\"div\", {\n    staticClass: \"two\",\n    staticStyle: {\n      height: \"49%\"\n    }\n  }, [_vm._m(3), _c(\"div\", {\n    staticClass: \"content\"\n  }, [_c(\"div\", {\n    staticClass: \"line\"\n  }, [_c(\"div\", {\n    staticClass: \"total\"\n  }, [_c(\"div\", {\n    staticClass: \"num\",\n    on: {\n      click: function click($event) {\n        return _vm.openLineDetail(_vm.CompanyInfo.pdxl);\n      }\n    }\n  }, [_c(\"span\", {\n    staticStyle: {\n      \"font-size\": \"18px\"\n    }\n  }, [_vm._v(\"月供电可靠性 \")]), _c(\"span\", {\n    staticClass: \"numText\",\n    staticStyle: {\n      \"font-size\": \"45px\",\n      \"font-weight\": \"600\",\n      \"-webkit-background-clip\": \"text\",\n      \"background-clip\": \"text\",\n      \"background-image\": \"linear-gradient(\"\n    },\n    attrs: {\n      text: _vm.CompanyInfo.pdxl\n    }\n  }, [_vm._v(_vm._s(_vm.CompanyInfo.pdxl))])])])]), _c(\"div\", {\n    staticClass: \"line\"\n  }, [_c(\"div\", {\n    staticClass: \"total\"\n  }, [_c(\"div\", {\n    staticClass: \"num\"\n  }, [_c(\"span\", {\n    staticStyle: {\n      \"font-size\": \"18px\"\n    }\n  }, [_vm._v(\"平均停电频次  \")]), _c(\"span\", {\n    staticClass: \"numText\",\n    staticStyle: {\n      \"font-size\": \"45px\",\n      \"font-weight\": \"600\",\n      \"-webkit-background-clip\": \"text\",\n      \"background-clip\": \"text\",\n      \"background-image\": \"linear-gradient(\"\n    },\n    attrs: {\n      text: _vm.CompanyInfo.xlcd\n    }\n  }, [_vm._v(_vm._s(_vm.CompanyInfo.xlcd))])])])]), _c(\"div\", {\n    staticClass: \"line\"\n  }, [_c(\"div\", {\n    staticClass: \"total\"\n  }, [_c(\"div\", {\n    staticClass: \"num\"\n  }, [_c(\"span\", {\n    staticStyle: {\n      \"font-size\": \"18px\"\n    }\n  }, [_vm._v(\"平均停电时间  \")]), _c(\"span\", {\n    staticClass: \"numText\",\n    staticStyle: {\n      \"font-size\": \"45px\",\n      \"font-weight\": \"600\",\n      \"-webkit-background-clip\": \"text\",\n      \"background-clip\": \"text\",\n      \"background-image\": \"linear-gradient(\"\n    },\n    attrs: {\n      text: _vm.CompanyInfo.xlcd\n    }\n  }, [_vm._v(_vm._s(_vm.CompanyInfo.xlcd))])])])])]), _c(\"div\", {\n    staticStyle: {\n      height: \"calc(100% - 200px)\"\n    },\n    attrs: {\n      id: \"detailedOne\"\n    }\n  })])]), _vm._m(4), _c(\"div\", {\n    staticClass: \"right\",\n    attrs: {\n      id: \"right\"\n    }\n  }, [_c(\"div\", {\n    staticClass: \"one\",\n    staticStyle: {\n      height: \"48%\",\n      width: \"100%\"\n    }\n  }, [_vm._m(5), _c(\"div\", {\n    staticClass: \"top\"\n  }, _vm._l(_vm.topContent, function (item, index) {\n    return _c(\"div\", {\n      key: index,\n      staticClass: \"topContent\"\n    }, [_c(\"div\", {\n      staticStyle: {\n        color: \"#ffffff\"\n      }\n    }, [_vm._v(_vm._s(item.name))]), _c(\"div\", {\n      staticStyle: {\n        color: \"rgb(86, 254, 226)\",\n        \"font-size\": \"22px\"\n      }\n    }, [_vm._v(\"\\n            \" + _vm._s(item.count) + \"\\n          \")])]);\n  }), 0), _c(\"div\", {\n    staticStyle: {\n      height: \"90%\"\n    },\n    attrs: {\n      id: \"detailedFive\"\n    }\n  })]), _c(\"div\", {\n    staticClass: \"three\",\n    staticStyle: {\n      height: \"48%\",\n      width: \"100%\"\n    }\n  }, [_vm._m(6), _c(\"div\", {\n    staticClass: \"content\",\n    staticStyle: {\n      display: \"inline\"\n    }\n  }, [_c(\"div\", {\n    staticClass: \"line\"\n  }, [_c(\"div\", {\n    staticClass: \"total\"\n  }, [_c(\"div\", {\n    staticClass: \"num\",\n    on: {\n      click: function click($event) {\n        return _vm.openLineDetail(_vm.CompanyInfo.pdxl);\n      }\n    }\n  }, [_c(\"span\", {\n    staticStyle: {\n      \"font-size\": \"18px\"\n    }\n  }, [_vm._v(\"项目数 \")]), _c(\"span\", {\n    staticClass: \"numText\",\n    staticStyle: {\n      \"font-size\": \"45px\",\n      \"font-weight\": \"600\",\n      \"-webkit-background-clip\": \"text\",\n      \"background-clip\": \"text\",\n      \"background-image\": \"linear-gradient(\"\n    },\n    attrs: {\n      text: _vm.CompanyInfo.pdxl\n    }\n  }, [_vm._v(_vm._s(_vm.CompanyInfo.pdxl))])])])]), _c(\"div\", {\n    staticClass: \"line\"\n  }, [_c(\"div\", {\n    staticClass: \"total\"\n  }, [_c(\"div\", {\n    staticClass: \"num\"\n  }, [_c(\"span\", {\n    staticStyle: {\n      \"font-size\": \"18px\"\n    }\n  }, [_vm._v(\"预算费用总和\")]), _vm._v(\"  \"), _c(\"span\", {\n    staticClass: \"numText\",\n    staticStyle: {\n      \"font-size\": \"45px\",\n      \"font-weight\": \"600\",\n      \"-webkit-background-clip\": \"text\",\n      \"background-clip\": \"text\",\n      \"background-image\": \"linear-gradient(\"\n    },\n    attrs: {\n      text: _vm.CompanyInfo.xlcd\n    }\n  }, [_vm._v(_vm._s(_vm.CompanyInfo.xlcd))])])])]), _c(\"div\", {\n    staticClass: \"line\"\n  }, [_c(\"div\", {\n    staticClass: \"total\"\n  }, [_c(\"div\", {\n    staticClass: \"num\"\n  }, [_c(\"span\", {\n    staticStyle: {\n      \"font-size\": \"18px\"\n    }\n  }, [_vm._v(\"计划数  \")]), _c(\"span\", {\n    staticClass: \"numText\",\n    staticStyle: {\n      \"font-size\": \"45px\",\n      \"font-weight\": \"600\",\n      \"-webkit-background-clip\": \"text\",\n      \"background-clip\": \"text\",\n      \"background-image\": \"linear-gradient(\"\n    },\n    attrs: {\n      text: _vm.CompanyInfo.xlcd\n    }\n  }, [_vm._v(_vm._s(_vm.CompanyInfo.xlcd))])])])])]), _c(\"div\", {\n    attrs: {\n      id: \"roseCharts\"\n    }\n  })])]), _c(\"div\", {\n    staticClass: \"right1\",\n    attrs: {\n      id: \"right\"\n    }\n  }, [_c(\"div\", {\n    staticClass: \"one\",\n    staticStyle: {\n      height: \"48%\",\n      width: \"100%\"\n    }\n  }, [_vm._m(7), _c(\"div\", {\n    staticClass: \"content\"\n  }, [_c(\"div\", {\n    staticClass: \"line\"\n  }, [_c(\"div\", {\n    staticClass: \"total\"\n  }, [_c(\"div\", {\n    staticClass: \"num\",\n    on: {\n      click: function click($event) {\n        return _vm.openLineDetail(_vm.CompanyInfo.pdxl);\n      }\n    }\n  }, [_c(\"span\", {\n    staticStyle: {\n      \"font-size\": \"18px\"\n    }\n  }, [_vm._v(\"户数高渗透率 \")]), _c(\"span\", {\n    staticClass: \"numText\",\n    staticStyle: {\n      \"font-size\": \"45px\",\n      \"font-weight\": \"600\",\n      \"-webkit-background-clip\": \"text\",\n      \"background-clip\": \"text\",\n      \"background-image\": \"linear-gradient(\"\n    },\n    attrs: {\n      text: _vm.CompanyInfo.pdxl\n    }\n  }, [_vm._v(_vm._s(_vm.CompanyInfo.pdxl))])])])]), _c(\"div\", {\n    staticClass: \"line\"\n  }, [_c(\"div\", {\n    staticClass: \"total\"\n  }, [_c(\"div\", {\n    staticClass: \"num\"\n  }, [_c(\"span\", {\n    staticStyle: {\n      \"font-size\": \"18px\"\n    }\n  }, [_vm._v(\"容量渗透率  \")]), _c(\"span\", {\n    staticClass: \"numText\",\n    staticStyle: {\n      \"font-size\": \"45px\",\n      \"font-weight\": \"600\",\n      \"-webkit-background-clip\": \"text\",\n      \"background-clip\": \"text\",\n      \"background-image\": \"linear-gradient(\"\n    },\n    attrs: {\n      text: _vm.CompanyInfo.xlcd\n    }\n  }, [_vm._v(_vm._s(_vm.CompanyInfo.xlcd))])])])]), _c(\"div\", {\n    staticClass: \"line\"\n  }, [_c(\"div\", {\n    staticClass: \"total\"\n  }, [_c(\"div\", {\n    staticClass: \"num\"\n  }, [_c(\"span\", {\n    staticStyle: {\n      \"font-size\": \"18px\"\n    }\n  }, [_vm._v(\"能量渗透率  \")]), _c(\"span\", {\n    staticClass: \"numText\",\n    staticStyle: {\n      \"font-size\": \"45px\",\n      \"font-weight\": \"600\",\n      \"-webkit-background-clip\": \"text\",\n      \"background-clip\": \"text\",\n      \"background-image\": \"linear-gradient(\"\n    },\n    attrs: {\n      text: _vm.CompanyInfo.xlcd\n    }\n  }, [_vm._v(_vm._s(_vm.CompanyInfo.xlcd))])])])])]), _vm._m(8)]), _c(\"div\", {\n    staticClass: \"three\",\n    staticStyle: {\n      height: \"48%\",\n      width: \"100%\"\n    }\n  }, [_vm._m(9), _c(\"div\", {\n    staticClass: \"three-content\"\n  }, [_vm._m(10), _c(\"div\", {\n    staticClass: \"three-right\"\n  }, [_c(\"ul\", _vm._l(_vm.gongdanList, function (s) {\n    return _c(\"li\", {\n      on: {\n        click: function click($event) {\n          return _vm.openGdDetail(s);\n        }\n      }\n    }, [_vm._v(\"\\n              \" + _vm._s(s.gd_type_name) + \"\\n              \"), _c(\"span\", {\n      staticStyle: {\n        color: \"#56fee2\"\n      }\n    }, [_vm._v(_vm._s(s.total))])]);\n  }), 0)])])])]), _c(\"div\", {\n    directives: [{\n      name: \"show\",\n      rawName: \"v-show\",\n      value: _vm.realTimeAlarmShow,\n      expression: \"realTimeAlarmShow\"\n    }],\n    staticClass: \"realTimeAlarm\"\n  }, [_vm._m(11)]), _c(\"div\", {\n    directives: [{\n      name: \"show\",\n      rawName: \"v-show\",\n      value: _vm.alarmInformationShow,\n      expression: \"alarmInformationShow\"\n    }],\n    staticClass: \"alarmInformation\"\n  }, [_c(\"div\", {\n    staticClass: \"top\"\n  }, [_c(\"div\", {\n    staticClass: \"title\"\n  }, [_vm._v(\"报警详情信息\")]), _c(\"div\", {\n    staticClass: \"close\"\n  }, [_c(\"img\", {\n    staticStyle: {\n      cursor: \"pointer\"\n    },\n    attrs: {\n      src: require(\"@/assets/images/close.png\")\n    },\n    on: {\n      click: _vm.handleClose\n    }\n  })])]), _c(\"div\", {\n    staticClass: \"content\"\n  }, [_c(\"div\", {\n    staticClass: \"table user_skills\"\n  }, [_c(\"el-table\", {\n    staticStyle: {\n      width: \"100%\",\n      height: \"100%\"\n    },\n    attrs: {\n      data: _vm.alarmInformationData,\n      \"header-cell-style\": {\n        \"text-align\": \"center\"\n      },\n      \"cell-style\": {\n        \"text-align\": \"center\"\n      },\n      \"row-class-name\": _vm.rowClass\n    }\n  }, [_c(\"el-table-column\", {\n    attrs: {\n      label: \"序号\",\n      width: \"100\",\n      align: \"center\"\n    },\n    scopedSlots: _vm._u([{\n      key: \"default\",\n      fn: function fn(scop) {\n        return [_vm._v(\"\\n              \" + _vm._s(scop.$index + 1) + \"\\n            \")];\n      }\n    }])\n  }), _c(\"el-table-column\", {\n    attrs: {\n      prop: \"cabinet_name\",\n      label: \"告警位置\",\n      align: \"center\"\n    }\n  }), _c(\"el-table-column\", {\n    attrs: {\n      prop: \"event_desc\",\n      label: \"告警信息\",\n      align: \"center\"\n    }\n  }), _c(\"el-table-column\", {\n    attrs: {\n      prop: \"created_at\",\n      label: \"发生时间\",\n      align: \"center\"\n    }\n  })], 1)], 1)]), _vm.pageShow ? _c(\"el-pagination\", {\n    attrs: {\n      \"current-page\": _vm.page,\n      \"page-size\": _vm.pageSize,\n      layout: \"prev, pager, next\",\n      total: _vm.totals\n    },\n    on: {\n      \"current-change\": _vm.handleCurrentChange\n    }\n  }) : _vm._e()], 1), _vm.modelOthers ? _c(\"div\", {\n    staticClass: \"componentShow\"\n  }, [_c(\"keep-alive\", [_c(_vm.componentShow, {\n    tag: \"component\",\n    attrs: {\n      ringMainUnit: _vm.device\n    }\n  })], 1)], 1) : _vm._e(), _vm.orderItem != null ? _c(\"div\", {\n    staticClass: \"componentShow\"\n  }, [_c(_vm.orderShow, {\n    tag: \"component\",\n    attrs: {\n      orderItem: _vm.orderItem\n    }\n  })], 1) : _vm._e(), _vm.routeItem != null ? _c(\"div\", {\n    staticClass: \"componentShow\"\n  }, [_c(_vm.routeShow, {\n    tag: \"component\",\n    attrs: {\n      routeItem: _vm.routeItem\n    }\n  })], 1) : _vm._e(), _vm.lineItem != null ? _c(\"div\", {\n    staticClass: \"componentShow\",\n    staticStyle: {\n      display: \"block\",\n      height: \"calc(100% - 100px)\",\n      top: \"100px\"\n    }\n  }, [_c(_vm.lineShow, {\n    tag: \"component\",\n    attrs: {\n      lineItem: _vm.lineItem\n    }\n  })], 1) : _vm._e(), _c(\"audio\", {\n    ref: \"audio\",\n    attrs: {\n      controls: \"controls\",\n      hidden: \"\",\n      src: require(\"../assets/videos/police.wav\")\n    }\n  })]);\n};\nvar staticRenderFns = [function () {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"titleFont\"\n  }, [_c(\"img\", {\n    attrs: {\n      src: require(\"./../assets/indexN/\\u6807\\u9898\\u7BAD\\u5934.png\"),\n      alt: \"\"\n    }\n  }), _c(\"span\", [_vm._v(\"盐城地区分布光伏运行监测\")]), _c(\"img\", {\n    attrs: {\n      src: require(\"./../assets/indexN/\\u6807\\u9898\\u7BAD\\u59341.png\"),\n      alt: \"\"\n    }\n  })]);\n}, function () {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"cartitle\"\n  }, [_c(\"div\", {\n    staticClass: \"titleFont\"\n  }, [_c(\"img\", {\n    attrs: {\n      src: require(\"./../assets/indexN/\\u6807\\u9898\\u7BAD\\u5934.png\"),\n      alt: \"\"\n    }\n  }), _c(\"span\", [_vm._v(\"配网工程全过程物资审计\")]), _c(\"img\", {\n    attrs: {\n      src: require(\"./../assets/indexN/\\u6807\\u9898\\u7BAD\\u59341.png\"),\n      alt: \"\"\n    }\n  })])]);\n}, function () {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"cartitle\"\n  }, [_c(\"div\", {\n    staticClass: \"titleFont\"\n  }, [_c(\"img\", {\n    attrs: {\n      src: require(\"./../assets/indexN/\\u6807\\u9898\\u7BAD\\u5934.png\"),\n      alt: \"\"\n    }\n  }), _c(\"span\", [_vm._v(\"盐都东台区供电所数字化分析\")]), _c(\"img\", {\n    attrs: {\n      src: require(\"./../assets/indexN/\\u6807\\u9898\\u7BAD\\u59341.png\"),\n      alt: \"\"\n    }\n  })])]);\n}, function () {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"cartitle\"\n  }, [_c(\"div\", {\n    staticClass: \"titleFont\"\n  }, [_c(\"img\", {\n    attrs: {\n      src: require(\"./../assets/indexN/\\u6807\\u9898\\u7BAD\\u5934.png\"),\n      alt: \"\"\n    }\n  }), _c(\"span\", [_vm._v(\"盐城供电公司配网电能质量管控\")]), _c(\"img\", {\n    attrs: {\n      src: require(\"./../assets/indexN/\\u6807\\u9898\\u7BAD\\u59341.png\"),\n      alt: \"\"\n    }\n  })])]);\n}, function () {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"middle\",\n    attrs: {\n      id: \"middle\"\n    }\n  }, [_c(\"div\", {\n    staticClass: \"map\",\n    staticStyle: {\n      height: \"100%\"\n    }\n  }, [_c(\"div\", {\n    staticClass: \"imgboxone\"\n  }, [_c(\"div\", {\n    staticClass: \"contents\"\n  }, [_c(\"div\", {\n    staticClass: \"lines\"\n  }, [_c(\"div\", {\n    staticClass: \"total\"\n  }, [_c(\"div\", {\n    staticClass: \"num\"\n  }, [_c(\"span\", {\n    staticStyle: {\n      \"font-size\": \"18px\"\n    }\n  }, [_vm._v(\"户数高渗透率\")]), _c(\"h5\", {\n    staticStyle: {\n      \"font-size\": \"28px\",\n      color: \"yellow\"\n    }\n  }, [_vm._v(\"3.40%\")])])])]), _c(\"div\", {\n    staticClass: \"lines\"\n  }, [_c(\"div\", {\n    staticClass: \"total\"\n  }, [_c(\"div\", {\n    staticClass: \"num\"\n  }, [_c(\"span\", {\n    staticStyle: {\n      \"font-size\": \"18px\"\n    }\n  }, [_vm._v(\"容量渗透率\")]), _c(\"h5\", {\n    staticStyle: {\n      \"font-size\": \"28px\",\n      color: \"orange\"\n    }\n  }, [_vm._v(\"0.01%\")])])])]), _c(\"div\", {\n    staticClass: \"lines\"\n  }, [_c(\"div\", {\n    staticClass: \"total\"\n  }, [_c(\"div\", {\n    staticClass: \"num\"\n  }, [_c(\"span\", {\n    staticStyle: {\n      \"font-size\": \"18px\"\n    }\n  }, [_vm._v(\"能量渗透率\")]), _c(\"h5\", {\n    staticStyle: {\n      \"font-size\": \"28px\",\n      color: \"yellow\"\n    }\n  }, [_vm._v(\"0.44%\")])])])])])]), _c(\"div\", {\n    staticClass: \"imgboxtwo\"\n  }, [_c(\"ul\", {\n    staticClass: \"contentUl\"\n  }, [_c(\"li\", [_c(\"h5\", [_vm._v(\"发电客户数\")]), _c(\"br\"), _c(\"span\", {\n    staticStyle: {\n      color: \"yellow\"\n    }\n  }, [_vm._v(\"4721\")])]), _c(\"li\", [_c(\"h5\", [_vm._v(\"变电站数量\")]), _c(\"br\"), _c(\"span\", {\n    staticStyle: {\n      color: \"orange\"\n    }\n  }, [_vm._v(\"90\")])]), _c(\"li\", [_c(\"h5\", [_vm._v(\"台区总数\")]), _c(\"br\"), _c(\"span\", {\n    staticStyle: {\n      color: \"yellow\"\n    }\n  }, [_vm._v(\"17416\")])]), _c(\"li\", [_c(\"h5\", [_vm._v(\"当前负载率\")]), _c(\"br\"), _c(\"span\", {\n    staticStyle: {\n      color: \"orange\"\n    }\n  }, [_vm._v(\"40.19%\")])])])])])]);\n}, function () {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"cartitle\"\n  }, [_c(\"div\", {\n    staticClass: \"titleFont\"\n  }, [_c(\"img\", {\n    attrs: {\n      src: require(\"./../assets/indexN/\\u6807\\u9898\\u7BAD\\u5934.png\"),\n      alt: \"\"\n    }\n  }), _c(\"span\", [_vm._v(\"乡村振兴电力综合指数\")]), _c(\"img\", {\n    attrs: {\n      src: require(\"./../assets/indexN/\\u6807\\u9898\\u7BAD\\u59341.png\"),\n      alt: \"\"\n    }\n  })])]);\n}, function () {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"cartitle\"\n  }, [_c(\"div\", {\n    staticClass: \"titleFont\"\n  }, [_c(\"img\", {\n    attrs: {\n      src: require(\"./../assets/indexN/\\u6807\\u9898\\u7BAD\\u5934.png\"),\n      alt: \"\"\n    }\n  }), _c(\"span\", [_vm._v(\"两高行业企业污染监测\")]), _c(\"img\", {\n    attrs: {\n      src: require(\"./../assets/indexN/\\u6807\\u9898\\u7BAD\\u59341.png\"),\n      alt: \"\"\n    }\n  })])]);\n}, function () {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"cartitle\"\n  }, [_c(\"div\", {\n    staticClass: \"titleFont\"\n  }, [_c(\"img\", {\n    attrs: {\n      src: require(\"./../assets/indexN/\\u6807\\u9898\\u7BAD\\u5934.png\"),\n      alt: \"\"\n    }\n  }), _c(\"span\", [_vm._v(\"农村生活污水治理设备电量分析\")]), _c(\"img\", {\n    attrs: {\n      src: require(\"./../assets/indexN/\\u6807\\u9898\\u7BAD\\u59341.png\"),\n      alt: \"\"\n    }\n  })])]);\n}, function () {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"line\"\n  }, [_c(\"div\", {\n    staticClass: \"enselect\"\n  }, [_c(\"img\", {\n    attrs: {\n      src: require(\"../assets/02/\\u5730\\u533A\\u9009\\u62E9\\u4E0B\\u62C9\\u83DC\\u5355.png\"),\n      alt: \"\"\n    }\n  }), _c(\"span\", {\n    staticClass: \"text\"\n  }, [_vm._v(\"能量\")])]), _c(\"div\", {\n    attrs: {\n      id: \"detailen\"\n    }\n  })]);\n}, function () {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"cartitle\"\n  }, [_c(\"div\", {\n    staticClass: \"titleFont\"\n  }, [_c(\"img\", {\n    attrs: {\n      src: require(\"./../assets/indexN/\\u6807\\u9898\\u7BAD\\u5934.png\"),\n      alt: \"\"\n    }\n  }), _c(\"span\", [_vm._v(\"数字化排涝抗旱辅助及检修辅助决策\")]), _c(\"img\", {\n    attrs: {\n      src: require(\"./../assets/indexN/\\u6807\\u9898\\u7BAD\\u59341.png\"),\n      alt: \"\"\n    }\n  })])]);\n}, function () {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"three-left\"\n  }, [_c(\"div\", {\n    attrs: {\n      id: \"detailedThree\"\n    }\n  })]);\n}, function () {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"content\"\n  }, [_c(\"img\", {\n    attrs: {\n      src: require(\"../assets/images/baojing.png\")\n    }\n  }), _c(\"div\", [_vm._v(\"都政线XXX环网柜间隔3发生局部放电故障\")])]);\n}];\nrender._withStripped = true;\nexport { render, staticRenderFns };",{"version":3,"names":["render","_vm","_c","_self","staticClass","attrs","id","staticStyle","height","on","click","$event","routerTo","_m","openLineDetail","CompanyInfo","pdxl","_v","text","_s","xlcd","display","width","_l","topContent","item","index","key","color","name","count","gongdanList","s","openGdDetail","gd_type_name","total","directives","rawName","value","realTimeAlarmShow","expression","alarmInformationShow","cursor","src","require","handleClose","data","alarmInformationData","rowClass","label","align","scopedSlots","_u","fn","scop","$index","prop","pageShow","page","pageSize","layout","totals","handleCurrentChange","_e","modelOthers","componentShow","tag","ringMainUnit","device","orderItem","orderShow","routeItem","routeShow","lineItem","top","lineShow","ref","controls","hidden","staticRenderFns","alt","_withStripped"],"sources":["E:/2023/yancheng0718/yanchengPowerSupply/src/views/index.vue"],"sourcesContent":["var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\"div\", { staticClass: \"home\" }, [\n    _c(\"div\", { staticClass: \"left\", attrs: { id: \"left\" } }, [\n      _c(\"div\", { staticClass: \"one\", staticStyle: { height: \"48%\" } }, [\n        _c(\n          \"div\",\n          {\n            staticClass: \"cartitle\",\n            on: {\n              click: function ($event) {\n                return _vm.routerTo(\"盐城地区分布光伏运行监测\")\n              },\n            },\n          },\n          [_vm._m(0)]\n        ),\n        _c(\"div\", { staticClass: \"content\" }, [\n          _c(\"div\", { staticClass: \"line\" }, [\n            _c(\"div\", { staticClass: \"total\" }, [\n              _c(\n                \"div\",\n                {\n                  staticClass: \"num\",\n                  on: {\n                    click: function ($event) {\n                      return _vm.openLineDetail(_vm.CompanyInfo.pdxl)\n                    },\n                  },\n                },\n                [\n                  _c(\"span\", { staticStyle: { \"font-size\": \"18px\" } }, [\n                    _vm._v(\"户数高渗透率 \"),\n                  ]),\n                  _c(\n                    \"span\",\n                    {\n                      staticClass: \"numText\",\n                      staticStyle: {\n                        \"font-size\": \"45px\",\n                        \"font-weight\": \"600\",\n                        \"-webkit-background-clip\": \"text\",\n                        \"background-clip\": \"text\",\n                        \"background-image\": \"linear-gradient(\",\n                      },\n                      attrs: { text: _vm.CompanyInfo.pdxl },\n                    },\n                    [_vm._v(_vm._s(_vm.CompanyInfo.pdxl))]\n                  ),\n                ]\n              ),\n            ]),\n          ]),\n          _c(\"div\", { staticClass: \"line\" }, [\n            _c(\"div\", { staticClass: \"total\" }, [\n              _c(\"div\", { staticClass: \"num\" }, [\n                _c(\"span\", { staticStyle: { \"font-size\": \"18px\" } }, [\n                  _vm._v(\"容量渗透率  \"),\n                ]),\n                _c(\n                  \"span\",\n                  {\n                    staticClass: \"numText\",\n                    staticStyle: {\n                      \"font-size\": \"45px\",\n                      \"font-weight\": \"600\",\n                      \"-webkit-background-clip\": \"text\",\n                      \"background-clip\": \"text\",\n                      \"background-image\": \"linear-gradient(\",\n                    },\n                    attrs: { text: _vm.CompanyInfo.xlcd },\n                  },\n                  [_vm._v(_vm._s(_vm.CompanyInfo.xlcd))]\n                ),\n              ]),\n            ]),\n          ]),\n          _c(\"div\", { staticClass: \"line\" }, [\n            _c(\"div\", { staticClass: \"total\" }, [\n              _c(\"div\", { staticClass: \"num\" }, [\n                _c(\"span\", { staticStyle: { \"font-size\": \"18px\" } }, [\n                  _vm._v(\"能量渗透率  \"),\n                ]),\n                _c(\n                  \"span\",\n                  {\n                    staticClass: \"numText\",\n                    staticStyle: {\n                      \"font-size\": \"45px\",\n                      \"font-weight\": \"600\",\n                      \"-webkit-background-clip\": \"text\",\n                      \"background-clip\": \"text\",\n                      \"background-image\": \"linear-gradient(\",\n                    },\n                    attrs: { text: _vm.CompanyInfo.xlcd },\n                  },\n                  [_vm._v(_vm._s(_vm.CompanyInfo.xlcd))]\n                ),\n              ]),\n            ]),\n          ]),\n        ]),\n        _c(\"div\", { attrs: { id: \"detailedTwo1\" } }),\n      ]),\n      _c(\"div\", { staticClass: \"two\", staticStyle: { height: \"49%\" } }, [\n        _vm._m(1),\n        _c(\n          \"div\",\n          { staticClass: \"content\", staticStyle: { display: \"inline\" } },\n          [\n            _c(\"div\", { staticClass: \"line\" }, [\n              _c(\"div\", { staticClass: \"total\" }, [\n                _c(\n                  \"div\",\n                  {\n                    staticClass: \"num\",\n                    on: {\n                      click: function ($event) {\n                        return _vm.openLineDetail(_vm.CompanyInfo.pdxl)\n                      },\n                    },\n                  },\n                  [\n                    _c(\"span\", { staticStyle: { \"font-size\": \"18px\" } }, [\n                      _vm._v(\"项目数 \"),\n                    ]),\n                    _c(\n                      \"span\",\n                      {\n                        staticClass: \"numText\",\n                        staticStyle: {\n                          \"font-size\": \"45px\",\n                          \"font-weight\": \"600\",\n                          \"-webkit-background-clip\": \"text\",\n                          \"background-clip\": \"text\",\n                          \"background-image\": \"linear-gradient(\",\n                        },\n                        attrs: { text: _vm.CompanyInfo.pdxl },\n                      },\n                      [_vm._v(_vm._s(_vm.CompanyInfo.pdxl))]\n                    ),\n                  ]\n                ),\n              ]),\n            ]),\n            _c(\"div\", { staticClass: \"line\" }, [\n              _c(\"div\", { staticClass: \"total\" }, [\n                _c(\"div\", { staticClass: \"num\" }, [\n                  _c(\"span\", { staticStyle: { \"font-size\": \"18px\" } }, [\n                    _vm._v(\"预算费用总和\"),\n                  ]),\n                  _vm._v(\"  \"),\n                  _c(\n                    \"span\",\n                    {\n                      staticClass: \"numText\",\n                      staticStyle: {\n                        \"font-size\": \"45px\",\n                        \"font-weight\": \"600\",\n                        \"-webkit-background-clip\": \"text\",\n                        \"background-clip\": \"text\",\n                        \"background-image\": \"linear-gradient(\",\n                      },\n                      attrs: { text: _vm.CompanyInfo.xlcd },\n                    },\n                    [_vm._v(_vm._s(_vm.CompanyInfo.xlcd))]\n                  ),\n                ]),\n              ]),\n            ]),\n            _c(\"div\", { staticClass: \"line\" }, [\n              _c(\"div\", { staticClass: \"total\" }, [\n                _c(\"div\", { staticClass: \"num\" }, [\n                  _c(\"span\", { staticStyle: { \"font-size\": \"18px\" } }, [\n                    _vm._v(\"计划数  \"),\n                  ]),\n                  _c(\n                    \"span\",\n                    {\n                      staticClass: \"numText\",\n                      staticStyle: {\n                        \"font-size\": \"45px\",\n                        \"font-weight\": \"600\",\n                        \"-webkit-background-clip\": \"text\",\n                        \"background-clip\": \"text\",\n                        \"background-image\": \"linear-gradient(\",\n                      },\n                      attrs: { text: _vm.CompanyInfo.xlcd },\n                    },\n                    [_vm._v(_vm._s(_vm.CompanyInfo.xlcd))]\n                  ),\n                ]),\n              ]),\n            ]),\n          ]\n        ),\n        _c(\"div\", { attrs: { id: \"barCharts\" } }),\n      ]),\n    ]),\n    _c(\"div\", { staticClass: \"left1\", attrs: { id: \"left\" } }, [\n      _c(\"div\", { staticClass: \"one\", staticStyle: { height: \"48%\" } }, [\n        _vm._m(2),\n        _c(\"div\", { staticClass: \"content\" }, [\n          _c(\"div\", { staticClass: \"line\" }, [\n            _c(\"div\", { staticClass: \"total\" }, [\n              _c(\n                \"div\",\n                {\n                  staticClass: \"num\",\n                  on: {\n                    click: function ($event) {\n                      return _vm.openLineDetail(_vm.CompanyInfo.pdxl)\n                    },\n                  },\n                },\n                [\n                  _c(\"span\", { staticStyle: { \"font-size\": \"18px\" } }, [\n                    _vm._v(\"升档配变数量 \"),\n                  ]),\n                  _c(\n                    \"span\",\n                    {\n                      staticClass: \"numText\",\n                      staticStyle: {\n                        \"font-size\": \"45px\",\n                        \"font-weight\": \"600\",\n                        \"-webkit-background-clip\": \"text\",\n                        \"background-clip\": \"text\",\n                        \"background-image\": \"linear-gradient(\",\n                      },\n                      attrs: { text: _vm.CompanyInfo.pdxl },\n                    },\n                    [_vm._v(_vm._s(_vm.CompanyInfo.pdxl))]\n                  ),\n                ]\n              ),\n            ]),\n          ]),\n          _c(\"div\", { staticClass: \"line\" }, [\n            _c(\"div\", { staticClass: \"total\" }, [\n              _c(\"div\", { staticClass: \"num\" }, [\n                _c(\"span\", { staticStyle: { \"font-size\": \"18px\" } }, [\n                  _vm._v(\"降档配比数量\"),\n                ]),\n                _vm._v(\"  \\n              \"),\n                _c(\n                  \"span\",\n                  {\n                    staticClass: \"numText\",\n                    staticStyle: {\n                      \"font-size\": \"45px\",\n                      \"font-weight\": \"600\",\n                      \"-webkit-background-clip\": \"text\",\n                      \"background-clip\": \"text\",\n                      \"background-image\": \"linear-gradient(\",\n                    },\n                    attrs: { text: _vm.CompanyInfo.xlcd },\n                  },\n                  [_vm._v(_vm._s(_vm.CompanyInfo.xlcd))]\n                ),\n              ]),\n            ]),\n          ]),\n          _c(\"div\", { staticClass: \"line\" }, [\n            _c(\"div\", { staticClass: \"total\" }, [\n              _c(\"div\", { staticClass: \"num\" }, [\n                _c(\"span\", { staticStyle: { \"font-size\": \"18px\" } }, [\n                  _vm._v(\"负荷关注配变数量  \"),\n                ]),\n                _c(\n                  \"span\",\n                  {\n                    staticClass: \"numText\",\n                    staticStyle: {\n                      \"font-size\": \"45px\",\n                      \"font-weight\": \"600\",\n                      \"-webkit-background-clip\": \"text\",\n                      \"background-clip\": \"text\",\n                      \"background-image\": \"linear-gradient(\",\n                    },\n                    attrs: { text: _vm.CompanyInfo.xlcd },\n                  },\n                  [_vm._v(_vm._s(_vm.CompanyInfo.xlcd))]\n                ),\n              ]),\n            ]),\n          ]),\n        ]),\n        _c(\"div\", { attrs: { id: \"horizontalChart\" } }),\n      ]),\n      _c(\"div\", { staticClass: \"two\", staticStyle: { height: \"49%\" } }, [\n        _vm._m(3),\n        _c(\"div\", { staticClass: \"content\" }, [\n          _c(\"div\", { staticClass: \"line\" }, [\n            _c(\"div\", { staticClass: \"total\" }, [\n              _c(\n                \"div\",\n                {\n                  staticClass: \"num\",\n                  on: {\n                    click: function ($event) {\n                      return _vm.openLineDetail(_vm.CompanyInfo.pdxl)\n                    },\n                  },\n                },\n                [\n                  _c(\"span\", { staticStyle: { \"font-size\": \"18px\" } }, [\n                    _vm._v(\"月供电可靠性 \"),\n                  ]),\n                  _c(\n                    \"span\",\n                    {\n                      staticClass: \"numText\",\n                      staticStyle: {\n                        \"font-size\": \"45px\",\n                        \"font-weight\": \"600\",\n                        \"-webkit-background-clip\": \"text\",\n                        \"background-clip\": \"text\",\n                        \"background-image\": \"linear-gradient(\",\n                      },\n                      attrs: { text: _vm.CompanyInfo.pdxl },\n                    },\n                    [_vm._v(_vm._s(_vm.CompanyInfo.pdxl))]\n                  ),\n                ]\n              ),\n            ]),\n          ]),\n          _c(\"div\", { staticClass: \"line\" }, [\n            _c(\"div\", { staticClass: \"total\" }, [\n              _c(\"div\", { staticClass: \"num\" }, [\n                _c(\"span\", { staticStyle: { \"font-size\": \"18px\" } }, [\n                  _vm._v(\"平均停电频次  \"),\n                ]),\n                _c(\n                  \"span\",\n                  {\n                    staticClass: \"numText\",\n                    staticStyle: {\n                      \"font-size\": \"45px\",\n                      \"font-weight\": \"600\",\n                      \"-webkit-background-clip\": \"text\",\n                      \"background-clip\": \"text\",\n                      \"background-image\": \"linear-gradient(\",\n                    },\n                    attrs: { text: _vm.CompanyInfo.xlcd },\n                  },\n                  [_vm._v(_vm._s(_vm.CompanyInfo.xlcd))]\n                ),\n              ]),\n            ]),\n          ]),\n          _c(\"div\", { staticClass: \"line\" }, [\n            _c(\"div\", { staticClass: \"total\" }, [\n              _c(\"div\", { staticClass: \"num\" }, [\n                _c(\"span\", { staticStyle: { \"font-size\": \"18px\" } }, [\n                  _vm._v(\"平均停电时间  \"),\n                ]),\n                _c(\n                  \"span\",\n                  {\n                    staticClass: \"numText\",\n                    staticStyle: {\n                      \"font-size\": \"45px\",\n                      \"font-weight\": \"600\",\n                      \"-webkit-background-clip\": \"text\",\n                      \"background-clip\": \"text\",\n                      \"background-image\": \"linear-gradient(\",\n                    },\n                    attrs: { text: _vm.CompanyInfo.xlcd },\n                  },\n                  [_vm._v(_vm._s(_vm.CompanyInfo.xlcd))]\n                ),\n              ]),\n            ]),\n          ]),\n        ]),\n        _c(\"div\", {\n          staticStyle: { height: \"calc(100% - 200px)\" },\n          attrs: { id: \"detailedOne\" },\n        }),\n      ]),\n    ]),\n    _vm._m(4),\n    _c(\"div\", { staticClass: \"right\", attrs: { id: \"right\" } }, [\n      _c(\n        \"div\",\n        { staticClass: \"one\", staticStyle: { height: \"48%\", width: \"100%\" } },\n        [\n          _vm._m(5),\n          _c(\n            \"div\",\n            { staticClass: \"top\" },\n            _vm._l(_vm.topContent, function (item, index) {\n              return _c(\"div\", { key: index, staticClass: \"topContent\" }, [\n                _c(\"div\", { staticStyle: { color: \"#ffffff\" } }, [\n                  _vm._v(_vm._s(item.name)),\n                ]),\n                _c(\n                  \"div\",\n                  {\n                    staticStyle: {\n                      color: \"rgb(86, 254, 226)\",\n                      \"font-size\": \"22px\",\n                    },\n                  },\n                  [\n                    _vm._v(\n                      \"\\n            \" + _vm._s(item.count) + \"\\n          \"\n                    ),\n                  ]\n                ),\n              ])\n            }),\n            0\n          ),\n          _c(\"div\", {\n            staticStyle: { height: \"90%\" },\n            attrs: { id: \"detailedFive\" },\n          }),\n        ]\n      ),\n      _c(\n        \"div\",\n        { staticClass: \"three\", staticStyle: { height: \"48%\", width: \"100%\" } },\n        [\n          _vm._m(6),\n          _c(\n            \"div\",\n            { staticClass: \"content\", staticStyle: { display: \"inline\" } },\n            [\n              _c(\"div\", { staticClass: \"line\" }, [\n                _c(\"div\", { staticClass: \"total\" }, [\n                  _c(\n                    \"div\",\n                    {\n                      staticClass: \"num\",\n                      on: {\n                        click: function ($event) {\n                          return _vm.openLineDetail(_vm.CompanyInfo.pdxl)\n                        },\n                      },\n                    },\n                    [\n                      _c(\"span\", { staticStyle: { \"font-size\": \"18px\" } }, [\n                        _vm._v(\"项目数 \"),\n                      ]),\n                      _c(\n                        \"span\",\n                        {\n                          staticClass: \"numText\",\n                          staticStyle: {\n                            \"font-size\": \"45px\",\n                            \"font-weight\": \"600\",\n                            \"-webkit-background-clip\": \"text\",\n                            \"background-clip\": \"text\",\n                            \"background-image\": \"linear-gradient(\",\n                          },\n                          attrs: { text: _vm.CompanyInfo.pdxl },\n                        },\n                        [_vm._v(_vm._s(_vm.CompanyInfo.pdxl))]\n                      ),\n                    ]\n                  ),\n                ]),\n              ]),\n              _c(\"div\", { staticClass: \"line\" }, [\n                _c(\"div\", { staticClass: \"total\" }, [\n                  _c(\"div\", { staticClass: \"num\" }, [\n                    _c(\"span\", { staticStyle: { \"font-size\": \"18px\" } }, [\n                      _vm._v(\"预算费用总和\"),\n                    ]),\n                    _vm._v(\"  \"),\n                    _c(\n                      \"span\",\n                      {\n                        staticClass: \"numText\",\n                        staticStyle: {\n                          \"font-size\": \"45px\",\n                          \"font-weight\": \"600\",\n                          \"-webkit-background-clip\": \"text\",\n                          \"background-clip\": \"text\",\n                          \"background-image\": \"linear-gradient(\",\n                        },\n                        attrs: { text: _vm.CompanyInfo.xlcd },\n                      },\n                      [_vm._v(_vm._s(_vm.CompanyInfo.xlcd))]\n                    ),\n                  ]),\n                ]),\n              ]),\n              _c(\"div\", { staticClass: \"line\" }, [\n                _c(\"div\", { staticClass: \"total\" }, [\n                  _c(\"div\", { staticClass: \"num\" }, [\n                    _c(\"span\", { staticStyle: { \"font-size\": \"18px\" } }, [\n                      _vm._v(\"计划数  \"),\n                    ]),\n                    _c(\n                      \"span\",\n                      {\n                        staticClass: \"numText\",\n                        staticStyle: {\n                          \"font-size\": \"45px\",\n                          \"font-weight\": \"600\",\n                          \"-webkit-background-clip\": \"text\",\n                          \"background-clip\": \"text\",\n                          \"background-image\": \"linear-gradient(\",\n                        },\n                        attrs: { text: _vm.CompanyInfo.xlcd },\n                      },\n                      [_vm._v(_vm._s(_vm.CompanyInfo.xlcd))]\n                    ),\n                  ]),\n                ]),\n              ]),\n            ]\n          ),\n          _c(\"div\", { attrs: { id: \"roseCharts\" } }),\n        ]\n      ),\n    ]),\n    _c(\"div\", { staticClass: \"right1\", attrs: { id: \"right\" } }, [\n      _c(\n        \"div\",\n        { staticClass: \"one\", staticStyle: { height: \"48%\", width: \"100%\" } },\n        [\n          _vm._m(7),\n          _c(\"div\", { staticClass: \"content\" }, [\n            _c(\"div\", { staticClass: \"line\" }, [\n              _c(\"div\", { staticClass: \"total\" }, [\n                _c(\n                  \"div\",\n                  {\n                    staticClass: \"num\",\n                    on: {\n                      click: function ($event) {\n                        return _vm.openLineDetail(_vm.CompanyInfo.pdxl)\n                      },\n                    },\n                  },\n                  [\n                    _c(\"span\", { staticStyle: { \"font-size\": \"18px\" } }, [\n                      _vm._v(\"户数高渗透率 \"),\n                    ]),\n                    _c(\n                      \"span\",\n                      {\n                        staticClass: \"numText\",\n                        staticStyle: {\n                          \"font-size\": \"45px\",\n                          \"font-weight\": \"600\",\n                          \"-webkit-background-clip\": \"text\",\n                          \"background-clip\": \"text\",\n                          \"background-image\": \"linear-gradient(\",\n                        },\n                        attrs: { text: _vm.CompanyInfo.pdxl },\n                      },\n                      [_vm._v(_vm._s(_vm.CompanyInfo.pdxl))]\n                    ),\n                  ]\n                ),\n              ]),\n            ]),\n            _c(\"div\", { staticClass: \"line\" }, [\n              _c(\"div\", { staticClass: \"total\" }, [\n                _c(\"div\", { staticClass: \"num\" }, [\n                  _c(\"span\", { staticStyle: { \"font-size\": \"18px\" } }, [\n                    _vm._v(\"容量渗透率  \"),\n                  ]),\n                  _c(\n                    \"span\",\n                    {\n                      staticClass: \"numText\",\n                      staticStyle: {\n                        \"font-size\": \"45px\",\n                        \"font-weight\": \"600\",\n                        \"-webkit-background-clip\": \"text\",\n                        \"background-clip\": \"text\",\n                        \"background-image\": \"linear-gradient(\",\n                      },\n                      attrs: { text: _vm.CompanyInfo.xlcd },\n                    },\n                    [_vm._v(_vm._s(_vm.CompanyInfo.xlcd))]\n                  ),\n                ]),\n              ]),\n            ]),\n            _c(\"div\", { staticClass: \"line\" }, [\n              _c(\"div\", { staticClass: \"total\" }, [\n                _c(\"div\", { staticClass: \"num\" }, [\n                  _c(\"span\", { staticStyle: { \"font-size\": \"18px\" } }, [\n                    _vm._v(\"能量渗透率  \"),\n                  ]),\n                  _c(\n                    \"span\",\n                    {\n                      staticClass: \"numText\",\n                      staticStyle: {\n                        \"font-size\": \"45px\",\n                        \"font-weight\": \"600\",\n                        \"-webkit-background-clip\": \"text\",\n                        \"background-clip\": \"text\",\n                        \"background-image\": \"linear-gradient(\",\n                      },\n                      attrs: { text: _vm.CompanyInfo.xlcd },\n                    },\n                    [_vm._v(_vm._s(_vm.CompanyInfo.xlcd))]\n                  ),\n                ]),\n              ]),\n            ]),\n          ]),\n          _vm._m(8),\n        ]\n      ),\n      _c(\n        \"div\",\n        { staticClass: \"three\", staticStyle: { height: \"48%\", width: \"100%\" } },\n        [\n          _vm._m(9),\n          _c(\"div\", { staticClass: \"three-content\" }, [\n            _vm._m(10),\n            _c(\"div\", { staticClass: \"three-right\" }, [\n              _c(\n                \"ul\",\n                _vm._l(_vm.gongdanList, function (s) {\n                  return _c(\n                    \"li\",\n                    {\n                      on: {\n                        click: function ($event) {\n                          return _vm.openGdDetail(s)\n                        },\n                      },\n                    },\n                    [\n                      _vm._v(\n                        \"\\n              \" +\n                          _vm._s(s.gd_type_name) +\n                          \"\\n              \"\n                      ),\n                      _c(\"span\", { staticStyle: { color: \"#56fee2\" } }, [\n                        _vm._v(_vm._s(s.total)),\n                      ]),\n                    ]\n                  )\n                }),\n                0\n              ),\n            ]),\n          ]),\n        ]\n      ),\n    ]),\n    _c(\n      \"div\",\n      {\n        directives: [\n          {\n            name: \"show\",\n            rawName: \"v-show\",\n            value: _vm.realTimeAlarmShow,\n            expression: \"realTimeAlarmShow\",\n          },\n        ],\n        staticClass: \"realTimeAlarm\",\n      },\n      [_vm._m(11)]\n    ),\n    _c(\n      \"div\",\n      {\n        directives: [\n          {\n            name: \"show\",\n            rawName: \"v-show\",\n            value: _vm.alarmInformationShow,\n            expression: \"alarmInformationShow\",\n          },\n        ],\n        staticClass: \"alarmInformation\",\n      },\n      [\n        _c(\"div\", { staticClass: \"top\" }, [\n          _c(\"div\", { staticClass: \"title\" }, [_vm._v(\"报警详情信息\")]),\n          _c(\"div\", { staticClass: \"close\" }, [\n            _c(\"img\", {\n              staticStyle: { cursor: \"pointer\" },\n              attrs: { src: require(\"@/assets/images/close.png\") },\n              on: { click: _vm.handleClose },\n            }),\n          ]),\n        ]),\n        _c(\"div\", { staticClass: \"content\" }, [\n          _c(\n            \"div\",\n            { staticClass: \"table user_skills\" },\n            [\n              _c(\n                \"el-table\",\n                {\n                  staticStyle: { width: \"100%\", height: \"100%\" },\n                  attrs: {\n                    data: _vm.alarmInformationData,\n                    \"header-cell-style\": { \"text-align\": \"center\" },\n                    \"cell-style\": { \"text-align\": \"center\" },\n                    \"row-class-name\": _vm.rowClass,\n                  },\n                },\n                [\n                  _c(\"el-table-column\", {\n                    attrs: { label: \"序号\", width: \"100\", align: \"center\" },\n                    scopedSlots: _vm._u([\n                      {\n                        key: \"default\",\n                        fn: function (scop) {\n                          return [\n                            _vm._v(\n                              \"\\n              \" +\n                                _vm._s(scop.$index + 1) +\n                                \"\\n            \"\n                            ),\n                          ]\n                        },\n                      },\n                    ]),\n                  }),\n                  _c(\"el-table-column\", {\n                    attrs: {\n                      prop: \"cabinet_name\",\n                      label: \"告警位置\",\n                      align: \"center\",\n                    },\n                  }),\n                  _c(\"el-table-column\", {\n                    attrs: {\n                      prop: \"event_desc\",\n                      label: \"告警信息\",\n                      align: \"center\",\n                    },\n                  }),\n                  _c(\"el-table-column\", {\n                    attrs: {\n                      prop: \"created_at\",\n                      label: \"发生时间\",\n                      align: \"center\",\n                    },\n                  }),\n                ],\n                1\n              ),\n            ],\n            1\n          ),\n        ]),\n        _vm.pageShow\n          ? _c(\"el-pagination\", {\n              attrs: {\n                \"current-page\": _vm.page,\n                \"page-size\": _vm.pageSize,\n                layout: \"prev, pager, next\",\n                total: _vm.totals,\n              },\n              on: { \"current-change\": _vm.handleCurrentChange },\n            })\n          : _vm._e(),\n      ],\n      1\n    ),\n    _vm.modelOthers\n      ? _c(\n          \"div\",\n          { staticClass: \"componentShow\" },\n          [\n            _c(\n              \"keep-alive\",\n              [\n                _c(_vm.componentShow, {\n                  tag: \"component\",\n                  attrs: { ringMainUnit: _vm.device },\n                }),\n              ],\n              1\n            ),\n          ],\n          1\n        )\n      : _vm._e(),\n    _vm.orderItem != null\n      ? _c(\n          \"div\",\n          { staticClass: \"componentShow\" },\n          [\n            _c(_vm.orderShow, {\n              tag: \"component\",\n              attrs: { orderItem: _vm.orderItem },\n            }),\n          ],\n          1\n        )\n      : _vm._e(),\n    _vm.routeItem != null\n      ? _c(\n          \"div\",\n          { staticClass: \"componentShow\" },\n          [\n            _c(_vm.routeShow, {\n              tag: \"component\",\n              attrs: { routeItem: _vm.routeItem },\n            }),\n          ],\n          1\n        )\n      : _vm._e(),\n    _vm.lineItem != null\n      ? _c(\n          \"div\",\n          {\n            staticClass: \"componentShow\",\n            staticStyle: {\n              display: \"block\",\n              height: \"calc(100% - 100px)\",\n              top: \"100px\",\n            },\n          },\n          [\n            _c(_vm.lineShow, {\n              tag: \"component\",\n              attrs: { lineItem: _vm.lineItem },\n            }),\n          ],\n          1\n        )\n      : _vm._e(),\n    _c(\"audio\", {\n      ref: \"audio\",\n      attrs: {\n        controls: \"controls\",\n        hidden: \"\",\n        src: require(\"../assets/videos/police.wav\"),\n      },\n    }),\n  ])\n}\nvar staticRenderFns = [\n  function () {\n    var _vm = this,\n      _c = _vm._self._c\n    return _c(\"div\", { staticClass: \"titleFont\" }, [\n      _c(\"img\", {\n        attrs: { src: require(\"./../assets/indexN/标题箭头.png\"), alt: \"\" },\n      }),\n      _c(\"span\", [_vm._v(\"盐城地区分布光伏运行监测\")]),\n      _c(\"img\", {\n        attrs: { src: require(\"./../assets/indexN/标题箭头1.png\"), alt: \"\" },\n      }),\n    ])\n  },\n  function () {\n    var _vm = this,\n      _c = _vm._self._c\n    return _c(\"div\", { staticClass: \"cartitle\" }, [\n      _c(\"div\", { staticClass: \"titleFont\" }, [\n        _c(\"img\", {\n          attrs: { src: require(\"./../assets/indexN/标题箭头.png\"), alt: \"\" },\n        }),\n        _c(\"span\", [_vm._v(\"配网工程全过程物资审计\")]),\n        _c(\"img\", {\n          attrs: { src: require(\"./../assets/indexN/标题箭头1.png\"), alt: \"\" },\n        }),\n      ]),\n    ])\n  },\n  function () {\n    var _vm = this,\n      _c = _vm._self._c\n    return _c(\"div\", { staticClass: \"cartitle\" }, [\n      _c(\"div\", { staticClass: \"titleFont\" }, [\n        _c(\"img\", {\n          attrs: { src: require(\"./../assets/indexN/标题箭头.png\"), alt: \"\" },\n        }),\n        _c(\"span\", [_vm._v(\"盐都东台区供电所数字化分析\")]),\n        _c(\"img\", {\n          attrs: { src: require(\"./../assets/indexN/标题箭头1.png\"), alt: \"\" },\n        }),\n      ]),\n    ])\n  },\n  function () {\n    var _vm = this,\n      _c = _vm._self._c\n    return _c(\"div\", { staticClass: \"cartitle\" }, [\n      _c(\"div\", { staticClass: \"titleFont\" }, [\n        _c(\"img\", {\n          attrs: { src: require(\"./../assets/indexN/标题箭头.png\"), alt: \"\" },\n        }),\n        _c(\"span\", [_vm._v(\"盐城供电公司配网电能质量管控\")]),\n        _c(\"img\", {\n          attrs: { src: require(\"./../assets/indexN/标题箭头1.png\"), alt: \"\" },\n        }),\n      ]),\n    ])\n  },\n  function () {\n    var _vm = this,\n      _c = _vm._self._c\n    return _c(\"div\", { staticClass: \"middle\", attrs: { id: \"middle\" } }, [\n      _c(\"div\", { staticClass: \"map\", staticStyle: { height: \"100%\" } }, [\n        _c(\"div\", { staticClass: \"imgboxone\" }, [\n          _c(\"div\", { staticClass: \"contents\" }, [\n            _c(\"div\", { staticClass: \"lines\" }, [\n              _c(\"div\", { staticClass: \"total\" }, [\n                _c(\"div\", { staticClass: \"num\" }, [\n                  _c(\"span\", { staticStyle: { \"font-size\": \"18px\" } }, [\n                    _vm._v(\"户数高渗透率\"),\n                  ]),\n                  _c(\n                    \"h5\",\n                    { staticStyle: { \"font-size\": \"28px\", color: \"yellow\" } },\n                    [_vm._v(\"3.40%\")]\n                  ),\n                ]),\n              ]),\n            ]),\n            _c(\"div\", { staticClass: \"lines\" }, [\n              _c(\"div\", { staticClass: \"total\" }, [\n                _c(\"div\", { staticClass: \"num\" }, [\n                  _c(\"span\", { staticStyle: { \"font-size\": \"18px\" } }, [\n                    _vm._v(\"容量渗透率\"),\n                  ]),\n                  _c(\n                    \"h5\",\n                    { staticStyle: { \"font-size\": \"28px\", color: \"orange\" } },\n                    [_vm._v(\"0.01%\")]\n                  ),\n                ]),\n              ]),\n            ]),\n            _c(\"div\", { staticClass: \"lines\" }, [\n              _c(\"div\", { staticClass: \"total\" }, [\n                _c(\"div\", { staticClass: \"num\" }, [\n                  _c(\"span\", { staticStyle: { \"font-size\": \"18px\" } }, [\n                    _vm._v(\"能量渗透率\"),\n                  ]),\n                  _c(\n                    \"h5\",\n                    { staticStyle: { \"font-size\": \"28px\", color: \"yellow\" } },\n                    [_vm._v(\"0.44%\")]\n                  ),\n                ]),\n              ]),\n            ]),\n          ]),\n        ]),\n        _c(\"div\", { staticClass: \"imgboxtwo\" }, [\n          _c(\"ul\", { staticClass: \"contentUl\" }, [\n            _c(\"li\", [\n              _c(\"h5\", [_vm._v(\"发电客户数\")]),\n              _c(\"br\"),\n              _c(\"span\", { staticStyle: { color: \"yellow\" } }, [\n                _vm._v(\"4721\"),\n              ]),\n            ]),\n            _c(\"li\", [\n              _c(\"h5\", [_vm._v(\"变电站数量\")]),\n              _c(\"br\"),\n              _c(\"span\", { staticStyle: { color: \"orange\" } }, [_vm._v(\"90\")]),\n            ]),\n            _c(\"li\", [\n              _c(\"h5\", [_vm._v(\"台区总数\")]),\n              _c(\"br\"),\n              _c(\"span\", { staticStyle: { color: \"yellow\" } }, [\n                _vm._v(\"17416\"),\n              ]),\n            ]),\n            _c(\"li\", [\n              _c(\"h5\", [_vm._v(\"当前负载率\")]),\n              _c(\"br\"),\n              _c(\"span\", { staticStyle: { color: \"orange\" } }, [\n                _vm._v(\"40.19%\"),\n              ]),\n            ]),\n          ]),\n        ]),\n      ]),\n    ])\n  },\n  function () {\n    var _vm = this,\n      _c = _vm._self._c\n    return _c(\"div\", { staticClass: \"cartitle\" }, [\n      _c(\"div\", { staticClass: \"titleFont\" }, [\n        _c(\"img\", {\n          attrs: { src: require(\"./../assets/indexN/标题箭头.png\"), alt: \"\" },\n        }),\n        _c(\"span\", [_vm._v(\"乡村振兴电力综合指数\")]),\n        _c(\"img\", {\n          attrs: { src: require(\"./../assets/indexN/标题箭头1.png\"), alt: \"\" },\n        }),\n      ]),\n    ])\n  },\n  function () {\n    var _vm = this,\n      _c = _vm._self._c\n    return _c(\"div\", { staticClass: \"cartitle\" }, [\n      _c(\"div\", { staticClass: \"titleFont\" }, [\n        _c(\"img\", {\n          attrs: { src: require(\"./../assets/indexN/标题箭头.png\"), alt: \"\" },\n        }),\n        _c(\"span\", [_vm._v(\"两高行业企业污染监测\")]),\n        _c(\"img\", {\n          attrs: { src: require(\"./../assets/indexN/标题箭头1.png\"), alt: \"\" },\n        }),\n      ]),\n    ])\n  },\n  function () {\n    var _vm = this,\n      _c = _vm._self._c\n    return _c(\"div\", { staticClass: \"cartitle\" }, [\n      _c(\"div\", { staticClass: \"titleFont\" }, [\n        _c(\"img\", {\n          attrs: { src: require(\"./../assets/indexN/标题箭头.png\"), alt: \"\" },\n        }),\n        _c(\"span\", [_vm._v(\"农村生活污水治理设备电量分析\")]),\n        _c(\"img\", {\n          attrs: { src: require(\"./../assets/indexN/标题箭头1.png\"), alt: \"\" },\n        }),\n      ]),\n    ])\n  },\n  function () {\n    var _vm = this,\n      _c = _vm._self._c\n    return _c(\"div\", { staticClass: \"line\" }, [\n      _c(\"div\", { staticClass: \"enselect\" }, [\n        _c(\"img\", {\n          attrs: { src: require(\"../assets/02/地区选择下拉菜单.png\"), alt: \"\" },\n        }),\n        _c(\"span\", { staticClass: \"text\" }, [_vm._v(\"能量\")]),\n      ]),\n      _c(\"div\", { attrs: { id: \"detailen\" } }),\n    ])\n  },\n  function () {\n    var _vm = this,\n      _c = _vm._self._c\n    return _c(\"div\", { staticClass: \"cartitle\" }, [\n      _c(\"div\", { staticClass: \"titleFont\" }, [\n        _c(\"img\", {\n          attrs: { src: require(\"./../assets/indexN/标题箭头.png\"), alt: \"\" },\n        }),\n        _c(\"span\", [_vm._v(\"数字化排涝抗旱辅助及检修辅助决策\")]),\n        _c(\"img\", {\n          attrs: { src: require(\"./../assets/indexN/标题箭头1.png\"), alt: \"\" },\n        }),\n      ]),\n    ])\n  },\n  function () {\n    var _vm = this,\n      _c = _vm._self._c\n    return _c(\"div\", { staticClass: \"three-left\" }, [\n      _c(\"div\", { attrs: { id: \"detailedThree\" } }),\n    ])\n  },\n  function () {\n    var _vm = this,\n      _c = _vm._self._c\n    return _c(\"div\", { staticClass: \"content\" }, [\n      _c(\"img\", { attrs: { src: require(\"../assets/images/baojing.png\") } }),\n      _c(\"div\", [_vm._v(\"都政线XXX环网柜间隔3发生局部放电故障\")]),\n    ])\n  },\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }"],"mappings":"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"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/c90c3926ca9a7c54a28c3c00854c506d.json b/node_modules/.cache/vue-loader/c90c3926ca9a7c54a28c3c00854c506d.json
new file mode 100644
index 00000000..2a330bbf
--- /dev/null
+++ b/node_modules/.cache/vue-loader/c90c3926ca9a7c54a28c3c00854c506d.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\component\\routeDetail.vue","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\component\\routeDetail.vue","mtime":1689642397092},{"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":["import { render, staticRenderFns } from \"./routeDetail.vue?vue&type=template&id=21352842&scoped=true&\"\nimport script from \"./routeDetail.vue?vue&type=script&lang=js&\"\nexport * from \"./routeDetail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./routeDetail.vue?vue&type=style&index=0&id=21352842&scoped=true&lang=less&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"21352842\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"E:\\\\2023\\\\yancheng0718\\\\yanchengPowerSupply\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('21352842')) {\n      api.createRecord('21352842', component.options)\n    } else {\n      api.reload('21352842', component.options)\n    }\n    module.hot.accept(\"./routeDetail.vue?vue&type=template&id=21352842&scoped=true&\", function () {\n      api.rerender('21352842', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/component/routeDetail.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/ca7f23a7d8fc305ba191d2c4ca557530.json b/node_modules/.cache/vue-loader/ca7f23a7d8fc305ba191d2c4ca557530.json
new file mode 100644
index 00000000..391b222d
--- /dev/null
+++ b/node_modules/.cache/vue-loader/ca7f23a7d8fc305ba191d2c4ca557530.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\stationBuilding.vue","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\stationBuilding.vue","mtime":1689642397096},{"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":["import { render, staticRenderFns } from \"./stationBuilding.vue?vue&type=template&id=878d5e44&scoped=true&\"\nimport script from \"./stationBuilding.vue?vue&type=script&lang=js&\"\nexport * from \"./stationBuilding.vue?vue&type=script&lang=js&\"\nimport style0 from \"./stationBuilding.vue?vue&type=style&index=0&id=878d5e44&lang=less&scoped=true&\"\nimport style1 from \"./stationBuilding.vue?vue&type=style&index=1&id=878d5e44&lang=less&scoped=true&\"\nimport style2 from \"./stationBuilding.vue?vue&type=style&index=2&id=878d5e44&lang=less&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"878d5e44\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"E:\\\\2023\\\\yancheng0718\\\\yanchengPowerSupply\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('878d5e44')) {\n      api.createRecord('878d5e44', component.options)\n    } else {\n      api.reload('878d5e44', component.options)\n    }\n    module.hot.accept(\"./stationBuilding.vue?vue&type=template&id=878d5e44&scoped=true&\", function () {\n      api.rerender('878d5e44', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/stationBuilding.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/cc3c2aa6027ca2a728eee7e997bd8538.json b/node_modules/.cache/vue-loader/cc3c2aa6027ca2a728eee7e997bd8538.json
new file mode 100644
index 00000000..e528a153
--- /dev/null
+++ b/node_modules/.cache/vue-loader/cc3c2aa6027ca2a728eee7e997bd8538.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\thirtyFiveKV.vue","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\thirtyFiveKV.vue","mtime":1689642397096},{"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":["import { render, staticRenderFns } from \"./thirtyFiveKV.vue?vue&type=template&id=4bdb45b9&scoped=true&\"\nimport script from \"./thirtyFiveKV.vue?vue&type=script&lang=js&\"\nexport * from \"./thirtyFiveKV.vue?vue&type=script&lang=js&\"\nimport style0 from \"./thirtyFiveKV.vue?vue&type=style&index=0&id=4bdb45b9&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"4bdb45b9\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"E:\\\\2023\\\\yancheng0718\\\\yanchengPowerSupply\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('4bdb45b9')) {\n      api.createRecord('4bdb45b9', component.options)\n    } else {\n      api.reload('4bdb45b9', component.options)\n    }\n    module.hot.accept(\"./thirtyFiveKV.vue?vue&type=template&id=4bdb45b9&scoped=true&\", function () {\n      api.rerender('4bdb45b9', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/thirtyFiveKV.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/cf4b4a2cff3a5cea26ab5cd7ac2ddf62.json b/node_modules/.cache/vue-loader/cf4b4a2cff3a5cea26ab5cd7ac2ddf62.json
new file mode 100644
index 00000000..a16ac094
--- /dev/null
+++ b/node_modules/.cache/vue-loader/cf4b4a2cff3a5cea26ab5cd7ac2ddf62.json
@@ -0,0 +1 @@
+{"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=style&index=2&id=a83bd3b0&lang=less&","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\index.vue","mtime":1689657980988},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\css-loader\\index.js","mtime":1689642389821},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1689642396087},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\postcss-loader\\src\\index.js","mtime":1689642393431},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\less-loader\\dist\\cjs.js","mtime":1689642392421},{"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\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",{"version":3,"sources":["index.vue"],"names":[],"mappings":";AA07IA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA","file":"index.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n  <div class=\"home\">\r\n    <div class=\"left\" id=\"left\">\r\n      <div class=\"one\" style=\"height: 48%\">\r\n        <div class=\"cartitle\" @click=\"routerTo('盐城地区分布光伏运行监测')\">\r\n            \r\n          <div class=\"titleFont\"> \r\n            <img src=\"./../assets/indexN/标题箭头.png\" alt=\"\" />\r\n            <span>盐城地区分布光伏运行监测</span>\r\n            <img src=\"./../assets/indexN/标题箭头1.png\" alt=\"\" />\r\n            </div>\r\n        </div>\r\n        <div class=\"content\">\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n                <span style=\"font-size: 18px\">户数高渗透率&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.pdxl\">{{ CompanyInfo.pdxl }}</span>\r\n\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\">容量渗透率&nbsp;&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\r\n\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\">能量渗透率&nbsp;&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\r\n\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n        </div>\r\n        <div id=\"detailedTwo1\"></div>\r\n      </div>\r\n      <div class=\"two\" style=\"height: 49%\">\r\n        <div class=\"cartitle\">\r\n          <div class=\"titleFont\"><img src=\"./../assets/indexN/标题箭头.png\" alt=\"\" />\r\n            <span>配网工程全过程物资审计</span>\r\n            <img src=\"./../assets/indexN/标题箭头1.png\" alt=\"\" /></div>\r\n        </div>\r\n        <div class=\"content\" style=\"display:inline\">\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n                <span style=\"font-size: 18px\">项目数&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.pdxl\">{{ CompanyInfo.pdxl }}</span>\r\n\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\">预算费用总和</span>&nbsp;&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\r\n\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\">计划数&nbsp;&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\r\n\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n        </div>\r\n        <div id=\"barCharts\"></div>\r\n      </div>\r\n    </div>\r\n    <div class=\"left1\" id=\"left\">\r\n      <div class=\"one\" style=\"height: 48%\">\r\n        <div class=\"cartitle\">\r\n          <div class=\"titleFont\"><img src=\"./../assets/indexN/标题箭头.png\" alt=\"\" />\r\n            <span>盐都东台区供电所数字化分析</span>\r\n            <img src=\"./../assets/indexN/标题箭头1.png\" alt=\"\" /></div>\r\n        </div>\r\n        <div class=\"content\">\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n                <span style=\"font-size: 18px\">升档配变数量&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.pdxl\">{{ CompanyInfo.pdxl }}</span>\r\n\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\">降档配比数量</span>&nbsp;&nbsp;\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\r\n\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\">负荷关注配变数量&nbsp;&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\r\n\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n        </div>\r\n        <div id=\"horizontalChart\"></div>\r\n      </div>\r\n      <div class=\"two\" style=\"height: 49%\">\r\n        <div class=\"cartitle\">\r\n          <div class=\"titleFont\"><img src=\"./../assets/indexN/标题箭头.png\" alt=\"\" />\r\n            <span>盐城供电公司配网电能质量管控</span>\r\n            <img src=\"./../assets/indexN/标题箭头1.png\" alt=\"\" /></div>\r\n        </div>\r\n        <div class=\"content\">\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n                <span style=\"font-size: 18px\">月供电可靠性&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.pdxl\">{{ CompanyInfo.pdxl }}</span>\r\n\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\">平均停电频次&nbsp;&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\r\n\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\">平均停电时间&nbsp;&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\r\n\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n        </div>\r\n        <div id=\"detailedOne\" style=\"height: calc(100% - 200px)\"></div>\r\n      </div>\r\n    </div>\r\n   <div class=\"middle\" id=\"middle\">\r\n      <div class=\"map\" style=\"height: 100%\">\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 style=\"font-size: 18px\">户数高渗透率</span>\r\n                  <h5 style=\"font-size: 28px; color: 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 style=\"font-size: 18px\">容量渗透率</span>\r\n                  <h5 style=\"font-size: 28px; color: 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 style=\"font-size: 18px\">能量渗透率</span>\r\n                  <h5 style=\"font-size: 28px; color: 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=\"one\" style=\"height: 48%; width: 100%\">\r\n        <div class=\"cartitle\">\r\n          <!-- <div style=\"\r\n              width: 82%;\r\n              display: flex;\r\n              justify-content: space-between;\r\n              align-items: center;\r\n            \"> -->\r\n            <div class=\"titleFont\"><img src=\"./../assets/indexN/标题箭头.png\" alt=\"\" />\r\n            <span>乡村振兴电力综合指数</span>\r\n            <img src=\"./../assets/indexN/标题箭头1.png\" alt=\"\" /></div>\r\n            <!-- <div class=\"dateSelect\">\r\n              <div style=\"text-indent: 15px\" @click=\"handleDate(index)\" :class=\"addColor(index)\"\r\n                v-for=\"(item, index) in dateList\" :key=\"index\">\r\n                {{ item }}\r\n              </div>\r\n            </div> -->\r\n          <!-- </div> -->\r\n        </div>\r\n        <div class=\"top\">\r\n          <div class=\"topContent\" v-for=\"(item, index) in topContent\" :key=\"index\">\r\n            <div style=\"color: #ffffff\">{{ item.name }}</div>\r\n            <div style=\"color: rgb(86, 254, 226); font-size: 22px\">\r\n              {{ item.count }}\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div style=\"height: 90%\" id=\"detailedFive\"></div>\r\n      </div>\r\n      <!-- <div class=\"two\" style=\"height: 340px\">\r\n        <div class=\"cartitle\">\r\n          <div class=\"titleFont\">盐都供电质量统计</div>\r\n        </div>\r\n        <div id=\"detailedTwo\"></div>\r\n      </div> -->\r\n      <div class=\"three\" style=\"height: 48%; width: 100%\">\r\n        <div class=\"cartitle\">\r\n          <div class=\"titleFont\"><img src=\"./../assets/indexN/标题箭头.png\" alt=\"\" />\r\n            <span>两高行业企业污染监测</span>\r\n            <img src=\"./../assets/indexN/标题箭头1.png\" alt=\"\" /></div>\r\n        </div>\r\n        <!-- <div class=\"three-content\">\r\n          <div class=\"three-left\">\r\n            <div id=\"detailedThree\"></div>\r\n          </div>\r\n\r\n          <div class=\"three-right\">\r\n            <ul>\r\n              <li v-for=\"s in gongdanList\" @click=\"openGdDetail(s)\">\r\n                {{ s.gd_type_name }}\r\n                <span style=\"color: #56fee2\">{{ s.total }}</span>\r\n              </li>\r\n            </ul>\r\n          </div>\r\n        </div> -->\r\n         <div class=\"content\" style=\"display:inline\">\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n                <span style=\"font-size: 18px\">项目数&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.pdxl\">{{ CompanyInfo.pdxl }}</span>\r\n\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\">预算费用总和</span>&nbsp;&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\r\n\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\">计划数&nbsp;&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\r\n\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n        </div>\r\n        <div id=\"roseCharts\"></div>\r\n      </div>\r\n    </div>\r\n    <div class=\"right1\" id=\"right\">\r\n      <!-- <div class=\"one\" style=\"height: 635px; width: 100%\"> -->\r\n      <div class=\"one\" style=\"height:48%; width: 100%\">\r\n        <div class=\"cartitle\">\r\n          <!-- <div style=\"\r\n              width: 82%;\r\n              display: flex;\r\n              justify-content: space-between;\r\n              align-items: center;\r\n            \"> -->\r\n            <div class=\"titleFont\"><img src=\"./../assets/indexN/标题箭头.png\" alt=\"\" />\r\n            <span>农村生活污水治理设备电量分析</span>\r\n            <img src=\"./../assets/indexN/标题箭头1.png\" alt=\"\" /></div>\r\n            <!-- <div class=\"dateSelect\">\r\n              <div style=\"text-indent: 15px\" @click=\"handleDate(index)\" :class=\"addColor(index)\"\r\n                v-for=\"(item, index) in dateList\" :key=\"index\">\r\n                {{ item }}\r\n              </div>\r\n            </div> -->\r\n          <!-- </div> -->\r\n        </div>\r\n        <!-- <div class=\"top\">\r\n          <div class=\"topContent\" v-for=\"(item, index) in topContent\" :key=\"index\">\r\n            <div style=\"color: #ffffff\">{{ item.name }}</div>\r\n            <div style=\"color: rgb(86, 254, 226); font-size: 22px\">\r\n              {{ item.count }}\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div style=\"height: 90%\" id=\"detailedFive\"></div> -->\r\n        <div class=\"content\">\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n                <span style=\"font-size: 18px\">户数高渗透率&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.pdxl\">{{ CompanyInfo.pdxl }}</span>\r\n\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\">容量渗透率&nbsp;&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\r\n\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\">能量渗透率&nbsp;&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\r\n\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n         \r\n        </div>\r\n          <div class=\"line\">\r\n            <div class=\"enselect\">\r\n              <img src=\"../assets/02/地区选择下拉菜单.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 class=\"two\" style=\"height: 340px\">\r\n        <div class=\"cartitle\">\r\n          <div class=\"titleFont\">盐都供电质量统计</div>\r\n        </div>\r\n        <div id=\"detailedTwo\"></div>\r\n      </div> -->\r\n      <div class=\"three\" style=\"height: 48%; width: 100%\">\r\n        <div class=\"cartitle\">\r\n          <div class=\"titleFont\"><img src=\"./../assets/indexN/标题箭头.png\" alt=\"\" />\r\n            <span>数字化排涝抗旱辅助及检修辅助决策</span>\r\n            <img src=\"./../assets/indexN/标题箭头1.png\" alt=\"\" /></div>\r\n        </div>\r\n        <div class=\"three-content\">\r\n          <div class=\"three-left\">\r\n            <div id=\"detailedThree\"></div>\r\n          </div>\r\n\r\n          <div class=\"three-right\">\r\n            <ul>\r\n              <li v-for=\"s in gongdanList\" @click=\"openGdDetail(s)\">\r\n                {{ s.gd_type_name }}\r\n                <span style=\"color: #56fee2\">{{ s.total }}</span>\r\n              </li>\r\n            </ul>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"realTimeAlarm\" v-show=\"realTimeAlarmShow\">\r\n      <div class=\"content\">\r\n        <img src=\"../assets/images/baojing.png\" />\r\n        <div>都政线XXX环网柜间隔3发生局部放电故障</div>\r\n      </div>\r\n    </div>\r\n    <div class=\"alarmInformation\" v-show=\"alarmInformationShow\">\r\n      <div class=\"top\">\r\n        <div class=\"title\">报警详情信息</div>\r\n        <div class=\"close\">\r\n          <img @click=\"handleClose\" src=\"@/assets/images/close.png\" style=\"cursor: pointer\" />\r\n        </div>\r\n      </div>\r\n      <div class=\"content\">\r\n        <div class=\"table user_skills\">\r\n          <el-table :data=\"alarmInformationData\" style=\"width: 100%; height: 100%\"\r\n            :header-cell-style=\"{ 'text-align': 'center' }\" :cell-style=\"{ 'text-align': 'center' }\"\r\n            :row-class-name=\"rowClass\">\r\n            <el-table-column label=\"序号\" width=\"100\" align=\"center\">\r\n              <template slot-scope=\"scop\">\r\n                {{ scop.$index + 1 }}\r\n              </template>\r\n            </el-table-column>\r\n            <el-table-column prop=\"cabinet_name\" label=\"告警位置\" align=\"center\">\r\n              <!-- <template slot-scope=\"scope\">\r\n                <div v-html=\"scope.row.name\"></div>\r\n              </template> -->\r\n            </el-table-column>\r\n            <!-- <el-table-column prop=\"name\" label=\"间隔\" align=\"center\">\r\n            </el-table-column> -->\r\n            <el-table-column prop=\"event_desc\" label=\"告警信息\" align=\"center\">\r\n            </el-table-column>\r\n            <el-table-column prop=\"created_at\" label=\"发生时间\" align=\"center\">\r\n            </el-table-column>\r\n          </el-table>\r\n        </div>\r\n      </div>\r\n      <el-pagination @current-change=\"handleCurrentChange\" :current-page=\"page\" :page-size=\"pageSize\"\r\n        layout=\"prev, pager, next\" :total=\"totals\" v-if=\"pageShow\">\r\n      </el-pagination>\r\n    </div>\r\n    <!-- <div style=\"height:40px;width:40px\" class=\"suoxiao\">\r\n        <img src=\"../assets/images/btnFangDa.png\" style=\"height:40px;width:40px\"/>\r\n      </div> -->\r\n    <div class=\"componentShow\" v-if=\"modelOthers\">\r\n      <keep-alive>\r\n        <component :is=\"componentShow\" :ringMainUnit=\"device\"></component>\r\n      </keep-alive>\r\n    </div>\r\n    <!-- 工单统计弹窗 -->\r\n    <div class=\"componentShow\" v-if=\"orderItem != null\">\r\n      <component :is=\"orderShow\" :orderItem=\"orderItem\"></component>\r\n    </div>\r\n\r\n    <!-- 故障跳闸明细 -->\r\n    <div class=\"componentShow\" v-if=\"routeItem != null\">\r\n      <component :is=\"routeShow\" :routeItem=\"routeItem\"></component>\r\n    </div>\r\n\r\n    <!-- 查询配电线路 -->\r\n    <div class=\"componentShow\" style=\"display: block; height: calc(100% - 100px); top: 100px\" v-if=\"lineItem != null\">\r\n      <component :is=\"lineShow\" :lineItem=\"lineItem\"></component>\r\n    </div>\r\n    <audio controls=\"controls\" hidden src=\"../assets/videos/police.wav\" ref=\"audio\"></audio>\r\n  </div>\r\n</template>\r\n\r\n<script>\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// 工单统计弹窗组件\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      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.detailedTwo11()\r\n    this.horizontalChart()\r\n    this.barCharts()\r\n    this.roseCharts()\r\n     this.detailen1();\r\n    // 盐都区供电公司概况\r\n    getCompanyInfo().then((res) => {\r\n      // console.log(res,'....');\r\n      this.CompanyInfo = res.data.data;\r\n    });\r\n\r\n    // 查询总线路\r\n    getLine({ action: \"all\" }).then((res) => {\r\n      if (res.data != \"\") {\r\n        this.options = Object.keys(res.data.data).map((item, index) => {\r\n          return {\r\n            value: res.data.data[index].line_code,\r\n            label: res.data.data[index].line_name,\r\n          };\r\n        });\r\n      }\r\n    });\r\n    //周查询班组\r\n    this.getbanzhu();\r\n    this.timer = window.setInterval(() => {\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    }, 60000);\r\n    //工单统计action:'tongji'\r\n    this.getGongdan();\r\n    this.timer = window.setInterval(() => {\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    }, 60000);\r\n\r\n    //年度查询班组\r\n    getBanzugz({\r\n      action: \"year\",\r\n    }).then((res) => {\r\n      console.log(res, \"年数据\");\r\n      this.dataGzList = res.data.data;\r\n      // console.log(this.dataGzList,'年度查询班组数据');\r\n      for (let i = 0; i < this.dataGzList.length; i++) {\r\n        for (let j = 0; j < res.data.data.length; j++) {\r\n          if (this.dataGzList[i].bz == res.data.data[j].bz) {\r\n            this.dataGzList[i].chbc = res.data.data[j].chbc;\r\n            this.dataGzList[i].chcg = res.data.data[j].chcg;\r\n            this.dataGzList[i].jd = res.data.data[j].jd;\r\n            this.dataGzList[i].total = res.data.data[j].total;\r\n            this.dataGzList[i].wchz = res.data.data[j].wchz;\r\n          }\r\n        }\r\n      }\r\n      this.detailedFour(this.dataGzList);\r\n    });\r\n    //本周故障\r\n    getDwbzgz().then((res) => {\r\n      let dataBzgz = [];\r\n      dataBzgz = res.data.data;\r\n      this.detailedOne(dataBzgz);\r\n    });\r\n    //供电质量统计\r\n    getGdsgdzl().then((res) => {\r\n      let dataGdzl = [];\r\n      dataGdzl = res.data.data;\r\n      //   this.detailedTwo(dataGdzl);\r\n    });\r\n    // //配变停运\r\n    // getPbtyqk({\r\n    //   action:\"week\"\r\n    // }).then((res)=>{\r\n    //   let dataPbty = [];\r\n    //   dataPbty = res.data.data\r\n    //   console.log(dataPbty,'dataPbty');\r\n    //   this.detailedFive(dataPbty);\r\n    //   let dataPb = [];\r\n    //   let dataCf = [];\r\n    //   let dataCfl = [];\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    //     dataCfl.push(dataPbty[i].pbcftyl)\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    this.handleDate(0);\r\n    let that = this;\r\n    window.addEventListener(\"message\", function (e) {\r\n      var res = e.data;\r\n      if (res.val != null) {\r\n        that.modelOthers = true;\r\n        that.componentShow = \"ringMainUnit\";\r\n        that.device = res.val;\r\n      }\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    getfaultReportList(faultData).then((res) => {\r\n      // this.alarmInformationData = res.data.data.data;\r\n    });\r\n    window.setInterval(() => {\r\n      let endDate = this.$moment(new Date()).format(\"YYYY-MM-DD HH:mm:ss\");\r\n      let startDate = this.$moment(new Date())\r\n        .subtract(1, \"h\")\r\n        .format(\"YYYY-MM-DD HH:mm:ss\");\r\n      let cabData = {\r\n        token: localStorage.getItem(\"token\"),\r\n        pageSize: 50,\r\n        page: 1,\r\n        sn: \"\",\r\n        startDate: startDate,\r\n        endDate: endDate,\r\n        confirm: \"\",\r\n      };\r\n      getCabinetAlarmList(cabData).then((res) => {\r\n        let event_desc = ''\r\n        if (res.data.data.data != null) {\r\n          res.data.data.data.forEach((item, index) => {\r\n            if (item.event_desc.indexOf(\"开关\") != -1) {\r\n              event_desc = item.event_desc.replace('开关', '间隔')\r\n            } else {\r\n              event_desc = item.event_desc\r\n            }\r\n          });\r\n          this.emergencyList = res.data.data.data.filter(item => {\r\n            return item.event_desc.indexOf(\"通讯状态\") == -1\r\n          });\r\n          this.emergencyList.forEach((item, index) => {\r\n            item.event_desc = event_desc\r\n          });\r\n          this.totals = this.emergencyList.length;\r\n          let dataList = this.emergencyList;\r\n          if (dataList.length != 0) {\r\n            this.rowTime = dataList[0].created_at;\r\n          } else {\r\n            return false;\r\n          }\r\n        }\r\n      });\r\n    }, 10000);\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    routerTo(data) {\r\n      if (data == '盐城地区分布光伏运行监测') {\r\n        this.$router.push(\"/stationBuilding\");\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          },\r\n        ],\r\n        series: [\r\n          {\r\n            name: \"关联电网事故\",\r\n            type: \"bar\",\r\n            itemStyle: {\r\n              color: \"#00ffff\", // 柱状图颜色\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: \"yellow\", // 柱状图颜色\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    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    // beginShowing() {\r\n    //   this.$nextTick(function () {\r\n    //     // 文档显示区域的高度 - 表格距离浏览器顶部的距离 - 表格距离浏览器底部的距离\r\n    //     if (this.$refs.tableBox && this.$refs.tableBox.$el.offsetTop) {\r\n    //       this.tableHeight =\r\n    //         window.innerHeight - this.$refs.tableBox.$el.offsetTop - 300;\r\n    //       this.$refs.tableBox.doLayout();\r\n    //       this.roll();\r\n    //     }\r\n    //   });\r\n    // },\r\n    // roll() {\r\n    //   // 拿到表格挂载后的真实DOM\r\n    //   const table = this.$refs.tableBox;\r\n    //   // 拿到表格中承载数据的div元素\r\n    //   const bodyWrapper = table.bodyWrapper;\r\n    //   // 拿到元素后，对元素进行定时增加距离顶部距离，实现滚动效果(这里配置为每100毫秒移动1像素)\r\n    //   this.myTimer = setInterval(() => {\r\n    //     // 元素自增距离顶部1像素\r\n    //     bodyWrapper.scrollTop++;\r\n    //     // 判断元素是否滚动到底部(可视高度+距离顶部=元素内容的整个高度包括溢出的不可见内容)\r\n    //     if (\r\n    //       bodyWrapper.clientHeight + bodyWrapper.scrollTop ===\r\n    //       bodyWrapper.scrollHeight\r\n    //     ) {\r\n    //       // 重置table距离顶部距离\r\n    //       bodyWrapper.scrollTop = 0;\r\n    //     }\r\n    //   }, 100);\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(dataBzgz) {\r\n      let dataList = [];\r\n      let newArr = [20, 20, 20, 20, 20, 20, 20, 20, 20, 20];\r\n      let dataDw = [];\r\n      for (let i = 0; i < dataBzgz.length; i++) {\r\n        dataList.push(dataBzgz[i].gzcs);\r\n        dataDw.push(dataBzgz[i].dw);\r\n      }\r\n\r\n      let myChart = this.$echarts.init(document.getElementById(\"detailedOne\"));\r\n      var option = {\r\n        tooltip: {\r\n          show: true,\r\n          trigger: \"axis\",\r\n          axisPointer: {\r\n            type: \"shadow\",\r\n          },\r\n        },\r\n        grid: {\r\n          top: \"18%\",\r\n          left: \"5%\",\r\n          right: \"3%\",\r\n          bottom: \"5%\",\r\n          containLabel: true,\r\n        },\r\n\r\n        xAxis: [\r\n          {\r\n            type: \"category\",\r\n            data: dataDw,\r\n            axisTick: {\r\n              show: false,\r\n              alignWithLabel: true,\r\n            },\r\n            axisLabel: {\r\n              color: \"#ffffff\",\r\n              interval: 0,\r\n              fontSize: 16,\r\n            },\r\n            axisLine: {\r\n              show: false, //隐藏X轴轴线\r\n              lineStyle: {\r\n                color: \"#01FCE3\",\r\n              },\r\n            },\r\n          },\r\n        ],\r\n        yAxis: [\r\n          {\r\n            name: \"单位：次\",\r\n            type: \"value\",\r\n            data: [0, 2, 4, 6, 8, 10],\r\n            nameTextStyle: {\r\n              color: \"#ffffff\",\r\n              // padding:[25,0,0,0]\r\n              fontSize: 16,\r\n            },\r\n            axisLabel: {\r\n              color: \"#ffffff\",\r\n            },\r\n            splitLine: {\r\n              show: true,\r\n              lineStyle: {\r\n                type: \"solid\",\r\n                // color: 'rgba(66, 192, 255, .3)',\r\n                color: \"rgba(102,102,102,0.6)\",\r\n                width: 1,\r\n                // color: 'red'\r\n                fontSize: 16,\r\n              },\r\n            },\r\n            splitArea: {\r\n              show: false,\r\n            },\r\n          },\r\n        ],\r\n        series: [\r\n          // {\r\n          //   type: \"bar\",\r\n          //   barWidth: 22,\r\n          //   itemStyle: {\r\n          //     normal: {\r\n          //       label: {\r\n          //         fontSize: 14,\r\n          //         formatter(params) {\r\n          //           for (let i = 0; i < dataList.length; i++) {\r\n          //             if (params.dataIndex == i) {\r\n          //               return dataDw[i] + \"\\n\" + \"\\n\" + dataList[i];\r\n          //             }\r\n          //           }\r\n          //         },\r\n          //         show: true,\r\n          //         position: \"top\",\r\n          //         color: \"#ffffff\",\r\n          //       },\r\n          //       color: \"none\",\r\n          //     },\r\n          //   },\r\n          //   silent: true,\r\n          //   // barGap: \"-100%\",\r\n          //   data: newArr,\r\n          // },\r\n          {\r\n            name: \"\",\r\n            type: \"bar\",\r\n            barWidth: 30,\r\n            itemStyle: {\r\n              color: (params) => {\r\n                // console.log(params, '数据');\r\n                let colorList = [\r\n                  new this.$echarts.graphic.LinearGradient(0, 1, 0, 0, [\r\n                    { offset: 0, color: \"rgba(23,74,100,0.6)\" },\r\n                    { offset: 1, color: \"rgb(86,254,226)\" },\r\n                  ]),\r\n                  new this.$echarts.graphic.LinearGradient(0, 1, 0, 0, [\r\n                    {\r\n                      offset: 0,\r\n                      color: \"rgba(237,125,49,.2)\",\r\n                    },\r\n                    {\r\n                      offset: 1,\r\n                      color: \"rgba(237,125,49,1)\",\r\n                    },\r\n                  ]),\r\n                ];\r\n                if (params.name == \"盐都\") {\r\n                  return colorList[1];\r\n                } else {\r\n                  return colorList[0];\r\n                }\r\n              },\r\n              fontSize: 16,\r\n            },\r\n            data: dataList,\r\n            label: {\r\n              show: true,\r\n              position: \"top\",\r\n              fontStyle: \"normal\",\r\n              fontWeight: \"normal\",\r\n              color: \"#ffffff\",\r\n            },\r\n            //  z: -1,\r\n            // //不同系列的柱间距离，为百分比,如果想要两个系列的柱子重叠，可以设置 barGap 为 '-100%'。\r\n            // barGap: '-100%',\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(dataGdzl) {\r\n      let gdsList = [];\r\n      let xlcczList = [];\r\n      let pbcczList = [];\r\n      let ddyList = [];\r\n      for (let i = 0; i < dataGdzl.length; i++) {\r\n        gdsList.push(dataGdzl[i].gds);\r\n        xlcczList.push(dataGdzl[i].xlccz);\r\n        pbcczList.push(dataGdzl[i].pbccz);\r\n        ddyList.push(dataGdzl[i].ddy);\r\n      }\r\n      let that = this;\r\n      var myChart = this.$echarts.init(document.getElementById(\"detailedTwo1\"));\r\n      var option = {\r\n        //  animation: true,\r\n        // animationDuration: 20000,\r\n        tooltip: {\r\n          trigger: \"axis\",\r\n          axisPointer: {\r\n            type: \"cross\",\r\n            label: {\r\n              backgroundColor: \"#6a7985\",\r\n            },\r\n          },\r\n        },\r\n        grid: {\r\n          left: \"4%\",\r\n          right: \"4%\",\r\n          bottom: \"5%\",\r\n          top: \"15%\",\r\n          containLabel: true,\r\n        },\r\n        legend: {\r\n          top: 10,\r\n          icon: \"rect\",\r\n          right: 25,\r\n          data: [\"线路重超载\", \"配变重超载\", \"低电压\"],\r\n          textStyle: {\r\n            color: \"#fff\",\r\n            fontSize: 16,\r\n          },\r\n        },\r\n        xAxis: {\r\n          type: \"category\",\r\n          data: gdsList,\r\n          axisLine: {\r\n            //  改变x轴颜色\r\n            lineStyle: {\r\n              color: \"none\",\r\n            },\r\n          },\r\n          axisLabel: {\r\n            //  改变x轴字体颜色和大小\r\n            interval: 0,\r\n            textStyle: {\r\n              color: \"#ffffff\",\r\n              fontSize: 16,\r\n            },\r\n          },\r\n          splitLine: {\r\n            show: false,\r\n            lineStyle: {\r\n              color: [\"#315070\"],\r\n              width: 1,\r\n              type: \"solid\",\r\n            },\r\n          },\r\n        },\r\n        yAxis: {\r\n          type: \"value\",\r\n          axisLine: {\r\n            //  改变y轴颜色\r\n            show: false,\r\n            lineStyle: {\r\n              color: \"none\",\r\n            },\r\n          },\r\n          axisLabel: {\r\n            //  改变y轴字体颜色和大小\r\n            //formatter: '{value} m³ ', //  给y轴添加单位\r\n            textStyle: {\r\n              color: \"#ffffff\",\r\n              fontSize: 16,\r\n            },\r\n          },\r\n          axisTick: {\r\n            show: false,\r\n          },\r\n          splitLine: {\r\n            show: true,\r\n            lineStyle: {\r\n              color: [\"#315070\"],\r\n              width: 1,\r\n              type: \"solid\",\r\n            },\r\n          },\r\n        },\r\n        series: [\r\n          {\r\n            type: \"line\",\r\n            smooth: true,\r\n            symbol: \"circle\",\r\n            symbolSize: 7,\r\n            markPoint: {\r\n              symbol: \"circle\",\r\n            },\r\n            name: \"线路重超载\",\r\n            data: xlcczList,\r\n            itemStyle: {\r\n              normal: {\r\n                color: \"#3D7EEB\",\r\n                borderColor: \"#3D7EEB\",\r\n                borderWidth: 2,\r\n              },\r\n            },\r\n            lineStyle: {\r\n              normal: {\r\n                width: 2,\r\n                color: \"#327BFA\",\r\n                shadowColor: \"#327BFA\",\r\n                shadowBlur: 10,\r\n              },\r\n            },\r\n            areaStyle: {\r\n              color: {\r\n                type: \"linear\",\r\n                x: 0,\r\n                y: 0,\r\n                x2: 0,\r\n                y2: 1,\r\n                colorStops: [\r\n                  {\r\n                    offset: 0.5,\r\n                    color: \"rgba(61,126,235,0.5)\", // 0% 处的颜色\r\n                  },\r\n                  {\r\n                    offset: 1,\r\n                    color: \"rgba(61,126,235,0)\", // 100% 处的颜色\r\n                  },\r\n                ],\r\n                global: false, // 缺省为 false\r\n              },\r\n            },\r\n          },\r\n          {\r\n            type: \"line\",\r\n            smooth: true,\r\n            symbol: \"circle\",\r\n            symbolSize: 7,\r\n            markPoint: {\r\n              symbol: \"circle\",\r\n            },\r\n            data: pbcczList,\r\n            name: \"配变重超载\",\r\n            itemStyle: {\r\n              normal: {\r\n                color: \"#17D8A1\",\r\n                borderColor: \"#17D8A1\",\r\n                borderWidth: 2,\r\n              },\r\n            },\r\n            lineStyle: {\r\n              normal: {\r\n                width: 2,\r\n                color: \"#17D8A1\",\r\n                shadowColor: \"#17D8A1\",\r\n                shadowBlur: 10,\r\n              },\r\n            },\r\n            areaStyle: {\r\n              color: {\r\n                type: \"linear\",\r\n                x: 0,\r\n                y: 0,\r\n                x2: 0,\r\n                y2: 1,\r\n                colorStops: [\r\n                  {\r\n                    offset: 0.5,\r\n                    color: \"rgba(23,216,161,0.5)\", // 0% 处的颜色\r\n                  },\r\n                  {\r\n                    offset: 1,\r\n                    color: \"rgba(23,216,161,0)\", // 100% 处的颜色\r\n                  },\r\n                ],\r\n                global: false, // 缺省为 false\r\n              },\r\n            },\r\n          },\r\n          {\r\n            type: \"line\",\r\n            smooth: true,\r\n            symbol: \"circle\",\r\n            symbolSize: 7,\r\n            markPoint: {\r\n              symbol: \"circle\",\r\n            },\r\n            data: ddyList,\r\n            name: \"低电压\",\r\n            itemStyle: {\r\n              normal: {\r\n                color: \"#F4C907\",\r\n                borderColor: \"#F4C907\",\r\n                borderWidth: 2,\r\n              },\r\n            },\r\n            lineStyle: {\r\n              normal: {\r\n                width: 2,\r\n                color: \"#F4C907\",\r\n                shadowColor: \"#F4C907\",\r\n                shadowBlur: 10,\r\n              },\r\n            },\r\n            areaStyle: {\r\n              color: {\r\n                type: \"linear\",\r\n                x: 0,\r\n                y: 0,\r\n                x2: 0,\r\n                y2: 1,\r\n                colorStops: [\r\n                  {\r\n                    offset: 0.5,\r\n                    color: \"rgba(106,117,79,1)\", // 0% 处的颜色\r\n                  },\r\n                  {\r\n                    offset: 1,\r\n                    color: \"rgba(106,117,79,0)\", // 100% 处的颜色\r\n                  },\r\n                ],\r\n                global: false, // 缺省为 false\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\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: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']\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            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            splitLine: {\r\n              show: true,\r\n              lineStyle: {\r\n                color: '#11366e',\r\n                type: \"dashed\",\r\n              }\r\n            }\r\n          },\r\n          // {\r\n          // \ttype : 'value',\r\n          // \tname : '浏览量',\r\n          // \tmin:0,\r\n          // \tmax:1000,\r\n          // \taxisLabel : {\r\n          // \t\tformatter: '{value} 人',\r\n          // \t\ttextStyle:{\r\n          // \t\t\tcolor:'#186afe'\r\n          // \t\t}\r\n          // \t},\r\n          // \taxisLine:{\r\n          // \t\tlineStyle:{\r\n          // \t\t\tcolor:'#186afe'\r\n          // \t\t}\r\n          // \t},\r\n          // \taxisTick:{\r\n          //     \tshow:false,\r\n          //     },\r\n          // \tsplitLine:{\r\n          // \t\tshow:true,\r\n          // \t\tlineStyle:{\r\n          // \t\t\tcolor:'#11366e'\r\n          // \t\t}\r\n          // \t}\r\n          // }\r\n        ],\r\n        series: [\r\n          // {\r\n          // \tname:'已采纳',\r\n          // \ttype:'line',\r\n          // \tstack: '总量',\r\n          // \tsymbol:'circle',\r\n          // \tsymbolSize: 8,\r\n          //     itemStyle: {\r\n          //         normal: {\r\n          // \t\t\tcolor:'#0092f6',\r\n          //             lineStyle: {\r\n          // \t\t\t\tcolor: \"#0092f6\",\r\n          // \t\t\t\twidth:1\r\n          //             },\r\n          //             areaStyle: { \r\n          // \t\t\t\tcolor: '#94C9EC'\r\n          // \t\t\t\t// color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{\r\n          // \t\t\t\t// \toffset: 0,\r\n          // \t\t\t\t// \tcolor: 'rgba(7,44,90,0.3)'\r\n          // \t\t\t\t// }, {\r\n          // \t\t\t\t// \toffset: 1,\r\n          // \t\t\t\t// \tcolor: 'rgba(0,146,246,0.9)'\r\n          // \t\t\t\t// }]),\r\n          //             }\r\n          //         }\r\n          // \t},\r\n          // \tmarkPoint:{\r\n          // \t\titemStyle:{\r\n          // \t\t\tnormal:{\r\n          // \t\t\t\tcolor:'red'\r\n          // \t\t\t}\r\n          // \t\t}\r\n          // \t},\r\n          // \tdata:[120, 132, 101, 134, 90, 230, 210, 182, 191, 234, 290, 330]\r\n          // },\r\n          {\r\n            name: '已发布',\r\n            type: 'line',\r\n            stack: '总量',\r\n            symbol: 'circle',\r\n            symbolSize: 8,\r\n\r\n            itemStyle: {\r\n              normal: {\r\n                color: '#00d4c7',\r\n                lineStyle: {\r\n                  color: \"#00d4c7\",\r\n                  width: 1\r\n                },\r\n                // areaStyle: { \r\n                // \tcolor: '#94C9EC'\r\n                // \t// color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{\r\n                // \t// \toffset: 0,\r\n                // \t// \tcolor: 'rgba(7,44,90,0.3)'\r\n                // \t// }, {\r\n                // \t// \toffset: 1,\r\n                // \t// \tcolor: 'rgba(0,212,199,0.9)'\r\n                // \t// }]),\r\n                // }\r\n              }\r\n            },\r\n            data: [220, 182, 191, 234, 290, 330, 310, 201, 154, 190, 330, 410]\r\n          },\r\n          // {\r\n          // \tname:'浏览量',\r\n          // \ttype:'line',\r\n          // \tstack: '总量',\r\n          // \tsymbol:'circle',\r\n          // \tsymbolSize: 8,\r\n          //     itemStyle: {\r\n          //         normal: {\r\n          //             color: '#aecb56',\r\n          //             lineStyle: {\r\n          // \t\t\t\tcolor: \"#aecb56\",\r\n          // \t\t\t\twidth:1\r\n          //             },\r\n          //             areaStyle: { \r\n          // \t\t\t\tcolor: '#94C9EC'\r\n          // \t\t\t\t// color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{\r\n          // \t\t\t\t// \toffset: 0,\r\n          // \t\t\t\t// \tcolor: 'rgba(7,44,90,0.3)'\r\n          // \t\t\t\t// }, {\r\n          // \t\t\t\t// \toffset: 1,\r\n          // \t\t\t\t// \tcolor: 'rgba(114,144,89,0.9)'\r\n          // \t\t\t\t// }]),\r\n          //             }\r\n          //         }\r\n          // \t},\r\n          // \tdata:[150, 232, 201, 154, 190, 330, 410,150, 232, 201, 154, 190]\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(document.getElementById(\"horizontalChart\"));\r\n      const CubeLeft = this.$echarts.graphic.extendShape({\r\n        shape: {\r\n          x: 0,\r\n          y: 0\r\n        },\r\n        buildPath: function (ctx, shape) {\r\n          console.log(ctx, shape);\r\n          const yAxisPoint = shape.yAxisPoint\r\n          const c0 = [shape.x, shape.y]\r\n          const c1 = [shape.x + 9, shape.y - 9]\r\n          const c2 = [yAxisPoint[0] + 9, yAxisPoint[1] - 9]\r\n          const c3 = [yAxisPoint[0], yAxisPoint[1]]\r\n          ctx.moveTo(c0[0], c0[1]).lineTo(c1[0], c1[1]).lineTo(c2[0], c2[1]).lineTo(c3[0], c3[1]).closePath()\r\n        }\r\n      })\r\n      const CubeRight = this.$echarts.graphic.extendShape({\r\n        shape: {\r\n          x: 0,\r\n          y: 0\r\n        },\r\n        buildPath: function (ctx, shape) {\r\n          const yAxisPoint = shape.yAxisPoint\r\n          const c1 = [shape.x, shape.y]\r\n          const c2 = [yAxisPoint[0], yAxisPoint[1]]\r\n          const c3 = [yAxisPoint[0] + 9, yAxisPoint[1] + 18]\r\n          const c4 = [shape.x + 9, shape.y + 18]\r\n          ctx.moveTo(c1[0], c1[1]).lineTo(c2[0], c2[1]).lineTo(c3[0], c3[1]).lineTo(c4[0], c4[1]).closePath()\r\n        }\r\n      })\r\n      const CubeTop = this.$echarts.graphic.extendShape({\r\n        shape: {\r\n          x: 0,\r\n          y: 0\r\n        },\r\n        buildPath: function (ctx, shape) {\r\n          const c1 = [shape.x, shape.y]\r\n          const c2 = [shape.x + 9, shape.y + 18]\r\n          const c3 = [shape.x + 18, shape.y + 9]\r\n          const c4 = [shape.x + 9, shape.y - 9]\r\n          ctx.moveTo(c1[0], c1[1]).lineTo(c2[0], c2[1]).lineTo(c3[0], c3[1]).lineTo(c4[0], c4[1]).closePath()\r\n        }\r\n      })\r\n      this.$echarts.graphic.registerShape('CubeLeft', CubeLeft)\r\n      this.$echarts.graphic.registerShape('CubeRight', CubeRight)\r\n      this.$echarts.graphic.registerShape('CubeTop', CubeTop)\r\n      const MAX = [6000, 6000, 6000, 6000, 6000]\r\n      const VALUE = [2012, 1230, 3790, 2349, 1654]\r\n      const NAMES = ['德州', '德城区', '陵城区', '禹城市', '乐陵市'];\r\n      var option = {\r\n        title: {\r\n          text: '',\r\n          top: 32,\r\n          left: 18,\r\n          textStyle: {\r\n            color: '#00F6FF',\r\n            fontSize: 24\r\n          }\r\n        },\r\n        grid: {\r\n          left: 20,\r\n          right: 40,\r\n          bottom: '19%',\r\n          top: 107,\r\n          containLabel: true\r\n        },\r\n        yAxis: {\r\n          type: 'category',\r\n          data: NAMES,\r\n          axisLine: {\r\n            show: false,\r\n            lineStyle: {\r\n              color: 'white'\r\n            }\r\n          },\r\n          offset: 20,\r\n          axisTick: {\r\n            show: false,\r\n            length: 9,\r\n            alignWithLabel: true,\r\n            lineStyle: {\r\n              color: '#7DFFFD'\r\n            }\r\n          },\r\n          axisLabel: {\r\n            fontSize: 10\r\n          }\r\n        },\r\n        xAxis: {\r\n          type: 'value',\r\n          axisLine: {\r\n            show: false,\r\n            lineStyle: {\r\n              color: 'white'\r\n            }\r\n          },\r\n          splitLine: {\r\n            show: false\r\n          },\r\n          axisTick: {\r\n            show: false\r\n          },\r\n          axisLabel: {\r\n            show: false,\r\n            fontSize: 16\r\n          },\r\n          boundaryGap: ['20%', '20%']\r\n        },\r\n        series: [{\r\n          type: 'custom',\r\n          renderItem: function (params, api) {\r\n            const location = api.coord([api.value(0), api.value(1)])\r\n            return {\r\n              type: 'group',\r\n              children: [{\r\n                type: 'CubeLeft',\r\n                shape: {\r\n                  api,\r\n                  xValue: api.value(0),\r\n                  yValue: api.value(1),\r\n                  x: location[0],\r\n                  y: location[1],\r\n                  yAxisPoint: api.coord([0, api.value(1)])\r\n                },\r\n                style: {\r\n                  fill: 'rgba(7,29,97,.6)'\r\n                }\r\n              }, {\r\n                type: 'CubeRight',\r\n                shape: {\r\n                  api,\r\n                  xValue: api.value(0),\r\n                  yValue: api.value(1),\r\n                  x: location[0],\r\n                  y: location[1],\r\n                  yAxisPoint: api.coord([0, api.value(1)])\r\n                },\r\n                style: {\r\n                  fill: 'rgba(10,35,108,.7)'\r\n                }\r\n              }, {\r\n                type: 'CubeTop',\r\n                shape: {\r\n                  api,\r\n                  xValue: api.value(0),\r\n                  yValue: api.value(1),\r\n                  x: location[0],\r\n                  y: location[1],\r\n                  yAxisPoint: api.coord([0, api.value(1)])\r\n                },\r\n                style: {\r\n                  fill: 'rgba(11,42,106,.8)'\r\n                }\r\n              }]\r\n            }\r\n          },\r\n          data: MAX\r\n        },\r\n        {\r\n          type: 'custom',\r\n          renderItem: (params, api) => {\r\n            const location = api.coord([api.value(0), api.value(1)])\r\n            return {\r\n              type: 'group',\r\n              children: [{\r\n                type: 'CubeLeft',\r\n                shape: {\r\n                  api,\r\n                  xValue: api.value(0),\r\n                  yValue: api.value(1),\r\n                  x: location[0],\r\n                  y: location[1],\r\n                  yAxisPoint: api.coord([0, api.value(1)])\r\n                },\r\n                // style: {\r\n                //     fill: new echarts.graphic.LinearGradient(1, 0, 0, 0, [{\r\n                //             offset: 0,\r\n                //             color: '#3B80E2'\r\n                //         },\r\n                //         {\r\n                //             offset: 1,\r\n                //             color: '#49BEE5'\r\n                //         }\r\n                //     ])\r\n                // }\r\n              }, {\r\n                type: 'CubeRight',\r\n                shape: {\r\n                  api,\r\n                  xValue: api.value(0),\r\n                  yValue: api.value(1),\r\n                  x: location[0],\r\n                  y: location[1],\r\n                  yAxisPoint: api.coord([0, api.value(1)])\r\n                },\r\n                // style: {\r\n                //     fill: new echarts.graphic.LinearGradient(1, 0, 0, 0, [{\r\n                //             offset: 0,\r\n                //             color: '#3B80E2'\r\n                //         },\r\n                //         {\r\n                //             offset: 1,\r\n                //             color: '#49BEE5'\r\n                //         }\r\n                //     ])\r\n                // }\r\n              }, {\r\n                type: 'CubeTop',\r\n                shape: {\r\n                  api,\r\n                  xValue: api.value(0),\r\n                  yValue: api.value(1),\r\n                  x: location[0],\r\n                  y: location[1],\r\n                  yAxisPoint: api.coord([0, api.value(1)])\r\n                },\r\n                // style: {\r\n                //     fill: new echarts.graphic.LinearGradient(1, 0, 0, 0, [{\r\n                //             offset: 0,\r\n                //             color: '#3B80E2'\r\n                //         },\r\n                //         {\r\n                //             offset: 1,\r\n                //             color: '#49BEE5'\r\n                //         }\r\n                //     ])\r\n                // }\r\n              }]\r\n            }\r\n          },\r\n          data: VALUE\r\n        },\r\n        {\r\n          type: 'bar',\r\n          label: {\r\n            normal: {\r\n              show: true,\r\n              position: 'right',\r\n              formatter: (e) => {\r\n                switch (e.name) {\r\n                  case '10kV线路':\r\n                    return VALUE[0]\r\n                  case '公用配变':\r\n                    return VALUE[1]\r\n                  case '35kV主变':\r\n                    return VALUE[2]\r\n                  case '水':\r\n\r\n                }\r\n              },\r\n              fontSize: 16,\r\n              color: '#fff',\r\n              offset: [25, 4]\r\n            }\r\n          },\r\n          itemStyle: {\r\n            color: 'transparent'\r\n          },\r\n          data: MAX\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}% <br/> {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          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            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          ],\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      };\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: [\"#EAEA26\", \"#906BF9\", \"#FE5656\", \"#01E17E\", \"#3DD1F9\", \"#FFAD05\"],\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        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            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        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            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        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                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      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(dataPbty) {\r\n      let dataListx = [];\r\n      let dataPb = [];\r\n      let dataGz = [];\r\n      let dataCf = [];\r\n      for (let i = 0; i < dataPbty.length; i++) {\r\n        dataListx.push(dataPbty[i].gds);\r\n        dataGz.push(dataPbty[i].gztytc);\r\n        dataPb.push(dataPbty[i].pbsl);\r\n        dataCf.push(dataPbty[i].cftytc);\r\n      }\r\n      var datacoords = [];\r\n      var datacoords1 = [];\r\n      for (var i = 0; i < dataListx.length; i++) {\r\n        datacoords.push([\r\n          {\r\n            coord: [i, dataGz[i]],\r\n          },\r\n          {\r\n            coord: [i + 1, dataGz[i + 1]],\r\n          },\r\n        ]);\r\n      }\r\n      for (var i = 0; i < dataListx.length; i++) {\r\n        datacoords1.push([\r\n          {\r\n            coord: [i, dataCf[i]],\r\n          },\r\n          {\r\n            coord: [i + 1, dataCf[i + 1]],\r\n          },\r\n        ]);\r\n      }\r\n      let that = this;\r\n      let myChart = this.$echarts.init(document.getElementById(\"detailedFive\"));\r\n      var option = {\r\n        animation: true, //控制动画示否开启\r\n        animationDuration: 2000,\r\n        animationEasing: \"bounceOut\", //缓动动画\r\n        animationThreshold: 8, //动画元素的阈值\r\n        grid: {\r\n          top: \"15%\",\r\n          bottom: \"30%\", //也可设置left和right设置距离来控制图表的大小\r\n        },\r\n        tooltip: {\r\n          trigger: \"axis\",\r\n          axisPointer: {\r\n            type: \"shadow\",\r\n            label: {\r\n              show: true,\r\n            },\r\n          },\r\n        },\r\n        legend: {\r\n          data: [\"配变数量\", \"故障停运\", \"重复停运\"],\r\n          top: \"0%\",\r\n          //  icon:'roundRect',\r\n          //  itemHeight:2, // 粗细\r\n          textStyle: {\r\n            color: \"#ffffff\",\r\n          },\r\n        },\r\n        xAxis: {\r\n          data: dataListx,\r\n          axisLine: {\r\n            show: false, //隐藏X轴轴线\r\n            lineStyle: {\r\n              color: \"#01FCE3\",\r\n            },\r\n          },\r\n          axisTick: {\r\n            show: false, //隐藏X轴刻度\r\n          },\r\n          axisLabel: {\r\n            show: true,\r\n            interval: 0,\r\n            textStyle: {\r\n              color: \"#ffffff\", //X轴文字颜色\r\n              fontSize: \"16px\",\r\n            },\r\n          },\r\n        },\r\n        yAxis: [\r\n          {\r\n            type: \"value\",\r\n            name: \"配变数量\",\r\n            nameTextStyle: {\r\n              color: \"#ffffff\",\r\n              padding: [0, 30, 0, 0],\r\n            },\r\n            splitLine: {\r\n              show: false,\r\n            },\r\n            axisTick: {\r\n              show: false,\r\n            },\r\n            axisLine: {\r\n              show: false,\r\n              lineStyle: {\r\n                color: \"#FFFFFF\",\r\n              },\r\n            },\r\n            axisLabel: {\r\n              show: true,\r\n              interval: 0,\r\n              textStyle: {\r\n                color: \"#ffffff\",\r\n              },\r\n            },\r\n          },\r\n          {\r\n            type: \"value\",\r\n            name: \"停运台次\",\r\n            nameTextStyle: {\r\n              color: \"#ffffff\",\r\n            },\r\n            position: \"right\",\r\n            splitLine: {\r\n              show: false,\r\n            },\r\n            axisTick: {\r\n              show: false,\r\n            },\r\n            axisLine: {\r\n              show: false,\r\n            },\r\n            axisLabel: {\r\n              show: true,\r\n\r\n              // formatter: \"{value} %\", //右侧Y轴文字显示\r\n              textStyle: {\r\n                color: \"#ffffff\",\r\n              },\r\n            },\r\n          },\r\n          {\r\n            type: \"value\",\r\n            gridIndex: 0,\r\n            min: 50,\r\n            max: 100,\r\n            splitNumber: 8,\r\n            splitLine: {\r\n              show: false,\r\n            },\r\n            axisLine: {\r\n              show: false,\r\n            },\r\n            axisTick: {\r\n              show: false,\r\n            },\r\n            axisLabel: {\r\n              show: false,\r\n            },\r\n            splitArea: {\r\n              show: true,\r\n              areaStyle: {\r\n                color: [\"rgba(250,250,250,0.0)\", \"rgba(250,250,250,0.05)\"],\r\n              },\r\n            },\r\n          },\r\n        ],\r\n        series: [\r\n          {\r\n            name: \"故障停运\",\r\n            type: \"line\",\r\n            yAxisIndex: 1, //使用的 y 轴的 index，在单个图表实例中存在多个 y轴的时候有用\r\n            smooth: false, //平滑曲线显示\r\n            showAllSymbol: true, //显示所有图形。\r\n            shadowOffsetX: 0, // 折线的X偏移\r\n            shadowOffsetY: 10, // 折线的Y偏移\r\n            symbol: \"circle\", //标记的图形为实心圆\r\n            symbolSize: 1, //标记的大小\r\n            itemStyle: {\r\n              //折线拐点标志的样式\r\n              color: \"rgb(237,125,49)\",\r\n            },\r\n            lineStyle: {\r\n              color: \"rgb(237,125,49)\",\r\n            },\r\n            // areaStyle: {\r\n            //   show:false,\r\n            //   color: \"rgba(5,140,255, 0.2)\",\r\n            // },\r\n            emphasis: {\r\n              focus: \"series\",\r\n            },\r\n            data: dataGz,\r\n          },\r\n          {\r\n            showSymbol: false,\r\n            name: \"故障停运\",\r\n            type: \"lines\",\r\n            yAxisIndex: 1,\r\n            polyline: true,\r\n            smooth: false,\r\n            coordinateSystem: \"cartesian2d\",\r\n            zlevel: 1,\r\n            effect: {\r\n              show: true,\r\n              smooth: false,\r\n              period: 6,\r\n              trailLenth: 0.1,\r\n              symbolSize: 6,\r\n              symbol: \"circle\",\r\n            },\r\n            lineStyle: {\r\n              color: \"#fff\",\r\n              width: 1,\r\n              opacity: 0,\r\n              curveness: 0,\r\n              cap: \"round\",\r\n            },\r\n            data: datacoords,\r\n          },\r\n          {\r\n            name: \"重复停运\",\r\n            type: \"line\",\r\n            yAxisIndex: 1, //使用的 y 轴的 index，在单个图表实例中存在多个 y轴的时候有用\r\n            smooth: false, //平滑曲线显示\r\n            shadowOffsetX: 0, // 折线的X偏移\r\n            shadowOffsetY: 10, // 折线的Y偏移\r\n            showAllSymbol: true, //显示所有图形。\r\n            symbol: \"circle\", //标记的图形为实心圆\r\n            symbolSize: 1, //标记的大小\r\n            itemStyle: {\r\n              //折线拐点标志的样式\r\n              show: false,\r\n              color: \"#058cff\",\r\n            },\r\n            lineStyle: {\r\n              show: false,\r\n              color: \"#058cff\",\r\n            },\r\n            // areaStyle: {\r\n            //   show:false,\r\n            //   color: \"rgba(5,140,255, 0.2)\",\r\n            // },\r\n            data: dataCf,\r\n          },\r\n          {\r\n            showSymbol: false,\r\n            name: \"重复停运\",\r\n            type: \"lines\",\r\n            yAxisIndex: 1,\r\n            polyline: true,\r\n            smooth: false,\r\n            coordinateSystem: \"cartesian2d\",\r\n            zlevel: 1,\r\n            effect: {\r\n              show: true,\r\n              smooth: false,\r\n              period: 6,\r\n              trailLenth: 0.1,\r\n              symbolSize: 6,\r\n              symbol: \"circle\",\r\n            },\r\n            lineStyle: {\r\n              color: \"#fff\",\r\n              width: 1,\r\n              opacity: 0,\r\n              curveness: 0,\r\n              cap: \"round\",\r\n            },\r\n            data: datacoords1,\r\n          },\r\n          {\r\n            name: \"配变数量\",\r\n            type: \"bar\",\r\n            barWidth: 15,\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              },\r\n            },\r\n            data: dataPb,\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</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}\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    // 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    &>div {\r\n      width: 100%;\r\n      background: url(\"../assets/indexN/boxLr.png\") no-repeat;\r\n      background-size: 100% 100%;\r\n      position: relative;\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: 21px;\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\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: 262px;\r\n          display: flex;\r\n          flex-flow: column nowrap;\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,\r\n                    rgb(86, 244, 254),\r\n                    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\r\n      #detailedTwo1 {\r\n        //   width: 100%;\r\n        //   height: calc(100% - 52px);\r\n        width: 100%;\r\n        height: calc(100% - 200px);\r\n      }\r\n\r\n      #horizontalChart {\r\n        //   width: 100%;\r\n        //   height: calc(100% - 52px);\r\n        width: 100%;\r\n        height: calc(100% - 150px);\r\n      }\r\n\r\n      #barCharts {\r\n        //   width: 100%;\r\n        //   height: calc(100% - 52px);\r\n        width: 60%;\r\n        height: calc(100% - 200px);\r\n        position: absolute;\r\n        top: 28%;\r\n        left: 33%;\r\n      }\r\n    }\r\n  }\r\n\r\n  .left1 {\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    &>div {\r\n      width: 100%;\r\n      background: url(\"../assets/indexN/boxLr.png\") no-repeat;\r\n      background-size: 100% 100%;\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: 21px;\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\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: 262px;\r\n          display: flex;\r\n          flex-flow: column nowrap;\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,\r\n                    rgb(86, 244, 254),\r\n                    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\r\n      #detailedTwo1 {\r\n        width: 100%;\r\n        height: calc(100% - 52px);\r\n      }\r\n\r\n      #horizontalChart {\r\n        //   width: 100%;\r\n        //   height: calc(100% - 52px);\r\n        width: 100%;\r\n        height: calc(100% - 200px);\r\n      }\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/地图弹窗三个数据外框.png\") no-repeat;\r\n      background-size: 100%;\r\n      float: right;\r\n      width: 40vh;\r\n      height: 25vh;\r\n      position: relative;\r\n      top: 5vh;\r\n      right: 1vh;\r\n      .contents {\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/弹窗里的小框子.png\") no-repeat;\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            float: left;\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        }\r\n      }\r\n    }\r\n    .imgboxtwo {\r\n      padding: 0 0 0 20px;\r\n      background: url(\"../assets/02/地图弹窗四个内容的框.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        height: 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: 49%;\r\n          list-style: none;\r\n          font-size: 24px;\r\n          color: #fff;\r\n          background: url(\"../assets/02/弹窗里的小框子.png\") no-repeat;\r\n        }\r\n      }\r\n    }\r\n\r\n    .map {\r\n      background: url(\"../assets/indexN/地图.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    }\r\n  }\r\n\r\n\r\n  .right {\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    &>div {\r\n      width: 100%;\r\n      background: url(\"../assets/indexN/boxLr.png\") no-repeat;\r\n      background-size: 100% 100%;\r\n     position: relative;\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: 21px;\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    }\r\n\r\n    .one {\r\n      .top {\r\n        width: 100%;\r\n        height: 10%;\r\n        display: flex;\r\n        justify-content: space-around;\r\n        flex-direction: row;\r\n        align-items: center;\r\n\r\n        .topContent {\r\n          width: 30%;\r\n          display: flex;\r\n          justify-content: flex-start;\r\n          align-items: center;\r\n          white-space: nowrap;\r\n        }\r\n      }\r\n    }\r\n\r\n    #detailedThree {\r\n      width: 100%;\r\n      // height: calc(100% - 52px);\r\n      height: 100%;\r\n    }\r\n\r\n    #detailedTwo {\r\n      width: 100%;\r\n      height: calc(100% - 52px);\r\n    }\r\n\r\n    #detailedFive {\r\n      width: 100%;\r\n      height: calc(100% - 52px);\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    &>div {\r\n      width: 100%;\r\n      background: url(\"../assets/indexN/boxLr.png\") no-repeat;\r\n      background-size: 100% 100%;\r\n    position: relative;\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: 21px;\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    }\r\n//   #detailen {\r\n//       width: 100%;\r\n//       height: 400px;\r\n//     }\r\n    .one {\r\n      .top {\r\n        width: 100%;\r\n        height: 10%;\r\n        display: flex;\r\n        justify-content: space-around;\r\n        flex-direction: row;\r\n        align-items: center;\r\n\r\n        .topContent {\r\n          width: 30%;\r\n          display: flex;\r\n          justify-content: flex-start;\r\n          align-items: center;\r\n          white-space: nowrap;\r\n        }\r\n      }\r\n    }\r\n\r\n    #detailedThree {\r\n      width: 100%;\r\n      // height: calc(100% - 52px);\r\n      height: 100%;\r\n    }\r\n\r\n    #detailedTwo {\r\n      width: 100%;\r\n      height: calc(100% - 52px);\r\n    }\r\n\r\n    #detailedFive {\r\n      width: 100%;\r\n      height: calc(100% - 52px);\r\n    }\r\n  }\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(to bottom,\r\n        rgb(255, 255, 255),\r\n        rgb(123, 247, 245));\r\n         img {\r\n    margin: 20px;\r\n  }\r\n  }\r\n\r\n  //弹窗样式\r\n  .componentShow {\r\n    width: 100%;\r\n    height: 100%;\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    z-index: 111;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: rgba(0, 0, 0, 0.8);\r\n  }\r\n\r\n  .realTimeAlarm {\r\n    width: 517px;\r\n    height: 136px;\r\n    position: fixed;\r\n    left: 0;\r\n    right: 0;\r\n    margin: 0 auto;\r\n    top: 40%;\r\n    background: url(\"../assets/images/realTimeAlarmKuang.png\") no-repeat;\r\n    background-size: 100% 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    .content {\r\n      color: #ffffff;\r\n      width: 75%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-evenly;\r\n      margin-top: 4%;\r\n    }\r\n  }\r\n\r\n  .alarmInformation {\r\n    width: 900px;\r\n    height: 380px;\r\n    position: fixed;\r\n    left: 0;\r\n    right: 0;\r\n    margin: 0 auto;\r\n    top: 28%;\r\n    background: url(\"../assets/images/baojingxinxiKuang.png\") no-repeat;\r\n    background-size: 100% 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n    padding: 10px 13px;\r\n\r\n    ::-webkit-scrollbar {\r\n      display: none;\r\n    }\r\n\r\n    .top {\r\n      height: 10%;\r\n      width: 91%;\r\n      display: flex;\r\n      align-content: flex-start;\r\n      justify-content: space-between;\r\n\r\n      .title {\r\n        font-size: 20px;\r\n        font-weight: 900;\r\n        color: transparent;\r\n        align-items: center;\r\n        display: flex;\r\n        -webkit-background-clip: text;\r\n        background-clip: text;\r\n        background-image: linear-gradient(to bottom,\r\n            rgb(255, 255, 255),\r\n            rgb(86, 244, 254));\r\n      }\r\n    }\r\n\r\n    .content {\r\n      height: 82%;\r\n      width: 100%;\r\n      overflow: auto;\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          height: 48px;\r\n          background: url(\"../assets/images/tableBg.png\") no-repeat;\r\n          background-size: 100% 100%;\r\n        }\r\n\r\n        /deep/ .el-table__header th {\r\n          border: none;\r\n          padding: 0;\r\n          height: 40px;\r\n\r\n          .cell {\r\n            height: 100%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-around;\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          color: #fff !important;\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        }\r\n\r\n        /deep/ .el-table th.el-table__cell>.cell {\r\n          color: #ffffff;\r\n        }\r\n\r\n        /deep/.el-table .el-table__cell {\r\n          padding: 3px 0;\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\r\n        .el-table::before {\r\n          background-color: transparent;\r\n        }\r\n\r\n        ::v-deep .el-table .el-table__body tr.el-table__row td {\r\n          background: rgba(79, 218, 255, 0.1) !important;\r\n        }\r\n\r\n        ::v-deep .el-table--striped .el-table__body tr.el-table__row--striped td {\r\n          background: rgba(79, 218, 255, 0.06) !important;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .dateSelect {\r\n    display: flex;\r\n    font-size: 12px;\r\n    background: url(\"../assets/images/dateKuang.png\") no-repeat;\r\n    background-size: 100% 100%;\r\n    height: 25px;\r\n    width: 61px;\r\n    align-items: center;\r\n  }\r\n\r\n  .active {\r\n    width: 32px;\r\n    height: 25px;\r\n    color: rgb(78, 230, 207);\r\n    background: url(\"../assets/images/dateAction.png\") no-repeat;\r\n    background-size: 100% 100%;\r\n    line-height: 26px;\r\n  }\r\n}\r\n\r\n.suoxiao {\r\n  position: absolute;\r\n  bottom: 0;\r\n  right: 0;\r\n}\r\n\r\n// }\r\n</style>\r\n<style lang=\"less\" scoped>\r\n.three {\r\n  .three-content {\r\n    width: 100%;\r\n    height: calc(100% - 52px);\r\n    display: flex;\r\n\r\n    .three-left {\r\n      width: 40%;\r\n      height: 100%;\r\n    }\r\n\r\n    .three-right {\r\n      width: 60%;\r\n      height: 100%;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n\r\n      ul {\r\n        width: 100%;\r\n\r\n        li {\r\n          width: 164px;\r\n          height: 41px;\r\n          margin-top: 15px;\r\n          background-image: url(../assets/images/pieBorder.png);\r\n          float: left;\r\n          color: #fff;\r\n          line-height: 41px;\r\n          font-size: 18px;\r\n        }\r\n\r\n        li:nth-child(2n) {\r\n          margin-left: 10px;\r\n        }\r\n      }\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: 262px;\r\n          display: flex;\r\n          flex-flow: column nowrap;\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,\r\n                    rgb(86, 244, 254),\r\n                    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      }\r\n        #roseCharts {\r\n        //   width: 100%;\r\n        //   height: calc(100% - 52px);\r\n        width: 60%;\r\n        height: calc(100% - 200px);\r\n        position: absolute;\r\n        top: 28%;\r\n        left: 33%;\r\n      }\r\n    \r\n}\r\n\r\n.selectChange {\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n\r\n  .el-select {\r\n    margin-left: -44px;\r\n\r\n    /deep/ .el-input__inner {\r\n      background: url(\"../assets/images/selectCard.png\") no-repeat;\r\n      background-size: 100% 100%;\r\n      border: none;\r\n      padding-left: 58px;\r\n    }\r\n\r\n    /deep/ .el-input__prefix,\r\n    /deep/ .el-input__suffix {\r\n      position: absolute;\r\n      top: 0;\r\n      -webkit-transition: all 0.3s;\r\n      height: 100%;\r\n      text-align: center;\r\n      margin-right: 17px;\r\n    }\r\n\r\n    /deep/ .el-input__inner::-webkit-input-placeholder {\r\n      color: rgb(78, 230, 207); // 初始化的文字颜色\r\n    }\r\n\r\n    /deep/ .el-input__inner {\r\n      color: rgb(78, 230, 207);\r\n    }\r\n  }\r\n}\r\n\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</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/d5108f56721089bb543698c50835ae0e.json b/node_modules/.cache/vue-loader/d5108f56721089bb543698c50835ae0e.json
new file mode 100644
index 00000000..6b73f37b
--- /dev/null
+++ b/node_modules/.cache/vue-loader/d5108f56721089bb543698c50835ae0e.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\index.vue","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\index.vue","mtime":1689657980988},{"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":["import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=a83bd3b0&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=a83bd3b0&lang=less&scoped=true&\"\nimport style1 from \"./index.vue?vue&type=style&index=1&id=a83bd3b0&lang=less&scoped=true&\"\nimport style2 from \"./index.vue?vue&type=style&index=2&id=a83bd3b0&lang=less&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"a83bd3b0\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"E:\\\\2023\\\\yancheng0718\\\\yanchengPowerSupply\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('a83bd3b0')) {\n      api.createRecord('a83bd3b0', component.options)\n    } else {\n      api.reload('a83bd3b0', component.options)\n    }\n    module.hot.accept(\"./index.vue?vue&type=template&id=a83bd3b0&scoped=true&\", function () {\n      api.rerender('a83bd3b0', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/index.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/d6093ea7c8ca4b7dfbf42a37cce5da83.json b/node_modules/.cache/vue-loader/d6093ea7c8ca4b7dfbf42a37cce5da83.json
new file mode 100644
index 00000000..36d65997
--- /dev/null
+++ b/node_modules/.cache/vue-loader/d6093ea7c8ca4b7dfbf42a37cce5da83.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--12-0!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??ref--6!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\component\\routeDetail.vue?vue&type=template&id=21352842&scoped=true&","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\component\\routeDetail.vue","mtime":1689642397092},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\babel.config.js","mtime":1689642387810},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1689642389292},{"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\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1689642396087},{"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":["var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"route\"\n  }, [_c(\"div\", {\n    directives: [{\n      name: \"show\",\n      rawName: \"v-show\",\n      value: _vm.wordShow,\n      expression: \"wordShow\"\n    }],\n    staticClass: \"word\"\n  }, [_c(\"div\", {\n    ref: \"word\",\n    staticClass: \"wordBox\"\n  })]), _c(\"div\", {\n    directives: [{\n      name: \"show\",\n      rawName: \"v-show\",\n      value: _vm.wordShow,\n      expression: \"wordShow\"\n    }],\n    staticClass: \"closeWord\",\n    on: {\n      click: _vm.closeWord\n    }\n  }, [_c(\"img\", {\n    staticStyle: {\n      cursor: \"pointer\"\n    },\n    attrs: {\n      src: require(\"@/assets/images/close.png\")\n    }\n  })]), _c(\"div\", {\n    staticClass: \"close\"\n  }, [_c(\"img\", {\n    staticStyle: {\n      cursor: \"pointer\"\n    },\n    attrs: {\n      src: require(\"@/assets/images/close.png\")\n    },\n    on: {\n      click: _vm.handleClose\n    }\n  })]), _vm._m(0), _c(\"div\", {\n    staticClass: \"route-main\"\n  }, [_c(\"div\", {\n    staticClass: \"mainLeft\"\n  }, [_c(\"div\", {\n    staticClass: \"route-item\"\n  }, [_c(\"div\", {\n    staticClass: \"item-title\"\n  }, [_vm._v(\"班组:\")]), _c(\"div\", [_vm._v(_vm._s(_vm.routeItem.bz))])]), _c(\"div\", {\n    staticClass: \"route-item\"\n  }, [_c(\"div\", {\n    staticClass: \"item-title\"\n  }, [_vm._v(\"故障状态:\")]), _c(\"div\", {\n    staticStyle: {\n      color: \"#b16f18\"\n    }\n  }, [_vm._v(_vm._s(_vm.routeItem.gz_state_dsc))])]), _c(\"div\", {\n    staticClass: \"route-item\"\n  }, [_c(\"div\", {\n    staticClass: \"item-title1\"\n  }, [_vm._v(\"故障发生时间:\")]), _c(\"div\", {\n    staticStyle: {\n      \"margin-left\": \"0px\"\n    }\n  }, [_vm._v(_vm._s(_vm.routeItem.gz_time))])]), _c(\"div\", {\n    staticClass: \"route-item\"\n  }, [_c(\"div\", {\n    staticClass: \"item-title1\"\n  }, [_vm._v(\"处理完成时间:\")]), _c(\"div\", {\n    staticStyle: {\n      \"margin-left\": \"0px\"\n    }\n  }, [_vm._v(_vm._s(_vm.routeItem.gz_time_deal))])]), _c(\"div\", {\n    staticClass: \"route-item\",\n    staticStyle: {\n      width: \"100%\"\n    }\n  }, [_c(\"div\", {\n    staticClass: \"item-title1\"\n  }, [_vm._v(\"影响时户数:\")]), _c(\"div\", {\n    staticStyle: {\n      color: \"#3ebaa7\"\n    }\n  }, [_vm._v(_vm._s(_vm.routeItem.yxshs))])]), _c(\"div\", {\n    staticClass: \"route-item\",\n    staticStyle: {\n      width: \"100%\"\n    }\n  }, [_c(\"div\", {\n    staticClass: \"item-title1\"\n  }, [_vm._v(\"故障处理与分析:\")]), _c(\"div\", {\n    staticClass: \"detailBtn\",\n    on: {\n      click: function click($event) {\n        return _vm.detailBtn(_vm.routeItem.file_url);\n      }\n    }\n  })])]), _c(\"div\", {\n    staticClass: \"mainRight\"\n  }, [_c(\"div\", {\n    staticClass: \"route-item\"\n  }, [_c(\"div\", {\n    staticClass: \"item-title\"\n  }, [_vm._v(\"故障线路:\")]), _c(\"div\", {\n    staticStyle: {\n      color: \"#b16f18\"\n    }\n  }, [_vm._v(_vm._s(_vm.routeItem.gzxl))])]), _c(\"div\", {\n    staticClass: \"route-item\"\n  }, [_c(\"div\", {\n    staticClass: \"item-title\"\n  }, [_vm._v(\"故障类型:\")]), _c(\"div\", [_vm._v(_vm._s(_vm.routeItem.gz_type_dsc))])]), _c(\"div\", {\n    staticClass: \"route-item\",\n    staticStyle: {\n      display: \"flex\",\n      \"align-items\": \"flex-start\"\n    }\n  }, [_c(\"div\", {\n    staticClass: \"item-title\"\n  }, [_vm._v(\"故障描述:\")]), _c(\"div\", {\n    staticStyle: {\n      \"text-align\": \"left\"\n    }\n  }, [_vm._v(_vm._s(_vm.routeItem.dsc))])])])])]);\n};\nvar staticRenderFns = [function () {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"route-title\"\n  }, [_c(\"span\", {\n    staticClass: \"text\"\n  }, [_vm._v(\"故障详情\")])]);\n}];\nrender._withStripped = true;\nexport { render, staticRenderFns };",{"version":3,"names":["render","_vm","_c","_self","staticClass","directives","name","rawName","value","wordShow","expression","ref","on","click","closeWord","staticStyle","cursor","attrs","src","require","handleClose","_m","_v","_s","routeItem","bz","color","gz_state_dsc","gz_time","gz_time_deal","width","yxshs","$event","detailBtn","file_url","gzxl","gz_type_dsc","display","dsc","staticRenderFns","_withStripped"],"sources":["E:/2023/yancheng0718/yanchengPowerSupply/src/component/routeDetail.vue"],"sourcesContent":["var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\"div\", { staticClass: \"route\" }, [\n    _c(\n      \"div\",\n      {\n        directives: [\n          {\n            name: \"show\",\n            rawName: \"v-show\",\n            value: _vm.wordShow,\n            expression: \"wordShow\",\n          },\n        ],\n        staticClass: \"word\",\n      },\n      [_c(\"div\", { ref: \"word\", staticClass: \"wordBox\" })]\n    ),\n    _c(\n      \"div\",\n      {\n        directives: [\n          {\n            name: \"show\",\n            rawName: \"v-show\",\n            value: _vm.wordShow,\n            expression: \"wordShow\",\n          },\n        ],\n        staticClass: \"closeWord\",\n        on: { click: _vm.closeWord },\n      },\n      [\n        _c(\"img\", {\n          staticStyle: { cursor: \"pointer\" },\n          attrs: { src: require(\"@/assets/images/close.png\") },\n        }),\n      ]\n    ),\n    _c(\"div\", { staticClass: \"close\" }, [\n      _c(\"img\", {\n        staticStyle: { cursor: \"pointer\" },\n        attrs: { src: require(\"@/assets/images/close.png\") },\n        on: { click: _vm.handleClose },\n      }),\n    ]),\n    _vm._m(0),\n    _c(\"div\", { staticClass: \"route-main\" }, [\n      _c(\"div\", { staticClass: \"mainLeft\" }, [\n        _c(\"div\", { staticClass: \"route-item\" }, [\n          _c(\"div\", { staticClass: \"item-title\" }, [_vm._v(\"班组:\")]),\n          _c(\"div\", [_vm._v(_vm._s(_vm.routeItem.bz))]),\n        ]),\n        _c(\"div\", { staticClass: \"route-item\" }, [\n          _c(\"div\", { staticClass: \"item-title\" }, [_vm._v(\"故障状态:\")]),\n          _c(\"div\", { staticStyle: { color: \"#b16f18\" } }, [\n            _vm._v(_vm._s(_vm.routeItem.gz_state_dsc)),\n          ]),\n        ]),\n        _c(\"div\", { staticClass: \"route-item\" }, [\n          _c(\"div\", { staticClass: \"item-title1\" }, [_vm._v(\"故障发生时间:\")]),\n          _c(\"div\", { staticStyle: { \"margin-left\": \"0px\" } }, [\n            _vm._v(_vm._s(_vm.routeItem.gz_time)),\n          ]),\n        ]),\n        _c(\"div\", { staticClass: \"route-item\" }, [\n          _c(\"div\", { staticClass: \"item-title1\" }, [_vm._v(\"处理完成时间:\")]),\n          _c(\"div\", { staticStyle: { \"margin-left\": \"0px\" } }, [\n            _vm._v(_vm._s(_vm.routeItem.gz_time_deal)),\n          ]),\n        ]),\n        _c(\n          \"div\",\n          { staticClass: \"route-item\", staticStyle: { width: \"100%\" } },\n          [\n            _c(\"div\", { staticClass: \"item-title1\" }, [_vm._v(\"影响时户数:\")]),\n            _c(\"div\", { staticStyle: { color: \"#3ebaa7\" } }, [\n              _vm._v(_vm._s(_vm.routeItem.yxshs)),\n            ]),\n          ]\n        ),\n        _c(\n          \"div\",\n          { staticClass: \"route-item\", staticStyle: { width: \"100%\" } },\n          [\n            _c(\"div\", { staticClass: \"item-title1\" }, [\n              _vm._v(\"故障处理与分析:\"),\n            ]),\n            _c(\"div\", {\n              staticClass: \"detailBtn\",\n              on: {\n                click: function ($event) {\n                  return _vm.detailBtn(_vm.routeItem.file_url)\n                },\n              },\n            }),\n          ]\n        ),\n      ]),\n      _c(\"div\", { staticClass: \"mainRight\" }, [\n        _c(\"div\", { staticClass: \"route-item\" }, [\n          _c(\"div\", { staticClass: \"item-title\" }, [_vm._v(\"故障线路:\")]),\n          _c(\"div\", { staticStyle: { color: \"#b16f18\" } }, [\n            _vm._v(_vm._s(_vm.routeItem.gzxl)),\n          ]),\n        ]),\n        _c(\"div\", { staticClass: \"route-item\" }, [\n          _c(\"div\", { staticClass: \"item-title\" }, [_vm._v(\"故障类型:\")]),\n          _c(\"div\", [_vm._v(_vm._s(_vm.routeItem.gz_type_dsc))]),\n        ]),\n        _c(\n          \"div\",\n          {\n            staticClass: \"route-item\",\n            staticStyle: { display: \"flex\", \"align-items\": \"flex-start\" },\n          },\n          [\n            _c(\"div\", { staticClass: \"item-title\" }, [_vm._v(\"故障描述:\")]),\n            _c(\"div\", { staticStyle: { \"text-align\": \"left\" } }, [\n              _vm._v(_vm._s(_vm.routeItem.dsc)),\n            ]),\n          ]\n        ),\n      ]),\n    ]),\n  ])\n}\nvar staticRenderFns = [\n  function () {\n    var _vm = this,\n      _c = _vm._self._c\n    return _c(\"div\", { staticClass: \"route-title\" }, [\n      _c(\"span\", { staticClass: \"text\" }, [_vm._v(\"故障详情\")]),\n    ])\n  },\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }"],"mappings":"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"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/dacd9b31b7118f0ad4c18857ec6c9449.json b/node_modules/.cache/vue-loader/dacd9b31b7118f0ad4c18857ec6c9449.json
new file mode 100644
index 00000000..ae487fd3
--- /dev/null
+++ b/node_modules/.cache/vue-loader/dacd9b31b7118f0ad4c18857ec6c9449.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--12-0!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??ref--6!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\thirtyFiveKV.vue?vue&type=template&id=4bdb45b9&scoped=true&","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\thirtyFiveKV.vue","mtime":1689642397096},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\babel.config.js","mtime":1689642387810},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1689642389292},{"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\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1689642396087},{"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":["var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _vm._m(0);\n};\nvar staticRenderFns = [function () {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"stationBuilding\"\n  }, [_c(\"div\", {\n    staticClass: \"stationContent\"\n  }, [_c(\"div\", {\n    staticClass: \"systemText\"\n  }, [_c(\"i\", {\n    staticClass: \"el-icon-loading\",\n    staticStyle: {\n      color: \"#4bfffd\",\n      \"font-size\": \"80px\"\n    }\n  }), _c(\"p\", {\n    staticStyle: {\n      \"font-size\": \"30px\",\n      color: \"#fff\"\n    }\n  }, [_vm._v(\"系统正在加载中...\")])])])]);\n}];\nrender._withStripped = true;\nexport { render, staticRenderFns };",{"version":3,"names":["render","_vm","_c","_self","_m","staticRenderFns","staticClass","staticStyle","color","_v","_withStripped"],"sources":["E:/2023/yancheng0718/yanchengPowerSupply/src/views/thirtyFiveKV.vue"],"sourcesContent":["var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _vm._m(0)\n}\nvar staticRenderFns = [\n  function () {\n    var _vm = this,\n      _c = _vm._self._c\n    return _c(\"div\", { staticClass: \"stationBuilding\" }, [\n      _c(\"div\", { staticClass: \"stationContent\" }, [\n        _c(\"div\", { staticClass: \"systemText\" }, [\n          _c(\"i\", {\n            staticClass: \"el-icon-loading\",\n            staticStyle: { color: \"#4bfffd\", \"font-size\": \"80px\" },\n          }),\n          _c(\"p\", { staticStyle: { \"font-size\": \"30px\", color: \"#fff\" } }, [\n            _vm._v(\"系统正在加载中...\"),\n          ]),\n        ]),\n      ]),\n    ])\n  },\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }"],"mappings":"AAAA,IAAIA,MAAM,GAAG,SAASA,MAAM,GAAG;EAC7B,IAAIC,GAAG,GAAG,IAAI;IACZC,EAAE,GAAGD,GAAG,CAACE,KAAK,CAACD,EAAE;EACnB,OAAOD,GAAG,CAACG,EAAE,CAAC,CAAC,CAAC;AAClB,CAAC;AACD,IAAIC,eAAe,GAAG,CACpB,YAAY;EACV,IAAIJ,GAAG,GAAG,IAAI;IACZC,EAAE,GAAGD,GAAG,CAACE,KAAK,CAACD,EAAE;EACnB,OAAOA,EAAE,CAAC,KAAK,EAAE;IAAEI,WAAW,EAAE;EAAkB,CAAC,EAAE,CACnDJ,EAAE,CAAC,KAAK,EAAE;IAAEI,WAAW,EAAE;EAAiB,CAAC,EAAE,CAC3CJ,EAAE,CAAC,KAAK,EAAE;IAAEI,WAAW,EAAE;EAAa,CAAC,EAAE,CACvCJ,EAAE,CAAC,GAAG,EAAE;IACNI,WAAW,EAAE,iBAAiB;IAC9BC,WAAW,EAAE;MAAEC,KAAK,EAAE,SAAS;MAAE,WAAW,EAAE;IAAO;EACvD,CAAC,CAAC,EACFN,EAAE,CAAC,GAAG,EAAE;IAAEK,WAAW,EAAE;MAAE,WAAW,EAAE,MAAM;MAAEC,KAAK,EAAE;IAAO;EAAE,CAAC,EAAE,CAC/DP,GAAG,CAACQ,EAAE,CAAC,YAAY,CAAC,CACrB,CAAC,CACH,CAAC,CACH,CAAC,CACH,CAAC;AACJ,CAAC,CACF;AACDT,MAAM,CAACU,aAAa,GAAG,IAAI;AAE3B,SAASV,MAAM,EAAEK,eAAe"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/ece04d3c629c1148db61db1205762a43.json b/node_modules/.cache/vue-loader/ece04d3c629c1148db61db1205762a43.json
new file mode 100644
index 00000000..42b4180b
--- /dev/null
+++ b/node_modules/.cache/vue-loader/ece04d3c629c1148db61db1205762a43.json
@@ -0,0 +1 @@
+{"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=style&index=1&id=a83bd3b0&lang=less&scoped=true&","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\index.vue","mtime":1689657980988},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\css-loader\\index.js","mtime":1689642389821},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1689642396087},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\postcss-loader\\src\\index.js","mtime":1689642393431},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\less-loader\\dist\\cjs.js","mtime":1689642392421},{"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\n.three {\r\n  .three-content {\r\n    width: 100%;\r\n    height: calc(100% - 52px);\r\n    display: flex;\r\n\r\n    .three-left {\r\n      width: 40%;\r\n      height: 100%;\r\n    }\r\n\r\n    .three-right {\r\n      width: 60%;\r\n      height: 100%;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n\r\n      ul {\r\n        width: 100%;\r\n\r\n        li {\r\n          width: 164px;\r\n          height: 41px;\r\n          margin-top: 15px;\r\n          background-image: url(../assets/images/pieBorder.png);\r\n          float: left;\r\n          color: #fff;\r\n          line-height: 41px;\r\n          font-size: 18px;\r\n        }\r\n\r\n        li:nth-child(2n) {\r\n          margin-left: 10px;\r\n        }\r\n      }\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: 262px;\r\n          display: flex;\r\n          flex-flow: column nowrap;\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,\r\n                    rgb(86, 244, 254),\r\n                    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      }\r\n        #roseCharts {\r\n        //   width: 100%;\r\n        //   height: calc(100% - 52px);\r\n        width: 60%;\r\n        height: calc(100% - 200px);\r\n        position: absolute;\r\n        top: 28%;\r\n        left: 33%;\r\n      }\r\n    \r\n}\r\n\r\n.selectChange {\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n\r\n  .el-select {\r\n    margin-left: -44px;\r\n\r\n    /deep/ .el-input__inner {\r\n      background: url(\"../assets/images/selectCard.png\") no-repeat;\r\n      background-size: 100% 100%;\r\n      border: none;\r\n      padding-left: 58px;\r\n    }\r\n\r\n    /deep/ .el-input__prefix,\r\n    /deep/ .el-input__suffix {\r\n      position: absolute;\r\n      top: 0;\r\n      -webkit-transition: all 0.3s;\r\n      height: 100%;\r\n      text-align: center;\r\n      margin-right: 17px;\r\n    }\r\n\r\n    /deep/ .el-input__inner::-webkit-input-placeholder {\r\n      color: rgb(78, 230, 207); // 初始化的文字颜色\r\n    }\r\n\r\n    /deep/ .el-input__inner {\r\n      color: rgb(78, 230, 207);\r\n    }\r\n  }\r\n}\r\n\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",{"version":3,"sources":["index.vue"],"names":[],"mappings":";AA+vIA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA","file":"index.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n  <div class=\"home\">\r\n    <div class=\"left\" id=\"left\">\r\n      <div class=\"one\" style=\"height: 48%\">\r\n        <div class=\"cartitle\" @click=\"routerTo('盐城地区分布光伏运行监测')\">\r\n            \r\n          <div class=\"titleFont\"> \r\n            <img src=\"./../assets/indexN/标题箭头.png\" alt=\"\" />\r\n            <span>盐城地区分布光伏运行监测</span>\r\n            <img src=\"./../assets/indexN/标题箭头1.png\" alt=\"\" />\r\n            </div>\r\n        </div>\r\n        <div class=\"content\">\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n                <span style=\"font-size: 18px\">户数高渗透率&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.pdxl\">{{ CompanyInfo.pdxl }}</span>\r\n\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\">容量渗透率&nbsp;&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\r\n\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\">能量渗透率&nbsp;&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\r\n\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n        </div>\r\n        <div id=\"detailedTwo1\"></div>\r\n      </div>\r\n      <div class=\"two\" style=\"height: 49%\">\r\n        <div class=\"cartitle\">\r\n          <div class=\"titleFont\"><img src=\"./../assets/indexN/标题箭头.png\" alt=\"\" />\r\n            <span>配网工程全过程物资审计</span>\r\n            <img src=\"./../assets/indexN/标题箭头1.png\" alt=\"\" /></div>\r\n        </div>\r\n        <div class=\"content\" style=\"display:inline\">\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n                <span style=\"font-size: 18px\">项目数&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.pdxl\">{{ CompanyInfo.pdxl }}</span>\r\n\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\">预算费用总和</span>&nbsp;&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\r\n\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\">计划数&nbsp;&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\r\n\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n        </div>\r\n        <div id=\"barCharts\"></div>\r\n      </div>\r\n    </div>\r\n    <div class=\"left1\" id=\"left\">\r\n      <div class=\"one\" style=\"height: 48%\">\r\n        <div class=\"cartitle\">\r\n          <div class=\"titleFont\"><img src=\"./../assets/indexN/标题箭头.png\" alt=\"\" />\r\n            <span>盐都东台区供电所数字化分析</span>\r\n            <img src=\"./../assets/indexN/标题箭头1.png\" alt=\"\" /></div>\r\n        </div>\r\n        <div class=\"content\">\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n                <span style=\"font-size: 18px\">升档配变数量&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.pdxl\">{{ CompanyInfo.pdxl }}</span>\r\n\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\">降档配比数量</span>&nbsp;&nbsp;\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\r\n\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\">负荷关注配变数量&nbsp;&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\r\n\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n        </div>\r\n        <div id=\"horizontalChart\"></div>\r\n      </div>\r\n      <div class=\"two\" style=\"height: 49%\">\r\n        <div class=\"cartitle\">\r\n          <div class=\"titleFont\"><img src=\"./../assets/indexN/标题箭头.png\" alt=\"\" />\r\n            <span>盐城供电公司配网电能质量管控</span>\r\n            <img src=\"./../assets/indexN/标题箭头1.png\" alt=\"\" /></div>\r\n        </div>\r\n        <div class=\"content\">\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n                <span style=\"font-size: 18px\">月供电可靠性&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.pdxl\">{{ CompanyInfo.pdxl }}</span>\r\n\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\">平均停电频次&nbsp;&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\r\n\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\">平均停电时间&nbsp;&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\r\n\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n        </div>\r\n        <div id=\"detailedOne\" style=\"height: calc(100% - 200px)\"></div>\r\n      </div>\r\n    </div>\r\n   <div class=\"middle\" id=\"middle\">\r\n      <div class=\"map\" style=\"height: 100%\">\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 style=\"font-size: 18px\">户数高渗透率</span>\r\n                  <h5 style=\"font-size: 28px; color: 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 style=\"font-size: 18px\">容量渗透率</span>\r\n                  <h5 style=\"font-size: 28px; color: 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 style=\"font-size: 18px\">能量渗透率</span>\r\n                  <h5 style=\"font-size: 28px; color: 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=\"one\" style=\"height: 48%; width: 100%\">\r\n        <div class=\"cartitle\">\r\n          <!-- <div style=\"\r\n              width: 82%;\r\n              display: flex;\r\n              justify-content: space-between;\r\n              align-items: center;\r\n            \"> -->\r\n            <div class=\"titleFont\"><img src=\"./../assets/indexN/标题箭头.png\" alt=\"\" />\r\n            <span>乡村振兴电力综合指数</span>\r\n            <img src=\"./../assets/indexN/标题箭头1.png\" alt=\"\" /></div>\r\n            <!-- <div class=\"dateSelect\">\r\n              <div style=\"text-indent: 15px\" @click=\"handleDate(index)\" :class=\"addColor(index)\"\r\n                v-for=\"(item, index) in dateList\" :key=\"index\">\r\n                {{ item }}\r\n              </div>\r\n            </div> -->\r\n          <!-- </div> -->\r\n        </div>\r\n        <div class=\"top\">\r\n          <div class=\"topContent\" v-for=\"(item, index) in topContent\" :key=\"index\">\r\n            <div style=\"color: #ffffff\">{{ item.name }}</div>\r\n            <div style=\"color: rgb(86, 254, 226); font-size: 22px\">\r\n              {{ item.count }}\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div style=\"height: 90%\" id=\"detailedFive\"></div>\r\n      </div>\r\n      <!-- <div class=\"two\" style=\"height: 340px\">\r\n        <div class=\"cartitle\">\r\n          <div class=\"titleFont\">盐都供电质量统计</div>\r\n        </div>\r\n        <div id=\"detailedTwo\"></div>\r\n      </div> -->\r\n      <div class=\"three\" style=\"height: 48%; width: 100%\">\r\n        <div class=\"cartitle\">\r\n          <div class=\"titleFont\"><img src=\"./../assets/indexN/标题箭头.png\" alt=\"\" />\r\n            <span>两高行业企业污染监测</span>\r\n            <img src=\"./../assets/indexN/标题箭头1.png\" alt=\"\" /></div>\r\n        </div>\r\n        <!-- <div class=\"three-content\">\r\n          <div class=\"three-left\">\r\n            <div id=\"detailedThree\"></div>\r\n          </div>\r\n\r\n          <div class=\"three-right\">\r\n            <ul>\r\n              <li v-for=\"s in gongdanList\" @click=\"openGdDetail(s)\">\r\n                {{ s.gd_type_name }}\r\n                <span style=\"color: #56fee2\">{{ s.total }}</span>\r\n              </li>\r\n            </ul>\r\n          </div>\r\n        </div> -->\r\n         <div class=\"content\" style=\"display:inline\">\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n                <span style=\"font-size: 18px\">项目数&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.pdxl\">{{ CompanyInfo.pdxl }}</span>\r\n\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\">预算费用总和</span>&nbsp;&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\r\n\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\">计划数&nbsp;&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\r\n\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n        </div>\r\n        <div id=\"roseCharts\"></div>\r\n      </div>\r\n    </div>\r\n    <div class=\"right1\" id=\"right\">\r\n      <!-- <div class=\"one\" style=\"height: 635px; width: 100%\"> -->\r\n      <div class=\"one\" style=\"height:48%; width: 100%\">\r\n        <div class=\"cartitle\">\r\n          <!-- <div style=\"\r\n              width: 82%;\r\n              display: flex;\r\n              justify-content: space-between;\r\n              align-items: center;\r\n            \"> -->\r\n            <div class=\"titleFont\"><img src=\"./../assets/indexN/标题箭头.png\" alt=\"\" />\r\n            <span>农村生活污水治理设备电量分析</span>\r\n            <img src=\"./../assets/indexN/标题箭头1.png\" alt=\"\" /></div>\r\n            <!-- <div class=\"dateSelect\">\r\n              <div style=\"text-indent: 15px\" @click=\"handleDate(index)\" :class=\"addColor(index)\"\r\n                v-for=\"(item, index) in dateList\" :key=\"index\">\r\n                {{ item }}\r\n              </div>\r\n            </div> -->\r\n          <!-- </div> -->\r\n        </div>\r\n        <!-- <div class=\"top\">\r\n          <div class=\"topContent\" v-for=\"(item, index) in topContent\" :key=\"index\">\r\n            <div style=\"color: #ffffff\">{{ item.name }}</div>\r\n            <div style=\"color: rgb(86, 254, 226); font-size: 22px\">\r\n              {{ item.count }}\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div style=\"height: 90%\" id=\"detailedFive\"></div> -->\r\n        <div class=\"content\">\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n                <span style=\"font-size: 18px\">户数高渗透率&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.pdxl\">{{ CompanyInfo.pdxl }}</span>\r\n\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\">容量渗透率&nbsp;&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\r\n\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n          <div class=\"line\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\">能量渗透率&nbsp;&nbsp;</span>\r\n                <span style=\"\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    -webkit-background-clip: text;\r\n                    background-clip: text;\r\n                    background-image: linear-gradient(\r\n                      to bottom,\r\n                      rgb(189, 255, 231),\r\n                      rgb(86, 244, 254)\r\n                    );\r\n                  \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\r\n\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n         \r\n        </div>\r\n          <div class=\"line\">\r\n            <div class=\"enselect\">\r\n              <img src=\"../assets/02/地区选择下拉菜单.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 class=\"two\" style=\"height: 340px\">\r\n        <div class=\"cartitle\">\r\n          <div class=\"titleFont\">盐都供电质量统计</div>\r\n        </div>\r\n        <div id=\"detailedTwo\"></div>\r\n      </div> -->\r\n      <div class=\"three\" style=\"height: 48%; width: 100%\">\r\n        <div class=\"cartitle\">\r\n          <div class=\"titleFont\"><img src=\"./../assets/indexN/标题箭头.png\" alt=\"\" />\r\n            <span>数字化排涝抗旱辅助及检修辅助决策</span>\r\n            <img src=\"./../assets/indexN/标题箭头1.png\" alt=\"\" /></div>\r\n        </div>\r\n        <div class=\"three-content\">\r\n          <div class=\"three-left\">\r\n            <div id=\"detailedThree\"></div>\r\n          </div>\r\n\r\n          <div class=\"three-right\">\r\n            <ul>\r\n              <li v-for=\"s in gongdanList\" @click=\"openGdDetail(s)\">\r\n                {{ s.gd_type_name }}\r\n                <span style=\"color: #56fee2\">{{ s.total }}</span>\r\n              </li>\r\n            </ul>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"realTimeAlarm\" v-show=\"realTimeAlarmShow\">\r\n      <div class=\"content\">\r\n        <img src=\"../assets/images/baojing.png\" />\r\n        <div>都政线XXX环网柜间隔3发生局部放电故障</div>\r\n      </div>\r\n    </div>\r\n    <div class=\"alarmInformation\" v-show=\"alarmInformationShow\">\r\n      <div class=\"top\">\r\n        <div class=\"title\">报警详情信息</div>\r\n        <div class=\"close\">\r\n          <img @click=\"handleClose\" src=\"@/assets/images/close.png\" style=\"cursor: pointer\" />\r\n        </div>\r\n      </div>\r\n      <div class=\"content\">\r\n        <div class=\"table user_skills\">\r\n          <el-table :data=\"alarmInformationData\" style=\"width: 100%; height: 100%\"\r\n            :header-cell-style=\"{ 'text-align': 'center' }\" :cell-style=\"{ 'text-align': 'center' }\"\r\n            :row-class-name=\"rowClass\">\r\n            <el-table-column label=\"序号\" width=\"100\" align=\"center\">\r\n              <template slot-scope=\"scop\">\r\n                {{ scop.$index + 1 }}\r\n              </template>\r\n            </el-table-column>\r\n            <el-table-column prop=\"cabinet_name\" label=\"告警位置\" align=\"center\">\r\n              <!-- <template slot-scope=\"scope\">\r\n                <div v-html=\"scope.row.name\"></div>\r\n              </template> -->\r\n            </el-table-column>\r\n            <!-- <el-table-column prop=\"name\" label=\"间隔\" align=\"center\">\r\n            </el-table-column> -->\r\n            <el-table-column prop=\"event_desc\" label=\"告警信息\" align=\"center\">\r\n            </el-table-column>\r\n            <el-table-column prop=\"created_at\" label=\"发生时间\" align=\"center\">\r\n            </el-table-column>\r\n          </el-table>\r\n        </div>\r\n      </div>\r\n      <el-pagination @current-change=\"handleCurrentChange\" :current-page=\"page\" :page-size=\"pageSize\"\r\n        layout=\"prev, pager, next\" :total=\"totals\" v-if=\"pageShow\">\r\n      </el-pagination>\r\n    </div>\r\n    <!-- <div style=\"height:40px;width:40px\" class=\"suoxiao\">\r\n        <img src=\"../assets/images/btnFangDa.png\" style=\"height:40px;width:40px\"/>\r\n      </div> -->\r\n    <div class=\"componentShow\" v-if=\"modelOthers\">\r\n      <keep-alive>\r\n        <component :is=\"componentShow\" :ringMainUnit=\"device\"></component>\r\n      </keep-alive>\r\n    </div>\r\n    <!-- 工单统计弹窗 -->\r\n    <div class=\"componentShow\" v-if=\"orderItem != null\">\r\n      <component :is=\"orderShow\" :orderItem=\"orderItem\"></component>\r\n    </div>\r\n\r\n    <!-- 故障跳闸明细 -->\r\n    <div class=\"componentShow\" v-if=\"routeItem != null\">\r\n      <component :is=\"routeShow\" :routeItem=\"routeItem\"></component>\r\n    </div>\r\n\r\n    <!-- 查询配电线路 -->\r\n    <div class=\"componentShow\" style=\"display: block; height: calc(100% - 100px); top: 100px\" v-if=\"lineItem != null\">\r\n      <component :is=\"lineShow\" :lineItem=\"lineItem\"></component>\r\n    </div>\r\n    <audio controls=\"controls\" hidden src=\"../assets/videos/police.wav\" ref=\"audio\"></audio>\r\n  </div>\r\n</template>\r\n\r\n<script>\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// 工单统计弹窗组件\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      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.detailedTwo11()\r\n    this.horizontalChart()\r\n    this.barCharts()\r\n    this.roseCharts()\r\n     this.detailen1();\r\n    // 盐都区供电公司概况\r\n    getCompanyInfo().then((res) => {\r\n      // console.log(res,'....');\r\n      this.CompanyInfo = res.data.data;\r\n    });\r\n\r\n    // 查询总线路\r\n    getLine({ action: \"all\" }).then((res) => {\r\n      if (res.data != \"\") {\r\n        this.options = Object.keys(res.data.data).map((item, index) => {\r\n          return {\r\n            value: res.data.data[index].line_code,\r\n            label: res.data.data[index].line_name,\r\n          };\r\n        });\r\n      }\r\n    });\r\n    //周查询班组\r\n    this.getbanzhu();\r\n    this.timer = window.setInterval(() => {\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    }, 60000);\r\n    //工单统计action:'tongji'\r\n    this.getGongdan();\r\n    this.timer = window.setInterval(() => {\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    }, 60000);\r\n\r\n    //年度查询班组\r\n    getBanzugz({\r\n      action: \"year\",\r\n    }).then((res) => {\r\n      console.log(res, \"年数据\");\r\n      this.dataGzList = res.data.data;\r\n      // console.log(this.dataGzList,'年度查询班组数据');\r\n      for (let i = 0; i < this.dataGzList.length; i++) {\r\n        for (let j = 0; j < res.data.data.length; j++) {\r\n          if (this.dataGzList[i].bz == res.data.data[j].bz) {\r\n            this.dataGzList[i].chbc = res.data.data[j].chbc;\r\n            this.dataGzList[i].chcg = res.data.data[j].chcg;\r\n            this.dataGzList[i].jd = res.data.data[j].jd;\r\n            this.dataGzList[i].total = res.data.data[j].total;\r\n            this.dataGzList[i].wchz = res.data.data[j].wchz;\r\n          }\r\n        }\r\n      }\r\n      this.detailedFour(this.dataGzList);\r\n    });\r\n    //本周故障\r\n    getDwbzgz().then((res) => {\r\n      let dataBzgz = [];\r\n      dataBzgz = res.data.data;\r\n      this.detailedOne(dataBzgz);\r\n    });\r\n    //供电质量统计\r\n    getGdsgdzl().then((res) => {\r\n      let dataGdzl = [];\r\n      dataGdzl = res.data.data;\r\n      //   this.detailedTwo(dataGdzl);\r\n    });\r\n    // //配变停运\r\n    // getPbtyqk({\r\n    //   action:\"week\"\r\n    // }).then((res)=>{\r\n    //   let dataPbty = [];\r\n    //   dataPbty = res.data.data\r\n    //   console.log(dataPbty,'dataPbty');\r\n    //   this.detailedFive(dataPbty);\r\n    //   let dataPb = [];\r\n    //   let dataCf = [];\r\n    //   let dataCfl = [];\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    //     dataCfl.push(dataPbty[i].pbcftyl)\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    this.handleDate(0);\r\n    let that = this;\r\n    window.addEventListener(\"message\", function (e) {\r\n      var res = e.data;\r\n      if (res.val != null) {\r\n        that.modelOthers = true;\r\n        that.componentShow = \"ringMainUnit\";\r\n        that.device = res.val;\r\n      }\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    getfaultReportList(faultData).then((res) => {\r\n      // this.alarmInformationData = res.data.data.data;\r\n    });\r\n    window.setInterval(() => {\r\n      let endDate = this.$moment(new Date()).format(\"YYYY-MM-DD HH:mm:ss\");\r\n      let startDate = this.$moment(new Date())\r\n        .subtract(1, \"h\")\r\n        .format(\"YYYY-MM-DD HH:mm:ss\");\r\n      let cabData = {\r\n        token: localStorage.getItem(\"token\"),\r\n        pageSize: 50,\r\n        page: 1,\r\n        sn: \"\",\r\n        startDate: startDate,\r\n        endDate: endDate,\r\n        confirm: \"\",\r\n      };\r\n      getCabinetAlarmList(cabData).then((res) => {\r\n        let event_desc = ''\r\n        if (res.data.data.data != null) {\r\n          res.data.data.data.forEach((item, index) => {\r\n            if (item.event_desc.indexOf(\"开关\") != -1) {\r\n              event_desc = item.event_desc.replace('开关', '间隔')\r\n            } else {\r\n              event_desc = item.event_desc\r\n            }\r\n          });\r\n          this.emergencyList = res.data.data.data.filter(item => {\r\n            return item.event_desc.indexOf(\"通讯状态\") == -1\r\n          });\r\n          this.emergencyList.forEach((item, index) => {\r\n            item.event_desc = event_desc\r\n          });\r\n          this.totals = this.emergencyList.length;\r\n          let dataList = this.emergencyList;\r\n          if (dataList.length != 0) {\r\n            this.rowTime = dataList[0].created_at;\r\n          } else {\r\n            return false;\r\n          }\r\n        }\r\n      });\r\n    }, 10000);\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    routerTo(data) {\r\n      if (data == '盐城地区分布光伏运行监测') {\r\n        this.$router.push(\"/stationBuilding\");\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          },\r\n        ],\r\n        series: [\r\n          {\r\n            name: \"关联电网事故\",\r\n            type: \"bar\",\r\n            itemStyle: {\r\n              color: \"#00ffff\", // 柱状图颜色\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: \"yellow\", // 柱状图颜色\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    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    // beginShowing() {\r\n    //   this.$nextTick(function () {\r\n    //     // 文档显示区域的高度 - 表格距离浏览器顶部的距离 - 表格距离浏览器底部的距离\r\n    //     if (this.$refs.tableBox && this.$refs.tableBox.$el.offsetTop) {\r\n    //       this.tableHeight =\r\n    //         window.innerHeight - this.$refs.tableBox.$el.offsetTop - 300;\r\n    //       this.$refs.tableBox.doLayout();\r\n    //       this.roll();\r\n    //     }\r\n    //   });\r\n    // },\r\n    // roll() {\r\n    //   // 拿到表格挂载后的真实DOM\r\n    //   const table = this.$refs.tableBox;\r\n    //   // 拿到表格中承载数据的div元素\r\n    //   const bodyWrapper = table.bodyWrapper;\r\n    //   // 拿到元素后，对元素进行定时增加距离顶部距离，实现滚动效果(这里配置为每100毫秒移动1像素)\r\n    //   this.myTimer = setInterval(() => {\r\n    //     // 元素自增距离顶部1像素\r\n    //     bodyWrapper.scrollTop++;\r\n    //     // 判断元素是否滚动到底部(可视高度+距离顶部=元素内容的整个高度包括溢出的不可见内容)\r\n    //     if (\r\n    //       bodyWrapper.clientHeight + bodyWrapper.scrollTop ===\r\n    //       bodyWrapper.scrollHeight\r\n    //     ) {\r\n    //       // 重置table距离顶部距离\r\n    //       bodyWrapper.scrollTop = 0;\r\n    //     }\r\n    //   }, 100);\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(dataBzgz) {\r\n      let dataList = [];\r\n      let newArr = [20, 20, 20, 20, 20, 20, 20, 20, 20, 20];\r\n      let dataDw = [];\r\n      for (let i = 0; i < dataBzgz.length; i++) {\r\n        dataList.push(dataBzgz[i].gzcs);\r\n        dataDw.push(dataBzgz[i].dw);\r\n      }\r\n\r\n      let myChart = this.$echarts.init(document.getElementById(\"detailedOne\"));\r\n      var option = {\r\n        tooltip: {\r\n          show: true,\r\n          trigger: \"axis\",\r\n          axisPointer: {\r\n            type: \"shadow\",\r\n          },\r\n        },\r\n        grid: {\r\n          top: \"18%\",\r\n          left: \"5%\",\r\n          right: \"3%\",\r\n          bottom: \"5%\",\r\n          containLabel: true,\r\n        },\r\n\r\n        xAxis: [\r\n          {\r\n            type: \"category\",\r\n            data: dataDw,\r\n            axisTick: {\r\n              show: false,\r\n              alignWithLabel: true,\r\n            },\r\n            axisLabel: {\r\n              color: \"#ffffff\",\r\n              interval: 0,\r\n              fontSize: 16,\r\n            },\r\n            axisLine: {\r\n              show: false, //隐藏X轴轴线\r\n              lineStyle: {\r\n                color: \"#01FCE3\",\r\n              },\r\n            },\r\n          },\r\n        ],\r\n        yAxis: [\r\n          {\r\n            name: \"单位：次\",\r\n            type: \"value\",\r\n            data: [0, 2, 4, 6, 8, 10],\r\n            nameTextStyle: {\r\n              color: \"#ffffff\",\r\n              // padding:[25,0,0,0]\r\n              fontSize: 16,\r\n            },\r\n            axisLabel: {\r\n              color: \"#ffffff\",\r\n            },\r\n            splitLine: {\r\n              show: true,\r\n              lineStyle: {\r\n                type: \"solid\",\r\n                // color: 'rgba(66, 192, 255, .3)',\r\n                color: \"rgba(102,102,102,0.6)\",\r\n                width: 1,\r\n                // color: 'red'\r\n                fontSize: 16,\r\n              },\r\n            },\r\n            splitArea: {\r\n              show: false,\r\n            },\r\n          },\r\n        ],\r\n        series: [\r\n          // {\r\n          //   type: \"bar\",\r\n          //   barWidth: 22,\r\n          //   itemStyle: {\r\n          //     normal: {\r\n          //       label: {\r\n          //         fontSize: 14,\r\n          //         formatter(params) {\r\n          //           for (let i = 0; i < dataList.length; i++) {\r\n          //             if (params.dataIndex == i) {\r\n          //               return dataDw[i] + \"\\n\" + \"\\n\" + dataList[i];\r\n          //             }\r\n          //           }\r\n          //         },\r\n          //         show: true,\r\n          //         position: \"top\",\r\n          //         color: \"#ffffff\",\r\n          //       },\r\n          //       color: \"none\",\r\n          //     },\r\n          //   },\r\n          //   silent: true,\r\n          //   // barGap: \"-100%\",\r\n          //   data: newArr,\r\n          // },\r\n          {\r\n            name: \"\",\r\n            type: \"bar\",\r\n            barWidth: 30,\r\n            itemStyle: {\r\n              color: (params) => {\r\n                // console.log(params, '数据');\r\n                let colorList = [\r\n                  new this.$echarts.graphic.LinearGradient(0, 1, 0, 0, [\r\n                    { offset: 0, color: \"rgba(23,74,100,0.6)\" },\r\n                    { offset: 1, color: \"rgb(86,254,226)\" },\r\n                  ]),\r\n                  new this.$echarts.graphic.LinearGradient(0, 1, 0, 0, [\r\n                    {\r\n                      offset: 0,\r\n                      color: \"rgba(237,125,49,.2)\",\r\n                    },\r\n                    {\r\n                      offset: 1,\r\n                      color: \"rgba(237,125,49,1)\",\r\n                    },\r\n                  ]),\r\n                ];\r\n                if (params.name == \"盐都\") {\r\n                  return colorList[1];\r\n                } else {\r\n                  return colorList[0];\r\n                }\r\n              },\r\n              fontSize: 16,\r\n            },\r\n            data: dataList,\r\n            label: {\r\n              show: true,\r\n              position: \"top\",\r\n              fontStyle: \"normal\",\r\n              fontWeight: \"normal\",\r\n              color: \"#ffffff\",\r\n            },\r\n            //  z: -1,\r\n            // //不同系列的柱间距离，为百分比,如果想要两个系列的柱子重叠，可以设置 barGap 为 '-100%'。\r\n            // barGap: '-100%',\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(dataGdzl) {\r\n      let gdsList = [];\r\n      let xlcczList = [];\r\n      let pbcczList = [];\r\n      let ddyList = [];\r\n      for (let i = 0; i < dataGdzl.length; i++) {\r\n        gdsList.push(dataGdzl[i].gds);\r\n        xlcczList.push(dataGdzl[i].xlccz);\r\n        pbcczList.push(dataGdzl[i].pbccz);\r\n        ddyList.push(dataGdzl[i].ddy);\r\n      }\r\n      let that = this;\r\n      var myChart = this.$echarts.init(document.getElementById(\"detailedTwo1\"));\r\n      var option = {\r\n        //  animation: true,\r\n        // animationDuration: 20000,\r\n        tooltip: {\r\n          trigger: \"axis\",\r\n          axisPointer: {\r\n            type: \"cross\",\r\n            label: {\r\n              backgroundColor: \"#6a7985\",\r\n            },\r\n          },\r\n        },\r\n        grid: {\r\n          left: \"4%\",\r\n          right: \"4%\",\r\n          bottom: \"5%\",\r\n          top: \"15%\",\r\n          containLabel: true,\r\n        },\r\n        legend: {\r\n          top: 10,\r\n          icon: \"rect\",\r\n          right: 25,\r\n          data: [\"线路重超载\", \"配变重超载\", \"低电压\"],\r\n          textStyle: {\r\n            color: \"#fff\",\r\n            fontSize: 16,\r\n          },\r\n        },\r\n        xAxis: {\r\n          type: \"category\",\r\n          data: gdsList,\r\n          axisLine: {\r\n            //  改变x轴颜色\r\n            lineStyle: {\r\n              color: \"none\",\r\n            },\r\n          },\r\n          axisLabel: {\r\n            //  改变x轴字体颜色和大小\r\n            interval: 0,\r\n            textStyle: {\r\n              color: \"#ffffff\",\r\n              fontSize: 16,\r\n            },\r\n          },\r\n          splitLine: {\r\n            show: false,\r\n            lineStyle: {\r\n              color: [\"#315070\"],\r\n              width: 1,\r\n              type: \"solid\",\r\n            },\r\n          },\r\n        },\r\n        yAxis: {\r\n          type: \"value\",\r\n          axisLine: {\r\n            //  改变y轴颜色\r\n            show: false,\r\n            lineStyle: {\r\n              color: \"none\",\r\n            },\r\n          },\r\n          axisLabel: {\r\n            //  改变y轴字体颜色和大小\r\n            //formatter: '{value} m³ ', //  给y轴添加单位\r\n            textStyle: {\r\n              color: \"#ffffff\",\r\n              fontSize: 16,\r\n            },\r\n          },\r\n          axisTick: {\r\n            show: false,\r\n          },\r\n          splitLine: {\r\n            show: true,\r\n            lineStyle: {\r\n              color: [\"#315070\"],\r\n              width: 1,\r\n              type: \"solid\",\r\n            },\r\n          },\r\n        },\r\n        series: [\r\n          {\r\n            type: \"line\",\r\n            smooth: true,\r\n            symbol: \"circle\",\r\n            symbolSize: 7,\r\n            markPoint: {\r\n              symbol: \"circle\",\r\n            },\r\n            name: \"线路重超载\",\r\n            data: xlcczList,\r\n            itemStyle: {\r\n              normal: {\r\n                color: \"#3D7EEB\",\r\n                borderColor: \"#3D7EEB\",\r\n                borderWidth: 2,\r\n              },\r\n            },\r\n            lineStyle: {\r\n              normal: {\r\n                width: 2,\r\n                color: \"#327BFA\",\r\n                shadowColor: \"#327BFA\",\r\n                shadowBlur: 10,\r\n              },\r\n            },\r\n            areaStyle: {\r\n              color: {\r\n                type: \"linear\",\r\n                x: 0,\r\n                y: 0,\r\n                x2: 0,\r\n                y2: 1,\r\n                colorStops: [\r\n                  {\r\n                    offset: 0.5,\r\n                    color: \"rgba(61,126,235,0.5)\", // 0% 处的颜色\r\n                  },\r\n                  {\r\n                    offset: 1,\r\n                    color: \"rgba(61,126,235,0)\", // 100% 处的颜色\r\n                  },\r\n                ],\r\n                global: false, // 缺省为 false\r\n              },\r\n            },\r\n          },\r\n          {\r\n            type: \"line\",\r\n            smooth: true,\r\n            symbol: \"circle\",\r\n            symbolSize: 7,\r\n            markPoint: {\r\n              symbol: \"circle\",\r\n            },\r\n            data: pbcczList,\r\n            name: \"配变重超载\",\r\n            itemStyle: {\r\n              normal: {\r\n                color: \"#17D8A1\",\r\n                borderColor: \"#17D8A1\",\r\n                borderWidth: 2,\r\n              },\r\n            },\r\n            lineStyle: {\r\n              normal: {\r\n                width: 2,\r\n                color: \"#17D8A1\",\r\n                shadowColor: \"#17D8A1\",\r\n                shadowBlur: 10,\r\n              },\r\n            },\r\n            areaStyle: {\r\n              color: {\r\n                type: \"linear\",\r\n                x: 0,\r\n                y: 0,\r\n                x2: 0,\r\n                y2: 1,\r\n                colorStops: [\r\n                  {\r\n                    offset: 0.5,\r\n                    color: \"rgba(23,216,161,0.5)\", // 0% 处的颜色\r\n                  },\r\n                  {\r\n                    offset: 1,\r\n                    color: \"rgba(23,216,161,0)\", // 100% 处的颜色\r\n                  },\r\n                ],\r\n                global: false, // 缺省为 false\r\n              },\r\n            },\r\n          },\r\n          {\r\n            type: \"line\",\r\n            smooth: true,\r\n            symbol: \"circle\",\r\n            symbolSize: 7,\r\n            markPoint: {\r\n              symbol: \"circle\",\r\n            },\r\n            data: ddyList,\r\n            name: \"低电压\",\r\n            itemStyle: {\r\n              normal: {\r\n                color: \"#F4C907\",\r\n                borderColor: \"#F4C907\",\r\n                borderWidth: 2,\r\n              },\r\n            },\r\n            lineStyle: {\r\n              normal: {\r\n                width: 2,\r\n                color: \"#F4C907\",\r\n                shadowColor: \"#F4C907\",\r\n                shadowBlur: 10,\r\n              },\r\n            },\r\n            areaStyle: {\r\n              color: {\r\n                type: \"linear\",\r\n                x: 0,\r\n                y: 0,\r\n                x2: 0,\r\n                y2: 1,\r\n                colorStops: [\r\n                  {\r\n                    offset: 0.5,\r\n                    color: \"rgba(106,117,79,1)\", // 0% 处的颜色\r\n                  },\r\n                  {\r\n                    offset: 1,\r\n                    color: \"rgba(106,117,79,0)\", // 100% 处的颜色\r\n                  },\r\n                ],\r\n                global: false, // 缺省为 false\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\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: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']\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            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            splitLine: {\r\n              show: true,\r\n              lineStyle: {\r\n                color: '#11366e',\r\n                type: \"dashed\",\r\n              }\r\n            }\r\n          },\r\n          // {\r\n          // \ttype : 'value',\r\n          // \tname : '浏览量',\r\n          // \tmin:0,\r\n          // \tmax:1000,\r\n          // \taxisLabel : {\r\n          // \t\tformatter: '{value} 人',\r\n          // \t\ttextStyle:{\r\n          // \t\t\tcolor:'#186afe'\r\n          // \t\t}\r\n          // \t},\r\n          // \taxisLine:{\r\n          // \t\tlineStyle:{\r\n          // \t\t\tcolor:'#186afe'\r\n          // \t\t}\r\n          // \t},\r\n          // \taxisTick:{\r\n          //     \tshow:false,\r\n          //     },\r\n          // \tsplitLine:{\r\n          // \t\tshow:true,\r\n          // \t\tlineStyle:{\r\n          // \t\t\tcolor:'#11366e'\r\n          // \t\t}\r\n          // \t}\r\n          // }\r\n        ],\r\n        series: [\r\n          // {\r\n          // \tname:'已采纳',\r\n          // \ttype:'line',\r\n          // \tstack: '总量',\r\n          // \tsymbol:'circle',\r\n          // \tsymbolSize: 8,\r\n          //     itemStyle: {\r\n          //         normal: {\r\n          // \t\t\tcolor:'#0092f6',\r\n          //             lineStyle: {\r\n          // \t\t\t\tcolor: \"#0092f6\",\r\n          // \t\t\t\twidth:1\r\n          //             },\r\n          //             areaStyle: { \r\n          // \t\t\t\tcolor: '#94C9EC'\r\n          // \t\t\t\t// color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{\r\n          // \t\t\t\t// \toffset: 0,\r\n          // \t\t\t\t// \tcolor: 'rgba(7,44,90,0.3)'\r\n          // \t\t\t\t// }, {\r\n          // \t\t\t\t// \toffset: 1,\r\n          // \t\t\t\t// \tcolor: 'rgba(0,146,246,0.9)'\r\n          // \t\t\t\t// }]),\r\n          //             }\r\n          //         }\r\n          // \t},\r\n          // \tmarkPoint:{\r\n          // \t\titemStyle:{\r\n          // \t\t\tnormal:{\r\n          // \t\t\t\tcolor:'red'\r\n          // \t\t\t}\r\n          // \t\t}\r\n          // \t},\r\n          // \tdata:[120, 132, 101, 134, 90, 230, 210, 182, 191, 234, 290, 330]\r\n          // },\r\n          {\r\n            name: '已发布',\r\n            type: 'line',\r\n            stack: '总量',\r\n            symbol: 'circle',\r\n            symbolSize: 8,\r\n\r\n            itemStyle: {\r\n              normal: {\r\n                color: '#00d4c7',\r\n                lineStyle: {\r\n                  color: \"#00d4c7\",\r\n                  width: 1\r\n                },\r\n                // areaStyle: { \r\n                // \tcolor: '#94C9EC'\r\n                // \t// color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{\r\n                // \t// \toffset: 0,\r\n                // \t// \tcolor: 'rgba(7,44,90,0.3)'\r\n                // \t// }, {\r\n                // \t// \toffset: 1,\r\n                // \t// \tcolor: 'rgba(0,212,199,0.9)'\r\n                // \t// }]),\r\n                // }\r\n              }\r\n            },\r\n            data: [220, 182, 191, 234, 290, 330, 310, 201, 154, 190, 330, 410]\r\n          },\r\n          // {\r\n          // \tname:'浏览量',\r\n          // \ttype:'line',\r\n          // \tstack: '总量',\r\n          // \tsymbol:'circle',\r\n          // \tsymbolSize: 8,\r\n          //     itemStyle: {\r\n          //         normal: {\r\n          //             color: '#aecb56',\r\n          //             lineStyle: {\r\n          // \t\t\t\tcolor: \"#aecb56\",\r\n          // \t\t\t\twidth:1\r\n          //             },\r\n          //             areaStyle: { \r\n          // \t\t\t\tcolor: '#94C9EC'\r\n          // \t\t\t\t// color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{\r\n          // \t\t\t\t// \toffset: 0,\r\n          // \t\t\t\t// \tcolor: 'rgba(7,44,90,0.3)'\r\n          // \t\t\t\t// }, {\r\n          // \t\t\t\t// \toffset: 1,\r\n          // \t\t\t\t// \tcolor: 'rgba(114,144,89,0.9)'\r\n          // \t\t\t\t// }]),\r\n          //             }\r\n          //         }\r\n          // \t},\r\n          // \tdata:[150, 232, 201, 154, 190, 330, 410,150, 232, 201, 154, 190]\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(document.getElementById(\"horizontalChart\"));\r\n      const CubeLeft = this.$echarts.graphic.extendShape({\r\n        shape: {\r\n          x: 0,\r\n          y: 0\r\n        },\r\n        buildPath: function (ctx, shape) {\r\n          console.log(ctx, shape);\r\n          const yAxisPoint = shape.yAxisPoint\r\n          const c0 = [shape.x, shape.y]\r\n          const c1 = [shape.x + 9, shape.y - 9]\r\n          const c2 = [yAxisPoint[0] + 9, yAxisPoint[1] - 9]\r\n          const c3 = [yAxisPoint[0], yAxisPoint[1]]\r\n          ctx.moveTo(c0[0], c0[1]).lineTo(c1[0], c1[1]).lineTo(c2[0], c2[1]).lineTo(c3[0], c3[1]).closePath()\r\n        }\r\n      })\r\n      const CubeRight = this.$echarts.graphic.extendShape({\r\n        shape: {\r\n          x: 0,\r\n          y: 0\r\n        },\r\n        buildPath: function (ctx, shape) {\r\n          const yAxisPoint = shape.yAxisPoint\r\n          const c1 = [shape.x, shape.y]\r\n          const c2 = [yAxisPoint[0], yAxisPoint[1]]\r\n          const c3 = [yAxisPoint[0] + 9, yAxisPoint[1] + 18]\r\n          const c4 = [shape.x + 9, shape.y + 18]\r\n          ctx.moveTo(c1[0], c1[1]).lineTo(c2[0], c2[1]).lineTo(c3[0], c3[1]).lineTo(c4[0], c4[1]).closePath()\r\n        }\r\n      })\r\n      const CubeTop = this.$echarts.graphic.extendShape({\r\n        shape: {\r\n          x: 0,\r\n          y: 0\r\n        },\r\n        buildPath: function (ctx, shape) {\r\n          const c1 = [shape.x, shape.y]\r\n          const c2 = [shape.x + 9, shape.y + 18]\r\n          const c3 = [shape.x + 18, shape.y + 9]\r\n          const c4 = [shape.x + 9, shape.y - 9]\r\n          ctx.moveTo(c1[0], c1[1]).lineTo(c2[0], c2[1]).lineTo(c3[0], c3[1]).lineTo(c4[0], c4[1]).closePath()\r\n        }\r\n      })\r\n      this.$echarts.graphic.registerShape('CubeLeft', CubeLeft)\r\n      this.$echarts.graphic.registerShape('CubeRight', CubeRight)\r\n      this.$echarts.graphic.registerShape('CubeTop', CubeTop)\r\n      const MAX = [6000, 6000, 6000, 6000, 6000]\r\n      const VALUE = [2012, 1230, 3790, 2349, 1654]\r\n      const NAMES = ['德州', '德城区', '陵城区', '禹城市', '乐陵市'];\r\n      var option = {\r\n        title: {\r\n          text: '',\r\n          top: 32,\r\n          left: 18,\r\n          textStyle: {\r\n            color: '#00F6FF',\r\n            fontSize: 24\r\n          }\r\n        },\r\n        grid: {\r\n          left: 20,\r\n          right: 40,\r\n          bottom: '19%',\r\n          top: 107,\r\n          containLabel: true\r\n        },\r\n        yAxis: {\r\n          type: 'category',\r\n          data: NAMES,\r\n          axisLine: {\r\n            show: false,\r\n            lineStyle: {\r\n              color: 'white'\r\n            }\r\n          },\r\n          offset: 20,\r\n          axisTick: {\r\n            show: false,\r\n            length: 9,\r\n            alignWithLabel: true,\r\n            lineStyle: {\r\n              color: '#7DFFFD'\r\n            }\r\n          },\r\n          axisLabel: {\r\n            fontSize: 10\r\n          }\r\n        },\r\n        xAxis: {\r\n          type: 'value',\r\n          axisLine: {\r\n            show: false,\r\n            lineStyle: {\r\n              color: 'white'\r\n            }\r\n          },\r\n          splitLine: {\r\n            show: false\r\n          },\r\n          axisTick: {\r\n            show: false\r\n          },\r\n          axisLabel: {\r\n            show: false,\r\n            fontSize: 16\r\n          },\r\n          boundaryGap: ['20%', '20%']\r\n        },\r\n        series: [{\r\n          type: 'custom',\r\n          renderItem: function (params, api) {\r\n            const location = api.coord([api.value(0), api.value(1)])\r\n            return {\r\n              type: 'group',\r\n              children: [{\r\n                type: 'CubeLeft',\r\n                shape: {\r\n                  api,\r\n                  xValue: api.value(0),\r\n                  yValue: api.value(1),\r\n                  x: location[0],\r\n                  y: location[1],\r\n                  yAxisPoint: api.coord([0, api.value(1)])\r\n                },\r\n                style: {\r\n                  fill: 'rgba(7,29,97,.6)'\r\n                }\r\n              }, {\r\n                type: 'CubeRight',\r\n                shape: {\r\n                  api,\r\n                  xValue: api.value(0),\r\n                  yValue: api.value(1),\r\n                  x: location[0],\r\n                  y: location[1],\r\n                  yAxisPoint: api.coord([0, api.value(1)])\r\n                },\r\n                style: {\r\n                  fill: 'rgba(10,35,108,.7)'\r\n                }\r\n              }, {\r\n                type: 'CubeTop',\r\n                shape: {\r\n                  api,\r\n                  xValue: api.value(0),\r\n                  yValue: api.value(1),\r\n                  x: location[0],\r\n                  y: location[1],\r\n                  yAxisPoint: api.coord([0, api.value(1)])\r\n                },\r\n                style: {\r\n                  fill: 'rgba(11,42,106,.8)'\r\n                }\r\n              }]\r\n            }\r\n          },\r\n          data: MAX\r\n        },\r\n        {\r\n          type: 'custom',\r\n          renderItem: (params, api) => {\r\n            const location = api.coord([api.value(0), api.value(1)])\r\n            return {\r\n              type: 'group',\r\n              children: [{\r\n                type: 'CubeLeft',\r\n                shape: {\r\n                  api,\r\n                  xValue: api.value(0),\r\n                  yValue: api.value(1),\r\n                  x: location[0],\r\n                  y: location[1],\r\n                  yAxisPoint: api.coord([0, api.value(1)])\r\n                },\r\n                // style: {\r\n                //     fill: new echarts.graphic.LinearGradient(1, 0, 0, 0, [{\r\n                //             offset: 0,\r\n                //             color: '#3B80E2'\r\n                //         },\r\n                //         {\r\n                //             offset: 1,\r\n                //             color: '#49BEE5'\r\n                //         }\r\n                //     ])\r\n                // }\r\n              }, {\r\n                type: 'CubeRight',\r\n                shape: {\r\n                  api,\r\n                  xValue: api.value(0),\r\n                  yValue: api.value(1),\r\n                  x: location[0],\r\n                  y: location[1],\r\n                  yAxisPoint: api.coord([0, api.value(1)])\r\n                },\r\n                // style: {\r\n                //     fill: new echarts.graphic.LinearGradient(1, 0, 0, 0, [{\r\n                //             offset: 0,\r\n                //             color: '#3B80E2'\r\n                //         },\r\n                //         {\r\n                //             offset: 1,\r\n                //             color: '#49BEE5'\r\n                //         }\r\n                //     ])\r\n                // }\r\n              }, {\r\n                type: 'CubeTop',\r\n                shape: {\r\n                  api,\r\n                  xValue: api.value(0),\r\n                  yValue: api.value(1),\r\n                  x: location[0],\r\n                  y: location[1],\r\n                  yAxisPoint: api.coord([0, api.value(1)])\r\n                },\r\n                // style: {\r\n                //     fill: new echarts.graphic.LinearGradient(1, 0, 0, 0, [{\r\n                //             offset: 0,\r\n                //             color: '#3B80E2'\r\n                //         },\r\n                //         {\r\n                //             offset: 1,\r\n                //             color: '#49BEE5'\r\n                //         }\r\n                //     ])\r\n                // }\r\n              }]\r\n            }\r\n          },\r\n          data: VALUE\r\n        },\r\n        {\r\n          type: 'bar',\r\n          label: {\r\n            normal: {\r\n              show: true,\r\n              position: 'right',\r\n              formatter: (e) => {\r\n                switch (e.name) {\r\n                  case '10kV线路':\r\n                    return VALUE[0]\r\n                  case '公用配变':\r\n                    return VALUE[1]\r\n                  case '35kV主变':\r\n                    return VALUE[2]\r\n                  case '水':\r\n\r\n                }\r\n              },\r\n              fontSize: 16,\r\n              color: '#fff',\r\n              offset: [25, 4]\r\n            }\r\n          },\r\n          itemStyle: {\r\n            color: 'transparent'\r\n          },\r\n          data: MAX\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}% <br/> {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          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            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          ],\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      };\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: [\"#EAEA26\", \"#906BF9\", \"#FE5656\", \"#01E17E\", \"#3DD1F9\", \"#FFAD05\"],\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        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            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        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            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        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                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      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(dataPbty) {\r\n      let dataListx = [];\r\n      let dataPb = [];\r\n      let dataGz = [];\r\n      let dataCf = [];\r\n      for (let i = 0; i < dataPbty.length; i++) {\r\n        dataListx.push(dataPbty[i].gds);\r\n        dataGz.push(dataPbty[i].gztytc);\r\n        dataPb.push(dataPbty[i].pbsl);\r\n        dataCf.push(dataPbty[i].cftytc);\r\n      }\r\n      var datacoords = [];\r\n      var datacoords1 = [];\r\n      for (var i = 0; i < dataListx.length; i++) {\r\n        datacoords.push([\r\n          {\r\n            coord: [i, dataGz[i]],\r\n          },\r\n          {\r\n            coord: [i + 1, dataGz[i + 1]],\r\n          },\r\n        ]);\r\n      }\r\n      for (var i = 0; i < dataListx.length; i++) {\r\n        datacoords1.push([\r\n          {\r\n            coord: [i, dataCf[i]],\r\n          },\r\n          {\r\n            coord: [i + 1, dataCf[i + 1]],\r\n          },\r\n        ]);\r\n      }\r\n      let that = this;\r\n      let myChart = this.$echarts.init(document.getElementById(\"detailedFive\"));\r\n      var option = {\r\n        animation: true, //控制动画示否开启\r\n        animationDuration: 2000,\r\n        animationEasing: \"bounceOut\", //缓动动画\r\n        animationThreshold: 8, //动画元素的阈值\r\n        grid: {\r\n          top: \"15%\",\r\n          bottom: \"30%\", //也可设置left和right设置距离来控制图表的大小\r\n        },\r\n        tooltip: {\r\n          trigger: \"axis\",\r\n          axisPointer: {\r\n            type: \"shadow\",\r\n            label: {\r\n              show: true,\r\n            },\r\n          },\r\n        },\r\n        legend: {\r\n          data: [\"配变数量\", \"故障停运\", \"重复停运\"],\r\n          top: \"0%\",\r\n          //  icon:'roundRect',\r\n          //  itemHeight:2, // 粗细\r\n          textStyle: {\r\n            color: \"#ffffff\",\r\n          },\r\n        },\r\n        xAxis: {\r\n          data: dataListx,\r\n          axisLine: {\r\n            show: false, //隐藏X轴轴线\r\n            lineStyle: {\r\n              color: \"#01FCE3\",\r\n            },\r\n          },\r\n          axisTick: {\r\n            show: false, //隐藏X轴刻度\r\n          },\r\n          axisLabel: {\r\n            show: true,\r\n            interval: 0,\r\n            textStyle: {\r\n              color: \"#ffffff\", //X轴文字颜色\r\n              fontSize: \"16px\",\r\n            },\r\n          },\r\n        },\r\n        yAxis: [\r\n          {\r\n            type: \"value\",\r\n            name: \"配变数量\",\r\n            nameTextStyle: {\r\n              color: \"#ffffff\",\r\n              padding: [0, 30, 0, 0],\r\n            },\r\n            splitLine: {\r\n              show: false,\r\n            },\r\n            axisTick: {\r\n              show: false,\r\n            },\r\n            axisLine: {\r\n              show: false,\r\n              lineStyle: {\r\n                color: \"#FFFFFF\",\r\n              },\r\n            },\r\n            axisLabel: {\r\n              show: true,\r\n              interval: 0,\r\n              textStyle: {\r\n                color: \"#ffffff\",\r\n              },\r\n            },\r\n          },\r\n          {\r\n            type: \"value\",\r\n            name: \"停运台次\",\r\n            nameTextStyle: {\r\n              color: \"#ffffff\",\r\n            },\r\n            position: \"right\",\r\n            splitLine: {\r\n              show: false,\r\n            },\r\n            axisTick: {\r\n              show: false,\r\n            },\r\n            axisLine: {\r\n              show: false,\r\n            },\r\n            axisLabel: {\r\n              show: true,\r\n\r\n              // formatter: \"{value} %\", //右侧Y轴文字显示\r\n              textStyle: {\r\n                color: \"#ffffff\",\r\n              },\r\n            },\r\n          },\r\n          {\r\n            type: \"value\",\r\n            gridIndex: 0,\r\n            min: 50,\r\n            max: 100,\r\n            splitNumber: 8,\r\n            splitLine: {\r\n              show: false,\r\n            },\r\n            axisLine: {\r\n              show: false,\r\n            },\r\n            axisTick: {\r\n              show: false,\r\n            },\r\n            axisLabel: {\r\n              show: false,\r\n            },\r\n            splitArea: {\r\n              show: true,\r\n              areaStyle: {\r\n                color: [\"rgba(250,250,250,0.0)\", \"rgba(250,250,250,0.05)\"],\r\n              },\r\n            },\r\n          },\r\n        ],\r\n        series: [\r\n          {\r\n            name: \"故障停运\",\r\n            type: \"line\",\r\n            yAxisIndex: 1, //使用的 y 轴的 index，在单个图表实例中存在多个 y轴的时候有用\r\n            smooth: false, //平滑曲线显示\r\n            showAllSymbol: true, //显示所有图形。\r\n            shadowOffsetX: 0, // 折线的X偏移\r\n            shadowOffsetY: 10, // 折线的Y偏移\r\n            symbol: \"circle\", //标记的图形为实心圆\r\n            symbolSize: 1, //标记的大小\r\n            itemStyle: {\r\n              //折线拐点标志的样式\r\n              color: \"rgb(237,125,49)\",\r\n            },\r\n            lineStyle: {\r\n              color: \"rgb(237,125,49)\",\r\n            },\r\n            // areaStyle: {\r\n            //   show:false,\r\n            //   color: \"rgba(5,140,255, 0.2)\",\r\n            // },\r\n            emphasis: {\r\n              focus: \"series\",\r\n            },\r\n            data: dataGz,\r\n          },\r\n          {\r\n            showSymbol: false,\r\n            name: \"故障停运\",\r\n            type: \"lines\",\r\n            yAxisIndex: 1,\r\n            polyline: true,\r\n            smooth: false,\r\n            coordinateSystem: \"cartesian2d\",\r\n            zlevel: 1,\r\n            effect: {\r\n              show: true,\r\n              smooth: false,\r\n              period: 6,\r\n              trailLenth: 0.1,\r\n              symbolSize: 6,\r\n              symbol: \"circle\",\r\n            },\r\n            lineStyle: {\r\n              color: \"#fff\",\r\n              width: 1,\r\n              opacity: 0,\r\n              curveness: 0,\r\n              cap: \"round\",\r\n            },\r\n            data: datacoords,\r\n          },\r\n          {\r\n            name: \"重复停运\",\r\n            type: \"line\",\r\n            yAxisIndex: 1, //使用的 y 轴的 index，在单个图表实例中存在多个 y轴的时候有用\r\n            smooth: false, //平滑曲线显示\r\n            shadowOffsetX: 0, // 折线的X偏移\r\n            shadowOffsetY: 10, // 折线的Y偏移\r\n            showAllSymbol: true, //显示所有图形。\r\n            symbol: \"circle\", //标记的图形为实心圆\r\n            symbolSize: 1, //标记的大小\r\n            itemStyle: {\r\n              //折线拐点标志的样式\r\n              show: false,\r\n              color: \"#058cff\",\r\n            },\r\n            lineStyle: {\r\n              show: false,\r\n              color: \"#058cff\",\r\n            },\r\n            // areaStyle: {\r\n            //   show:false,\r\n            //   color: \"rgba(5,140,255, 0.2)\",\r\n            // },\r\n            data: dataCf,\r\n          },\r\n          {\r\n            showSymbol: false,\r\n            name: \"重复停运\",\r\n            type: \"lines\",\r\n            yAxisIndex: 1,\r\n            polyline: true,\r\n            smooth: false,\r\n            coordinateSystem: \"cartesian2d\",\r\n            zlevel: 1,\r\n            effect: {\r\n              show: true,\r\n              smooth: false,\r\n              period: 6,\r\n              trailLenth: 0.1,\r\n              symbolSize: 6,\r\n              symbol: \"circle\",\r\n            },\r\n            lineStyle: {\r\n              color: \"#fff\",\r\n              width: 1,\r\n              opacity: 0,\r\n              curveness: 0,\r\n              cap: \"round\",\r\n            },\r\n            data: datacoords1,\r\n          },\r\n          {\r\n            name: \"配变数量\",\r\n            type: \"bar\",\r\n            barWidth: 15,\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              },\r\n            },\r\n            data: dataPb,\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</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}\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    // 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    &>div {\r\n      width: 100%;\r\n      background: url(\"../assets/indexN/boxLr.png\") no-repeat;\r\n      background-size: 100% 100%;\r\n      position: relative;\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: 21px;\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\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: 262px;\r\n          display: flex;\r\n          flex-flow: column nowrap;\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,\r\n                    rgb(86, 244, 254),\r\n                    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\r\n      #detailedTwo1 {\r\n        //   width: 100%;\r\n        //   height: calc(100% - 52px);\r\n        width: 100%;\r\n        height: calc(100% - 200px);\r\n      }\r\n\r\n      #horizontalChart {\r\n        //   width: 100%;\r\n        //   height: calc(100% - 52px);\r\n        width: 100%;\r\n        height: calc(100% - 150px);\r\n      }\r\n\r\n      #barCharts {\r\n        //   width: 100%;\r\n        //   height: calc(100% - 52px);\r\n        width: 60%;\r\n        height: calc(100% - 200px);\r\n        position: absolute;\r\n        top: 28%;\r\n        left: 33%;\r\n      }\r\n    }\r\n  }\r\n\r\n  .left1 {\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    &>div {\r\n      width: 100%;\r\n      background: url(\"../assets/indexN/boxLr.png\") no-repeat;\r\n      background-size: 100% 100%;\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: 21px;\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\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: 262px;\r\n          display: flex;\r\n          flex-flow: column nowrap;\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,\r\n                    rgb(86, 244, 254),\r\n                    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\r\n      #detailedTwo1 {\r\n        width: 100%;\r\n        height: calc(100% - 52px);\r\n      }\r\n\r\n      #horizontalChart {\r\n        //   width: 100%;\r\n        //   height: calc(100% - 52px);\r\n        width: 100%;\r\n        height: calc(100% - 200px);\r\n      }\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/地图弹窗三个数据外框.png\") no-repeat;\r\n      background-size: 100%;\r\n      float: right;\r\n      width: 40vh;\r\n      height: 25vh;\r\n      position: relative;\r\n      top: 5vh;\r\n      right: 1vh;\r\n      .contents {\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/弹窗里的小框子.png\") no-repeat;\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            float: left;\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        }\r\n      }\r\n    }\r\n    .imgboxtwo {\r\n      padding: 0 0 0 20px;\r\n      background: url(\"../assets/02/地图弹窗四个内容的框.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        height: 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: 49%;\r\n          list-style: none;\r\n          font-size: 24px;\r\n          color: #fff;\r\n          background: url(\"../assets/02/弹窗里的小框子.png\") no-repeat;\r\n        }\r\n      }\r\n    }\r\n\r\n    .map {\r\n      background: url(\"../assets/indexN/地图.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    }\r\n  }\r\n\r\n\r\n  .right {\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    &>div {\r\n      width: 100%;\r\n      background: url(\"../assets/indexN/boxLr.png\") no-repeat;\r\n      background-size: 100% 100%;\r\n     position: relative;\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: 21px;\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    }\r\n\r\n    .one {\r\n      .top {\r\n        width: 100%;\r\n        height: 10%;\r\n        display: flex;\r\n        justify-content: space-around;\r\n        flex-direction: row;\r\n        align-items: center;\r\n\r\n        .topContent {\r\n          width: 30%;\r\n          display: flex;\r\n          justify-content: flex-start;\r\n          align-items: center;\r\n          white-space: nowrap;\r\n        }\r\n      }\r\n    }\r\n\r\n    #detailedThree {\r\n      width: 100%;\r\n      // height: calc(100% - 52px);\r\n      height: 100%;\r\n    }\r\n\r\n    #detailedTwo {\r\n      width: 100%;\r\n      height: calc(100% - 52px);\r\n    }\r\n\r\n    #detailedFive {\r\n      width: 100%;\r\n      height: calc(100% - 52px);\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    &>div {\r\n      width: 100%;\r\n      background: url(\"../assets/indexN/boxLr.png\") no-repeat;\r\n      background-size: 100% 100%;\r\n    position: relative;\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: 21px;\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    }\r\n//   #detailen {\r\n//       width: 100%;\r\n//       height: 400px;\r\n//     }\r\n    .one {\r\n      .top {\r\n        width: 100%;\r\n        height: 10%;\r\n        display: flex;\r\n        justify-content: space-around;\r\n        flex-direction: row;\r\n        align-items: center;\r\n\r\n        .topContent {\r\n          width: 30%;\r\n          display: flex;\r\n          justify-content: flex-start;\r\n          align-items: center;\r\n          white-space: nowrap;\r\n        }\r\n      }\r\n    }\r\n\r\n    #detailedThree {\r\n      width: 100%;\r\n      // height: calc(100% - 52px);\r\n      height: 100%;\r\n    }\r\n\r\n    #detailedTwo {\r\n      width: 100%;\r\n      height: calc(100% - 52px);\r\n    }\r\n\r\n    #detailedFive {\r\n      width: 100%;\r\n      height: calc(100% - 52px);\r\n    }\r\n  }\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(to bottom,\r\n        rgb(255, 255, 255),\r\n        rgb(123, 247, 245));\r\n         img {\r\n    margin: 20px;\r\n  }\r\n  }\r\n\r\n  //弹窗样式\r\n  .componentShow {\r\n    width: 100%;\r\n    height: 100%;\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    z-index: 111;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: rgba(0, 0, 0, 0.8);\r\n  }\r\n\r\n  .realTimeAlarm {\r\n    width: 517px;\r\n    height: 136px;\r\n    position: fixed;\r\n    left: 0;\r\n    right: 0;\r\n    margin: 0 auto;\r\n    top: 40%;\r\n    background: url(\"../assets/images/realTimeAlarmKuang.png\") no-repeat;\r\n    background-size: 100% 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    .content {\r\n      color: #ffffff;\r\n      width: 75%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-evenly;\r\n      margin-top: 4%;\r\n    }\r\n  }\r\n\r\n  .alarmInformation {\r\n    width: 900px;\r\n    height: 380px;\r\n    position: fixed;\r\n    left: 0;\r\n    right: 0;\r\n    margin: 0 auto;\r\n    top: 28%;\r\n    background: url(\"../assets/images/baojingxinxiKuang.png\") no-repeat;\r\n    background-size: 100% 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n    padding: 10px 13px;\r\n\r\n    ::-webkit-scrollbar {\r\n      display: none;\r\n    }\r\n\r\n    .top {\r\n      height: 10%;\r\n      width: 91%;\r\n      display: flex;\r\n      align-content: flex-start;\r\n      justify-content: space-between;\r\n\r\n      .title {\r\n        font-size: 20px;\r\n        font-weight: 900;\r\n        color: transparent;\r\n        align-items: center;\r\n        display: flex;\r\n        -webkit-background-clip: text;\r\n        background-clip: text;\r\n        background-image: linear-gradient(to bottom,\r\n            rgb(255, 255, 255),\r\n            rgb(86, 244, 254));\r\n      }\r\n    }\r\n\r\n    .content {\r\n      height: 82%;\r\n      width: 100%;\r\n      overflow: auto;\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          height: 48px;\r\n          background: url(\"../assets/images/tableBg.png\") no-repeat;\r\n          background-size: 100% 100%;\r\n        }\r\n\r\n        /deep/ .el-table__header th {\r\n          border: none;\r\n          padding: 0;\r\n          height: 40px;\r\n\r\n          .cell {\r\n            height: 100%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-around;\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          color: #fff !important;\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        }\r\n\r\n        /deep/ .el-table th.el-table__cell>.cell {\r\n          color: #ffffff;\r\n        }\r\n\r\n        /deep/.el-table .el-table__cell {\r\n          padding: 3px 0;\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\r\n        .el-table::before {\r\n          background-color: transparent;\r\n        }\r\n\r\n        ::v-deep .el-table .el-table__body tr.el-table__row td {\r\n          background: rgba(79, 218, 255, 0.1) !important;\r\n        }\r\n\r\n        ::v-deep .el-table--striped .el-table__body tr.el-table__row--striped td {\r\n          background: rgba(79, 218, 255, 0.06) !important;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .dateSelect {\r\n    display: flex;\r\n    font-size: 12px;\r\n    background: url(\"../assets/images/dateKuang.png\") no-repeat;\r\n    background-size: 100% 100%;\r\n    height: 25px;\r\n    width: 61px;\r\n    align-items: center;\r\n  }\r\n\r\n  .active {\r\n    width: 32px;\r\n    height: 25px;\r\n    color: rgb(78, 230, 207);\r\n    background: url(\"../assets/images/dateAction.png\") no-repeat;\r\n    background-size: 100% 100%;\r\n    line-height: 26px;\r\n  }\r\n}\r\n\r\n.suoxiao {\r\n  position: absolute;\r\n  bottom: 0;\r\n  right: 0;\r\n}\r\n\r\n// }\r\n</style>\r\n<style lang=\"less\" scoped>\r\n.three {\r\n  .three-content {\r\n    width: 100%;\r\n    height: calc(100% - 52px);\r\n    display: flex;\r\n\r\n    .three-left {\r\n      width: 40%;\r\n      height: 100%;\r\n    }\r\n\r\n    .three-right {\r\n      width: 60%;\r\n      height: 100%;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n\r\n      ul {\r\n        width: 100%;\r\n\r\n        li {\r\n          width: 164px;\r\n          height: 41px;\r\n          margin-top: 15px;\r\n          background-image: url(../assets/images/pieBorder.png);\r\n          float: left;\r\n          color: #fff;\r\n          line-height: 41px;\r\n          font-size: 18px;\r\n        }\r\n\r\n        li:nth-child(2n) {\r\n          margin-left: 10px;\r\n        }\r\n      }\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: 262px;\r\n          display: flex;\r\n          flex-flow: column nowrap;\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,\r\n                    rgb(86, 244, 254),\r\n                    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      }\r\n        #roseCharts {\r\n        //   width: 100%;\r\n        //   height: calc(100% - 52px);\r\n        width: 60%;\r\n        height: calc(100% - 200px);\r\n        position: absolute;\r\n        top: 28%;\r\n        left: 33%;\r\n      }\r\n    \r\n}\r\n\r\n.selectChange {\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n\r\n  .el-select {\r\n    margin-left: -44px;\r\n\r\n    /deep/ .el-input__inner {\r\n      background: url(\"../assets/images/selectCard.png\") no-repeat;\r\n      background-size: 100% 100%;\r\n      border: none;\r\n      padding-left: 58px;\r\n    }\r\n\r\n    /deep/ .el-input__prefix,\r\n    /deep/ .el-input__suffix {\r\n      position: absolute;\r\n      top: 0;\r\n      -webkit-transition: all 0.3s;\r\n      height: 100%;\r\n      text-align: center;\r\n      margin-right: 17px;\r\n    }\r\n\r\n    /deep/ .el-input__inner::-webkit-input-placeholder {\r\n      color: rgb(78, 230, 207); // 初始化的文字颜色\r\n    }\r\n\r\n    /deep/ .el-input__inner {\r\n      color: rgb(78, 230, 207);\r\n    }\r\n  }\r\n}\r\n\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</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/eee0670623b8e80b4318871d1b91314d.json b/node_modules/.cache/vue-loader/eee0670623b8e80b4318871d1b91314d.json
new file mode 100644
index 00000000..1dcc0fd5
--- /dev/null
+++ b/node_modules/.cache/vue-loader/eee0670623b8e80b4318871d1b91314d.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-resize-sensor\\src\\resize-sensor.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-resize-sensor\\src\\resize-sensor.vue","mtime":1689642396277},{"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":["\n\"use strict\";\n\nexport default {\n\n\t// thanks to https://github.com/marcj/css-element-queries\n\tprops: {\n\t\tinitial: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t}\n\t},\n\tdata: function() {\n\t\treturn {\n\t\t\tsize: {\n\t\t\t\twidth: -1,\n\t\t\t\theight: -1\n\t\t\t}\n\t\t}\n\t},\n\tmethods: {\n\t\treset: function() {\n\n\t\t\tvar expand = this.$el.firstChild;\n\t\t\tvar shrink = this.$el.lastChild;\n\t\t\texpand.scrollLeft = 100000;\n\t\t\texpand.scrollTop = 100000;\n\t\t\tshrink.scrollLeft = 100000;\n\t\t\tshrink.scrollTop = 100000;\n\t\t},\n\t\tupdate: function() {\n\t\t\t\n\t\t\tthis.size.width = this.$el.offsetWidth;\n\t\t\tthis.size.height = this.$el.offsetHeight;\n\t\t}\n\t},\n\twatch: {\n\t\tsize: {\n\t\t\tdeep: true,\n\t\t\thandler: function(size) {\n\t\t\t\t\n\t\t\t\tthis.reset();\n\t\t\t\tthis.$emit('resize', { width: this.size.width, height: this.size.height });\n\t\t\t}\n\t\t}\n\t},\n\trender: function(create) {\n\t\t\n\t\tvar style = 'position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: -1; visibility: hidden;';\n\t\tvar styleChild = 'position: absolute; left: 0; top: 0;';\n\n\t\treturn create('div', {\n\t\t\tstyle: style + 'animation-name: resizeSensorVisibility;',\n\t\t\ton: {\n\t\t\t\t'~animationstart': this.update\n\t\t\t}\n\t\t},[\n\t\t\tcreate('div', {\n\t\t\t\tstyle: style,\n\t\t\t\ton: {\n\t\t\t\t\tscroll: this.update\n\t\t\t\t}\n\t\t\t}, [\n\t\t\t\tcreate('div', {\n\t\t\t\t\tstyle: styleChild + 'width: 100000px; height: 100000px;'\n\t\t\t\t})\n\t\t\t]),\n\t\t\tcreate('div', {\n\t\t\t\tstyle: style,\n\t\t\t\ton: {\n\t\t\t\t\tscroll: this.update\n\t\t\t\t}\n\t\t\t}, [\n\t\t\t\tcreate('div', {\n\t\t\t\t\tstyle: styleChild + 'width: 200%; height: 200%;'\n\t\t\t\t})\n\t\t\t]),\n\t\t]);\n\t},\n\tbeforeDestroy: function() {\n\t\t\n\t\tthis.$emit('resize', { width: 0, height: 0 });\n\t\tthis.$emit('resizeSensorBeforeDestroy');\n\t},\n\tmounted: function() {\n\n\t\tif ( this.initial === true )\n\t\t\tthis.$nextTick(this.update);\n\t\t\n\t\tif ( this.$el.offsetParent !== this.$el.parentNode )\n\t\t\tthis.$el.parentNode.style.position = 'relative';\n\n\t\tif ( 'attachEvent' in this.$el && !('AnimationEvent' in window) ) {\n\n\t\t\tvar onresizeHandler = function() {\n\n\t\t\t\tthis.update();\n\t\t\t\tremoveOnresizeEvent();\n\t\t\t}.bind(this);\n\t\t\n\t\t\tvar removeOnresizeEvent = function() {\n\t\t\t\t\n\t\t\t\tthis.$el.detachEvent('onresize', onresizeHandler);\n\t\t\t\tthis.$off('resizeSensorBeforeDestroy', removeOnresizeEvent);\n\t\t\t}.bind(this);\n\t\t\t\n\t\t\tthis.$el.attachEvent('onresize', onresizeHandler);\n\t\t\tthis.$on('resizeSensorBeforeDestroy', removeOnresizeEvent);\n\t\t\tthis.reset();\n\t\t}\n\t}\n}\n\n",{"version":3,"sources":["resize-sensor.vue"],"names":[],"mappings":";AAOA;;AAEA;;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;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;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;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;;AAEA;;AAEA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA","file":"resize-sensor.vue","sourceRoot":"node_modules/vue-resize-sensor/src","sourcesContent":["<style>\n@keyframes resizeSensorVisibility {\n\tfrom { top: 0; }\n}\n</style>\n\n<script>\n\"use strict\";\n\nexport default {\n\n\t// thanks to https://github.com/marcj/css-element-queries\n\tprops: {\n\t\tinitial: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t}\n\t},\n\tdata: function() {\n\t\treturn {\n\t\t\tsize: {\n\t\t\t\twidth: -1,\n\t\t\t\theight: -1\n\t\t\t}\n\t\t}\n\t},\n\tmethods: {\n\t\treset: function() {\n\n\t\t\tvar expand = this.$el.firstChild;\n\t\t\tvar shrink = this.$el.lastChild;\n\t\t\texpand.scrollLeft = 100000;\n\t\t\texpand.scrollTop = 100000;\n\t\t\tshrink.scrollLeft = 100000;\n\t\t\tshrink.scrollTop = 100000;\n\t\t},\n\t\tupdate: function() {\n\t\t\t\n\t\t\tthis.size.width = this.$el.offsetWidth;\n\t\t\tthis.size.height = this.$el.offsetHeight;\n\t\t}\n\t},\n\twatch: {\n\t\tsize: {\n\t\t\tdeep: true,\n\t\t\thandler: function(size) {\n\t\t\t\t\n\t\t\t\tthis.reset();\n\t\t\t\tthis.$emit('resize', { width: this.size.width, height: this.size.height });\n\t\t\t}\n\t\t}\n\t},\n\trender: function(create) {\n\t\t\n\t\tvar style = 'position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: -1; visibility: hidden;';\n\t\tvar styleChild = 'position: absolute; left: 0; top: 0;';\n\n\t\treturn create('div', {\n\t\t\tstyle: style + 'animation-name: resizeSensorVisibility;',\n\t\t\ton: {\n\t\t\t\t'~animationstart': this.update\n\t\t\t}\n\t\t},[\n\t\t\tcreate('div', {\n\t\t\t\tstyle: style,\n\t\t\t\ton: {\n\t\t\t\t\tscroll: this.update\n\t\t\t\t}\n\t\t\t}, [\n\t\t\t\tcreate('div', {\n\t\t\t\t\tstyle: styleChild + 'width: 100000px; height: 100000px;'\n\t\t\t\t})\n\t\t\t]),\n\t\t\tcreate('div', {\n\t\t\t\tstyle: style,\n\t\t\t\ton: {\n\t\t\t\t\tscroll: this.update\n\t\t\t\t}\n\t\t\t}, [\n\t\t\t\tcreate('div', {\n\t\t\t\t\tstyle: styleChild + 'width: 200%; height: 200%;'\n\t\t\t\t})\n\t\t\t]),\n\t\t]);\n\t},\n\tbeforeDestroy: function() {\n\t\t\n\t\tthis.$emit('resize', { width: 0, height: 0 });\n\t\tthis.$emit('resizeSensorBeforeDestroy');\n\t},\n\tmounted: function() {\n\n\t\tif ( this.initial === true )\n\t\t\tthis.$nextTick(this.update);\n\t\t\n\t\tif ( this.$el.offsetParent !== this.$el.parentNode )\n\t\t\tthis.$el.parentNode.style.position = 'relative';\n\n\t\tif ( 'attachEvent' in this.$el && !('AnimationEvent' in window) ) {\n\n\t\t\tvar onresizeHandler = function() {\n\n\t\t\t\tthis.update();\n\t\t\t\tremoveOnresizeEvent();\n\t\t\t}.bind(this);\n\t\t\n\t\t\tvar removeOnresizeEvent = function() {\n\t\t\t\t\n\t\t\t\tthis.$el.detachEvent('onresize', onresizeHandler);\n\t\t\t\tthis.$off('resizeSensorBeforeDestroy', removeOnresizeEvent);\n\t\t\t}.bind(this);\n\t\t\t\n\t\t\tthis.$el.attachEvent('onresize', onresizeHandler);\n\t\t\tthis.$on('resizeSensorBeforeDestroy', removeOnresizeEvent);\n\t\t\tthis.reset();\n\t\t}\n\t}\n}\n\n</script>\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/f107814cf2eccf4538cad014bca3188f.json b/node_modules/.cache/vue-loader/f107814cf2eccf4538cad014bca3188f.json
new file mode 100644
index 00000000..709b639b
--- /dev/null
+++ b/node_modules/.cache/vue-loader/f107814cf2eccf4538cad014bca3188f.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\component\\lineDetail.vue?vue&type=style&index=0&id=9cf184e0&lang=less&scoped=true&","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\component\\lineDetail.vue","mtime":1689642397091},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\css-loader\\index.js","mtime":1689642389821},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1689642396087},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\postcss-loader\\src\\index.js","mtime":1689642393431},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\less-loader\\dist\\cjs.js","mtime":1689642392421},{"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\n/deep/ .el-textarea__inner {\r\n  background-color: rgba(16, 40, 49, 38);\r\n  border-color: #164a75;\r\n}\r\n\r\n.cad-icon {\r\n  width: 25px;\r\n  height: 22px;\r\n  background-image: url(\"../assets/images/cadIcon.png\");\r\n  background-size: 100% 100%;\r\n  // text-align: center;\r\n  margin: 0 auto;\r\n}\r\n\r\n.circle0 {\r\n  width: 20px;\r\n  height: 20px;\r\n  // background-color: tomato;\r\n  border: 2px solid #fff;\r\n  border-radius: 50%;\r\n  margin: 0 auto;\r\n}\r\n\r\n.circle1 {\r\n  width: 20px;\r\n  height: 20px;\r\n  background-color: red;\r\n  // border: 2px solid #fff;\r\n  border-radius: 50%;\r\n  margin: 0 auto;\r\n}\r\n\r\n.circle2 {\r\n  width: 20px;\r\n  height: 20px;\r\n  background-color: green;\r\n  // border: 2px solid #fff;\r\n  border-radius: 50%;\r\n  margin: 0 auto;\r\n}\r\n\r\n.lineContent {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.lineDetail {\r\n  width: 30%;\r\n  height: 95%;\r\n  position: relative;\r\n  background: url(\"../assets/images/leftLine.png\") no-repeat;\r\n  background-size: 100% 100%;\r\n  -webkit-animation: fadeInDown 0.3s;\r\n  animation: fadeInDown 0.3s;\r\n  padding: 15px 25px;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  align-content: space-between;\r\n\r\n  .close {\r\n    position: absolute;\r\n    right: 4%;\r\n    top: 4%;\r\n  }\r\n\r\n  .table {\r\n    width: 100%;\r\n    height: 95%;\r\n    // border: 1px solid red;\r\n    background: url(\"../assets/images/intervalFrame.png\") no-repeat;\r\n    background-size: 100% 100%;\r\n    padding: 15px 20px;\r\n  }\r\n}\r\n\r\n// 右边弹框\r\n.right-dialog {\r\n  position: relative;\r\n  width: 67%;\r\n  height: 95%;\r\n  background: url(\"../assets/images/linetail-right.png\") no-repeat;\r\n  background-size: 100% 100%;\r\n  margin-left: 30px;\r\n  padding: 1%;\r\n  box-sizing: border-box;\r\n\r\n  &>.title {\r\n    position: absolute;\r\n    top: 1%;\r\n    left: 2%;\r\n  }\r\n\r\n  // align-items: center;\r\n  .funBtn {\r\n    display: flex;\r\n    // justify-content: space-between;\\\r\n    // background-color: #fff;\r\n    margin-top: 2%;\r\n    justify-content: space-between;\r\n\r\n    .initBtn,\r\n    .nigaiBtn {\r\n      width: 49.5%;\r\n      text-align: center;\r\n      // background-color: #fff;\r\n\r\n    }\r\n\r\n    .title {\r\n      // margin-left: 25%;\r\n      font-size: 23px;\r\n      color: #fff;\r\n      margin-bottom: 1%;\r\n    }\r\n\r\n  }\r\n\r\n  .pdf-content {\r\n    width: 100%;\r\n    height: 92%;\r\n    display: flex;\r\n    justify-content: space-between;\r\n\r\n    .right-content,\r\n    .left-content {\r\n      width: 49.5%;\r\n      height: 100%;\r\n      position: relative;\r\n      // background-color: #fff;\r\n      // overflow-y: scroll;\r\n      // background: #000;\r\n      // border-radius: 40px;\r\n      // overflow: scroll;\r\n    }\r\n\r\n    .left-content {\r\n      // background-color: tomato;\r\n      // span {\r\n      //   width: 100% !important;\r\n      //   height: 100% !important;\r\n      //   // /deep/ canvas {\r\n      //   //   height: 100% !important;\r\n      //   // }\r\n      // }\r\n    }\r\n  }\r\n\r\n  .rightBtn {\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n    z-index: 999;\r\n    // background-color: tomato;\r\n  }\r\n\r\n  // 标题\r\n  .title {\r\n    font-size: 28px;\r\n    font-weight: 700;\r\n    color: transparent;\r\n    -webkit-background-clip: text;\r\n    background-clip: text;\r\n    display: inline-block;\r\n    background-image: -webkit-gradient(linear,\r\n        left top,\r\n        left bottom,\r\n        from(#ffffff),\r\n        to(#56f4fe));\r\n    background-image: linear-gradient(to bottom, #ffffff, #56f4fe);\r\n  }\r\n\r\n  .closeBtn {\r\n    // width: 100%;\r\n    // height: 4%;\r\n    // background-color: turquoise;\r\n    // display: flex;\r\n    // align-items: center;\r\n    // justify-content: flex-end;\r\n    position: absolute;\r\n    right: 0.3%;\r\n    top: 3%;\r\n    z-index: 1000;\r\n\r\n    img {\r\n      margin-right: 20px;\r\n    }\r\n\r\n    // position: absolute;\r\n    // right: 2%;\r\n    // top: 3%;\r\n  }\r\n\r\n  .footer {\r\n    height: 10%;\r\n    width: 100%;\r\n    // background-color: #ffffff;\r\n    display: flex;\r\n    // align-items: center;\r\n  }\r\n\r\n  // .text-detail {\r\n  //   width: 10%;\r\n  //   height: 100%;\r\n  //   display: flex;\r\n  //   align-items: center;\r\n  //   justify-content: center;\r\n  // }\r\n  .text-content {\r\n    width: 100%;\r\n    height: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    /deep/ .el-textarea {\r\n      height: 90%;\r\n\r\n      /deep/ textarea {\r\n        background-color: transparent;\r\n        border-top: 2px solid #fff;\r\n        border-bottom: 2px solid #fff;\r\n        border-left: none;\r\n        border-right: none;\r\n        border-color: #2e7680 !important;\r\n        height: 100%;\r\n        color: #fff;\r\n        font-size: 18px;\r\n      }\r\n\r\n      background-color: transparent !important;\r\n    }\r\n\r\n  }\r\n}\r\n\r\n.user_skills {\r\n  .search {\r\n    text-align: left;\r\n    margin: 20px 0;\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    .searchBtn,\r\n    .refurbish {\r\n      width: 122px;\r\n      height: 39px;\r\n      background-image: url(\"../assets/images/search.png\");\r\n      background-size: 100% 100%;\r\n      margin-left: 10px;\r\n    }\r\n\r\n    .refurbish {\r\n      background-image: url(\"../assets/images/refurbish.png\");\r\n      margin-left: 10px;\r\n    }\r\n\r\n    // /deep/ .el-input__suffix {\r\n    //   display: flex;\r\n    //   align-items: center;\r\n    // }\r\n    .el-input {\r\n      width: 260px;\r\n    }\r\n\r\n    ::v-deep .el-input__inner {\r\n      background-color: transparent !important;\r\n      border-color: #2e7680 !important;\r\n      border-left: none !important;\r\n      color: #fff !important;\r\n      border-right: none !important;\r\n    }\r\n  }\r\n\r\n  /**\r\n  表格有滚动效果但是不显示滚动条 */\r\n  /deep/ .el-table::-webkit-scrollbar {\r\n    display: none !important;\r\n  }\r\n\r\n  /deep/ .el-select .el-input {\r\n    width: 100px;\r\n  }\r\n\r\n  /deep/ .is-scrolling-none {\r\n    overflow: hidden;\r\n    overflow-y: auto;\r\n    overflow-x: scroll;\r\n    height: calc(100% - 56px);\r\n  }\r\n\r\n  /deep/ .is-scrolling-none::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n\r\n  /deep/.el-table--scrollable-y ::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n\r\n  /deep/.el-table--scrollable-x ::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n\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    height: 48px;\r\n    background: url(\"../assets/images/intervalTable.png\") no-repeat;\r\n    background-size: 100% 100%;\r\n    // margin-bottom: 48px;\r\n    // position: absolute;\r\n    // top: 0;\r\n    // left: 0;\r\n  }\r\n\r\n  /deep/ .el-table__header th {\r\n    border: none;\r\n    padding: 0;\r\n    height: 40px;\r\n\r\n    .cell {\r\n      height: 100%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-around;\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 !important;\r\n    height: 55px;\r\n    font-size: 18px !important;\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 !important;\r\n    // word-break: break-all;\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 .el-table__cell {\r\n    padding: 5px 0;\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}\r\n\r\n.el-table::before {\r\n  background-color: transparent;\r\n}\r\n\r\n::v-deep .el-table .el-table__body tr.el-table__row td {\r\n  background: rgba(79, 218, 255, 0.1) !important;\r\n}\r\n\r\n::v-deep .el-table--striped .el-table__body tr.el-table__row--striped td {\r\n  background: rgba(79, 218, 255, 0.06) !important;\r\n}\r\n",{"version":3,"sources":["lineDetail.vue"],"names":[],"mappings":";AA8ZA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;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;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA","file":"lineDetail.vue","sourceRoot":"src/component","sourcesContent":["<template>\r\n  <div class=\"lineContent\">\r\n    <!-- 配电线路弹窗 -->\r\n    <div class=\"lineDetail\">\r\n      <!-- <div class=\"title\">配电路线详情</div> -->\r\n      <div class=\"close\">\r\n        <img @click=\"handleClose\" src=\"@/assets/images/close.png\" style=\"cursor: pointer\" />\r\n      </div>\r\n\r\n      <div class=\"table user_skills\">\r\n\r\n        <div class=\"search\">\r\n          <el-select v-model=\"value1\" placeholder=\"请选择\" style=\"margin-left: 30px\">\r\n            <el-option v-for=\"(item, index) in districtList\" :key=\"item.index\" :label=\"item\" :value=\"item\">\r\n            </el-option>\r\n          </el-select>\r\n          <el-select v-model=\"value2\" placeholder=\"请选择\" style=\"margin-left: 10px\">\r\n            <el-option v-for=\"(item, index) in taiwanList\" :key=\"item.index\" :label=\"item\" :value=\"item\">\r\n            </el-option>\r\n          </el-select>\r\n          <el-input style=\"margin-left: 10px;\" placeholder=\"模糊中文搜索\" v-model.trim=\"searchData\"\r\n            @keyup.enter.native=\"search\">\r\n            <!-- <i slot=\"suffix\" class=\"el-input-icon el-icon-search\" @click=\"search\"></i> -->\r\n          </el-input>\r\n\r\n\r\n          <div class=\"searchBtn\" @click=\"search\"></div>\r\n          <div class=\"refurbish\" @click=\"refurbish\"></div>\r\n        </div>\r\n\r\n        <el-table @row-click=\"rowHandle\" :data=\"lineList\" style=\"width: 100%; height: calc(100% - 80px);\r\n                        overflow-y: scroll;\r\n                        position: relative;\r\n                      \" :header-cell-style=\"{ 'text-align': 'center' }\" :cell-style=\"{ 'text-align': 'center' }\" stripe>\r\n          <el-table-column prop=\"line_name\" label=\"序号\" align=\"center\" width=\"60\">\r\n            <template slot-scope=\"scope\">\r\n              {{ scope.$index + 1 }}\r\n            </template>\r\n          </el-table-column>\r\n          <el-table-column prop=\"qushu\" label=\"区域\" align=\"center\">\r\n            <!-- <template slot-scope=\"scope\">\r\n              <div>\r\n                  \r\n              </div>\r\n            </template> -->\r\n          </el-table-column>\r\n          <el-table-column prop=\"taiqu\" label=\"变电站\" align=\"center\">\r\n          </el-table-column>\r\n          <el-table-column prop=\"line_name\" label=\"线路名称\" align=\"center\" width=\"170\">\r\n            <!-- <template slot-scope=\"scope\">\r\n              <div>\r\n                  \r\n              </div>\r\n            </template> -->\r\n          </el-table-column>\r\n          <el-table-column prop=\"url_init\" label=\"原状\" align=\"center\">\r\n            <template slot-scope=\"scope\">\r\n              <div v-if=\"scope.row.url_init\" class=\"cad-icon\" @click.stop=\"openInit(scope.row)\"></div>\r\n            </template>\r\n          </el-table-column>\r\n          <el-table-column prop=\"url_dest\" label=\"目标\" align=\"center\">\r\n            <template slot-scope=\"scope\">\r\n              <div v-if=\"scope.row.url_dest\" class=\"cad-icon\" @click.stop=\"openCad(scope.row)\"></div>\r\n            </template>\r\n          </el-table-column>\r\n          <el-table-column prop=\"url_nigai\" label=\"本年度拟改\" align=\"center\">\r\n            <template slot-scope=\"scope\">\r\n              <div v-if=\"scope.row.url_nigai\" class=\"cad-icon\"></div>\r\n            </template>\r\n          </el-table-column>\r\n          <el-table-column prop=\"nigai_state\" label=\"当前状态\" align=\"center\">\r\n            <template slot-scope=\"scope\">\r\n              <div :class=\"'circle' + scope.row.nigai_state\"></div>\r\n            </template>\r\n          </el-table-column>\r\n        </el-table>\r\n      </div>\r\n    </div>\r\n    <div class=\"right-dialog\" v-show=\"rightDialog\">\r\n      <div class=\"closeBtn\">\r\n        <img @click=\"handleClose1\" src=\"@/assets/images/close.png\" style=\"cursor: pointer\" />\r\n      </div>\r\n      <!-- 标题 -->\r\n      <div class=\"title\">拟改图对比</div>\r\n      <div class=\"funBtn\">\r\n        <div class=\"initBtn\">\r\n          <!-- <el-button icon=\"el-icon-zoom-in\" @click.native=\"enlargeBtn0()\"\r\n            >放大</el-button\r\n          >\r\n          <el-button icon=\"el-icon-zoom-out\" @click=\"reduceBtn0()\"\r\n            >缩小</el-button\r\n          > -->\r\n          <span class=\"title\">{{ title }}</span>\r\n        </div>\r\n\r\n        <div class=\"nigaiBtn\">\r\n          <!-- <el-button icon=\"el-icon-zoom-in\" @click=\"enlargeBtn1()\"\r\n            >放大</el-button\r\n          >\r\n          <el-button icon=\"el-icon-zoom-out\" @click=\"reduceBtn1()\"\r\n            >缩小</el-button\r\n          > -->\r\n          <span class=\"title\">拟改图</span>\r\n        </div>\r\n      </div>\r\n      <div class=\"pdf-content\">\r\n        <div class=\"left-content\" id=\"leftContent\">\r\n          <!-- <iframe\r\n            :src=\"pdfUrl\"\r\n            width=\"100%\"\r\n            height=\"100%\"\r\n            scrolling=\"no\"\r\n            frameborder=\"no\"\r\n          ></iframe> -->\r\n          <!-- <pdf ref=\"pdf\" :src=\"pdfUrl\"></pdf> -->\r\n          <iframe :src=\"init\" frameborder=\"0\" width=\"100%\" height=\"100%\" scrolling=\"no\"></iframe>\r\n        </div>\r\n\r\n        <div class=\"right-content\" >\r\n          <!-- <pdf ref=\"pdf1\" :src=\"pdfUrl1\"></pdf>\r\n          -->\r\n          <iframe :src=\"nigai\" ref=\"iframeId\" frameborder=\"0\" width=\"100%\" height=\"100%\" scrolling=\"no\"></iframe>\r\n\r\n          <!-- <iframe\r\n            ref=\"iframe\"\r\n            id=\"iframe\"\r\n            :src=\"pdfUrl1\"\r\n            width=\"100%\"\r\n            height=\"100%\"\r\n            scrolling=\"no\"\r\n            frameborder=\"no\"\r\n          >\r\n          </iframe> -->\r\n        </div>\r\n      </div>\r\n      <!-- <div class=\"footer\"> -->\r\n      <!-- <div class=\"text-detail\">说明文字:</div> -->\r\n      <!-- 说明文字 -->\r\n      <!-- <div class=\"text-content\">\r\n          <el-input type=\"textarea\" placeholder=\"说明文字\" v-model=\"textarea\">\r\n          </el-input>\r\n        </div>\r\n      </div> -->\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { getLine } from \"../api/index\";\r\n// import Mx from \"mxdraw\";\r\nimport pdf from \"vue-pdf\";\r\nexport default {\r\n  name: \"lineDetail\",\r\n  props: [\"lineItem\"],\r\n  components: {\r\n    pdf,\r\n  },\r\n  data() {\r\n    return {\r\n      init: '',\r\n      nigai: '',\r\n      // 说明文字 ，文本域\r\n      textarea: \"\",\r\n      // 搜索文字\r\n      searchData: \"\",\r\n      //\r\n      lineList: null,\r\n      pdfUrl: \"\",\r\n      rightDialog: false,\r\n      // cad: \"/assets/cad/cad.dwg\",\r\n      pdfUrl1: \"\", //nigai图\r\n      districtList: [], //区属列表\r\n      value1: \"\",\r\n      taiwanList: [], //台区列表\r\n      value2: \"\",\r\n      // 原状图\r\n      scale: 100,\r\n      scale1: 100, //拟改图\r\n\r\n      title: '原状图',\r\n      host: '',\r\n      cadFile: ''\r\n    };\r\n  },\r\n  methods: {\r\n\r\n\r\n    // 放大按钮 原状\r\n    enlargeBtn0() {\r\n      this.scale += 5;\r\n      this.$nextTick(() => {\r\n        this.$refs.pdf.$el.style.width = parseInt(this.scale) + \"%\";\r\n        //  console.log(this,'and',this.$refs.pdf.$el.style.width);\r\n      });\r\n    },\r\n    // 放大按钮 拟改\r\n    enlargeBtn1() {\r\n      this.scale1 += 5;\r\n      // debugger\r\n      this.$nextTick(() => {\r\n        this.$refs.pdf1.$el.style.width = parseInt(this.scale1) + \"%\";\r\n      });\r\n      // debugger\r\n    },\r\n    reduceBtn0() {\r\n      if (this.scale == 100) {\r\n        return;\r\n      }\r\n      this.scale += -5;\r\n      this.$nextTick(() => {\r\n        this.$refs.pdf.$el.style.width = parseInt(this.scale) + \"%\";\r\n        //  console.log(this,'and',this.$refs.pdf.$el.style.width);\r\n      });\r\n    },\r\n    reduceBtn1() {\r\n      if (this.scale1 == 100) {\r\n        return;\r\n      }\r\n      this.scale1 += -5;\r\n      this.$nextTick(() => {\r\n        this.$refs.pdf1.$el.style.width = parseInt(this.scale1) + \"%\";\r\n      });\r\n    },\r\n    rowHandle(event) {\r\n      this.init = ''\r\n      this.nigai = ''\r\n\r\n      // console.log(event, '行数据');\r\n      if (event.url_init != '') {\r\n        let init = event.url_init.split('/')[4];\r\n        this.init = this.cadFile + '?file=' + init + '&&time=' + new Date().getTime()\r\n      }\r\n      if (event.url_nigai != '') {\r\n        let nigai = event.url_nigai.split('/')[4];\r\n        // console.log(init, nigai, '数据');\r\n        // http://localhost:3000/mxweb3d.html?file=%E5%8E%9F%E8%A3%85%E5%9B%BE_20230309170721326.dwg\r\n        // this.cadFile + '?file='\r\n        // this.nigai = 'http://localhost:3000/mxweb3d.html?file=' + nigai\r\n        this.nigai = this.cadFile + '?file=' + nigai + '&&time=' + new Date().getTime()\r\n      }\r\n      this.title = '原状图'\r\n      this.rightDialog = true;\r\n      // if (init == undefined || nigai == undefined) {\r\n      //   return;\r\n      // }\r\n      // 原装图\r\n      // var initUrl =\r\n      //   \"/app\" + \"/\" + init.split(\"/\")[3] + \"/\" + init.split(\"/\")[4];\r\n      // var nigaiUrl =\r\n      //   \"/app\" + \"/\" + nigai.split(\"/\")[3] + \"/\" + nigai.split(\"/\")[4];\r\n      // // console.log(initUrl,'原装图');\r\n      // this.$nextTick(() => {\r\n      //   // console.log(this.$refs.iframe);\r\n      //   // document.querySelector('iframe').src = e\r\n      //   // 原状图\r\n      //   if (initUrl != \"\") {\r\n      //     this.pdfUrl = initUrl;\r\n      //   }\r\n      //   if (nigaiUrl != \"\") {\r\n      //     this.pdfUrl1 = nigaiUrl;\r\n      //   }\r\n\r\n      // this.rightDialog = true;\r\n      // });\r\n    },\r\n\r\n    handleClose() {\r\n      this.$parent.lineItem = null;\r\n      this.$parent.lineShow = \"\";\r\n    },\r\n    // 关闭右侧弹窗\r\n    handleClose1() {\r\n      this.rightDialog = false;\r\n      this.init = ''\r\n        this.nigai = ''\r\n    },\r\n    getCadFile() {\r\n\r\n      getLine({ action: 'cad' }).then(res => {\r\n        // console.log(res, 'cad请求数据');\r\n        if (res.data.state == true) {\r\n          this.cadFile = res.data.data\r\n        }\r\n      })\r\n    },\r\n    // 打开cad\r\n    openCad(event) {\r\n      this.init = ''\r\n      this.nigai = ''\r\n      if (event.url_dest != '') {\r\n        let dest = event.url_dest.split('/')[4];\r\n        this.init = this.cadFile + '?file=' + dest\r\n      }\r\n      if (event.url_nigai != '') {\r\n        let nigai = event.url_nigai.split('/')[4];\r\n        this.nigai = this.cadFile + '?file=' + nigai +'&&time=' + new Date().getTime()\r\n      }\r\n\r\n\r\n      // http://localhost:3000/mxweb3d.html?file=%E5%8E%9F%E8%A3%85%E5%9B%BE_20230309170721326.dwg\r\n\r\n\r\n      // console.log(url, 'cad');\r\n      // 目标\r\n      this.rightDialog = true;\r\n      this.title = '目标图'\r\n    },\r\n    // 原状图\r\n    openInit(event) {\r\n      this.$nextTick(() => {\r\n        this.init = ''\r\n        this.nigai = ''\r\n      // document.getElementById('iframeId').contentWindow.location.reload(true);\r\n      if (event.url_init != '') {\r\n        let init = event.url_init.split('/')[4];\r\n        this.init = this.cadFile + '?file=' + init + '&&time=' + new Date().getTime()\r\n      }\r\n      if (event.url_nigai != '') {\r\n        let nigai = event.url_nigai.split('/')[4];\r\n        // console.log(init, nigai, '数据');\r\n        // http://localhost:3000/mxweb3d.html?file=%E5%8E%9F%E8%A3%85%E5%9B%BE_20230309170721326.dwg\r\n\r\n        this.nigai = this.cadFile + '?file=' + nigai + '&&time=' + new Date().getTime()\r\n\r\n      }\r\n      this.title = '原状图'\r\n      this.rightDialog = true;\r\n      })\r\n\r\n      \r\n    },\r\n    // 回城进行搜索\r\n    search() {\r\n      if (this.searchData == \"\") {\r\n        getLine({\r\n          action: \"pdxl\",\r\n          // linename: \"\",\r\n          qushu: this.value1,\r\n          taiqu: this.value2,\r\n        }).then(({ data }) => {\r\n          // console.log(data, '数据');\r\n          this.lineList = data.data;\r\n        });\r\n        // return;\r\n      } else {\r\n        // 把searchData带着，发请求获取有关联的数据并呈现在页面中\r\n        getLine({\r\n          action: \"pdxl\",\r\n          linename: this.searchData,\r\n          qushu: this.value1,\r\n          taiqu: this.value2,\r\n        }).then(({ data }) => {\r\n          console.log(data, '数据');\r\n          this.lineList = data.data;\r\n        });\r\n      }\r\n    },\r\n    refurbish() {\r\n      this.lineList = this.lineItem;\r\n      // 点击还原初始\r\n      this.searchData = \"\";\r\n      this.value1 = ''\r\n      this.value2 = ''\r\n    },\r\n  },\r\n  created() {\r\n    this.getCadFile()\r\n    // console.log(location.host,'.......');\r\n    this.host = location.host\r\n    this.lineList = this.lineItem;\r\n    // 获取区属的请求\r\n    getLine({ action: \"qushu\" }).then(({ data }) => {\r\n      // console.log(data, \"区属的数据\");\r\n      if (data.state == true) {\r\n        this.districtList = data.data; //区属赋值\r\n        // this.value1 = data.data[0];\r\n      }\r\n    });\r\n    // 获取台区的请求\r\n    if (this.value1 != \"\") {\r\n      getLine({ action: \"taiqu\", qushu: this.value1 }).then(({ data }) => {\r\n        // console.log(data, \"台区的数据\");\r\n        if (data.state == true) {\r\n          this.taiwanList = data.data; //台区赋值\r\n        }\r\n      });\r\n    }\r\n  },\r\n  watch: {\r\n    // 监听input输入框，若没东西了，就回复默认状态\r\n    searchData: function (newnew, oldold) {\r\n      if (newnew == \"\") {\r\n        this.lineList = this.lineItem;\r\n        // 发请求回到初始列表数据状态\r\n        // console.log(\"搜索框没东西了，回复初始状态\");\r\n      }\r\n    },\r\n    value1: function (newVal, old) {\r\n      // console.log(newVal, \"数据\");\r\n      if (newVal) {\r\n        getLine({ action: \"taiqu\", qushu: newVal }).then(({ data }) => {\r\n          // console.log(data, \"台区的数据\");\r\n          if (data.state == true) {\r\n            this.taiwanList = data.data; //台区赋值\r\n            // this.value2 = data.data[0];\r\n          }\r\n        });\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n/deep/ .el-textarea__inner {\r\n  background-color: rgba(16, 40, 49, 38);\r\n  border-color: #164a75;\r\n}\r\n\r\n.cad-icon {\r\n  width: 25px;\r\n  height: 22px;\r\n  background-image: url(\"../assets/images/cadIcon.png\");\r\n  background-size: 100% 100%;\r\n  // text-align: center;\r\n  margin: 0 auto;\r\n}\r\n\r\n.circle0 {\r\n  width: 20px;\r\n  height: 20px;\r\n  // background-color: tomato;\r\n  border: 2px solid #fff;\r\n  border-radius: 50%;\r\n  margin: 0 auto;\r\n}\r\n\r\n.circle1 {\r\n  width: 20px;\r\n  height: 20px;\r\n  background-color: red;\r\n  // border: 2px solid #fff;\r\n  border-radius: 50%;\r\n  margin: 0 auto;\r\n}\r\n\r\n.circle2 {\r\n  width: 20px;\r\n  height: 20px;\r\n  background-color: green;\r\n  // border: 2px solid #fff;\r\n  border-radius: 50%;\r\n  margin: 0 auto;\r\n}\r\n\r\n.lineContent {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.lineDetail {\r\n  width: 30%;\r\n  height: 95%;\r\n  position: relative;\r\n  background: url(\"../assets/images/leftLine.png\") no-repeat;\r\n  background-size: 100% 100%;\r\n  -webkit-animation: fadeInDown 0.3s;\r\n  animation: fadeInDown 0.3s;\r\n  padding: 15px 25px;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  align-content: space-between;\r\n\r\n  .close {\r\n    position: absolute;\r\n    right: 4%;\r\n    top: 4%;\r\n  }\r\n\r\n  .table {\r\n    width: 100%;\r\n    height: 95%;\r\n    // border: 1px solid red;\r\n    background: url(\"../assets/images/intervalFrame.png\") no-repeat;\r\n    background-size: 100% 100%;\r\n    padding: 15px 20px;\r\n  }\r\n}\r\n\r\n// 右边弹框\r\n.right-dialog {\r\n  position: relative;\r\n  width: 67%;\r\n  height: 95%;\r\n  background: url(\"../assets/images/linetail-right.png\") no-repeat;\r\n  background-size: 100% 100%;\r\n  margin-left: 30px;\r\n  padding: 1%;\r\n  box-sizing: border-box;\r\n\r\n  &>.title {\r\n    position: absolute;\r\n    top: 1%;\r\n    left: 2%;\r\n  }\r\n\r\n  // align-items: center;\r\n  .funBtn {\r\n    display: flex;\r\n    // justify-content: space-between;\\\r\n    // background-color: #fff;\r\n    margin-top: 2%;\r\n    justify-content: space-between;\r\n\r\n    .initBtn,\r\n    .nigaiBtn {\r\n      width: 49.5%;\r\n      text-align: center;\r\n      // background-color: #fff;\r\n\r\n    }\r\n\r\n    .title {\r\n      // margin-left: 25%;\r\n      font-size: 23px;\r\n      color: #fff;\r\n      margin-bottom: 1%;\r\n    }\r\n\r\n  }\r\n\r\n  .pdf-content {\r\n    width: 100%;\r\n    height: 92%;\r\n    display: flex;\r\n    justify-content: space-between;\r\n\r\n    .right-content,\r\n    .left-content {\r\n      width: 49.5%;\r\n      height: 100%;\r\n      position: relative;\r\n      // background-color: #fff;\r\n      // overflow-y: scroll;\r\n      // background: #000;\r\n      // border-radius: 40px;\r\n      // overflow: scroll;\r\n    }\r\n\r\n    .left-content {\r\n      // background-color: tomato;\r\n      // span {\r\n      //   width: 100% !important;\r\n      //   height: 100% !important;\r\n      //   // /deep/ canvas {\r\n      //   //   height: 100% !important;\r\n      //   // }\r\n      // }\r\n    }\r\n  }\r\n\r\n  .rightBtn {\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n    z-index: 999;\r\n    // background-color: tomato;\r\n  }\r\n\r\n  // 标题\r\n  .title {\r\n    font-size: 28px;\r\n    font-weight: 700;\r\n    color: transparent;\r\n    -webkit-background-clip: text;\r\n    background-clip: text;\r\n    display: inline-block;\r\n    background-image: -webkit-gradient(linear,\r\n        left top,\r\n        left bottom,\r\n        from(#ffffff),\r\n        to(#56f4fe));\r\n    background-image: linear-gradient(to bottom, #ffffff, #56f4fe);\r\n  }\r\n\r\n  .closeBtn {\r\n    // width: 100%;\r\n    // height: 4%;\r\n    // background-color: turquoise;\r\n    // display: flex;\r\n    // align-items: center;\r\n    // justify-content: flex-end;\r\n    position: absolute;\r\n    right: 0.3%;\r\n    top: 3%;\r\n    z-index: 1000;\r\n\r\n    img {\r\n      margin-right: 20px;\r\n    }\r\n\r\n    // position: absolute;\r\n    // right: 2%;\r\n    // top: 3%;\r\n  }\r\n\r\n  .footer {\r\n    height: 10%;\r\n    width: 100%;\r\n    // background-color: #ffffff;\r\n    display: flex;\r\n    // align-items: center;\r\n  }\r\n\r\n  // .text-detail {\r\n  //   width: 10%;\r\n  //   height: 100%;\r\n  //   display: flex;\r\n  //   align-items: center;\r\n  //   justify-content: center;\r\n  // }\r\n  .text-content {\r\n    width: 100%;\r\n    height: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    /deep/ .el-textarea {\r\n      height: 90%;\r\n\r\n      /deep/ textarea {\r\n        background-color: transparent;\r\n        border-top: 2px solid #fff;\r\n        border-bottom: 2px solid #fff;\r\n        border-left: none;\r\n        border-right: none;\r\n        border-color: #2e7680 !important;\r\n        height: 100%;\r\n        color: #fff;\r\n        font-size: 18px;\r\n      }\r\n\r\n      background-color: transparent !important;\r\n    }\r\n\r\n  }\r\n}\r\n\r\n.user_skills {\r\n  .search {\r\n    text-align: left;\r\n    margin: 20px 0;\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    .searchBtn,\r\n    .refurbish {\r\n      width: 122px;\r\n      height: 39px;\r\n      background-image: url(\"../assets/images/search.png\");\r\n      background-size: 100% 100%;\r\n      margin-left: 10px;\r\n    }\r\n\r\n    .refurbish {\r\n      background-image: url(\"../assets/images/refurbish.png\");\r\n      margin-left: 10px;\r\n    }\r\n\r\n    // /deep/ .el-input__suffix {\r\n    //   display: flex;\r\n    //   align-items: center;\r\n    // }\r\n    .el-input {\r\n      width: 260px;\r\n    }\r\n\r\n    ::v-deep .el-input__inner {\r\n      background-color: transparent !important;\r\n      border-color: #2e7680 !important;\r\n      border-left: none !important;\r\n      color: #fff !important;\r\n      border-right: none !important;\r\n    }\r\n  }\r\n\r\n  /**\r\n  表格有滚动效果但是不显示滚动条 */\r\n  /deep/ .el-table::-webkit-scrollbar {\r\n    display: none !important;\r\n  }\r\n\r\n  /deep/ .el-select .el-input {\r\n    width: 100px;\r\n  }\r\n\r\n  /deep/ .is-scrolling-none {\r\n    overflow: hidden;\r\n    overflow-y: auto;\r\n    overflow-x: scroll;\r\n    height: calc(100% - 56px);\r\n  }\r\n\r\n  /deep/ .is-scrolling-none::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n\r\n  /deep/.el-table--scrollable-y ::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n\r\n  /deep/.el-table--scrollable-x ::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n\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    height: 48px;\r\n    background: url(\"../assets/images/intervalTable.png\") no-repeat;\r\n    background-size: 100% 100%;\r\n    // margin-bottom: 48px;\r\n    // position: absolute;\r\n    // top: 0;\r\n    // left: 0;\r\n  }\r\n\r\n  /deep/ .el-table__header th {\r\n    border: none;\r\n    padding: 0;\r\n    height: 40px;\r\n\r\n    .cell {\r\n      height: 100%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-around;\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 !important;\r\n    height: 55px;\r\n    font-size: 18px !important;\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 !important;\r\n    // word-break: break-all;\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 .el-table__cell {\r\n    padding: 5px 0;\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}\r\n\r\n.el-table::before {\r\n  background-color: transparent;\r\n}\r\n\r\n::v-deep .el-table .el-table__body tr.el-table__row td {\r\n  background: rgba(79, 218, 255, 0.1) !important;\r\n}\r\n\r\n::v-deep .el-table--striped .el-table__body tr.el-table__row--striped td {\r\n  background: rgba(79, 218, 255, 0.06) !important;\r\n}\r\n</style>\r\n<style lang=\"less\">\r\n.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  .el-select-dropdown__item {\r\n    color: #fff !important;\r\n  }\r\n\r\n  .el-select-dropdown__item.hover,\r\n  .el-select-dropdown__item:hover {\r\n    background-color: rgb(18, 54, 87) !important;\r\n  }\r\n}\r\n</style>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/fbbb6d6aa09a48ce537aeb4dcec01902.json b/node_modules/.cache/vue-loader/fbbb6d6aa09a48ce537aeb4dcec01902.json
new file mode 100644
index 00000000..f1d85bd9
--- /dev/null
+++ b/node_modules/.cache/vue-loader/fbbb6d6aa09a48ce537aeb4dcec01902.json
@@ -0,0 +1 @@
+{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\component\\routeDetail.vue?vue&type=template&id=21352842&scoped=true&","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\component\\routeDetail.vue","mtime":1689642397092},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1689642389292},{"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\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1689642396087},{"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":["\n<div class=\"route\">\n  <div class=\"word\" v-show=\"wordShow\">\n    <div class=\"wordBox\" ref=\"word\"></div>\n  </div>\n  <!-- 关闭word的按钮 -->\n  <div class=\"closeWord\" @click=\"closeWord\" v-show=\"wordShow\">\n    <img src=\"@/assets/images/close.png\" style=\"cursor: pointer\" />\n  </div>\n  <div class=\"close\">\n    <img @click=\"handleClose\" src=\"@/assets/images/close.png\" style=\"cursor: pointer\" />\n  </div>\n  <div class=\"route-title\"><span class=\"text\">故障详情</span></div>\n  <div class=\"route-main\">\n    <div class=\"mainLeft\">\n      <div class=\"route-item\">\n        <div class=\"item-title\">班组:</div>\n        <div>{{ routeItem.bz }}</div>\n      </div>\n      <div class=\"route-item\">\n        <div class=\"item-title\">故障状态:</div>\n        <div style=\"color: #b16f18\">{{ routeItem.gz_state_dsc }}</div>\n      </div>\n      <div class=\"route-item\">\n        <div class=\"item-title1\">故障发生时间:</div>\n        <div style=\"margin-left: 0px\">{{ routeItem.gz_time }}</div>\n      </div>\n      <div class=\"route-item\">\n        <div class=\"item-title1\">处理完成时间:</div>\n        <div style=\"margin-left: 0px\">{{ routeItem.gz_time_deal }}</div>\n      </div>\n      <div class=\"route-item\" style=\"width: 100%\">\n        <div class=\"item-title1\">影响时户数:</div>\n        <div style=\"color: #3ebaa7\">{{ routeItem.yxshs }}</div>\n      </div>\n      <div class=\"route-item\" style=\"width: 100%\">\n        <div class=\"item-title1\">故障处理与分析:</div>\n        <div @click=\"detailBtn(routeItem.file_url)\" class=\"detailBtn\"></div>\n      </div>\n    </div>\n    <div class=\"mainRight\">\n      <div class=\"route-item\">\n        <div class=\"item-title\">故障线路:</div>\n        <div style=\"color: #b16f18\">{{ routeItem.gzxl }}</div>\n      </div>\n\n      <div class=\"route-item\">\n        <div class=\"item-title\">故障类型:</div>\n        <div>{{ routeItem.gz_type_dsc }}</div>\n      </div>\n\n      <div class=\"route-item\" style=\"display: flex; align-items: flex-start\">\n        <div class=\"item-title\">故障描述:</div>\n        <div style=\"text-align: left\">{{ routeItem.dsc }}</div>\n      </div>\n    </div>\n  </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/src/views/index.vue b/src/views/index.vue
index aa02810c..b89a07f8 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -3,7 +3,12 @@
     <div class="left" id="left">
       <div class="one" style="height: 48%">
         <div class="cartitle" @click="routerTo('盐城地区分布光伏运行监测')">
-          <div class="titleFont">盐城地区分布光伏运行监测</div>
+            
+          <div class="titleFont"> 
+            <img src="./../assets/indexN/标题箭头.png" alt="" />
+            <span>盐城地区分布光伏运行监测</span>
+            <img src="./../assets/indexN/标题箭头1.png" alt="" />
+            </div>
         </div>
         <div class="content">
           <div class="line">
@@ -70,7 +75,9 @@
       </div>
       <div class="two" style="height: 49%">
         <div class="cartitle">
-          <div class="titleFont">配网工程全过程物资审计</div>
+          <div class="titleFont"><img src="./../assets/indexN/标题箭头.png" alt="" />
+            <span>配网工程全过程物资审计</span>
+            <img src="./../assets/indexN/标题箭头1.png" alt="" /></div>
         </div>
         <div class="content" style="display:inline">
           <div class="line">
@@ -139,7 +146,9 @@
     <div class="left1" id="left">
       <div class="one" style="height: 48%">
         <div class="cartitle">
-          <div class="titleFont">盐都东台区供电所数字化分析</div>
+          <div class="titleFont"><img src="./../assets/indexN/标题箭头.png" alt="" />
+            <span>盐都东台区供电所数字化分析</span>
+            <img src="./../assets/indexN/标题箭头1.png" alt="" /></div>
         </div>
         <div class="content">
           <div class="line">
@@ -206,7 +215,9 @@
       </div>
       <div class="two" style="height: 49%">
         <div class="cartitle">
-          <div class="titleFont">盐城供电公司配网电能质量管控</div>
+          <div class="titleFont"><img src="./../assets/indexN/标题箭头.png" alt="" />
+            <span>盐城供电公司配网电能质量管控</span>
+            <img src="./../assets/indexN/标题箭头1.png" alt="" /></div>
         </div>
         <div class="content">
           <div class="line">
@@ -272,189 +283,82 @@
         <div id="detailedOne" style="height: calc(100% - 200px)"></div>
       </div>
     </div>
-    <div class="middle" id="middle">
-      <div class="one" style="height: 635px; width: 100%" id="threeModel">
-        <!-- <iframe
-          src="/unityWeb/index.html"
-          style="height: 100%; width: 100%; border: none"
-          ref="iframe"
-        ></iframe> -->
-        <div class="unityBtn">
-          <div class="btn" :class="{ btnAct: btnActive == index }" v-for="(item, index) in btnArr" :key="index"
-            @click="handleUnity(index, item)">
-            {{ item }}
+   <div class="middle" id="middle">
+      <div class="map" style="height: 100%">
+        <div class="imgboxone">
+          <div class="contents">
+            <div class="lines">
+              <div class="total">
+                <div class="num">
+                  <span style="font-size: 18px">户数高渗透率</span>
+                  <h5 style="font-size: 28px; color: yellow">3.40%</h5>
+                </div>
+              </div>
+            </div>
+            <div class="lines">
+              <div class="total">
+                <div class="num">
+                  <span style="font-size: 18px">容量渗透率</span>
+                  <h5 style="font-size: 28px; color: orange">0.01%</h5>
+                </div>
+              </div>
+            </div>
+            <div class="lines">
+              <div class="total">
+                <div class="num">
+                  <span style="font-size: 18px">能量渗透率</span>
+                  <h5 style="font-size: 28px; color: yellow">0.44%</h5>
+                </div>
+              </div>
+            </div>
           </div>
         </div>
-        <div class="unityIcon">
-          <div class="unityIconGround" v-for="(item, index) in iconGround" :key="index">
-            <img :src="item.icon" />
-            <div style="color: #ffffff">{{ item.name }}</div>
-          </div>
+
+        <div class="imgboxtwo">
+          <ul class="contentUl">
+            <li>
+              <h5>发电客户数</h5>
+              <br />
+              <span style="color: yellow">4721</span>
+            </li>
+            <li>
+              <h5>变电站数量</h5>
+              <br />
+              <span style="color: orange">90</span>
+            </li>
+            <li>
+              <h5>台区总数</h5>
+              <br />
+              <span style="color: yellow">17416</span>
+            </li>
+            <li>
+              <h5>当前负载率</h5>
+              <br />
+              <span style="color: orange">40.19%</span>
+            </li>
+          </ul>
         </div>
-        <div class="unityEnlargeBtn">
-          <div class="content" v-for="(item, index) in enlargeShow == true
-            ? btnEnlarge
-            : btnEnlarge1" :key="index" @click="
-    enlargeShow == true ? enlargeBtn(index) : enlargeBtn1(index)
-    ">
-            <img :src="item.icon" style="margin: 7px" />
-          </div>
-        </div>
-        <div class="unitySelect">
-          <div class="unitySuosou">
-            <img src="../assets/images/sousuo.png" style="margin-top: 16px" />
-          </div>
-          <div class="selectChange">
-            <el-select v-model="value" :popper-append-to-body="false" clearable placeholder="请选择线路">
-              <el-option v-for="(item, index) in options" :key="index" :label="item.label" :value="item.value">
-              </el-option>
-            </el-select>
-          </div>
-        </div>
-      </div>
-      <div class="detailed" id="detailed">
-        <div class="two" style="
-            height: 350px;
-            width: 780px;
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-          ">
-          <div class="cartitle">
-            <div class="titleFont">线路故障跳闸明细</div>
-          </div>
-          <!-- <el-scrollbar class="scrollbar"> -->
-          <div class="table user_skills">
-            <el-table :data="tableData" :header-cell-style="{ 'text-align': 'center' }"
-              :cell-style="{ 'text-align': 'center' }" height="100%" width="100%" ref="tableBox" style="font-size: 16px"
-              @row-click="rowHandle">
-              <el-table-column label="" align="center" width="20">
-                <template slot-scope="scop">
-                  {{ scop.$index + 1 }}
-                </template>
-              </el-table-column>
-              <el-table-column prop="bz" label="班组" :show-overflow-tooltip="true">
-              </el-table-column>
-              <el-table-column prop="gzxl" width="90" label="故障线路">
-              </el-table-column>
-              <!-- <el-table-column
-                prop="gzyy"
-                label="故障原因"
-                width="90"
-                :show-overflow-tooltip="true"
-              > -->
-              <!-- </el-table-column> -->
-              <el-table-column align="center" label="故障状态">
-                <template slot-scope="scope">
-                  <div style="color: #ffbc3a">
-                    {{ scope.row.gz_state_dsc }}
-                  </div>
-                </template>
-              </el-table-column>
-              <el-table-column label="故障类型">
-                <template slot-scope="scope">
-                  <div style="color: #ffbc3a">
-                    {{ scope.row.gz_type_dsc }}
-                  </div>
-                </template>
-              </el-table-column>
-              <el-table-column label="故障时间" width="160" align="center">
-                <template slot-scope="scope">
-                  <div style="color: #2793ff">
-                    {{ scope.row.gz_time }}
-                  </div>
-                </template>
-              </el-table-column>
-              <el-table-column label="影响时户数" align="center">
-                <template slot-scope="scope">
-                  <div style="color: #2793ff">
-                    {{ scope.row.yxshs }}
-                  </div>
-                </template>
-              </el-table-column>
-              <el-table-column label="处理完成时间" width="160" align="center">
-                <template slot-scope="scope">
-                  <div style="color: #2793ff">
-                    {{ scope.row.gz_time_deal }}
-                  </div>
-                </template>
-              </el-table-column>
-              <!-- <el-table-column prop="jiedi" label="接地" width="55">
-                <template slot-scope="scope">
-                  <div style="color: #794af8">
-                    {{ scope.row.jiedi }}
-                  </div>
-                </template>
-              </el-table-column> -->
-              <!-- <el-table-column prop="heji" label="合计" width="55">
-                <template slot-scope="scope">
-                  <div style="color: #ee8316">
-                    {{ scope.row.heji }}
-                  </div>
-                </template>
-              </el-table-column> -->
-            </el-table>
-          </div>
-          <!-- </el-scrollbar> -->
-          <!-- <div class="detailedOneList">
-            <div>单位</div>
-            < <div>
-            工区
-          </div>
-          <div>
-            三新
-          </div>
-          <div>
-            盐都
-          </div>
-          <div>
-            滨海
-          </div>
-          <div>
-            大丰
-          </div>
-          <div>
-            东台
-          </div>
-          <div>
-            阜宁
-          </div>
-          <div>
-            建湖
-          </div>
-          <div>
-            射阳
-          </div>
-          <div>
-            响水
-          </div> 
-          </div> -->
-        </div>
-        <!-- <div class="three" style="height: 350px; width: 780px">
-          <div class="cartitle">
-            <div class="titleFont">本年度线路故障调查明细</div>
-          </div>
-          <div id="detailedFour"></div>
-        </div> -->
       </div>
     </div>
     <div class="right" id="right">
       <div class="one" style="height: 48%; width: 100%">
         <div class="cartitle">
-          <div style="
+          <!-- <div style="
               width: 82%;
               display: flex;
               justify-content: space-between;
               align-items: center;
-            ">
-            <div class="titleFont">盐都配变停运管理情况</div>
-            <div class="dateSelect">
+            "> -->
+            <div class="titleFont"><img src="./../assets/indexN/标题箭头.png" alt="" />
+            <span>乡村振兴电力综合指数</span>
+            <img src="./../assets/indexN/标题箭头1.png" alt="" /></div>
+            <!-- <div class="dateSelect">
               <div style="text-indent: 15px" @click="handleDate(index)" :class="addColor(index)"
                 v-for="(item, index) in dateList" :key="index">
                 {{ item }}
               </div>
-            </div>
-          </div>
+            </div> -->
+          <!-- </div> -->
         </div>
         <div class="top">
           <div class="topContent" v-for="(item, index) in topContent" :key="index">
@@ -474,9 +378,11 @@
       </div> -->
       <div class="three" style="height: 48%; width: 100%">
         <div class="cartitle">
-          <div class="titleFont">工单统计</div>
+          <div class="titleFont"><img src="./../assets/indexN/标题箭头.png" alt="" />
+            <span>两高行业企业污染监测</span>
+            <img src="./../assets/indexN/标题箭头1.png" alt="" /></div>
         </div>
-        <div class="three-content">
+        <!-- <div class="three-content">
           <div class="three-left">
             <div id="detailedThree"></div>
           </div>
@@ -489,29 +395,93 @@
               </li>
             </ul>
           </div>
+        </div> -->
+         <div class="content" style="display:inline">
+          <div class="line">
+            <div class="total">
+              <div class="num" @click="openLineDetail(CompanyInfo.pdxl)">
+                <span style="font-size: 18px">项目数&nbsp;</span>
+                <span style="
+                    font-size: 45px;
+                    font-weight: 600;
+                    -webkit-background-clip: text;
+                    background-clip: text;
+                    background-image: linear-gradient(
+                      to bottom,
+                      rgb(189, 255, 231),
+                      rgb(86, 244, 254)
+                    );
+                  " class="numText" :text="CompanyInfo.pdxl">{{ CompanyInfo.pdxl }}</span>
+
+              </div>
+            </div>
+          </div>
+          <div class="line">
+            <div class="total">
+              <div class="num">
+                <span style="font-size: 18px">预算费用总和</span>&nbsp;&nbsp;</span>
+                <span style="
+                    font-size: 45px;
+                    font-weight: 600;
+                    -webkit-background-clip: text;
+                    background-clip: text;
+                    background-image: linear-gradient(
+                      to bottom,
+                      rgb(189, 255, 231),
+                      rgb(86, 244, 254)
+                    );
+                  " class="numText" :text="CompanyInfo.xlcd">{{ CompanyInfo.xlcd }}</span>
+
+              </div>
+            </div>
+
+          </div>
+          <div class="line">
+            <div class="total">
+              <div class="num">
+                <span style="font-size: 18px">计划数&nbsp;&nbsp;</span>
+                <span style="
+                    font-size: 45px;
+                    font-weight: 600;
+                    -webkit-background-clip: text;
+                    background-clip: text;
+                    background-image: linear-gradient(
+                      to bottom,
+                      rgb(189, 255, 231),
+                      rgb(86, 244, 254)
+                    );
+                  " class="numText" :text="CompanyInfo.xlcd">{{ CompanyInfo.xlcd }}</span>
+
+              </div>
+            </div>
+
+          </div>
         </div>
+        <div id="roseCharts"></div>
       </div>
     </div>
     <div class="right1" id="right">
       <!-- <div class="one" style="height: 635px; width: 100%"> -->
       <div class="one" style="height:48%; width: 100%">
         <div class="cartitle">
-          <div style="
+          <!-- <div style="
               width: 82%;
               display: flex;
               justify-content: space-between;
               align-items: center;
-            ">
-            <div class="titleFont">盐都配变停运管理情况</div>
-            <div class="dateSelect">
+            "> -->
+            <div class="titleFont"><img src="./../assets/indexN/标题箭头.png" alt="" />
+            <span>农村生活污水治理设备电量分析</span>
+            <img src="./../assets/indexN/标题箭头1.png" alt="" /></div>
+            <!-- <div class="dateSelect">
               <div style="text-indent: 15px" @click="handleDate(index)" :class="addColor(index)"
                 v-for="(item, index) in dateList" :key="index">
                 {{ item }}
               </div>
-            </div>
-          </div>
+            </div> -->
+          <!-- </div> -->
         </div>
-        <div class="top">
+        <!-- <div class="top">
           <div class="topContent" v-for="(item, index) in topContent" :key="index">
             <div style="color: #ffffff">{{ item.name }}</div>
             <div style="color: rgb(86, 254, 226); font-size: 22px">
@@ -519,7 +489,76 @@
             </div>
           </div>
         </div>
-        <div style="height: 90%" id="detailedFive"></div>
+        <div style="height: 90%" id="detailedFive"></div> -->
+        <div class="content">
+          <div class="line">
+            <div class="total">
+              <div class="num" @click="openLineDetail(CompanyInfo.pdxl)">
+                <span style="font-size: 18px">户数高渗透率&nbsp;</span>
+                <span style="
+                    font-size: 45px;
+                    font-weight: 600;
+                    -webkit-background-clip: text;
+                    background-clip: text;
+                    background-image: linear-gradient(
+                      to bottom,
+                      rgb(189, 255, 231),
+                      rgb(86, 244, 254)
+                    );
+                  " class="numText" :text="CompanyInfo.pdxl">{{ CompanyInfo.pdxl }}</span>
+
+              </div>
+            </div>
+          </div>
+          <div class="line">
+            <div class="total">
+              <div class="num">
+                <span style="font-size: 18px">容量渗透率&nbsp;&nbsp;</span>
+                <span style="
+                    font-size: 45px;
+                    font-weight: 600;
+                    -webkit-background-clip: text;
+                    background-clip: text;
+                    background-image: linear-gradient(
+                      to bottom,
+                      rgb(189, 255, 231),
+                      rgb(86, 244, 254)
+                    );
+                  " class="numText" :text="CompanyInfo.xlcd">{{ CompanyInfo.xlcd }}</span>
+
+              </div>
+            </div>
+
+          </div>
+          <div class="line">
+            <div class="total">
+              <div class="num">
+                <span style="font-size: 18px">能量渗透率&nbsp;&nbsp;</span>
+                <span style="
+                    font-size: 45px;
+                    font-weight: 600;
+                    -webkit-background-clip: text;
+                    background-clip: text;
+                    background-image: linear-gradient(
+                      to bottom,
+                      rgb(189, 255, 231),
+                      rgb(86, 244, 254)
+                    );
+                  " class="numText" :text="CompanyInfo.xlcd">{{ CompanyInfo.xlcd }}</span>
+
+              </div>
+            </div>
+
+          </div>
+         
+        </div>
+          <div class="line">
+            <div class="enselect">
+              <img src="../assets/02/地区选择下拉菜单.png" alt="" />
+              <span class="text">能量</span>
+            </div>
+            <div id="detailen"></div>
+          </div>
       </div>
       <!-- <div class="two" style="height: 340px">
         <div class="cartitle">
@@ -529,7 +568,9 @@
       </div> -->
       <div class="three" style="height: 48%; width: 100%">
         <div class="cartitle">
-          <div class="titleFont">工单统计</div>
+          <div class="titleFont"><img src="./../assets/indexN/标题箭头.png" alt="" />
+            <span>数字化排涝抗旱辅助及检修辅助决策</span>
+            <img src="./../assets/indexN/标题箭头1.png" alt="" /></div>
         </div>
         <div class="three-content">
           <div class="three-left">
@@ -884,6 +925,8 @@ export default {
     this.detailedTwo11()
     this.horizontalChart()
     this.barCharts()
+    this.roseCharts()
+     this.detailen1();
     // 盐都区供电公司概况
     getCompanyInfo().then((res) => {
       // console.log(res,'....');
@@ -1083,6 +1126,87 @@ export default {
       if (data == '盐城地区分布光伏运行监测') {
         this.$router.push("/stationBuilding");
       }
+    },
+     detailen1() {
+      var fontColor = "#30eee9";
+      var myChart = this.$echarts.init(document.getElementById("detailen"));
+      var option = {
+        tooltip: {
+          trigger: "axis",
+          axisPointer: {
+            type: "shadow",
+          },
+        },
+        legend: {
+          textStyle: {
+            fontSize: 18, //字体大小
+            color: "#ffffff", //字体颜色
+          },
+
+          data: ["关联电网事故", "关联检修单"],
+        },
+        xAxis: [
+          {
+            type: "category",
+            data: [
+              "10kv北红线124",
+              "10kv北红线125",
+              "10kv北红线126",
+              "10kv北红线127",
+              "10kv北红线128",
+            ],
+            axisLabel: {
+              show: true,
+              textStyle: {
+                color: "#ffffff",
+              },
+            },
+          },
+        ],
+        yAxis: [
+          {
+            type: "value",
+            name: "",
+            axisLabel: {
+              textStyle: {
+                color: "#ffffff",
+              },
+            },
+          },
+        ],
+        series: [
+          {
+            name: "关联电网事故",
+            type: "bar",
+            itemStyle: {
+              color: "#00ffff", // 柱状图颜色
+              borderRadius: [7, 7, 0, 0], // 柱状图圆角
+              borderWidth: 0,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: [320, 332, 301, 334, 390],
+          },
+          {
+            name: "关联检修单",
+            type: "bar",
+            itemStyle: {
+              color: "yellow", // 柱状图颜色
+              borderRadius: [7, 7, 0, 0], // 柱状图圆角
+              borderWidth: 0,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: [220, 182, 191, 234, 290],
+          },
+        ],
+      };
+      myChart.setOption(option);
+      window.addEventListener("resize", () => {
+        myChart.resize();
+      });
     },
     //班组
     getbanzhu() {
@@ -2167,12 +2291,12 @@ export default {
         //     }
         // },
         title: {
-          text: '3246',
-          subtext: '重点人员(人)',
+        subtext: '59.53万',
+          text: '总计',
           x: 'center',
-          y: '43%',
+          y: '40%',
           textStyle: {
-            fontSize: 80,
+            fontSize: 24,
             fontWeight: 'normal',
             color: '#00FFFF',
           },
@@ -2185,7 +2309,7 @@ export default {
         },
         series: [{
           type: 'pie',
-          radius: ['140', '180'],
+          radius: ['80', '120'],
           center: ['50%', '50%'],
           color: ['#80C269', '#00FFFF', '#0090F1', '#FFA800', '#4658F6'],
           itemStyle: {
@@ -2232,7 +2356,7 @@ export default {
               formatter: '{b|{b}}\n{hr|}\n{c|{c}%}',
               rich: {
                 b: {
-                  fontSize: 32,
+                  fontSize:14,
                   color: '#FFF',
                   align: 'left',
                   padding: 4
@@ -2244,7 +2368,7 @@ export default {
                   height: 0
                 },
                 c: {
-                  fontSize: 32,
+                  fontSize: 14,
                   align: 'center',
                   padding: 4,
                   color: '#00EDED'
@@ -2260,6 +2384,207 @@ export default {
       window.addEventListener("resize", () => {
         myChart.resize();
       });
+    },
+     roseCharts() {
+      var myChart = this.$echarts.init(document.getElementById("roseCharts"));
+      var option = {
+    color: ["#EAEA26", "#906BF9", "#FE5656", "#01E17E", "#3DD1F9", "#FFAD05"],
+    // title: {
+    //     text: '网络/安全设备',
+    //     left: '60',
+    //     top: 0,
+    //     textAlign: 'center',
+    //     textStyle: {
+    //         color: '#fff',
+    //         fontSize: 14,
+    //         fontWeight: 0
+    //     }
+    // },
+    grid: {
+        left: -100,
+        top: 50,
+        bottom: 10,
+        right: 10,
+        containLabel: true
+    },
+    tooltip: {
+        trigger: 'item',
+        formatter: "{b} : {c} ({d}%)"
+    },
+    legend: {
+        type: "scroll",
+        orient: "vartical",
+        // x: "right",
+        top: "center",
+        right: "15",
+        // bottom: "0%",
+        itemWidth: 16,
+        itemHeight: 8,
+        itemGap: 16,
+        textStyle: {
+            color: '#A3E2F4',
+            fontSize: 12,
+            fontWeight: 0
+        },
+        data: ['IDS', 'VPN', '交换机', '防火墙', 'WAF', '堡垒机']
+    },
+    polar: {},
+    angleAxis: {
+        interval: 1,
+        type: 'category',
+        data: [],
+        z: 10,
+        axisLine: {
+            show: false,
+            lineStyle: {
+                color: "#0B4A6B",
+                width: 1,
+                type: "solid"
+            },
+        },
+        axisLabel: {
+            interval: 0,
+            show: true,
+            color: "#0B4A6B",
+            margin: 8,
+            fontSize: 16
+        },
+    },
+    radiusAxis: {
+        min: 40,
+        max: 120,
+        interval: 20,
+        axisLine: {
+            show: false,
+            lineStyle: {
+                color: "#0B3E5E",
+                width: 1,
+                type: "solid"
+            },
+        },
+        axisLabel: {
+            formatter: '{value} %',
+            show: false,
+            padding: [0, 0, 20, 0],
+            color: "#0B3E5E",
+            fontSize: 16
+        },
+        splitLine: {
+            lineStyle: {
+                color: "#0B3E5E",
+                width: 2,
+                type: "solid"
+            }
+        }
+    },
+    calculable: true,
+    series: [{
+        type: 'pie',
+        radius: ["5%", "10%"],
+        hoverAnimation: false,
+        labelLine: {
+            normal: {
+                show: false,
+                length: 30,
+                length2: 55
+            },
+            emphasis: {
+                show: false
+            }
+        },
+        data: [{
+            name: '',
+            value: 0,
+            itemStyle: {
+                normal: {
+                    color: "#0B4A6B"
+                }
+            }
+        }]
+    }, {
+        type: 'pie',
+        radius: ["90%", "95%"],
+        hoverAnimation: false,
+        labelLine: {
+            normal: {
+                show: false,
+                length: 30,
+                length2: 55
+            },
+            emphasis: {
+                show: false
+            }
+        },
+        name: "",
+        data: [{
+            name: '',
+            value: 0,
+            itemStyle: {
+                normal: {
+                    color: "#0B4A6B"
+                }
+            }
+        }]
+    },{
+        stack: 'a',
+        type: 'pie',
+        radius: ['20%', '80%'],
+        roseType: 'area',
+        zlevel:10,
+        label: {
+            normal: {
+                show: true,
+                formatter: "{c}",
+                textStyle: {
+                    fontSize: 12,
+                },
+                position: 'outside'
+            },
+            emphasis: {
+                show: true
+            }
+        },
+        labelLine: {
+            normal: {
+                show: true,
+                length: 20,
+                length2: 55
+            },
+            emphasis: {
+                show: false
+            }
+        },
+        data: [{
+                value: 10,
+                name: 'IDS'
+            },
+            {
+                value: 5,
+                name: 'VPN'
+            },
+            {
+                value: 15,
+                name: '交换机'
+            },
+            {
+                value: 25,
+                name: '防火墙'
+            },
+            {
+                value: 20,
+                name: 'WAF'
+            },
+            {
+                value: 35,
+                name: '堡垒机'
+            }
+        ]
+    }, ]
+}
+      myChart.setOption(option);
+      window.addEventListener("resize", () => {
+        myChart.resize();
+      });
     },
     detailedThree(dataList) {
       // console.log(this.threeImg,'图片');
@@ -3598,157 +3923,100 @@ export default {
     display: flex;
     flex-flow: column nowrap;
     justify-content: space-between;
-
-    .table {
-      width: 100%;
-      padding: 20px 14px 0 14px;
-      box-sizing: border-box;
-      height: calc(100% - 52px);
-    }
-
-    .one {
-      background: url("../assets/images/ditu.png") no-repeat;
-      background-size: 100% 100%;
+    .imgboxone {
+      background: url("../assets/02/地图弹窗三个数据外框.png") no-repeat;
+      background-size: 100%;
+      float: right;
+      width: 40vh;
+      height: 25vh;
       position: relative;
-
-      .unityBtn {
-        position: absolute;
-        top: 40px;
-        left: 30%;
-        width: 40%;
+      top: 5vh;
+      right: 1vh;
+      .contents {
+        padding: 10px 10px 10px 10px;
+        box-sizing: border-box;
         display: flex;
+        flex-flow: row nowrap;
         justify-content: space-between;
 
-        .btn {
+        .lines {
           width: 100%;
-          height: 38px;
-          color: #fff;
-          font-size: 18px;
-          line-height: 38px;
-          background: url("../assets/images/btnAct.png") no-repeat;
-          background-size: 100% 100%;
-          margin-bottom: 10px;
-          margin-right: 15px;
-        }
-
-        .btnAct {
-          color: rgb(244, 201, 7);
-          background: url("../assets/images/unityBtn.png") no-repeat;
-          background-size: 100% 100%;
-          margin-right: 15px;
-        }
-      }
-
-      .unityIcon {
-        background: url("../assets/images/iconCard.png") no-repeat;
-        background-size: 100% 100%;
-        width: 110px;
-        height: 168px;
-        position: absolute;
-        right: 40px;
-        bottom: 80px;
-        display: flex;
-        -webkit-box-orient: vertical;
-        -webkit-box-direction: normal;
-        flex-direction: column;
-        justify-content: space-around;
-        align-items: center;
-
-        .unityIconGround {
-          width: 80%;
           display: flex;
-          justify-content: space-between;
-          align-items: center;
+          flex-flow: column nowrap;
+          background: url("../assets/02/弹窗里的小框子.png") no-repeat;
         }
-      }
 
-      .unityEnlargeBtn {
-        width: 100px;
-        display: flex;
-        justify-content: space-around;
-        position: absolute;
-        right: 40px;
-        top: 40px;
+        .total {
+          display: flex;
+          flex-flow: row nowrap;
+          justify-content: space-around;
+          margin-bottom: 15%;
 
-        .content {
-          width: 38px;
-          height: 36px;
-          background: url("../assets/images/btnkuang.png") no-repeat !important;
-          background-size: 100% 100% !important;
-        }
-      }
-
-      .unitySelect {
-        position: absolute;
-        left: 40px;
-        width: 222px;
-        height: 5%;
-        bottom: 20px;
-        display: flex;
-        align-items: center;
-
-        .unitySuosou {
-          width: 57px;
-          height: 53px;
-          background: url("../assets/images/sousuoKuang.png") no-repeat;
-          background-size: 100% 100%;
+          .num {
+            float: left;
+            display: flex;
+            flex-flow: column nowrap;
+            justify-content: center;
+            align-items: center;
+            color: #ffffff;
+          }
         }
       }
     }
-
-    .two {
-      #detailedOne {
-        width: 100%;
-        height: calc(100% - 100px) !important;
-        z-index: 2;
-        margin-top: -3%;
-      }
-    }
-
-    .detailed {
-      display: flex;
-      flex-flow: row nowrap;
-      justify-content: space-between;
-
-      &>div {
-        background: url("../assets/images/detailedCard.png") no-repeat;
-        background-size: 100% 100%;
-
-        .cartitle {
-          height: 52px;
-          width: 100%;
-          background: url("../assets/images/detailed.png") no-repeat;
-          font-size: 21px;
-          font-weight: 600;
-          color: #ffffff;
-          line-height: 52px;
-          text-align: left;
-          text-indent: 26px;
-        }
-      }
-    }
-
-    //  ...
-    .detailedOneList {
-      display: flex;
-      flex-direction: row;
-      justify-content: flex-start;
-      height: 14%;
-      align-items: center;
-      color: #ffffff;
-      background: url("../assets/images/tableBg.png") no-repeat;
-      background-size: 100% 100%;
-      width: 92%;
-      z-index: 1;
+    .imgboxtwo {
+      padding: 0 0 0 20px;
+      background: url("../assets/02/地图弹窗四个内容的框.png") no-repeat;
+      background-size: 100%;
+      float: left;
+      width: 40vh;
+      height: 25vh;
       position: relative;
+      top: 52vh;
+      left: 30vh;
+      display: flex;
+      .contentUl {
+        display: flex;
+        margin: 0;
+        padding: 10px;
+        width: 100%;
+        height: 100%;
+        /* flex布局 */
+        display: flex;
+        // 开启换行
+        flex-wrap: wrap;
+        // 主轴上两端对齐
+        justify-content: space-between;
+        // 副轴上两端对齐
+        align-content: space-between;
+        //li盒子大小设置
+        li {
+          h5 {
+            float: left;
+          }
+          span {
+            font-size: 30px;
+          }
+          width: 49.5%;
+          //高度调整
+          height: 49%;
+          list-style: none;
+          font-size: 24px;
+          color: #fff;
+          background: url("../assets/02/弹窗里的小框子.png") no-repeat;
+        }
+      }
     }
 
-    #detailedFour {
-      width: 100%;
-      height: calc(100% - 52px);
+    .map {
+      background: url("../assets/indexN/地图.png") no-repeat;
+      vertical-align: middle;
+      display: table-cell;
+      text-align: center;
+      margin-left: -20%;
     }
   }
 
+
   .right {
     // width: 604px;
     width: 17.18%;
@@ -3756,12 +4024,12 @@ export default {
     display: flex;
     flex-flow: column nowrap;
     justify-content: space-between;
-
+    
     &>div {
       width: 100%;
       background: url("../assets/indexN/boxLr.png") no-repeat;
       background-size: 100% 100%;
-
+     position: relative;
       .cartitle {
         height: 52px;
         width: 100%;
@@ -3823,7 +4091,7 @@ export default {
       width: 100%;
       background: url("../assets/indexN/boxLr.png") no-repeat;
       background-size: 100% 100%;
-
+    position: relative;
       .cartitle {
         height: 52px;
         width: 100%;
@@ -3836,7 +4104,10 @@ export default {
         text-indent: 26px;
       }
     }
-
+  #detailen {
+      width: 100%;
+      height: 400px;
+    }
     .one {
       .top {
         width: 100%;
@@ -3880,6 +4151,9 @@ export default {
     background-image: linear-gradient(to bottom,
         rgb(255, 255, 255),
         rgb(123, 247, 245));
+         img {
+    margin: 20px;
+  }
   }
 
   //弹窗样式
@@ -4113,6 +4387,87 @@ export default {
       }
     }
   }
+    .content {
+        padding: 24px 31px 0 31px;
+        box-sizing: border-box;
+        display: flex;
+        flex-flow: row nowrap;
+        justify-content: space-between;
+
+        .line {
+          width: 262px;
+          display: flex;
+          flex-flow: column nowrap;
+
+          .total {
+            display: flex;
+            flex-flow: row nowrap;
+            justify-content: space-around;
+            margin-bottom: 15%;
+
+            .num {
+              display: flex;
+              flex-flow: column nowrap;
+              justify-content: center;
+              align-items: center;
+              color: #ffffff;
+
+              .numText {
+                color: #ffffff;
+              }
+
+              .numText:before {
+                content: attr(text);
+                position: absolute;
+                z-index: 10;
+                color: rgb(86, 254, 246) !important;
+                -webkit-mask: linear-gradient(to top,
+                    rgb(86, 244, 254),
+                    transparent);
+              }
+            }
+          }
+
+          .info {
+            display: flex;
+            flex-flow: column nowrap;
+
+            .lists {
+              width: 100%;
+              height: 32px;
+              background: url("../assets/images/cardSquare.png") no-repeat;
+              display: flex;
+              flex-flow: row nowrap;
+              justify-content: space-between;
+              align-items: center;
+              background-size: 100% 100%;
+              margin-bottom: 9%;
+              padding: 0 10px 0 0;
+              box-sizing: border-box;
+
+              &>div {
+                font-size: 18px;
+                color: #ffffff;
+              }
+
+              .number {
+                color: rgb(86, 254, 226);
+              }
+            }
+          }
+        }
+ 
+      }
+        #roseCharts {
+        //   width: 100%;
+        //   height: calc(100% - 52px);
+        width: 60%;
+        height: calc(100% - 200px);
+        position: absolute;
+        top: 28%;
+        left: 33%;
+      }
+    
 }
 
 .selectChange {