From df47a37ac92d53e6d9c09ebd54124c5c8e716738 Mon Sep 17 00:00:00 2001
From: mazhehui <364400343@qq.com>
Date: Mon, 24 Jul 2023 15:30:53 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E5=88=86=E5=B8=83=E5=BC=8F?=
=?UTF-8?q?=E5=85=89=E4=BC=8F=E6=8E=A5=E5=8F=A3=E5=8F=8A=E5=A4=A7=E5=B1=8F?=
=?UTF-8?q?=E8=B0=83=E6=95=B4=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
.../02c934ab26c7824cd9a21a1e24f6ac2b.json | 2 +-
.../39de4bfa18e1774743440d51211e9363.json | 2 +-
.../4891095821bed50146280360cc1bd39d.json | 2 +-
.../4c30115c219ad03d264ff40a3d67a9c7.json | 2 +-
.../50df700619f6778488fca33862295662.json | 2 +-
.../63298e3c6e9c376085c657d941e6e484.json | 2 +-
.../76e3283f6d6be1edf8de114b7af36472.json | 2 +-
.../926239699065af2fecbf0748166cdd37.json | 2 +-
.../cd316c0a266fc2348a4a67eb70467b28.json | 2 +-
.../e4c0ae9d9fb3646c685c9313f99c2d8e.json | 2 +-
.../ecfe67038a66e333e39ccae401336bf7.json | 2 +-
.../00ce7b906cd73882ae51920784346db6.json | 2 +-
.../0a19a6588538bdcfddd36ec581b0d448.json | 2 +-
.../1b4dae3ff3566df36967d343564bb14b.json | 2 +-
.../20248d8e7e9cfe5eed4728dc4a929148.json | 2 +-
.../20fa0d2cd74766cae97dc3e4ae9c6813.json | 2 +-
.../27a71520e161e1e766ad73250c46e3d5.json | 2 +-
.../3d431fa1d4ee6958813486cac0af620a.json | 2 +-
.../42d74b1a2c1109c4891da1fe26c92c9f.json | 2 +-
.../4ede003f9085acee5f69c5cdadbe5f55.json | 2 +-
.../5557d1f80f0d9793613248248b28b40f.json | 2 +-
.../5bba4ed83ef7d4b1a39693915dbf6fc1.json | 2 +-
.../670d7ecb797ed0d3170c45128bb8bdae.json | 2 +-
.../68b162b73942dae54da8f00c6da91a2c.json | 2 +-
.../705b0e162f4998c9994a2807123bc0c3.json | 2 +-
.../8195b19df91208af0ca873747ff17a87.json | 2 +-
.../9119f9f249f2da9f6bd30803833adb3c.json | 2 +-
.../9c38cc110f01a824f1fd815015db0612.json | 2 +-
.../a3dc95ac1ba52b0d386fb2c96f08ff12.json | 2 +-
.../a6373fde9111b133e17dcd0f74cc698e.json | 2 +-
.../ac32a2212ff9828f8ff73fdcf32f1242.json | 2 +-
.../bc7acba42128240aa7675747967520ae.json | 2 +-
.../c1151949125bd1daf6fd8e166fca56a2.json | 2 +-
.../c7b287d34c408fc20b757e8c307611ff.json | 2 +-
.../c90a5faf814e8f4f6e9638eb4117a615.json | 2 +-
.../cab4fc3f911d4f94414615975e208fbe.json | 2 +-
.../d651dd5b3b8aaefc462d22682c478d9e.json | 2 +-
.../e0abb0ab2b39317d204db5d1be05cdd6.json | 2 +-
.../e4ae733c275c8550953dfb26e2d9991c.json | 2 +-
.../e8ba573a52c13b3f219b12abc7cfde8d.json | 2 +-
.../ee38c93d7ea582a221d41ff56581159e.json | 2 +-
node_modules/aws4/README.md | 32 +++-
node_modules/aws4/aws4.js | 12 +-
node_modules/aws4/package.json | 32 ++--
node_modules/request/package.json | 26 ++--
package-lock.json | 133 +++++++----------
package.json | 1 +
src/api/stationBuilding.js | 137 ++++++++++++++++++
48 files changed, 296 insertions(+), 159 deletions(-)
create mode 100644 src/api/stationBuilding.js
diff --git a/node_modules/.cache/babel-loader/02c934ab26c7824cd9a21a1e24f6ac2b.json b/node_modules/.cache/babel-loader/02c934ab26c7824cd9a21a1e24f6ac2b.json
index 3d1c96ac..12b8aef9 100644
--- a/node_modules/.cache/babel-loader/02c934ab26c7824cd9a21a1e24f6ac2b.json
+++ b/node_modules/.cache/babel-loader/02c934ab26c7824cd9a21a1e24f6ac2b.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??ref--6!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\twentyKV.vue?vue&type=template&id=e9df6994&scoped=true&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\twentyKV.vue","mtime":1689921115709},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\babel.config.js","mtime":1689557787923},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1655712169000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["import \"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 }, [_vm._m(0), _vm._m(1), _vm._m(2), _vm._m(3), _c(\"div\", {\n staticClass: \"right1\",\n attrs: {\n id: \"right\"\n }\n }, [_c(\"div\", {\n staticClass: \"two\",\n staticStyle: {\n height: \"49%\"\n }\n }, [_vm._m(4), _c(\"div\", {\n staticClass: \"content\"\n }, [_c(\"div\", {\n staticClass: \"line\"\n }, [_c(\"table\", [_vm._m(5), _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(6)]), _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: \"left\",\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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"园区供电所居民用户异常月电量\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"园区供电所居民用户月电量\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.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: \"left1\",\n attrs: {\n id: \"left\"\n }\n }, [_c(\"div\", {\n staticClass: \"one\",\n staticStyle: {\n height: \"100%\"\n }\n }, [_c(\"div\", {\n staticClass: \"cartitle\"\n }, [_c(\"div\", {\n staticClass: \"titleFont\"\n }, [_c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"60天内台区掉电客户数TOP10\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.png\"),\n alt: \"\"\n }\n })])]), _c(\"div\", {\n staticClass: \"content\"\n }, [_c(\"div\", {\n staticClass: \"line\"\n }, [_c(\"div\", {\n attrs: {\n id: \"detailedTwo3\"\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(\"img\", {\n staticClass: \"allimg\",\n attrs: {\n src: require(\"../assets/indexN/dfsxz.png\"),\n alt: \"\"\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(\"div\", {\n staticStyle: {\n display: \"inline-block\"\n }\n }, [_c(\"img\", {\n staticStyle: {\n float: \"left\"\n },\n attrs: {\n src: require(\"../assets/index/mainTb1.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\" 台区总数\")])]), _c(\"h5\", {\n staticClass: \"yellow\"\n }, [_vm._v(\"679\")])])])]), _c(\"div\", {\n staticClass: \"lines\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"div\", {\n staticStyle: {\n display: \"inherit\"\n }\n }, [_c(\"img\", {\n staticStyle: {\n float: \"left\",\n height: \"30px\",\n width: \"30px\"\n },\n attrs: {\n src: require(\"../assets/index/mainTb2.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"近60天内发生过停电的配变数\")])]), _c(\"h5\", {\n staticClass: \"oranges\"\n }, [_vm._v(\"234\")])])])]), _c(\"div\", {\n staticClass: \"lines\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"div\", {\n staticStyle: {\n display: \"inherit\"\n }\n }, [_c(\"img\", {\n staticStyle: {\n float: \"left\",\n height: \"30px\",\n width: \"30px\"\n },\n attrs: {\n src: require(\"../assets/index/mainTb1.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"近60天三相不平衡台区数\")])]), _c(\"h5\", {\n staticClass: \"yellow\"\n }, [_vm._v(\"0\")])])])]), _c(\"div\", {\n staticClass: \"lines\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"div\", {\n staticStyle: {\n display: \"inherit\"\n }\n }, [_c(\"img\", {\n staticStyle: {\n float: \"left\",\n height: \"30px\",\n width: \"30px\"\n },\n attrs: {\n src: require(\"../assets/index/mainTb2.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"近一周线损异常台区数\")])]), _c(\"h5\", {\n staticClass: \"orange\"\n }, [_vm._v(\"0\")])])])]), _c(\"div\", {\n staticClass: \"lines\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"div\", {\n staticStyle: {\n display: \"inherit\"\n }\n }, [_c(\"img\", {\n staticStyle: {\n float: \"left\",\n height: \"30px\",\n width: \"30px\"\n },\n attrs: {\n src: require(\"../assets/index/mainTb1.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"近60天内发生过停电的中压线路数\")])]), _c(\"h5\", {\n staticClass: \"yellows\"\n }, [_vm._v(\"0\")])])])])])])])]);\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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"月合格率波动图\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.png\"),\n alt: \"\"\n }\n })])]), _c(\"div\", {\n staticClass: \"content\"\n }, [_c(\"div\", {\n staticClass: \"line\"\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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"日合格率波动图\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.png\"),\n alt: \"\"\n }\n })])]), _c(\"div\", {\n staticClass: \"content\"\n }, [_c(\"div\", {\n staticClass: \"line\"\n }, [_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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"进60天配变停电时间分析\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.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: \"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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"近60天频繁停电配变\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.png\"),\n alt: \"\"\n }\n })])]), _c(\"div\", {\n staticClass: \"content\"\n }, [_c(\"div\", {\n staticClass: \"line\"\n }, [_c(\"div\", {\n attrs: {\n id: \"detailstop\"\n }\n })])])]);\n}];\nrender._withStripped = true;\nexport { render, staticRenderFns };",{"version":3,"names":["render","_vm","_c","_self","staticClass","_m","attrs","id","staticStyle","height","_l","pvTable","item","index","key","_v","_s","name","stationNumber","alternatorNumber","ref","controls","hidden","src","require","staticRenderFns","alt","display","float","width","color","_withStripped"],"sources":["D:/林谷智能项目/yanchengPowerSupply/src/views/twentyKV.vue"],"sourcesContent":["var render = function render() {\n var _vm = this,\n _c = _vm._self._c\n return _c(\"div\", { staticClass: \"home\" }, [\n _vm._m(0),\n _vm._m(1),\n _vm._m(2),\n _vm._m(3),\n _c(\"div\", { staticClass: \"right1\", attrs: { id: \"right\" } }, [\n _c(\"div\", { staticClass: \"two\", staticStyle: { height: \"49%\" } }, [\n _vm._m(4),\n _c(\"div\", { staticClass: \"content\" }, [\n _c(\"div\", { staticClass: \"line\" }, [\n _c(\"table\", [\n _vm._m(5),\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 _vm._m(6),\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: \"left\", 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: { src: require(\"./../assets/indexN/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"园区供电所居民用户异常月电量\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\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: { src: require(\"./../assets/indexN/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"园区供电所居民用户月电量\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\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: \"left1\", attrs: { id: \"left\" } }, [\n _c(\"div\", { staticClass: \"one\", staticStyle: { height: \"100%\" } }, [\n _c(\"div\", { staticClass: \"cartitle\" }, [\n _c(\"div\", { staticClass: \"titleFont\" }, [\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"60天内台区掉电客户数TOP10\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\n }),\n ]),\n ]),\n _c(\"div\", { staticClass: \"content\" }, [\n _c(\"div\", { staticClass: \"line\" }, [\n _c(\"div\", { attrs: { id: \"detailedTwo3\" } }),\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(\"img\", {\n staticClass: \"allimg\",\n attrs: { src: require(\"../assets/indexN/dfsxz.png\"), alt: \"\" },\n }),\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(\"div\", { staticStyle: { display: \"inline-block\" } }, [\n _c(\"img\", {\n staticStyle: { float: \"left\" },\n attrs: {\n src: require(\"../assets/index/mainTb1.png\"),\n alt: \"\",\n },\n }),\n _c(\"span\", [_vm._v(\" 台区总数\")]),\n ]),\n _c(\"h5\", { staticClass: \"yellow\" }, [_vm._v(\"679\")]),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"lines\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\"div\", { staticStyle: { display: \"inherit\" } }, [\n _c(\"img\", {\n staticStyle: {\n float: \"left\",\n height: \"30px\",\n width: \"30px\",\n },\n attrs: {\n src: require(\"../assets/index/mainTb2.png\"),\n alt: \"\",\n },\n }),\n _c(\"span\", [_vm._v(\"近60天内发生过停电的配变数\")]),\n ]),\n _c(\"h5\", { staticClass: \"oranges\" }, [_vm._v(\"234\")]),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"lines\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\"div\", { staticStyle: { display: \"inherit\" } }, [\n _c(\"img\", {\n staticStyle: {\n float: \"left\",\n height: \"30px\",\n width: \"30px\",\n },\n attrs: {\n src: require(\"../assets/index/mainTb1.png\"),\n alt: \"\",\n },\n }),\n _c(\"span\", [_vm._v(\"近60天三相不平衡台区数\")]),\n ]),\n _c(\"h5\", { staticClass: \"yellow\" }, [_vm._v(\"0\")]),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"lines\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\"div\", { staticStyle: { display: \"inherit\" } }, [\n _c(\"img\", {\n staticStyle: {\n float: \"left\",\n height: \"30px\",\n width: \"30px\",\n },\n attrs: {\n src: require(\"../assets/index/mainTb2.png\"),\n alt: \"\",\n },\n }),\n _c(\"span\", [_vm._v(\"近一周线损异常台区数\")]),\n ]),\n _c(\"h5\", { staticClass: \"orange\" }, [_vm._v(\"0\")]),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"lines\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\"div\", { staticStyle: { display: \"inherit\" } }, [\n _c(\"img\", {\n staticStyle: {\n float: \"left\",\n height: \"30px\",\n width: \"30px\",\n },\n attrs: {\n src: require(\"../assets/index/mainTb1.png\"),\n alt: \"\",\n },\n }),\n _c(\"span\", [_vm._v(\"近60天内发生过停电的中压线路数\")]),\n ]),\n _c(\"h5\", { staticClass: \"yellows\" }, [_vm._v(\"0\")]),\n ]),\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: { src: require(\"./../assets/indexN/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"月合格率波动图\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\n }),\n ]),\n ]),\n _c(\"div\", { staticClass: \"content\" }, [\n _c(\"div\", { staticClass: \"line\" }, [\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: { src: require(\"./../assets/indexN/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"日合格率波动图\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\n }),\n ]),\n ]),\n _c(\"div\", { staticClass: \"content\" }, [\n _c(\"div\", { staticClass: \"line\" }, [\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/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"进60天配变停电时间分析\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.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: \"two\", staticStyle: { height: \"49%\" } }, [\n _c(\"div\", { staticClass: \"cartitle\" }, [\n _c(\"div\", { staticClass: \"titleFont\" }, [\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"近60天频繁停电配变\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\n }),\n ]),\n ]),\n _c(\"div\", { staticClass: \"content\" }, [\n _c(\"div\", { staticClass: \"line\" }, [\n _c(\"div\", { attrs: { id: \"detailstop\" } }),\n ]),\n ]),\n ])\n },\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }"],"mappings":"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"}]}
\ No newline at end of file
+{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??ref--6!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\twentyKV.vue?vue&type=template&id=e9df6994&scoped=true&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\twentyKV.vue","mtime":1689929341388},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\babel.config.js","mtime":1689557787923},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1655712169000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["import \"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 }, [_vm._m(0), _vm._m(1), _vm._m(2), _vm._m(3), _c(\"div\", {\n staticClass: \"right1\",\n attrs: {\n id: \"right\"\n }\n }, [_c(\"div\", {\n staticClass: \"two\",\n staticStyle: {\n height: \"49%\"\n }\n }, [_vm._m(4), _c(\"div\", {\n staticClass: \"content\"\n }, [_c(\"div\", {\n staticClass: \"line\"\n }, [_c(\"table\", [_vm._m(5), _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(6)]), _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: \"left\",\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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"园区供电所居民用户异常月电量\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"园区供电所居民用户月电量\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.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: \"left1\",\n attrs: {\n id: \"left\"\n }\n }, [_c(\"div\", {\n staticClass: \"one\",\n staticStyle: {\n height: \"100%\"\n }\n }, [_c(\"div\", {\n staticClass: \"cartitle\"\n }, [_c(\"div\", {\n staticClass: \"titleFont\"\n }, [_c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"60天内台区掉电客户数TOP10\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.png\"),\n alt: \"\"\n }\n })])]), _c(\"div\", {\n staticClass: \"content\"\n }, [_c(\"div\", {\n staticClass: \"line\"\n }, [_c(\"div\", {\n attrs: {\n id: \"detailedTwo3\"\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(\"img\", {\n staticClass: \"allimg\",\n attrs: {\n src: require(\"../assets/indexN/dfsxz.png\"),\n alt: \"\"\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(\"div\", {\n staticStyle: {\n display: \"inline-block\"\n }\n }, [_c(\"img\", {\n staticStyle: {\n float: \"left\"\n },\n attrs: {\n src: require(\"../assets/index/mainTb1.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\" 台区总数\")])]), _c(\"h5\", {\n staticClass: \"yellow\"\n }, [_vm._v(\"679\")])])])]), _c(\"div\", {\n staticClass: \"lines\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"div\", {\n staticStyle: {\n display: \"inherit\"\n }\n }, [_c(\"img\", {\n staticStyle: {\n float: \"left\",\n height: \"30px\",\n width: \"30px\"\n },\n attrs: {\n src: require(\"../assets/index/mainTb2.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"近60天内发生过停电的配变数\")])]), _c(\"h5\", {\n staticClass: \"oranges\"\n }, [_vm._v(\"234\")])])])]), _c(\"div\", {\n staticClass: \"lines\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"div\", {\n staticStyle: {\n display: \"inherit\"\n }\n }, [_c(\"img\", {\n staticStyle: {\n float: \"left\",\n height: \"30px\",\n width: \"30px\"\n },\n attrs: {\n src: require(\"../assets/index/mainTb1.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"近60天三相不平衡台区数\")])]), _c(\"h5\", {\n staticClass: \"yellow\"\n }, [_vm._v(\"0\")])])])]), _c(\"div\", {\n staticClass: \"lines\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"div\", {\n staticStyle: {\n display: \"inherit\"\n }\n }, [_c(\"img\", {\n staticStyle: {\n float: \"left\",\n height: \"30px\",\n width: \"30px\"\n },\n attrs: {\n src: require(\"../assets/index/mainTb2.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"近一周线损异常台区数\")])]), _c(\"h5\", {\n staticClass: \"orange\"\n }, [_vm._v(\"0\")])])])]), _c(\"div\", {\n staticClass: \"lines\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"div\", {\n staticStyle: {\n display: \"inherit\"\n }\n }, [_c(\"img\", {\n staticStyle: {\n float: \"left\",\n height: \"30px\",\n width: \"30px\"\n },\n attrs: {\n src: require(\"../assets/index/mainTb1.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"近60天内发生过停电的中压线路数\")])]), _c(\"h5\", {\n staticClass: \"yellows\"\n }, [_vm._v(\"0\")])])])])])])])]);\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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"月合格率波动图\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.png\"),\n alt: \"\"\n }\n })])]), _c(\"div\", {\n staticClass: \"content\"\n }, [_c(\"div\", {\n staticClass: \"line\"\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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"日合格率波动图\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.png\"),\n alt: \"\"\n }\n })])]), _c(\"div\", {\n staticClass: \"content\"\n }, [_c(\"div\", {\n staticClass: \"line\"\n }, [_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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"进60天配变停电时间分析\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.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: \"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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"近60天频繁停电配变\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.png\"),\n alt: \"\"\n }\n })])]), _c(\"div\", {\n staticClass: \"content\"\n }, [_c(\"div\", {\n staticClass: \"line\"\n }, [_c(\"div\", {\n attrs: {\n id: \"detailstop\"\n }\n })])])]);\n}];\nrender._withStripped = true;\nexport { render, staticRenderFns };",{"version":3,"names":["render","_vm","_c","_self","staticClass","_m","attrs","id","staticStyle","height","_l","pvTable","item","index","key","_v","_s","name","stationNumber","alternatorNumber","ref","controls","hidden","src","require","staticRenderFns","alt","display","float","width","color","_withStripped"],"sources":["D:/林谷智能项目/yanchengPowerSupply/src/views/twentyKV.vue"],"sourcesContent":["var render = function render() {\n var _vm = this,\n _c = _vm._self._c\n return _c(\"div\", { staticClass: \"home\" }, [\n _vm._m(0),\n _vm._m(1),\n _vm._m(2),\n _vm._m(3),\n _c(\"div\", { staticClass: \"right1\", attrs: { id: \"right\" } }, [\n _c(\"div\", { staticClass: \"two\", staticStyle: { height: \"49%\" } }, [\n _vm._m(4),\n _c(\"div\", { staticClass: \"content\" }, [\n _c(\"div\", { staticClass: \"line\" }, [\n _c(\"table\", [\n _vm._m(5),\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 _vm._m(6),\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: \"left\", 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: { src: require(\"./../assets/indexN/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"园区供电所居民用户异常月电量\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\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: { src: require(\"./../assets/indexN/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"园区供电所居民用户月电量\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\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: \"left1\", attrs: { id: \"left\" } }, [\n _c(\"div\", { staticClass: \"one\", staticStyle: { height: \"100%\" } }, [\n _c(\"div\", { staticClass: \"cartitle\" }, [\n _c(\"div\", { staticClass: \"titleFont\" }, [\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"60天内台区掉电客户数TOP10\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\n }),\n ]),\n ]),\n _c(\"div\", { staticClass: \"content\" }, [\n _c(\"div\", { staticClass: \"line\" }, [\n _c(\"div\", { attrs: { id: \"detailedTwo3\" } }),\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(\"img\", {\n staticClass: \"allimg\",\n attrs: { src: require(\"../assets/indexN/dfsxz.png\"), alt: \"\" },\n }),\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(\"div\", { staticStyle: { display: \"inline-block\" } }, [\n _c(\"img\", {\n staticStyle: { float: \"left\" },\n attrs: {\n src: require(\"../assets/index/mainTb1.png\"),\n alt: \"\",\n },\n }),\n _c(\"span\", [_vm._v(\" 台区总数\")]),\n ]),\n _c(\"h5\", { staticClass: \"yellow\" }, [_vm._v(\"679\")]),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"lines\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\"div\", { staticStyle: { display: \"inherit\" } }, [\n _c(\"img\", {\n staticStyle: {\n float: \"left\",\n height: \"30px\",\n width: \"30px\",\n },\n attrs: {\n src: require(\"../assets/index/mainTb2.png\"),\n alt: \"\",\n },\n }),\n _c(\"span\", [_vm._v(\"近60天内发生过停电的配变数\")]),\n ]),\n _c(\"h5\", { staticClass: \"oranges\" }, [_vm._v(\"234\")]),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"lines\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\"div\", { staticStyle: { display: \"inherit\" } }, [\n _c(\"img\", {\n staticStyle: {\n float: \"left\",\n height: \"30px\",\n width: \"30px\",\n },\n attrs: {\n src: require(\"../assets/index/mainTb1.png\"),\n alt: \"\",\n },\n }),\n _c(\"span\", [_vm._v(\"近60天三相不平衡台区数\")]),\n ]),\n _c(\"h5\", { staticClass: \"yellow\" }, [_vm._v(\"0\")]),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"lines\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\"div\", { staticStyle: { display: \"inherit\" } }, [\n _c(\"img\", {\n staticStyle: {\n float: \"left\",\n height: \"30px\",\n width: \"30px\",\n },\n attrs: {\n src: require(\"../assets/index/mainTb2.png\"),\n alt: \"\",\n },\n }),\n _c(\"span\", [_vm._v(\"近一周线损异常台区数\")]),\n ]),\n _c(\"h5\", { staticClass: \"orange\" }, [_vm._v(\"0\")]),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"lines\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\"div\", { staticStyle: { display: \"inherit\" } }, [\n _c(\"img\", {\n staticStyle: {\n float: \"left\",\n height: \"30px\",\n width: \"30px\",\n },\n attrs: {\n src: require(\"../assets/index/mainTb1.png\"),\n alt: \"\",\n },\n }),\n _c(\"span\", [_vm._v(\"近60天内发生过停电的中压线路数\")]),\n ]),\n _c(\"h5\", { staticClass: \"yellows\" }, [_vm._v(\"0\")]),\n ]),\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: { src: require(\"./../assets/indexN/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"月合格率波动图\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\n }),\n ]),\n ]),\n _c(\"div\", { staticClass: \"content\" }, [\n _c(\"div\", { staticClass: \"line\" }, [\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: { src: require(\"./../assets/indexN/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"日合格率波动图\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\n }),\n ]),\n ]),\n _c(\"div\", { staticClass: \"content\" }, [\n _c(\"div\", { staticClass: \"line\" }, [\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/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"进60天配变停电时间分析\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.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: \"two\", staticStyle: { height: \"49%\" } }, [\n _c(\"div\", { staticClass: \"cartitle\" }, [\n _c(\"div\", { staticClass: \"titleFont\" }, [\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"近60天频繁停电配变\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\n }),\n ]),\n ]),\n _c(\"div\", { staticClass: \"content\" }, [\n _c(\"div\", { staticClass: \"line\" }, [\n _c(\"div\", { attrs: { id: \"detailstop\" } }),\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/39de4bfa18e1774743440d51211e9363.json b/node_modules/.cache/babel-loader/39de4bfa18e1774743440d51211e9363.json
index 65efe94b..d9a911d0 100644
--- a/node_modules/.cache/babel-loader/39de4bfa18e1774743440d51211e9363.json
+++ b/node_modules/.cache/babel-loader/39de4bfa18e1774743440d51211e9363.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??ref--6!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\App.vue?vue&type=template&id=7ba5bd90&scoped=true&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\App.vue","mtime":1689921115690},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\babel.config.js","mtime":1689557787923},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1655712169000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["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 }, [_vm._v(\"\\n \" + _vm._s(this.$moment().format(\"YYYY.MM.DD\")) + \" \" + _vm._s(_vm.nowDate) + \" | \" + _vm._s(_vm.week) + \"\\n \")])]), _vm._m(0), _vm._m(1)]), _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}, function () {\n var _vm = this,\n _c = _vm._self._c;\n return _c(\"div\", {\n staticClass: \"right\"\n }, [_c(\"div\", {\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: require(\"./assets/images/union.png\"),\n alt: \"\"\n }\n })]), _c(\"span\", [_vm._v(\"阴转多云\")]), _vm._v(\"|\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"24px\",\n color: \"#0B4A6B\"\n }\n }, [_vm._v(\"25℃~30℃\")]), _vm._v(\"|\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"24px\",\n \"margin-top\": \"3px\"\n }\n }, [_vm._v(\"东风3~4级\")])])]);\n}];\nrender._withStripped = true;\nexport { render, staticRenderFns };",{"version":3,"names":["render","_vm","_c","_self","attrs","id","staticClass","_v","_s","$moment","format","nowDate","week","_m","staticRenderFns","staticStyle","height","width","src","require","alt","color","_withStripped"],"sources":["D:/林谷智能项目/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 _vm._v(\n \"\\n \" +\n _vm._s(this.$moment().format(\"YYYY.MM.DD\")) +\n \" \" +\n _vm._s(_vm.nowDate) +\n \" | \" +\n _vm._s(_vm.week) +\n \"\\n \"\n ),\n ]),\n ]),\n _vm._m(0),\n _vm._m(1),\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 function () {\n var _vm = this,\n _c = _vm._self._c\n return _c(\"div\", { staticClass: \"right\" }, [\n _c(\"div\", { staticClass: \"weather\" }, [\n _c(\"div\", { staticClass: \"pic\" }, [\n _c(\"img\", {\n staticStyle: { height: \"100%\", width: \"100%\" },\n attrs: { src: require(\"./assets/images/union.png\"), alt: \"\" },\n }),\n ]),\n _c(\"span\", [_vm._v(\"阴转多云\")]),\n _vm._v(\"|\\n \"),\n _c(\"span\", { staticStyle: { \"font-size\": \"24px\", color: \"#0B4A6B\" } }, [\n _vm._v(\"25℃~30℃\"),\n ]),\n _vm._v(\"|\\n \"),\n _c(\n \"span\",\n { staticStyle: { \"font-size\": \"24px\", \"margin-top\": \"3px\" } },\n [_vm._v(\"东风3~4级\")]\n ),\n ]),\n ])\n },\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }"],"mappings":"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"}]}
\ No newline at end of file
+{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??ref--6!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\App.vue?vue&type=template&id=7ba5bd90&scoped=true&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\App.vue","mtime":1689927995523},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\babel.config.js","mtime":1689557787923},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1655712169000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["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 }, [_vm._v(\"\\n \" + _vm._s(this.$moment().format(\"YYYY.MM.DD\")) + \" \" + _vm._s(_vm.nowDate) + \" | \" + _vm._s(_vm.week) + \"\\n \")])]), _c(\"div\", {\n staticClass: \"middle\"\n }, [_c(\"div\", {\n staticClass: \"box\"\n }, [_c(\"img\", {\n ref: \"switchBtn\",\n attrs: {\n src: _vm.middleImg,\n alt: \"\"\n }\n })])]), _c(\"div\", {\n staticClass: \"right\"\n }, [_c(\"div\", {\n staticClass: \"weather\"\n }, [_vm.backShow ? _c(\"div\", {\n on: {\n click: _vm.backBtn\n }\n }, [_c(\"img\", {\n staticStyle: {\n height: \"100%\",\n width: \"100%\"\n },\n attrs: {\n src: require(\"./assets/indexN/back.png\"),\n alt: \"\"\n }\n })]) : _vm._e(), _vm._m(0), _c(\"span\", [_vm._v(\"阴转多云\")]), _vm._v(\"|\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"24px\",\n color: \"#0B4A6B\"\n }\n }, [_vm._v(\"25℃~30℃\")]), _vm._v(\"|\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"24px\",\n \"margin-top\": \"3px\"\n }\n }, [_vm._v(\"东风3~4级\")])])])]), _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: \"pic\"\n }, [_c(\"img\", {\n staticStyle: {\n height: \"100%\",\n width: \"100%\"\n },\n attrs: {\n src: require(\"./assets/images/union.png\"),\n alt: \"\"\n }\n })]);\n}];\nrender._withStripped = true;\nexport { render, staticRenderFns };",{"version":3,"names":["render","_vm","_c","_self","attrs","id","staticClass","_v","_s","$moment","format","nowDate","week","ref","src","middleImg","alt","backShow","on","click","backBtn","staticStyle","height","width","require","_e","_m","color","staticRenderFns","_withStripped"],"sources":["D:/林谷智能项目/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 _vm._v(\n \"\\n \" +\n _vm._s(this.$moment().format(\"YYYY.MM.DD\")) +\n \" \" +\n _vm._s(_vm.nowDate) +\n \" | \" +\n _vm._s(_vm.week) +\n \"\\n \"\n ),\n ]),\n ]),\n _c(\"div\", { staticClass: \"middle\" }, [\n _c(\"div\", { staticClass: \"box\" }, [\n _c(\"img\", {\n ref: \"switchBtn\",\n attrs: { src: _vm.middleImg, alt: \"\" },\n }),\n ]),\n ]),\n _c(\"div\", { staticClass: \"right\" }, [\n _c(\"div\", { staticClass: \"weather\" }, [\n _vm.backShow\n ? _c(\"div\", { on: { click: _vm.backBtn } }, [\n _c(\"img\", {\n staticStyle: { height: \"100%\", width: \"100%\" },\n attrs: { src: require(\"./assets/indexN/back.png\"), alt: \"\" },\n }),\n ])\n : _vm._e(),\n _vm._m(0),\n _c(\"span\", [_vm._v(\"阴转多云\")]),\n _vm._v(\"|\\n \"),\n _c(\n \"span\",\n { staticStyle: { \"font-size\": \"24px\", color: \"#0B4A6B\" } },\n [_vm._v(\"25℃~30℃\")]\n ),\n _vm._v(\"|\\n \"),\n _c(\n \"span\",\n { staticStyle: { \"font-size\": \"24px\", \"margin-top\": \"3px\" } },\n [_vm._v(\"东风3~4级\")]\n ),\n ]),\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: \"pic\" }, [\n _c(\"img\", {\n staticStyle: { height: \"100%\", width: \"100%\" },\n attrs: { src: require(\"./assets/images/union.png\"), alt: \"\" },\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/4891095821bed50146280360cc1bd39d.json b/node_modules/.cache/babel-loader/4891095821bed50146280360cc1bd39d.json
index 36369353..e2c29b29 100644
--- a/node_modules/.cache/babel-loader/4891095821bed50146280360cc1bd39d.json
+++ b/node_modules/.cache/babel-loader/4891095821bed50146280360cc1bd39d.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??ref--6!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\stationBuilding.vue?vue&type=template&id=878d5e44&scoped=true&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\stationBuilding.vue","mtime":1689927415772},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\babel.config.js","mtime":1689557787923},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1655712169000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["import \"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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"光伏台账\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"上网功率\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"配变负载率TOP5\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.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(\"canvas\", {\n staticStyle: {\n position: \"absolute\"\n },\n attrs: {\n id: \"myCanvas\",\n width: \"1000\",\n height: \"600\"\n }\n }), _c(\"img\", {\n attrs: {\n src: require(\"../assets/indexN/dfsxz.png\"),\n alt: \"\"\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\", [_vm._v(\"户数高渗透率\")]), _c(\"h5\", {\n staticClass: \"yellow\"\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\", [_vm._v(\"容量渗透率\")]), _c(\"h5\", {\n staticClass: \"orange\"\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\", [_vm._v(\"能量渗透率\")]), _c(\"h5\", {\n staticClass: \"yellow\"\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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"分布式光伏电量\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.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/dqxcxl.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"用户:\")]), _c(\"img\", {\n attrs: {\n src: require(\"../assets/02/dqxcxl.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"范围:\")]), _c(\"img\", {\n attrs: {\n src: require(\"../assets/02/dqxcxl.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"日期:\")]), _c(\"img\", {\n attrs: {\n src: require(\"../assets/02/dqxcxl.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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"能量/容量\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.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/dqxcxl.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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"渗透率统计\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.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","position","width","_withStripped"],"sources":["D:/林谷智能项目/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/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"光伏台账\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.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: { src: require(\"./../assets/indexN/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"上网功率\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\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: { src: require(\"./../assets/indexN/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"配变负载率TOP5\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\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(\"canvas\", {\n staticStyle: { position: \"absolute\" },\n attrs: { id: \"myCanvas\", width: \"1000\", height: \"600\" },\n }),\n _c(\"img\", {\n attrs: { src: require(\"../assets/indexN/dfsxz.png\"), alt: \"\" },\n }),\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\", [_vm._v(\"户数高渗透率\")]),\n _c(\"h5\", { staticClass: \"yellow\" }, [_vm._v(\"3.40%\")]),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"lines\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\"span\", [_vm._v(\"容量渗透率\")]),\n _c(\"h5\", { staticClass: \"orange\" }, [_vm._v(\"0.01%\")]),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"lines\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\"span\", [_vm._v(\"能量渗透率\")]),\n _c(\"h5\", { staticClass: \"yellow\" }, [_vm._v(\"0.44%\")]),\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: { src: require(\"./../assets/indexN/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"分布式光伏电量\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\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: { src: require(\"../assets/02/dqxcxl.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"用户:\")]),\n _c(\"img\", {\n attrs: { src: require(\"../assets/02/dqxcxl.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"范围:\")]),\n _c(\"img\", {\n attrs: { src: require(\"../assets/02/dqxcxl.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"日期:\")]),\n _c(\"img\", {\n attrs: { src: require(\"../assets/02/dqxcxl.png\"), alt: \"\" },\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: { src: require(\"./../assets/indexN/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"能量/容量\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\n }),\n ]),\n ]),\n _c(\"div\", { staticClass: \"content\" }, [\n _c(\"div\", { staticClass: \"line\" }, [\n _c(\"div\", { staticClass: \"enselect\" }, [\n _c(\"img\", {\n attrs: { src: require(\"../assets/02/dqxcxl.png\"), alt: \"\" },\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/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"渗透率统计\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.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
+{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??ref--6!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\stationBuilding.vue?vue&type=template&id=878d5e44&scoped=true&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\stationBuilding.vue","mtime":1690179653925},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\babel.config.js","mtime":1689557787923},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1655712169000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["import \"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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"光伏台账\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"上网功率\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"配变负载率TOP5\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.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(\"canvas\", {\n staticStyle: {\n position: \"absolute\"\n },\n attrs: {\n id: \"myCanvas\",\n width: \"1000\",\n height: \"600\"\n }\n }), _c(\"img\", {\n attrs: {\n src: require(\"../assets/indexN/dfsxz.png\"),\n alt: \"\"\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\", [_vm._v(\"户数高渗透率\")]), _c(\"h5\", {\n staticClass: \"yellow\"\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\", [_vm._v(\"容量渗透率\")]), _c(\"h5\", {\n staticClass: \"orange\"\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\", [_vm._v(\"能量渗透率\")]), _c(\"h5\", {\n staticClass: \"yellow\"\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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"分布式光伏电量\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.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/dqxcxl.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"用户:\")]), _c(\"img\", {\n attrs: {\n src: require(\"../assets/02/dqxcxl.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"范围:\")]), _c(\"img\", {\n attrs: {\n src: require(\"../assets/02/dqxcxl.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"日期:\")]), _c(\"img\", {\n attrs: {\n src: require(\"../assets/02/dqxcxl.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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"能量/容量\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.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/dqxcxl.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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"渗透率统计\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.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","position","width","_withStripped"],"sources":["D:/林谷智能项目/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/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"光伏台账\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.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: { src: require(\"./../assets/indexN/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"上网功率\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\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: { src: require(\"./../assets/indexN/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"配变负载率TOP5\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\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(\"canvas\", {\n staticStyle: { position: \"absolute\" },\n attrs: { id: \"myCanvas\", width: \"1000\", height: \"600\" },\n }),\n _c(\"img\", {\n attrs: { src: require(\"../assets/indexN/dfsxz.png\"), alt: \"\" },\n }),\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\", [_vm._v(\"户数高渗透率\")]),\n _c(\"h5\", { staticClass: \"yellow\" }, [_vm._v(\"3.40%\")]),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"lines\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\"span\", [_vm._v(\"容量渗透率\")]),\n _c(\"h5\", { staticClass: \"orange\" }, [_vm._v(\"0.01%\")]),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"lines\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\"span\", [_vm._v(\"能量渗透率\")]),\n _c(\"h5\", { staticClass: \"yellow\" }, [_vm._v(\"0.44%\")]),\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: { src: require(\"./../assets/indexN/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"分布式光伏电量\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\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: { src: require(\"../assets/02/dqxcxl.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"用户:\")]),\n _c(\"img\", {\n attrs: { src: require(\"../assets/02/dqxcxl.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"范围:\")]),\n _c(\"img\", {\n attrs: { src: require(\"../assets/02/dqxcxl.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"日期:\")]),\n _c(\"img\", {\n attrs: { src: require(\"../assets/02/dqxcxl.png\"), alt: \"\" },\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: { src: require(\"./../assets/indexN/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"能量/容量\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\n }),\n ]),\n ]),\n _c(\"div\", { staticClass: \"content\" }, [\n _c(\"div\", { staticClass: \"line\" }, [\n _c(\"div\", { staticClass: \"enselect\" }, [\n _c(\"img\", {\n attrs: { src: require(\"../assets/02/dqxcxl.png\"), alt: \"\" },\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/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"渗透率统计\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.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/4c30115c219ad03d264ff40a3d67a9c7.json b/node_modules/.cache/babel-loader/4c30115c219ad03d264ff40a3d67a9c7.json
index 9a531ddb..b62315f7 100644
--- a/node_modules/.cache/babel-loader/4c30115c219ad03d264ff40a3d67a9c7.json
+++ b/node_modules/.cache/babel-loader/4c30115c219ad03d264ff40a3d67a9c7.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\twentyKV.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\twentyKV.vue","mtime":1689921115709},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\babel.config.js","mtime":1689557787923},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["import _defineProperty from \"D:/\\u6797\\u8C37\\u667A\\u80FD\\u9879\\u76EE/yanchengPowerSupply/node_modules/@babel/runtime/helpers/esm/defineProperty.js\";\n//引入echarts\nimport * as echarts from \"echarts\";\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: \"twentyKV\",\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: \"10#变压器\",\n stationNumber: \"10kv中北线151\",\n alternatorNumber: \"1\"\n }, {\n id: 2,\n name: \"10#变压器\",\n stationNumber: \"10kv中北线151\",\n alternatorNumber: \"1\"\n }, {\n id: 3,\n name: \"10#变压器\",\n stationNumber: \"10kv中北线151\",\n alternatorNumber: \"1\"\n }, {\n id: 4,\n name: \"10#变压器\",\n stationNumber: \"10kv中北线151\",\n alternatorNumber: \"2\"\n }, {\n id: 5,\n name: \"10#变压器\",\n stationNumber: \"10kv中北线151\",\n alternatorNumber: \"2\"\n }]), _ref;\n },\n created: function created() {},\n mounted: function mounted() {\n this.detailedTwo11();\n this.detailedTwo22();\n this.detailedTwo33();\n this.detailqe1();\n this.detailen1();\n this.detailstop();\n },\n methods: {\n detailedTwo11: function detailedTwo11() {\n var fontColor = \"#fff\";\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo1\"));\n var option = {\n tooltip: {\n show: true,\n trigger: \"item\"\n },\n legend: {\n textStyle: {\n fontSize: 18,\n //字体大小\n color: \"#ffffff\",\n //字体颜色\n data: [\"月用电变化率\", \"社会整体月变化率\"]\n }\n },\n grid: {\n left: \"3%\",\n right: \"4%\",\n bottom: \"3%\",\n containLabel: true\n },\n xAxis: {\n type: \"category\",\n boundaryGap: false,\n axisLabel: {\n color: fontColor\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\"]\n },\n yAxis: {\n type: \"value\",\n axisLine: {\n lineStyle: {\n color: \"#fff\"\n }\n },\n splitLine: {\n show: true,\n lineStyle: {\n type: \"dashed\",\n // color: 'rgba(66, 192, 255, .3)',\n color: \"rgba(102,102,102,0.6)\",\n width: 1\n }\n }\n },\n series: [{\n name: \"月用电变化率\",\n type: \"line\",\n stack: \"Total\",\n smooth: true,\n symbol: \"none\",\n data: [120, 132, 101, 134, 90, 230, 210],\n itemStyle: {\n normal: {\n color: \"yellow\",\n lineStyle: {\n color: \"yellow\"\n }\n }\n }\n }, {\n name: \"社会整体月变化率\",\n type: \"line\",\n smooth: true,\n stack: \"Total\",\n symbol: \"none\",\n data: [220, 182, 191, 234, 290, 330, 310],\n itemStyle: {\n normal: {\n color: \"rgba(0,212,199,1)\",\n lineStyle: {\n color: \"rgba(0,212,199,1)\"\n }\n }\n }\n }]\n };\n myChart.setOption(option);\n window.addEventListener(\"resize\", function () {\n myChart.resize();\n });\n },\n detailedTwo22: function detailedTwo22() {\n var fontColor = \"#30eee9\";\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo2\"));\n var option = {\n tooltip: {\n show: true,\n trigger: \"item\"\n },\n legend: {\n textStyle: {\n fontSize: 18,\n //字体大小\n color: \"#ffffff\",\n //字体颜色\n data: [\"本月用电总量\"]\n }\n },\n grid: {\n left: \"3%\",\n right: \"4%\",\n bottom: \"3%\",\n containLabel: true\n },\n xAxis: {\n type: \"category\",\n boundaryGap: false,\n axisLabel: {\n color: \"#fff\"\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\"]\n },\n yAxis: {\n type: \"value\",\n axisLine: {\n lineStyle: {\n color: \"#fff\"\n }\n },\n splitLine: {\n show: true,\n lineStyle: {\n type: \"dashed\",\n // color: 'rgba(66, 192, 255, .3)',\n color: \"rgba(102,102,102,0.6)\",\n width: 1\n }\n }\n },\n series: [{\n name: \"本月用电总量\",\n type: \"line\",\n stack: \"Total\",\n smooth: true,\n symbol: \"none\",\n data: [120, 132, 101, 134, 90, 230, 210],\n itemStyle: {\n normal: {\n color: \"yellow\",\n lineStyle: {\n color: \"yellow\"\n }\n }\n }\n }]\n };\n myChart.setOption(option);\n window.addEventListener(\"resize\", function () {\n myChart.resize();\n });\n },\n detailedTwo33: function detailedTwo33() {\n var bg = \"image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARYAAAAUCAMAAAB/LOLCAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAD9QTFRFAABwAAAAAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwrxv9agAAABV0Uk5T/wA1p053q7yaZs0QRIlVJ++IId4ydKfDYQAAAFtJREFUeJzt0McNwDAQwLBzutPb/rMG/gbawOIIjCQQqYtoqxYxckv1BlvQZAvabEG9LSjbgnZb0GoLOV9byHPbQubFFjLaggZb0GQLumxBvS0ol5aj0U9pEfgA+DsJLXE1TzAAAAAASUVORK5CYII=\";\n var bar = \"image://data:image/png;base64,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\";\n var data = [20.3, 18.2, 11, 23.4, 29.1, 12, 16, 24];\n var barWidth = 20;\n var maxNum = 0;\n for (var i = 0; i < data.length; i++) {\n if (data[i] > maxNum) {\n maxNum = data[i];\n }\n }\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo3\"));\n var option = {\n grid: {\n top: \"10%\",\n left: \"10%\",\n right: \"12%\",\n bottom: \"0%\"\n },\n xAxis: {\n show: false\n },\n yAxis: {\n data: data.map(function (item, index) {\n return \"No. \".concat(index);\n }),\n splitLine: {\n show: false\n },\n axisLabel: {\n textStyle: {\n fontSize: 18,\n color: \"#02afff\"\n }\n },\n axisLine: {\n show: false\n },\n axisTick: false\n },\n series: [{\n type: \"pictorialBar\",\n barWidth: barWidth,\n zlevel: 2,\n data: data.map(function (item) {\n return {\n value: item,\n symbol: bar\n };\n })\n }, {\n type: \"pictorialBar\",\n barWidth: barWidth,\n data: data.map(function (item) {\n return {\n realValue: item,\n value: maxNum,\n symbol: bg\n };\n }),\n label: {\n show: true,\n position: \"right\",\n distance: 80,\n align: \"right\",\n formatter: function formatter(params) {\n return params.data.realValue + \" 万\";\n },\n color: \"#02afff\",\n fontSize: 18\n }\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 tooltip: {\n show: true,\n trigger: \"item\"\n },\n legend: {\n textStyle: {\n fontSize: 18,\n //字体大小\n color: \"#ffffff\",\n //字体颜色\n data: [\"电压合格率\"]\n }\n },\n grid: {\n left: \"3%\",\n right: \"4%\",\n bottom: \"3%\",\n containLabel: true\n },\n xAxis: {\n type: \"category\",\n boundaryGap: false,\n axisLabel: {\n color: \"#fff\"\n },\n axisTick: {\n show: false\n },\n splitLine: {\n show: false,\n lineStyle: {\n color: \"#195384\"\n }\n },\n data: [\"202111\", \"202201\", \"202203\", \"202205\", \"202207\", \"202209\", \"202211\"]\n },\n yAxis: {\n type: \"value\",\n axisLine: {\n lineStyle: {\n color: \"#fff\"\n }\n },\n splitLine: {\n show: true,\n lineStyle: {\n type: \"dashed\",\n // color: 'rgba(66, 192, 255, .3)',\n color: \"rgba(102,102,102,0.6)\",\n width: 1\n }\n }\n },\n series: [{\n name: \"电压合格率\",\n type: \"line\",\n stack: \"Total\",\n smooth: true,\n symbol: \"none\",\n data: [120, 132, 101, 134, 90, 230, 210],\n itemStyle: {\n normal: {\n color: \"yellow\",\n lineStyle: {\n color: \"yellow\"\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 show: true,\n trigger: \"item\"\n },\n legend: {\n textStyle: {\n fontSize: 18,\n //字体大小\n color: \"#ffffff\",\n //字体颜色\n data: [\"电压合格率\"]\n }\n },\n grid: {\n left: \"3%\",\n right: \"4%\",\n bottom: \"3%\",\n containLabel: true\n },\n xAxis: {\n type: \"category\",\n boundaryGap: false,\n axisLabel: {\n color: \"#fff\"\n },\n axisTick: {\n show: false\n },\n splitLine: {\n show: false,\n lineStyle: {\n color: \"#195384\"\n }\n },\n data: [\"05-05\", \"05-06\", \"05-07\", \"05-08\"]\n },\n yAxis: {\n type: \"value\",\n axisLine: {\n lineStyle: {\n color: \"#fff\"\n }\n },\n splitLine: {\n show: true,\n lineStyle: {\n type: \"dashed\",\n // color: 'rgba(66, 192, 255, .3)',\n color: \"rgba(102,102,102,0.6)\",\n width: 1\n }\n }\n },\n series: [{\n name: \"电压合格率\",\n type: \"line\",\n stack: \"Total\",\n smooth: true,\n symbol: \"none\",\n data: [120, 132, 101, 134],\n itemStyle: {\n normal: {\n color: \"rgba(0,212,199,1)\",\n lineStyle: {\n color: \"rgba(0,212,199,1)\"\n }\n }\n }\n }]\n };\n myChart.setOption(option);\n window.addEventListener(\"resize\", function () {\n myChart.resize();\n });\n },\n detailstop: function detailstop() {\n var myChart = this.$echarts.init(document.getElementById(\"detailstop\"));\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: [\"钱南1配变\", \"钱南2配变\", \"钱南3配变\", \"钱南4配变\", \"钱南5配变\"],\n axisLabel: {\n show: true,\n textStyle: {\n color: \"#ffffff\"\n }\n }\n }],\n yAxis: [{\n type: \"value\",\n name: \"\",\n axisLabel: {\n textStyle: {\n color: \"#ffffff\"\n }\n },\n splitLine: {\n show: true,\n lineStyle: {\n type: \"dashed\",\n // color: 'rgba(66, 192, 255, .3)',\n color: \"rgba(102,102,102,0.6)\",\n width: 1\n }\n }\n }],\n series: [{\n name: \"配变名称\",\n type: \"bar\",\n barWidth: 40,\n // 柱子宽度核心代码\n itemStyle: {\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{\n offset: 1,\n color: \"rgba(86,254,226,.2) \"\n }, {\n offset: 0.5,\n color: \"rgb(86,254,226,.6)\"\n }, {\n offset: 0,\n color: \"rgb(86,254,226)\"\n }]),\n borderRadius: [7, 7, 0, 0],\n // 柱状图圆角\n borderWidth: 0\n },\n data: [320, 332, 301, 334, 390]\n }]\n };\n myChart.setOption(option);\n window.addEventListener(\"resize\", function () {\n myChart.resize();\n });\n }\n },\n watch: {}\n};",{"version":3,"mappings":";AAkOA;AACA;AACA;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,EACA;EAEA;EACAC;EACAC;IACA;IACA;IACA;IACA;IACA;IACA;EACA;EACAC;IACAC;MACA;MACA;MACA;QACAC;UACAC;UACAC;QACA;QACAC;UACAC;YACAC;YAAA;YACAC;YAAA;YACA1C;UACA;QACA;QACA2C;UACAC;UACAC;UACAC;UACAC;QACA;QACAC;UACAC;UACAC;UACAC;YACAT;UACA;UACAU;YACAf;UACA;UACAgB;YACAhB;YACAiB;cACAZ;YACA;UACA;UACA1C,OACA,QACA,QACA,QACA,QACA,QACA,QACA;QAEA;QACAuD;UACAN;UACAO;YACAF;cACAZ;YACA;UACA;UACAW;YACAhB;YACAiB;cACAL;cACA;cACAP;cACAe;YACA;UACA;QACA;QACAC,SACA;UACAhE;UACAuD;UACAU;UACAC;UACAC;UACA7D;UACA8D;YACAC;cACArB;cACAY;gBACAZ;cACA;YACA;UACA;QACA,GACA;UACAhD;UACAuD;UACAW;UACAD;UACAE;UACA7D;UACA8D;YACAC;cACArB;cACAY;gBACAZ;cACA;YACA;UACA;QACA;MAEA;MACAsB;MACAC;QACAD;MACA;IACA;IACAE;MACA;MACA;MACA;QACA9B;UACAC;UACAC;QACA;QACAC;UACAC;YACAC;YAAA;YACAC;YAAA;YACA1C;UACA;QACA;QACA2C;UACAC;UACAC;UACAC;UACAC;QACA;QACAC;UACAC;UACAC;UACAC;YACAT;UACA;UACAU;YACAf;UACA;UACAgB;YACAhB;YACAiB;cACAZ;YACA;UACA;UACA1C,OACA,QACA,QACA,QACA,QACA,QACA,QACA;QAEA;QACAuD;UACAN;UACAO;YACAF;cACAZ;YACA;UACA;UACAW;YACAhB;YACAiB;cACAL;cACA;cACAP;cACAe;YACA;UACA;QACA;QACAC,SACA;UACAhE;UACAuD;UACAU;UACAC;UACAC;UACA7D;UACA8D;YACAC;cACArB;cACAY;gBACAZ;cACA;YACA;UACA;QACA;MAEA;MACAsB;MACAC;QACAD;MACA;IACA;IACAG;MACA,SACA;MACA,UACA;MACA;MACA;MACA;MACA;QACA;UACAC;QACA;MACA;MACA;MACA;QACAzB;UACA0B;UACAzB;UACAC;UACAC;QACA;QACAE;UACAX;QACA;QACAkB;UACAvD;YAAA;UAAA;UACAqD;YACAhB;UACA;UACAc;YACAX;cAAAC;cAAAC;YAAA;UACA;UACAc;YACAnB;UACA;UACAe;QACA;QACAM,SACA;UACAT;UACAqB;UACAC;UACAvE;YACA;cACAwB;cACAqC;YACA;UACA;QACA,GACA;UACAZ;UACAqB;UACAtE;YACA;cACAwE;cACAhD;cACAqC;YACA;UACA;UACApC;YACAY;YACAoC;YACAC;YACAC;YACAC;cACA;YACA;YACAlC;YACAD;UACA;QACA;MAEA;MACAuB;MACAC;QACAD;MACA;IACA;IACAa;MACA;MACA;MACA;QACAzC;UACAC;UACAC;QACA;QACAC;UACAC;YACAC;YAAA;YACAC;YAAA;YACA1C;UACA;QACA;QACA2C;UACAC;UACAC;UACAC;UACAC;QACA;QACAC;UACAC;UACAC;UACAC;YACAT;UACA;UACAU;YACAf;UACA;UACAgB;YACAhB;YACAiB;cACAZ;YACA;UACA;UACA1C,OACA,UACA,UACA,UACA,UACA,UACA,UACA;QAEA;QACAuD;UACAN;UACAO;YACAF;cACAZ;YACA;UACA;UACAW;YACAhB;YACAiB;cACAL;cACA;cACAP;cACAe;YACA;UACA;QACA;QACAC,SACA;UACAhE;UACAuD;UACAU;UACAC;UACAC;UACA7D;UACA8D;YACAC;cACArB;cACAY;gBACAZ;cACA;YACA;UACA;QACA;MAEA;MACAsB;MACAC;QACAD;MACA;IACA;IACAc;MACA;MACA;MACA;QACA1C;UACAC;UACAC;QACA;QACAC;UACAC;YACAC;YAAA;YACAC;YAAA;YACA1C;UACA;QACA;QACA2C;UACAC;UACAC;UACAC;UACAC;QACA;QACAC;UACAC;UACAC;UACAC;YACAT;UACA;UACAU;YACAf;UACA;UACAgB;YACAhB;YACAiB;cACAZ;YACA;UACA;UACA1C;QACA;QACAuD;UACAN;UACAO;YACAF;cACAZ;YACA;UACA;UACAW;YACAhB;YACAiB;cACAL;cACA;cACAP;cACAe;YACA;UACA;QACA;QACAC,SACA;UACAhE;UACAuD;UACAU;UACAC;UACAC;UACA7D;UACA8D;YACAC;cACArB;cACAY;gBACAZ;cACA;YACA;UACA;QACA;MAEA;MACAsB;MACAC;QACAD;MACA;IACA;IACAe;MACA;MACA;QACA3C;UACAE;UACA0C;YACA/B;UACA;QACA;QACAV;UACAC;YACAC;YAAA;YACAC;UACA;;UAEA1C;QACA;QACAgD,QACA;UACAC;UACAjD,OACA,SACA,SACA,SACA,SACA,QACA;UACAmD;YACAd;YACAG;cACAE;YACA;UACA;QACA,EACA;QACAa,QACA;UACAN;UACAvD;UACAyD;YACAX;cACAE;YACA;UACA;UACAW;YACAhB;YACAiB;cACAL;cACA;cACAP;cACAe;YACA;UACA;QACA,EACA;QACAC,SACA;UACAhE;UACAuD;UACAqB;UAAA;UACAR;YACApB,uDACA;cAAAuC;cAAAvC;YAAA,GACA;cAAAuC;cAAAvC;YAAA,GACA;cAAAuC;cAAAvC;YAAA,EACA;YACAwC;YAAA;YACAC;UACA;UACAnF;QACA;MAEA;MACAgE;MACAC;QACAD;MACA;IACA;EACA;EACAoB;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","tooltip","show","trigger","legend","textStyle","fontSize","color","grid","left","right","bottom","containLabel","xAxis","type","boundaryGap","axisLabel","axisTick","splitLine","lineStyle","yAxis","axisLine","width","series","stack","smooth","symbol","itemStyle","normal","myChart","window","detailedTwo22","detailedTwo33","maxNum","top","barWidth","zlevel","realValue","position","distance","align","formatter","detailqe1","detailen1","detailstop","axisPointer","offset","borderRadius","borderWidth","watch"],"sourceRoot":"src/views","sources":["twentyKV.vue"],"sourcesContent":["<template>\r\n <div class=\"home\">\r\n <div class=\"left\" id=\"left\">\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>园区供电所居民用户异常月电量</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div id=\"detailedTwo1\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>园区供电所居民用户月电量</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div id=\"detailedTwo2\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"left1\" id=\"left\">\r\n <div class=\"one\" style=\"height: 100%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>60天内台区掉电客户数TOP10</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div id=\"detailedTwo3\"></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 <img class=\"allimg\" src=\"../assets/indexN/dfsxz.png\" alt=\"\" />\r\n <div class=\"imgboxone\">\r\n <div class=\"contents\">\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <div style=\"display: inline-block\">\r\n <img\r\n style=\"float: left\"\r\n src=\"../assets/index/mainTb1.png\"\r\n alt=\"\"\r\n />\r\n <span\r\n > 台区总数</span\r\n >\r\n </div>\r\n <h5 class=\"yellow\">679</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 <div style=\"display: inherit\">\r\n <img\r\n style=\"float: left; height: 30px; width: 30px\"\r\n src=\"../assets/index/mainTb2.png\"\r\n alt=\"\"\r\n />\r\n <span>近60天内发生过停电的配变数</span>\r\n </div>\r\n\r\n <h5 class=\"oranges\">234</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 <div style=\"display: inherit\">\r\n <img\r\n style=\"float: left; height: 30px; width: 30px\"\r\n src=\"../assets/index/mainTb1.png\"\r\n alt=\"\"\r\n />\r\n <span>近60天三相不平衡台区数</span>\r\n </div>\r\n\r\n <h5 class=\"yellow\">0</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 <div style=\"display: inherit\">\r\n <img\r\n style=\"float: left; height: 30px; width: 30px\"\r\n src=\"../assets/index/mainTb2.png\"\r\n alt=\"\"\r\n />\r\n <span>近一周线损异常台区数</span>\r\n </div>\r\n\r\n <h5 class=\"orange\">0</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 <div style=\"display: inherit\">\r\n <img\r\n style=\"float: left; height: 30px; width: 30px\"\r\n src=\"../assets/index/mainTb1.png\"\r\n alt=\"\"\r\n />\r\n <span>近60天内发生过停电的中压线路数</span>\r\n </div>\r\n\r\n <h5 class=\"yellows\">0</h5>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"right\" id=\"right\">\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>月合格率波动图</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div id=\"detailqe\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>日合格率波动图</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div 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=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>进60天配变停电时间分析</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <table>\r\n <thead style=\"color: #fff; font-size: 30px\">\r\n <tr>\r\n <td>序号</td>\r\n <td>配变名称</td>\r\n <td>所属电路</td>\r\n <td>停电次数</td>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <tr v-for=\"(item, index) in pvTable\" :key=\"index\">\r\n <td>{{ item.id }}</td>\r\n <td>{{ item.name }}</td>\r\n <td>{{ item.stationNumber }}</td>\r\n <td class=\"titleFont\">{{ item.alternatorNumber }}</td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>近60天频繁停电配变</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div id=\"detailstop\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <audio\r\n controls=\"controls\"\r\n hidden\r\n src=\"../assets/videos/police.wav\"\r\n ref=\"audio\"\r\n ></audio>\r\n </div>\r\n</template>\r\n\r\n<script>\r\n//引入echarts\r\nimport * as echarts from \"echarts\";\r\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: \"twentyKV\",\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: \"10#变压器\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"1\",\r\n },\r\n {\r\n id: 2,\r\n name: \"10#变压器\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"1\",\r\n },\r\n {\r\n id: 3,\r\n name: \"10#变压器\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"1\",\r\n },\r\n {\r\n id: 4,\r\n name: \"10#变压器\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"2\",\r\n },\r\n {\r\n id: 5,\r\n name: \"10#变压器\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"2\",\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.detailedTwo33();\r\n this.detailqe1();\r\n this.detailen1();\r\n this.detailstop();\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 tooltip: {\r\n show: true,\r\n trigger: \"item\",\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n data: [\"月用电变化率\", \"社会整体月变化率\"],\r\n },\r\n },\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: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: fontColor,\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 \"高进军1\",\r\n \"高进军2\",\r\n \"高进军3\",\r\n \"高进军4\",\r\n \"高进军5\",\r\n \"高进军6\",\r\n \"高进军7\",\r\n ],\r\n },\r\n yAxis: {\r\n type: \"value\",\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n series: [\r\n {\r\n name: \"月用电变化率\",\r\n type: \"line\",\r\n stack: \"Total\",\r\n smooth: true,\r\n symbol: \"none\",\r\n data: [120, 132, 101, 134, 90, 230, 210],\r\n itemStyle: {\r\n normal: {\r\n color: \"yellow\",\r\n lineStyle: {\r\n color: \"yellow\",\r\n },\r\n },\r\n },\r\n },\r\n {\r\n name: \"社会整体月变化率\",\r\n type: \"line\",\r\n smooth: true,\r\n stack: \"Total\",\r\n symbol: \"none\",\r\n data: [220, 182, 191, 234, 290, 330, 310],\r\n itemStyle: {\r\n normal: {\r\n color: \"rgba(0,212,199,1)\",\r\n lineStyle: {\r\n color: \"rgba(0,212,199,1)\",\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 detailedTwo22() {\r\n var fontColor = \"#30eee9\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo2\"));\r\n var option = {\r\n tooltip: {\r\n show: true,\r\n trigger: \"item\",\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n data: [\"本月用电总量\"],\r\n },\r\n },\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: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: \"#fff\",\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 \"高进军1\",\r\n \"高进军2\",\r\n \"高进军3\",\r\n \"高进军4\",\r\n \"高进军5\",\r\n \"高进军6\",\r\n \"高进军7\",\r\n ],\r\n },\r\n yAxis: {\r\n type: \"value\",\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n series: [\r\n {\r\n name: \"本月用电总量\",\r\n type: \"line\",\r\n stack: \"Total\",\r\n smooth: true,\r\n symbol: \"none\",\r\n data: [120, 132, 101, 134, 90, 230, 210],\r\n itemStyle: {\r\n normal: {\r\n color: \"yellow\",\r\n lineStyle: {\r\n color: \"yellow\",\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 detailedTwo33() {\r\n var bg =\r\n \"image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARYAAAAUCAMAAAB/LOLCAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAD9QTFRFAABwAAAAAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwrxv9agAAABV0Uk5T/wA1p053q7yaZs0QRIlVJ++IId4ydKfDYQAAAFtJREFUeJzt0McNwDAQwLBzutPb/rMG/gbawOIIjCQQqYtoqxYxckv1BlvQZAvabEG9LSjbgnZb0GoLOV9byHPbQubFFjLaggZb0GQLumxBvS0ol5aj0U9pEfgA+DsJLXE1TzAAAAAASUVORK5CYII=\";\r\n var bar =\r\n \"image://data:image/png;base64,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\";\r\n var data = [20.3, 18.2, 11, 23.4, 29.1, 12, 16, 24];\r\n var barWidth = 20;\r\n var maxNum = 0;\r\n for (var i = 0; i < data.length; i++) {\r\n if (data[i] > maxNum) {\r\n maxNum = data[i];\r\n }\r\n }\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo3\"));\r\n var option = {\r\n grid: {\r\n top: \"10%\",\r\n left: \"10%\",\r\n right: \"12%\",\r\n bottom: \"0%\",\r\n },\r\n xAxis: {\r\n show: false,\r\n },\r\n yAxis: {\r\n data: data.map((item, index) => `No. ${index}`),\r\n splitLine: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n textStyle: { fontSize: 18, color: \"#02afff\" },\r\n },\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: false,\r\n },\r\n series: [\r\n {\r\n type: \"pictorialBar\",\r\n barWidth: barWidth,\r\n zlevel: 2,\r\n data: data.map(function (item) {\r\n return {\r\n value: item,\r\n symbol: bar,\r\n };\r\n }),\r\n },\r\n {\r\n type: \"pictorialBar\",\r\n barWidth: barWidth,\r\n data: data.map(function (item) {\r\n return {\r\n realValue: item,\r\n value: maxNum,\r\n symbol: bg,\r\n };\r\n }),\r\n label: {\r\n show: true,\r\n position: \"right\",\r\n distance: 80,\r\n align: \"right\",\r\n formatter: function (params) {\r\n return params.data.realValue + \" 万\";\r\n },\r\n color: \"#02afff\",\r\n fontSize: 18,\r\n },\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailqe1() {\r\n var fontColor = \"#fff\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailqe\"));\r\n var option = {\r\n tooltip: {\r\n show: true,\r\n trigger: \"item\",\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n data: [\"电压合格率\"],\r\n },\r\n },\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: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: \"#fff\",\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 \"202111\",\r\n \"202201\",\r\n \"202203\",\r\n \"202205\",\r\n \"202207\",\r\n \"202209\",\r\n \"202211\",\r\n ],\r\n },\r\n yAxis: {\r\n type: \"value\",\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n series: [\r\n {\r\n name: \"电压合格率\",\r\n type: \"line\",\r\n stack: \"Total\",\r\n smooth: true,\r\n symbol: \"none\",\r\n data: [120, 132, 101, 134, 90, 230, 210],\r\n itemStyle: {\r\n normal: {\r\n color: \"yellow\",\r\n lineStyle: {\r\n color: \"yellow\",\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 show: true,\r\n trigger: \"item\",\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n data: [\"电压合格率\"],\r\n },\r\n },\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: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: \"#fff\",\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: [\"05-05\", \"05-06\", \"05-07\", \"05-08\"],\r\n },\r\n yAxis: {\r\n type: \"value\",\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n series: [\r\n {\r\n name: \"电压合格率\",\r\n type: \"line\",\r\n stack: \"Total\",\r\n smooth: true,\r\n symbol: \"none\",\r\n data: [120, 132, 101, 134],\r\n itemStyle: {\r\n normal: {\r\n color: \"rgba(0,212,199,1)\",\r\n lineStyle: {\r\n color: \"rgba(0,212,199,1)\",\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 detailstop() {\r\n var myChart = this.$echarts.init(document.getElementById(\"detailstop\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n },\r\n\r\n data: [\"配变名称\"],\r\n },\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n data: [\r\n \"钱南1配变\",\r\n \"钱南2配变\",\r\n \"钱南3配变\",\r\n \"钱南4配变\",\r\n \"钱南5配变\",\r\n ],\r\n axisLabel: {\r\n show: true,\r\n textStyle: {\r\n color: \"#ffffff\",\r\n },\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"\",\r\n axisLabel: {\r\n textStyle: {\r\n color: \"#ffffff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"配变名称\",\r\n type: \"bar\",\r\n barWidth: 40, // 柱子宽度核心代码\r\n itemStyle: {\r\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n { offset: 1, color: \"rgba(86,254,226,.2) \" },\r\n { offset: 0.5, color: \"rgb(86,254,226,.6)\" },\r\n { offset: 0, color: \"rgb(86,254,226)\" },\r\n ]),\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n data: [320, 332, 301, 334, 390],\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n },\r\n 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 #detailedTwo1 {\r\n width: 100%;\r\n height: 350px;\r\n }\r\n #detailedTwo2 {\r\n width: 100%;\r\n height: 350px;\r\n }\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 #detailedTwo3 {\r\n width: 100%;\r\n height: 500px;\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/indexN/midzsj.png\") no-repeat;\r\n width: 100%;\r\n height: 17%;\r\n position: relative;\r\n top: 45%;\r\n left: 25%;\r\n .contents {\r\n // height: 90%;\r\n position: absolute;\r\n padding: 10px;\r\n height: 100%;\r\n display: flex;\r\n flex-direction: row;\r\n /* 平分剩余空间 */\r\n justify-content: space-around;\r\n .lines {\r\n width: 100%;\r\n margin: 0 1px;\r\n background: url(\"../assets/index/mainMin.png\") no-repeat;\r\n }\r\n\r\n .total {\r\n .num {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: center;\r\n align-items: left;\r\n color: #ffffff;\r\n h5 {\r\n font-size: 36px;\r\n }\r\n .yellow {\r\n padding-top: 30px;\r\n color: yellow;\r\n }\r\n .orange {\r\n padding-top: 30px;\r\n color: orange;\r\n }\r\n .yellows {\r\n padding-top: 20px;\r\n color: yellow;\r\n }\r\n .oranges {\r\n padding-top: 20px;\r\n color: orange;\r\n }\r\n span {\r\n float: left;\r\n font-size: 16px;\r\n vertical-align: bottom;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n .map {\r\n background: url(\"../assets/indexN/map.png\") no-repeat;\r\n vertical-align: middle;\r\n display: table-cell;\r\n text-align: center;\r\n margin-left: -20%;\r\n .allimg {\r\n position: relative;\r\n left: 20.5%;\r\n top: 35%;\r\n }\r\n }\r\n }\r\n\r\n .right {\r\n // width: 604px;\r\n width: 16.8%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n #detailqe {\r\n width: 100%;\r\n height: 350px;\r\n }\r\n #detailen {\r\n width: 100%;\r\n height: 350px;\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 #detailstop {\r\n width: 100%;\r\n height: 400px;\r\n }\r\n }\r\n}\r\n\r\n// }\r\n</style>\r\n<style lang=\"less\" scoped>\r\n// .el-popper {\r\n// top: 50%;\r\n// }\r\n\r\n/deep/ .popper__arrow {\r\n left: 171px !important;\r\n top: 95px !important;\r\n}\r\n\r\n/deep/ .el-select-dropdown {\r\n background-color: rgb(14, 30, 46) !important;\r\n border: 1px solid rgba(45, 143, 148, 0.5) !important;\r\n\r\n /deep/ .el-select-dropdown__item {\r\n color: #fff !important;\r\n }\r\n\r\n /deep/ .el-select-dropdown__item.hover,\r\n /deep/ .el-select-dropdown__item:hover {\r\n background-color: rgb(18, 54, 87) !important;\r\n }\r\n}\r\n\r\n/deep/ .el-popper[x-placement^=\"bottom\"] {\r\n margin-top: -146px !important;\r\n}\r\n\r\n/**\r\n表格有滚动效果但是不显示滚动条\r\n*/\r\n</style>\r\n<style lang=\"less\">\r\n.el-table .rowColor0 {\r\n background: red !important;\r\n animation: fade 2000ms infinite ease-in-out;\r\n}\r\n\r\n@keyframes fade {\r\n from {\r\n opacity: 1;\r\n }\r\n\r\n 50% {\r\n opacity: 0.6;\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n }\r\n}\r\n\r\n// .el-pager li:hover{\r\n// color:black\r\n// }\r\n.cartitle {\r\n height: 52px;\r\n width: 100%;\r\n // background: url(\"../assets/images/carTitle.png\") no-repeat;\r\n font-size: 24px;\r\n font-weight: 600;\r\n color: #ffffff;\r\n line-height: 52px;\r\n // text-align: left;\r\n text-indent: 26px;\r\n}\r\n.titleFont {\r\n color: transparent;\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n background-image: linear-gradient(\r\n to bottom,\r\n rgb(255, 255, 255),\r\n rgb(123, 247, 245)\r\n );\r\n img {\r\n margin: 20px;\r\n }\r\n}\r\n.content {\r\n padding: 24px 31px 0 31px;\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n\r\n .line {\r\n width: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n table {\r\n thead {\r\n font-size: 22px !important;\r\n height: 50px;\r\n background: url(\"../assets/02/bgbth.png\") no-repeat;\r\n }\r\n tbody {\r\n tr {\r\n height: 50px;\r\n font-size: 18px !important;\r\n color: #fff;\r\n background: url(\"../assets/02/bgqth.png\") no-repeat;\r\n }\r\n }\r\n }\r\n\r\n .total {\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-around;\r\n margin-bottom: 15%;\r\n\r\n .num {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: center;\r\n align-items: center;\r\n color: #ffffff;\r\n\r\n .numText {\r\n color: #ffffff;\r\n }\r\n\r\n .numText:before {\r\n content: attr(text);\r\n position: absolute;\r\n z-index: 10;\r\n color: rgb(86, 254, 246) !important;\r\n -webkit-mask: linear-gradient(to top, rgb(86, 244, 254), transparent);\r\n }\r\n }\r\n }\r\n\r\n .info {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n\r\n .lists {\r\n width: 100%;\r\n height: 32px;\r\n background: url(\"../assets/images/cardSquare.png\") no-repeat;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n align-items: center;\r\n background-size: 100% 100%;\r\n margin-bottom: 9%;\r\n padding: 0 10px 0 0;\r\n box-sizing: border-box;\r\n\r\n & > div {\r\n font-size: 18px;\r\n color: #ffffff;\r\n }\r\n\r\n .number {\r\n color: rgb(86, 254, 226);\r\n }\r\n }\r\n }\r\n }\r\n}\r\n.two {\r\n background: url(\"../assets/indexN/boxLr.png\") no-repeat;\r\n background-size: 100% 100%;\r\n position: relative;\r\n}\r\n.one {\r\n background: url(\"../assets/02/bgk.png\") no-repeat;\r\n background-size: 100% 100%;\r\n position: relative;\r\n\r\n .unityBtn {\r\n position: absolute;\r\n top: 40px;\r\n left: 30%;\r\n width: 40%;\r\n display: flex;\r\n justify-content: space-between;\r\n\r\n .btn {\r\n width: 100%;\r\n height: 38px;\r\n color: #fff;\r\n font-size: 18px;\r\n line-height: 38px;\r\n background: url(\"../assets/images/btnAct.png\") no-repeat;\r\n background-size: 100% 100%;\r\n margin-bottom: 10px;\r\n margin-right: 15px;\r\n }\r\n\r\n .btnAct {\r\n color: rgb(244, 201, 7);\r\n background: url(\"../assets/images/unityBtn.png\") no-repeat;\r\n background-size: 100% 100%;\r\n margin-right: 15px;\r\n }\r\n }\r\n\r\n .unityIcon {\r\n background: url(\"../assets/images/iconCard.png\") no-repeat;\r\n background-size: 100% 100%;\r\n width: 110px;\r\n height: 168px;\r\n position: absolute;\r\n right: 40px;\r\n bottom: 80px;\r\n display: flex;\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n flex-direction: column;\r\n justify-content: space-around;\r\n align-items: center;\r\n\r\n .unityIconGround {\r\n width: 80%;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n }\r\n\r\n .unityEnlargeBtn {\r\n width: 100px;\r\n display: flex;\r\n justify-content: space-around;\r\n position: absolute;\r\n right: 40px;\r\n top: 40px;\r\n\r\n .content {\r\n width: 38px;\r\n height: 36px;\r\n background: url(\"../assets/images/btnkuang.png\") no-repeat !important;\r\n background-size: 100% 100% !important;\r\n }\r\n }\r\n\r\n .unitySelect {\r\n position: absolute;\r\n left: 40px;\r\n width: 222px;\r\n height: 5%;\r\n bottom: 20px;\r\n display: flex;\r\n align-items: center;\r\n\r\n .unitySuosou {\r\n width: 57px;\r\n height: 53px;\r\n background: url(\"../assets/images/sousuoKuang.png\") no-repeat;\r\n background-size: 100% 100%;\r\n }\r\n }\r\n}\r\n</style>\r\n"]}]}
\ No newline at end of file
+{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\twentyKV.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\twentyKV.vue","mtime":1689929341388},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\babel.config.js","mtime":1689557787923},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["import _defineProperty from \"D:/\\u6797\\u8C37\\u667A\\u80FD\\u9879\\u76EE/yanchengPowerSupply/node_modules/@babel/runtime/helpers/esm/defineProperty.js\";\n//引入echarts\nimport * as echarts from \"echarts\";\n// 工单统计弹窗组件\n// import workOrder from \"../component/workOrder.vue\";\n// import ringMainUnit from \"./HomePop/ringMainUnit.vue\";\n// import routeDetail from \"../component/routeDetail.vue\";\n\n// 线路详情\n// import lineDetail from \"../component/lineDetail.vue\";\nexport default {\n name: \"twentyKV\",\n components: {\n // ringMainUnit, //环网柜弹窗\n // workOrder, //工单统计弹窗\n // routeDetail, //线路故障跳闸明细\n // 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: \"10#变压器\",\n stationNumber: \"10kv中北线151\",\n alternatorNumber: \"1\"\n }, {\n id: 2,\n name: \"10#变压器\",\n stationNumber: \"10kv中北线151\",\n alternatorNumber: \"1\"\n }, {\n id: 3,\n name: \"10#变压器\",\n stationNumber: \"10kv中北线151\",\n alternatorNumber: \"1\"\n }, {\n id: 4,\n name: \"10#变压器\",\n stationNumber: \"10kv中北线151\",\n alternatorNumber: \"2\"\n }, {\n id: 5,\n name: \"10#变压器\",\n stationNumber: \"10kv中北线151\",\n alternatorNumber: \"2\"\n }]), _ref;\n },\n created: function created() {},\n mounted: function mounted() {\n this.detailedTwo11();\n this.detailedTwo22();\n this.detailedTwo33();\n this.detailqe1();\n this.detailen1();\n this.detailstop();\n window.parent.getLoc();\n },\n methods: {\n detailedTwo11: function detailedTwo11() {\n var fontColor = \"#fff\";\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo1\"));\n var option = {\n tooltip: {\n show: true,\n trigger: \"item\"\n },\n legend: {\n textStyle: {\n fontSize: 18,\n //字体大小\n color: \"#ffffff\",\n //字体颜色\n data: [\"月用电变化率\", \"社会整体月变化率\"]\n }\n },\n grid: {\n left: \"3%\",\n right: \"4%\",\n bottom: \"3%\",\n containLabel: true\n },\n xAxis: {\n type: \"category\",\n boundaryGap: false,\n axisLabel: {\n color: fontColor\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\"]\n },\n yAxis: {\n type: \"value\",\n axisLine: {\n lineStyle: {\n color: \"#fff\"\n }\n },\n splitLine: {\n show: true,\n lineStyle: {\n type: \"dashed\",\n // color: 'rgba(66, 192, 255, .3)',\n color: \"rgba(102,102,102,0.6)\",\n width: 1\n }\n }\n },\n series: [{\n name: \"月用电变化率\",\n type: \"line\",\n stack: \"Total\",\n smooth: true,\n symbol: \"none\",\n data: [120, 132, 101, 134, 90, 230, 210],\n itemStyle: {\n normal: {\n color: \"yellow\",\n lineStyle: {\n color: \"yellow\"\n }\n }\n }\n }, {\n name: \"社会整体月变化率\",\n type: \"line\",\n smooth: true,\n stack: \"Total\",\n symbol: \"none\",\n data: [220, 182, 191, 234, 290, 330, 310],\n itemStyle: {\n normal: {\n color: \"rgba(0,212,199,1)\",\n lineStyle: {\n color: \"rgba(0,212,199,1)\"\n }\n }\n }\n }]\n };\n myChart.setOption(option);\n window.addEventListener(\"resize\", function () {\n myChart.resize();\n });\n },\n detailedTwo22: function detailedTwo22() {\n var fontColor = \"#30eee9\";\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo2\"));\n var option = {\n tooltip: {\n show: true,\n trigger: \"item\"\n },\n legend: {\n textStyle: {\n fontSize: 18,\n //字体大小\n color: \"#ffffff\",\n //字体颜色\n data: [\"本月用电总量\"]\n }\n },\n grid: {\n left: \"3%\",\n right: \"4%\",\n bottom: \"3%\",\n containLabel: true\n },\n xAxis: {\n type: \"category\",\n boundaryGap: false,\n axisLabel: {\n color: \"#fff\"\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\"]\n },\n yAxis: {\n type: \"value\",\n axisLine: {\n lineStyle: {\n color: \"#fff\"\n }\n },\n splitLine: {\n show: true,\n lineStyle: {\n type: \"dashed\",\n // color: 'rgba(66, 192, 255, .3)',\n color: \"rgba(102,102,102,0.6)\",\n width: 1\n }\n }\n },\n series: [{\n name: \"本月用电总量\",\n type: \"line\",\n stack: \"Total\",\n smooth: true,\n symbol: \"none\",\n data: [120, 132, 101, 134, 90, 230, 210],\n itemStyle: {\n normal: {\n color: \"yellow\",\n lineStyle: {\n color: \"yellow\"\n }\n }\n }\n }]\n };\n myChart.setOption(option);\n window.addEventListener(\"resize\", function () {\n myChart.resize();\n });\n },\n detailedTwo33: function detailedTwo33() {\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo3\"));\n var honorData = [{\n name: \"60天内掉电客户数\",\n data: [15.4, 14.1, 13.3, 12.6, 13.6, 14.4, 15.1, 16.3, 18.6, 16.6]\n }, {\n name: \"60天内掉电总数\",\n data: [9.4, 8.1, 7.3, 8.6, 6.6, 9.4, 8.1, 7.3, 8.6, 6.6]\n }];\n var honorXAxisData = [\"No.10\", \"No.9\", \"No.8\", \"No.7\", \"No.6\", \"No.5\", \"No.4\", \"No.3\", \"No.2\", \"No.1\"];\n var nameList = [\"PMS_晨光满园9台区\", \"滨河华苑3台区\", \"PMS_晨光满园11台区\", \"PMS_晨光满园7台区\", \"PMS_碧桂园10#配变\", \"PMS_碧桂园12#配变\", \"晨光满园16台区\", \"晨光满园14台区\", \"滨河华苑7台区\", \"PMS_中合六配变\"];\n var option = {\n color: [\"#0F9AF8\", \"#2039C3\", \"rgba(32,57,195,.5)\", \"#2ECACE\"],\n tooltip: {\n trigger: \"axis\",\n axisPointer: {\n type: \"none\"\n }\n },\n legend: {\n right: 5,\n top: \"5%\",\n itemWidth: 10,\n itemHeight: 10,\n itemGap: 25,\n textStyle: {\n color: \"#fff\",\n fontSize: 18\n }\n },\n grid: {\n top: \"15%\",\n left: \"14%\",\n right: \"1%\",\n bottom: \"1%\"\n },\n xAxis: [{\n type: \"value\",\n show: false,\n axisLine: {\n show: false\n },\n axisTick: {\n show: false\n },\n axisLabel: {\n color: \"#6B9DD7\",\n fontSize: 16,\n // 文字大小\n fontWeight: 400,\n interval: 0,\n formatter: function formatter(value) {\n return value + \"(万元)\";\n }\n },\n splitLine: {\n show: false\n }\n }],\n yAxis: [{\n type: \"category\",\n offset: 17,\n axisLine: {\n show: false\n },\n axisTick: {\n show: false\n },\n axisLabel: {\n color: \"#fff\",\n fontSize: 20,\n // 文字大小\n fontWeight: 700,\n interval: 0\n },\n data: honorXAxisData\n }, {\n //名称\n type: \"category\",\n offset: -10,\n position: \"left\",\n axisLine: {\n show: false\n },\n inverse: true,\n axisTick: {\n show: false\n },\n axisLabel: {\n interval: 0,\n color: \"#fff\",\n align: \"left\",\n verticalAlign: \"bottom\",\n lineHeight: 40,\n fontSize: 20\n },\n data: nameList\n }],\n series: [{\n name: \"60天内掉电客户数\",\n type: \"bar\",\n stack: \"zongliang\",\n barWidth: \"25%\",\n barGap: 40,\n // 柱图之间的间距\n itemStyle: {\n //自定义颜色\n // normal: { color: \"orange\" },\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{\n //代表渐变色从正上方开始\n offset: 0,\n //offset范围是0~1，用于表示位置，0是指0%处的颜色\n color: \"rgba(255,165,0,.4)\"\n },\n //柱图渐变色\n {\n offset: 1,\n //指100%处的颜色\n color: \"rgb(255,165,0)\"\n }])\n },\n label: {\n normal: {\n show: true,\n position: [\"80%\", \"-150%\"],\n formatter: function formatter(params) {\n return params.value;\n },\n textStyle: {\n color: \"#fff\",\n fontSize: 18\n }\n }\n },\n data: honorData[0].data\n }, {\n name: \"60天内掉电总数\",\n type: \"bar\",\n stack: \"zongliang\",\n barWidth: \"25%\",\n barGap: 40,\n // 柱图之间的间距\n itemStyle: {\n //自定义颜色\n // normal: { color: \"orange\" },\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{\n //代表渐变色从正上方开始\n offset: 0,\n //offset范围是0~1，用于表示位置，0是指0%处的颜色\n color: \"#005BEA\"\n },\n //柱图渐变色\n {\n offset: 1,\n //指100%处的颜色\n color: \"#00C6FB\"\n }])\n },\n label: {\n normal: {\n show: true,\n position: [\"80%\", \"-150%\"],\n formatter: function formatter(params) {\n return params.value;\n },\n textStyle: {\n color: \"#fff\",\n fontSize: 18\n }\n }\n },\n data: honorData[1].data\n }]\n };\n myChart.setOption(option);\n window.addEventListener(\"resize\", function () {\n myChart.resize();\n });\n },\n detailqe1: function detailqe1() {\n var fontColor = \"#fff\";\n var myChart = this.$echarts.init(document.getElementById(\"detailqe\"));\n var option = {\n tooltip: {\n show: true,\n trigger: \"item\"\n },\n legend: {\n textStyle: {\n fontSize: 18,\n //字体大小\n color: \"#ffffff\",\n //字体颜色\n data: [\"电压合格率\"]\n }\n },\n grid: {\n left: \"3%\",\n right: \"4%\",\n bottom: \"3%\",\n containLabel: true\n },\n xAxis: {\n type: \"category\",\n boundaryGap: false,\n axisLabel: {\n color: \"#fff\"\n },\n axisTick: {\n show: false\n },\n splitLine: {\n show: false,\n lineStyle: {\n color: \"#195384\"\n }\n },\n data: [\"202111\", \"202201\", \"202203\", \"202205\", \"202207\", \"202209\", \"202211\"]\n },\n yAxis: {\n type: \"value\",\n axisLine: {\n lineStyle: {\n color: \"#fff\"\n }\n },\n splitLine: {\n show: true,\n lineStyle: {\n type: \"dashed\",\n // color: 'rgba(66, 192, 255, .3)',\n color: \"rgba(102,102,102,0.6)\",\n width: 1\n }\n }\n },\n series: [{\n name: \"电压合格率\",\n type: \"line\",\n stack: \"Total\",\n smooth: true,\n symbol: \"none\",\n data: [120, 132, 101, 134, 90, 230, 210],\n itemStyle: {\n normal: {\n color: \"yellow\",\n lineStyle: {\n color: \"yellow\"\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 show: true,\n trigger: \"item\"\n },\n legend: {\n textStyle: {\n fontSize: 18,\n //字体大小\n color: \"#ffffff\",\n //字体颜色\n data: [\"电压合格率\"]\n }\n },\n grid: {\n left: \"3%\",\n right: \"4%\",\n bottom: \"3%\",\n containLabel: true\n },\n xAxis: {\n type: \"category\",\n boundaryGap: false,\n axisLabel: {\n color: \"#fff\"\n },\n axisTick: {\n show: false\n },\n splitLine: {\n show: false,\n lineStyle: {\n color: \"#195384\"\n }\n },\n data: [\"05-05\", \"05-06\", \"05-07\", \"05-08\"]\n },\n yAxis: {\n type: \"value\",\n axisLine: {\n lineStyle: {\n color: \"#fff\"\n }\n },\n splitLine: {\n show: true,\n lineStyle: {\n type: \"dashed\",\n // color: 'rgba(66, 192, 255, .3)',\n color: \"rgba(102,102,102,0.6)\",\n width: 1\n }\n }\n },\n series: [{\n name: \"电压合格率\",\n type: \"line\",\n stack: \"Total\",\n smooth: true,\n symbol: \"none\",\n data: [120, 132, 101, 134],\n itemStyle: {\n normal: {\n color: \"rgba(0,212,199,1)\",\n lineStyle: {\n color: \"rgba(0,212,199,1)\"\n }\n }\n }\n }]\n };\n myChart.setOption(option);\n window.addEventListener(\"resize\", function () {\n myChart.resize();\n });\n },\n detailstop: function detailstop() {\n var myChart = this.$echarts.init(document.getElementById(\"detailstop\"));\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: [\"钱南1配变\", \"钱南2配变\", \"钱南3配变\", \"钱南4配变\", \"钱南5配变\"],\n axisLabel: {\n show: true,\n textStyle: {\n color: \"#ffffff\"\n }\n }\n }],\n yAxis: [{\n type: \"value\",\n name: \"\",\n axisLabel: {\n textStyle: {\n color: \"#ffffff\"\n }\n },\n splitLine: {\n show: true,\n lineStyle: {\n type: \"dashed\",\n // color: 'rgba(66, 192, 255, .3)',\n color: \"rgba(102,102,102,0.6)\",\n width: 1\n }\n }\n }],\n series: [{\n name: \"配变名称\",\n type: \"bar\",\n barWidth: 40,\n // 柱子宽度核心代码\n itemStyle: {\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{\n offset: 1,\n color: \"rgba(86,254,226,.2) \"\n }, {\n offset: 0.5,\n color: \"rgb(86,254,226,.6)\"\n }, {\n offset: 0,\n color: \"rgb(86,254,226)\"\n }]),\n borderRadius: [7, 7, 0, 0],\n // 柱状图圆角\n borderWidth: 0\n },\n data: [320, 332, 301, 334, 390]\n }]\n };\n myChart.setOption(option);\n window.addEventListener(\"resize\", function () {\n myChart.resize();\n });\n }\n },\n watch: {}\n};",{"version":3,"mappings":";AAkOA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;EACAA;EACAC;IACA;IACA;IACA;IACA;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;QACAtB;MACA,GACA;QACAsB;QACAtB;MACA,GACA;QACAsB;QACAtB;MACA,GACA;QACAsB;QACAtB;MACA,EACA;MACAuB,aACA;QACAD;MACA,GACA;QACAA;MACA,EACA;MACAE,cACA;QACAF;MACA,GACA;QACAA;MACA,EACA;MACAG,UACA;QACAC;QACAC;MACA,EACA;MACAD;MACAE,aACA;QACA5B;QACA6B;MACA,GACA;QACA7B;QACA6B;MACA,GACA;QACA7B;QACA6B;MACA,EACA;MACAC;IAAA,sCACA,uCACA,iDACA,oCACA,2CACA,0CAEA,0CACA,wCAEA,0CACA,uCAEA,yCACA,oCACA,8CACA,sCACA,sCACA,CACA;MACAC;MACA/B;MACAgC;MACAC;IACA,GACA;MACAF;MACA/B;MACAgC;MACAC;IACA,GACA;MACAF;MACA/B;MACAgC;MACAC;IACA,GACA;MACAF;MACA/B;MACAgC;MACAC;IACA,GACA;MACAF;MACA/B;MACAgC;MACAC;IACA,EACA;EAEA;EACAC;EACAC;IACA;IACA;IACA;IACA;IACA;IACA;IACAC;EACA;EACAC;IACAC;MACA;MACA;MACA;QACAC;UACAC;UACAC;QACA;QACAC;UACAC;YACAC;YAAA;YACAC;YAAA;YACA3C;UACA;QACA;QACA4C;UACAC;UACAC;UACAC;UACAC;QACA;QACAC;UACAC;UACAC;UACAC;YACAT;UACA;UACAU;YACAf;UACA;UACAgB;YACAhB;YACAiB;cACAZ;YACA;UACA;UACA3C,OACA,QACA,QACA,QACA,QACA,QACA,QACA;QAEA;QACAwD;UACAN;UACAO;YACAF;cACAZ;YACA;UACA;UACAW;YACAhB;YACAiB;cACAL;cACA;cACAP;cACAe;YACA;UACA;QACA;QACAC,SACA;UACA7D;UACAoD;UACAU;UACAC;UACAC;UACA9D;UACA+D;YACAC;cACArB;cACAY;gBACAZ;cACA;YACA;UACA;QACA,GACA;UACA7C;UACAoD;UACAW;UACAD;UACAE;UACA9D;UACA+D;YACAC;cACArB;cACAY;gBACAZ;cACA;YACA;UACA;QACA;MAEA;MACAsB;MACA/B;QACA+B;MACA;IACA;IACAC;MACA;MACA;MACA;QACA7B;UACAC;UACAC;QACA;QACAC;UACAC;YACAC;YAAA;YACAC;YAAA;YACA3C;UACA;QACA;QACA4C;UACAC;UACAC;UACAC;UACAC;QACA;QACAC;UACAC;UACAC;UACAC;YACAT;UACA;UACAU;YACAf;UACA;UACAgB;YACAhB;YACAiB;cACAZ;YACA;UACA;UACA3C,OACA,QACA,QACA,QACA,QACA,QACA,QACA;QAEA;QACAwD;UACAN;UACAO;YACAF;cACAZ;YACA;UACA;UACAW;YACAhB;YACAiB;cACAL;cACA;cACAP;cACAe;YACA;UACA;QACA;QACAC,SACA;UACA7D;UACAoD;UACAU;UACAC;UACAC;UACA9D;UACA+D;YACAC;cACArB;cACAY;gBACAZ;cACA;YACA;UACA;QACA;MAEA;MACAsB;MACA/B;QACA+B;MACA;IACA;IACAE;MACA;MACA,iBACA;QACArE;QACAE;MACA,GACA;QACAF;QACAE;MACA,EACA;MACA,sBACA,SACA,QACA,QACA,QACA,QACA,QACA,QACA,QACA,QACA,OACA;MACA,gBACA,eACA,WACA,gBACA,eACA,gBACA,gBACA,YACA,YACA,WACA,YACA;MACA;QACA2C;QACAN;UACAE;UACA6B;YACAlB;UACA;QACA;QACAV;UACAM;UACAuB;UACAC;UACAC;UACAC;UACA/B;YACAE;YACAD;UACA;QACA;QACAE;UACAyB;UACAxB;UACAC;UACAC;QACA;QACAE,QACA;UACAC;UACAZ;UACAmB;YACAnB;UACA;UACAe;YACAf;UACA;UACAc;YACAT;YACAD;YAAA;YACA+B;YACAC;YACAC;cACA;YACA;UACA;UACArB;YACAhB;UACA;QACA,EACA;QACAkB,QACA;UACAN;UACA0B;UACAnB;YACAnB;UACA;UACAe;YACAf;UACA;UACAc;YACAT;YACAD;YAAA;YACA+B;YACAC;UACA;UACA1E;QACA,GACA;UACA;UACAkD;UACA0B;UACAC;UACApB;YACAnB;UACA;UACAwC;UACAzB;YACAf;UACA;UACAc;YACAsB;YACA/B;YACAoC;YACAC;YACAC;YACAvC;UACA;UACA1C;QACA,EACA;QACA2D,SACA;UACA7D;UACAoD;UACAU;UACAsB;UACAC;UAAA;UACApB;YACA;YACA;YACApB,uDACA;cACA;cACAiC;cAAA;cACAjC;YACA;YAAA;YACA;cACAiC;cAAA;cACAjC;YACA,EACA;UACA;UACAlB;YACAuC;cACA1B;cACAuC;cACAF;gBACA;cACA;cACAlC;gBACAE;gBACAD;cACA;YACA;UACA;UAEA1C;QACA,GACA;UACAF;UACAoD;UACAU;UACAsB;UACAC;UAAA;UACApB;YACA;YACA;YACApB,uDACA;cACA;cACAiC;cAAA;cACAjC;YACA;YAAA;YACA;cACAiC;cAAA;cACAjC;YACA,EACA;UACA;UACAlB;YACAuC;cACA1B;cACAuC;cACAF;gBACA;cACA;cACAlC;gBACAE;gBACAD;cACA;YACA;UACA;UACA1C;QACA;MAEA;MACAiE;MACA/B;QACA+B;MACA;IACA;IACAmB;MACA;MACA;MACA;QACA/C;UACAC;UACAC;QACA;QACAC;UACAC;YACAC;YAAA;YACAC;YAAA;YACA3C;UACA;QACA;QACA4C;UACAC;UACAC;UACAC;UACAC;QACA;QACAC;UACAC;UACAC;UACAC;YACAT;UACA;UACAU;YACAf;UACA;UACAgB;YACAhB;YACAiB;cACAZ;YACA;UACA;UACA3C,OACA,UACA,UACA,UACA,UACA,UACA,UACA;QAEA;QACAwD;UACAN;UACAO;YACAF;cACAZ;YACA;UACA;UACAW;YACAhB;YACAiB;cACAL;cACA;cACAP;cACAe;YACA;UACA;QACA;QACAC,SACA;UACA7D;UACAoD;UACAU;UACAC;UACAC;UACA9D;UACA+D;YACAC;cACArB;cACAY;gBACAZ;cACA;YACA;UACA;QACA;MAEA;MACAsB;MACA/B;QACA+B;MACA;IACA;IACAoB;MACA;MACA;MACA;QACAhD;UACAC;UACAC;QACA;QACAC;UACAC;YACAC;YAAA;YACAC;YAAA;YACA3C;UACA;QACA;QACA4C;UACAC;UACAC;UACAC;UACAC;QACA;QACAC;UACAC;UACAC;UACAC;YACAT;UACA;UACAU;YACAf;UACA;UACAgB;YACAhB;YACAiB;cACAZ;YACA;UACA;UACA3C;QACA;QACAwD;UACAN;UACAO;YACAF;cACAZ;YACA;UACA;UACAW;YACAhB;YACAiB;cACAL;cACA;cACAP;cACAe;YACA;UACA;QACA;QACAC,SACA;UACA7D;UACAoD;UACAU;UACAC;UACAC;UACA9D;UACA+D;YACAC;cACArB;cACAY;gBACAZ;cACA;YACA;UACA;QACA;MAEA;MACAsB;MACA/B;QACA+B;MACA;IACA;IACAqB;MACA;MACA;QACAjD;UACAE;UACA6B;YACAlB;UACA;QACA;QACAV;UACAC;YACAC;YAAA;YACAC;UACA;;UAEA3C;QACA;QACAiD,QACA;UACAC;UACAlD,OACA,SACA,SACA,SACA,SACA,QACA;UACAoD;YACAd;YACAG;cACAE;YACA;UACA;QACA,EACA;QACAa,QACA;UACAN;UACApD;UACAsD;YACAX;cACAE;YACA;UACA;UACAW;YACAhB;YACAiB;cACAL;cACA;cACAP;cACAe;YACA;UACA;QACA,EACA;QACAC,SACA;UACA7D;UACAoD;UACAgC;UAAA;UACAnB;YACApB,uDACA;cAAAiC;cAAAjC;YAAA,GACA;cAAAiC;cAAAjC;YAAA,GACA;cAAAiC;cAAAjC;YAAA,EACA;YACA4C;YAAA;YACAC;UACA;UACAxF;QACA;MAEA;MACAiE;MACA/B;QACA+B;MACA;IACA;EACA;EACAwB;AACA","names":["name","components","data","pageShow","totals","pageSize","page","threeImg","enlargeShow","dateList","acolor","currentIndex","alarmInformationData","alarmInformationShow","realTimeAlarmShow","modelOthers","componentShow","CompanyInfo","tableData","btnArr","btnActive","iconGround","icon","btnEnlarge","btnEnlarge1","options","value","label","topContent","count","device","id","stationNumber","alternatorNumber","created","mounted","window","methods","detailedTwo11","tooltip","show","trigger","legend","textStyle","fontSize","color","grid","left","right","bottom","containLabel","xAxis","type","boundaryGap","axisLabel","axisTick","splitLine","lineStyle","yAxis","axisLine","width","series","stack","smooth","symbol","itemStyle","normal","myChart","detailedTwo22","detailedTwo33","axisPointer","top","itemWidth","itemHeight","itemGap","fontWeight","interval","formatter","offset","position","inverse","align","verticalAlign","lineHeight","barWidth","barGap","detailqe1","detailen1","detailstop","borderRadius","borderWidth","watch"],"sourceRoot":"src/views","sources":["twentyKV.vue"],"sourcesContent":["<template>\r\n <div class=\"home\">\r\n <div class=\"left\" id=\"left\">\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>园区供电所居民用户异常月电量</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div id=\"detailedTwo1\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>园区供电所居民用户月电量</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div id=\"detailedTwo2\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"left1\" id=\"left\">\r\n <div class=\"one\" style=\"height: 100%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>60天内台区掉电客户数TOP10</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div id=\"detailedTwo3\"></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 <img class=\"allimg\" src=\"../assets/indexN/dfsxz.png\" alt=\"\" />\r\n <div class=\"imgboxone\">\r\n <div class=\"contents\">\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <div style=\"display: inline-block\">\r\n <img\r\n style=\"float: left\"\r\n src=\"../assets/index/mainTb1.png\"\r\n alt=\"\"\r\n />\r\n <span\r\n > 台区总数</span\r\n >\r\n </div>\r\n <h5 class=\"yellow\">679</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 <div style=\"display: inherit\">\r\n <img\r\n style=\"float: left; height: 30px; width: 30px\"\r\n src=\"../assets/index/mainTb2.png\"\r\n alt=\"\"\r\n />\r\n <span>近60天内发生过停电的配变数</span>\r\n </div>\r\n\r\n <h5 class=\"oranges\">234</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 <div style=\"display: inherit\">\r\n <img\r\n style=\"float: left; height: 30px; width: 30px\"\r\n src=\"../assets/index/mainTb1.png\"\r\n alt=\"\"\r\n />\r\n <span>近60天三相不平衡台区数</span>\r\n </div>\r\n\r\n <h5 class=\"yellow\">0</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 <div style=\"display: inherit\">\r\n <img\r\n style=\"float: left; height: 30px; width: 30px\"\r\n src=\"../assets/index/mainTb2.png\"\r\n alt=\"\"\r\n />\r\n <span>近一周线损异常台区数</span>\r\n </div>\r\n\r\n <h5 class=\"orange\">0</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 <div style=\"display: inherit\">\r\n <img\r\n style=\"float: left; height: 30px; width: 30px\"\r\n src=\"../assets/index/mainTb1.png\"\r\n alt=\"\"\r\n />\r\n <span>近60天内发生过停电的中压线路数</span>\r\n </div>\r\n\r\n <h5 class=\"yellows\">0</h5>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"right\" id=\"right\">\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>月合格率波动图</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div id=\"detailqe\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>日合格率波动图</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div 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=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>进60天配变停电时间分析</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <table>\r\n <thead style=\"color: #fff; font-size: 30px\">\r\n <tr>\r\n <td>序号</td>\r\n <td>配变名称</td>\r\n <td>所属电路</td>\r\n <td>停电次数</td>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <tr v-for=\"(item, index) in pvTable\" :key=\"index\">\r\n <td>{{ item.id }}</td>\r\n <td>{{ item.name }}</td>\r\n <td>{{ item.stationNumber }}</td>\r\n <td class=\"titleFont\">{{ item.alternatorNumber }}</td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>近60天频繁停电配变</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div id=\"detailstop\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <audio\r\n controls=\"controls\"\r\n hidden\r\n src=\"../assets/videos/police.wav\"\r\n ref=\"audio\"\r\n ></audio>\r\n </div>\r\n</template>\r\n\r\n<script>\r\n//引入echarts\r\nimport * as echarts from \"echarts\";\r\n// 工单统计弹窗组件\r\n// import workOrder from \"../component/workOrder.vue\";\r\n// import ringMainUnit from \"./HomePop/ringMainUnit.vue\";\r\n// import routeDetail from \"../component/routeDetail.vue\";\r\n\r\n// 线路详情\r\n// import lineDetail from \"../component/lineDetail.vue\";\r\nexport default {\r\n name: \"twentyKV\",\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: \"10#变压器\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"1\",\r\n },\r\n {\r\n id: 2,\r\n name: \"10#变压器\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"1\",\r\n },\r\n {\r\n id: 3,\r\n name: \"10#变压器\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"1\",\r\n },\r\n {\r\n id: 4,\r\n name: \"10#变压器\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"2\",\r\n },\r\n {\r\n id: 5,\r\n name: \"10#变压器\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"2\",\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.detailedTwo33();\r\n this.detailqe1();\r\n this.detailen1();\r\n this.detailstop();\r\n window.parent.getLoc();\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 tooltip: {\r\n show: true,\r\n trigger: \"item\",\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n data: [\"月用电变化率\", \"社会整体月变化率\"],\r\n },\r\n },\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: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: fontColor,\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 \"高进军1\",\r\n \"高进军2\",\r\n \"高进军3\",\r\n \"高进军4\",\r\n \"高进军5\",\r\n \"高进军6\",\r\n \"高进军7\",\r\n ],\r\n },\r\n yAxis: {\r\n type: \"value\",\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n series: [\r\n {\r\n name: \"月用电变化率\",\r\n type: \"line\",\r\n stack: \"Total\",\r\n smooth: true,\r\n symbol: \"none\",\r\n data: [120, 132, 101, 134, 90, 230, 210],\r\n itemStyle: {\r\n normal: {\r\n color: \"yellow\",\r\n lineStyle: {\r\n color: \"yellow\",\r\n },\r\n },\r\n },\r\n },\r\n {\r\n name: \"社会整体月变化率\",\r\n type: \"line\",\r\n smooth: true,\r\n stack: \"Total\",\r\n symbol: \"none\",\r\n data: [220, 182, 191, 234, 290, 330, 310],\r\n itemStyle: {\r\n normal: {\r\n color: \"rgba(0,212,199,1)\",\r\n lineStyle: {\r\n color: \"rgba(0,212,199,1)\",\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 detailedTwo22() {\r\n var fontColor = \"#30eee9\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo2\"));\r\n var option = {\r\n tooltip: {\r\n show: true,\r\n trigger: \"item\",\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n data: [\"本月用电总量\"],\r\n },\r\n },\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: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: \"#fff\",\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 \"高进军1\",\r\n \"高进军2\",\r\n \"高进军3\",\r\n \"高进军4\",\r\n \"高进军5\",\r\n \"高进军6\",\r\n \"高进军7\",\r\n ],\r\n },\r\n yAxis: {\r\n type: \"value\",\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n series: [\r\n {\r\n name: \"本月用电总量\",\r\n type: \"line\",\r\n stack: \"Total\",\r\n smooth: true,\r\n symbol: \"none\",\r\n data: [120, 132, 101, 134, 90, 230, 210],\r\n itemStyle: {\r\n normal: {\r\n color: \"yellow\",\r\n lineStyle: {\r\n color: \"yellow\",\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 detailedTwo33() {\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo3\"));\r\n var honorData = [\r\n {\r\n name: \"60天内掉电客户数\",\r\n data: [15.4, 14.1, 13.3, 12.6, 13.6, 14.4, 15.1, 16.3, 18.6, 16.6],\r\n },\r\n {\r\n name: \"60天内掉电总数\",\r\n data: [9.4, 8.1, 7.3, 8.6, 6.6, 9.4, 8.1, 7.3, 8.6, 6.6],\r\n },\r\n ];\r\n var honorXAxisData = [\r\n \"No.10\",\r\n \"No.9\",\r\n \"No.8\",\r\n \"No.7\",\r\n \"No.6\",\r\n \"No.5\",\r\n \"No.4\",\r\n \"No.3\",\r\n \"No.2\",\r\n \"No.1\",\r\n ];\r\n var nameList = [\r\n \"PMS_晨光满园9台区\",\r\n \"滨河华苑3台区\",\r\n \"PMS_晨光满园11台区\",\r\n \"PMS_晨光满园7台区\",\r\n \"PMS_碧桂园10#配变\",\r\n \"PMS_碧桂园12#配变\",\r\n \"晨光满园16台区\",\r\n \"晨光满园14台区\",\r\n \"滨河华苑7台区\",\r\n \"PMS_中合六配变\",\r\n ];\r\n var option = {\r\n color: [\"#0F9AF8\", \"#2039C3\", \"rgba(32,57,195,.5)\", \"#2ECACE\"],\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"none\",\r\n },\r\n },\r\n legend: {\r\n right: 5,\r\n top: \"5%\",\r\n itemWidth: 10,\r\n itemHeight: 10,\r\n itemGap: 25,\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n grid: {\r\n top: \"15%\",\r\n left: \"14%\",\r\n right: \"1%\",\r\n bottom: \"1%\",\r\n },\r\n xAxis: [\r\n {\r\n type: \"value\",\r\n show: false,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: \"#6B9DD7\",\r\n fontSize: 16, // 文字大小\r\n fontWeight: 400,\r\n interval: 0,\r\n formatter: function (value) {\r\n return value + \"(万元)\";\r\n },\r\n },\r\n splitLine: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"category\",\r\n offset: 17,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: \"#fff\",\r\n fontSize: 20, // 文字大小\r\n fontWeight: 700,\r\n interval: 0,\r\n },\r\n data: honorXAxisData,\r\n },\r\n {\r\n //名称\r\n type: \"category\",\r\n offset: -10,\r\n position: \"left\",\r\n axisLine: {\r\n show: false,\r\n },\r\n inverse: true,\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n color: \"#fff\",\r\n align: \"left\",\r\n verticalAlign: \"bottom\",\r\n lineHeight: 40,\r\n fontSize: 20,\r\n },\r\n data: nameList,\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"60天内掉电客户数\",\r\n type: \"bar\",\r\n stack: \"zongliang\",\r\n barWidth: \"25%\",\r\n barGap: 40, // 柱图之间的间距\r\n itemStyle: {\r\n //自定义颜色\r\n // normal: { color: \"orange\" },\r\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"rgba(255,165,0,.4)\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"rgb(255,165,0)\",\r\n },\r\n ]),\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: [\"80%\", \"-150%\"],\r\n formatter: function (params) {\r\n return params.value;\r\n },\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n\r\n data: honorData[0].data,\r\n },\r\n {\r\n name: \"60天内掉电总数\",\r\n type: \"bar\",\r\n stack: \"zongliang\",\r\n barWidth: \"25%\",\r\n barGap: 40, // 柱图之间的间距\r\n itemStyle: {\r\n //自定义颜色\r\n // normal: { color: \"orange\" },\r\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"#005BEA\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"#00C6FB\",\r\n },\r\n ]),\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: [\"80%\", \"-150%\"],\r\n formatter: function (params) {\r\n return params.value;\r\n },\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n data: honorData[1].data,\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailqe1() {\r\n var fontColor = \"#fff\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailqe\"));\r\n var option = {\r\n tooltip: {\r\n show: true,\r\n trigger: \"item\",\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n data: [\"电压合格率\"],\r\n },\r\n },\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: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: \"#fff\",\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 \"202111\",\r\n \"202201\",\r\n \"202203\",\r\n \"202205\",\r\n \"202207\",\r\n \"202209\",\r\n \"202211\",\r\n ],\r\n },\r\n yAxis: {\r\n type: \"value\",\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n series: [\r\n {\r\n name: \"电压合格率\",\r\n type: \"line\",\r\n stack: \"Total\",\r\n smooth: true,\r\n symbol: \"none\",\r\n data: [120, 132, 101, 134, 90, 230, 210],\r\n itemStyle: {\r\n normal: {\r\n color: \"yellow\",\r\n lineStyle: {\r\n color: \"yellow\",\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 show: true,\r\n trigger: \"item\",\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n data: [\"电压合格率\"],\r\n },\r\n },\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: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: \"#fff\",\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: [\"05-05\", \"05-06\", \"05-07\", \"05-08\"],\r\n },\r\n yAxis: {\r\n type: \"value\",\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n series: [\r\n {\r\n name: \"电压合格率\",\r\n type: \"line\",\r\n stack: \"Total\",\r\n smooth: true,\r\n symbol: \"none\",\r\n data: [120, 132, 101, 134],\r\n itemStyle: {\r\n normal: {\r\n color: \"rgba(0,212,199,1)\",\r\n lineStyle: {\r\n color: \"rgba(0,212,199,1)\",\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 detailstop() {\r\n var myChart = this.$echarts.init(document.getElementById(\"detailstop\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n },\r\n\r\n data: [\"配变名称\"],\r\n },\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n data: [\r\n \"钱南1配变\",\r\n \"钱南2配变\",\r\n \"钱南3配变\",\r\n \"钱南4配变\",\r\n \"钱南5配变\",\r\n ],\r\n axisLabel: {\r\n show: true,\r\n textStyle: {\r\n color: \"#ffffff\",\r\n },\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"\",\r\n axisLabel: {\r\n textStyle: {\r\n color: \"#ffffff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"配变名称\",\r\n type: \"bar\",\r\n barWidth: 40, // 柱子宽度核心代码\r\n itemStyle: {\r\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n { offset: 1, color: \"rgba(86,254,226,.2) \" },\r\n { offset: 0.5, color: \"rgb(86,254,226,.6)\" },\r\n { offset: 0, color: \"rgb(86,254,226)\" },\r\n ]),\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n data: [320, 332, 301, 334, 390],\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n },\r\n 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 #detailedTwo1 {\r\n width: 100%;\r\n height: 350px;\r\n }\r\n #detailedTwo2 {\r\n width: 100%;\r\n height: 350px;\r\n }\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 #detailedTwo3 {\r\n width: 100%;\r\n height: 70vh;\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/indexN/midzsj.png\") no-repeat;\r\n width: 100%;\r\n height: 17%;\r\n position: relative;\r\n top: 45%;\r\n left: 25%;\r\n .contents {\r\n // height: 90%;\r\n position: absolute;\r\n padding: 10px;\r\n height: 100%;\r\n display: flex;\r\n flex-direction: row;\r\n /* 平分剩余空间 */\r\n justify-content: space-around;\r\n .lines {\r\n width: 100%;\r\n margin: 0 1px;\r\n background: url(\"../assets/index/mainMin.png\") no-repeat;\r\n }\r\n\r\n .total {\r\n .num {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: center;\r\n align-items: left;\r\n color: #ffffff;\r\n h5 {\r\n font-size: 36px;\r\n }\r\n .yellow {\r\n padding-top: 30px;\r\n color: yellow;\r\n }\r\n .orange {\r\n padding-top: 30px;\r\n color: orange;\r\n }\r\n .yellows {\r\n padding-top: 20px;\r\n color: yellow;\r\n }\r\n .oranges {\r\n padding-top: 20px;\r\n color: orange;\r\n }\r\n span {\r\n float: left;\r\n font-size: 16px;\r\n vertical-align: bottom;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n .map {\r\n background: url(\"../assets/indexN/map.png\") no-repeat;\r\n vertical-align: middle;\r\n display: table-cell;\r\n text-align: center;\r\n margin-left: -20%;\r\n .allimg {\r\n position: relative;\r\n left: 20.5%;\r\n top: 35%;\r\n }\r\n }\r\n }\r\n\r\n .right {\r\n // width: 604px;\r\n width: 16.8%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n #detailqe {\r\n width: 100%;\r\n height: 350px;\r\n }\r\n #detailen {\r\n width: 100%;\r\n height: 350px;\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 #detailstop {\r\n width: 100%;\r\n height: 400px;\r\n }\r\n }\r\n}\r\n\r\n// }\r\n</style>\r\n<style lang=\"less\" scoped>\r\n// .el-popper {\r\n// top: 50%;\r\n// }\r\n\r\n/deep/ .popper__arrow {\r\n left: 171px !important;\r\n top: 95px !important;\r\n}\r\n\r\n/deep/ .el-select-dropdown {\r\n background-color: rgb(14, 30, 46) !important;\r\n border: 1px solid rgba(45, 143, 148, 0.5) !important;\r\n\r\n /deep/ .el-select-dropdown__item {\r\n color: #fff !important;\r\n }\r\n\r\n /deep/ .el-select-dropdown__item.hover,\r\n /deep/ .el-select-dropdown__item:hover {\r\n background-color: rgb(18, 54, 87) !important;\r\n }\r\n}\r\n\r\n/deep/ .el-popper[x-placement^=\"bottom\"] {\r\n margin-top: -146px !important;\r\n}\r\n\r\n/**\r\n表格有滚动效果但是不显示滚动条\r\n*/\r\n</style>\r\n<style lang=\"less\">\r\n.el-table .rowColor0 {\r\n background: red !important;\r\n animation: fade 2000ms infinite ease-in-out;\r\n}\r\n\r\n@keyframes fade {\r\n from {\r\n opacity: 1;\r\n }\r\n\r\n 50% {\r\n opacity: 0.6;\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n }\r\n}\r\n\r\n// .el-pager li:hover{\r\n// color:black\r\n// }\r\n.cartitle {\r\n height: 52px;\r\n width: 100%;\r\n // background: url(\"../assets/images/carTitle.png\") no-repeat;\r\n font-size: 24px;\r\n font-weight: 600;\r\n color: #ffffff;\r\n line-height: 52px;\r\n // text-align: left;\r\n text-indent: 26px;\r\n}\r\n.titleFont {\r\n color: transparent;\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n background-image: linear-gradient(\r\n to bottom,\r\n rgb(255, 255, 255),\r\n rgb(123, 247, 245)\r\n );\r\n img {\r\n margin: 20px;\r\n }\r\n}\r\n.content {\r\n padding: 24px 31px 0 31px;\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n\r\n .line {\r\n width: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n table {\r\n thead {\r\n font-size: 22px !important;\r\n height: 50px;\r\n background: url(\"../assets/02/bgbth.png\") no-repeat;\r\n }\r\n tbody {\r\n tr {\r\n height: 50px;\r\n font-size: 18px !important;\r\n color: #fff;\r\n background: url(\"../assets/02/bgqth.png\") no-repeat;\r\n }\r\n }\r\n }\r\n\r\n .total {\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-around;\r\n margin-bottom: 15%;\r\n\r\n .num {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: center;\r\n align-items: center;\r\n color: #ffffff;\r\n\r\n .numText {\r\n color: #ffffff;\r\n }\r\n\r\n .numText:before {\r\n content: attr(text);\r\n position: absolute;\r\n z-index: 10;\r\n color: rgb(86, 254, 246) !important;\r\n -webkit-mask: linear-gradient(to top, rgb(86, 244, 254), transparent);\r\n }\r\n }\r\n }\r\n\r\n .info {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n\r\n .lists {\r\n width: 100%;\r\n height: 32px;\r\n background: url(\"../assets/images/cardSquare.png\") no-repeat;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n align-items: center;\r\n background-size: 100% 100%;\r\n margin-bottom: 9%;\r\n padding: 0 10px 0 0;\r\n box-sizing: border-box;\r\n\r\n & > div {\r\n font-size: 18px;\r\n color: #ffffff;\r\n }\r\n\r\n .number {\r\n color: rgb(86, 254, 226);\r\n }\r\n }\r\n }\r\n }\r\n}\r\n.two {\r\n background: url(\"../assets/indexN/boxLr.png\") no-repeat;\r\n background-size: 100% 100%;\r\n position: relative;\r\n}\r\n.one {\r\n background: url(\"../assets/02/bgk.png\") no-repeat;\r\n background-size: 100% 100%;\r\n position: relative;\r\n\r\n .unityBtn {\r\n position: absolute;\r\n top: 40px;\r\n left: 30%;\r\n width: 40%;\r\n display: flex;\r\n justify-content: space-between;\r\n\r\n .btn {\r\n width: 100%;\r\n height: 38px;\r\n color: #fff;\r\n font-size: 18px;\r\n line-height: 38px;\r\n background: url(\"../assets/images/btnAct.png\") no-repeat;\r\n background-size: 100% 100%;\r\n margin-bottom: 10px;\r\n margin-right: 15px;\r\n }\r\n\r\n .btnAct {\r\n color: rgb(244, 201, 7);\r\n background: url(\"../assets/images/unityBtn.png\") no-repeat;\r\n background-size: 100% 100%;\r\n margin-right: 15px;\r\n }\r\n }\r\n\r\n .unityIcon {\r\n background: url(\"../assets/images/iconCard.png\") no-repeat;\r\n background-size: 100% 100%;\r\n width: 110px;\r\n height: 168px;\r\n position: absolute;\r\n right: 40px;\r\n bottom: 80px;\r\n display: flex;\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n flex-direction: column;\r\n justify-content: space-around;\r\n align-items: center;\r\n\r\n .unityIconGround {\r\n width: 80%;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n }\r\n\r\n .unityEnlargeBtn {\r\n width: 100px;\r\n display: flex;\r\n justify-content: space-around;\r\n position: absolute;\r\n right: 40px;\r\n top: 40px;\r\n\r\n .content {\r\n width: 38px;\r\n height: 36px;\r\n background: url(\"../assets/images/btnkuang.png\") no-repeat !important;\r\n background-size: 100% 100% !important;\r\n }\r\n }\r\n\r\n .unitySelect {\r\n position: absolute;\r\n left: 40px;\r\n width: 222px;\r\n height: 5%;\r\n bottom: 20px;\r\n display: flex;\r\n align-items: center;\r\n\r\n .unitySuosou {\r\n width: 57px;\r\n height: 53px;\r\n background: url(\"../assets/images/sousuoKuang.png\") no-repeat;\r\n background-size: 100% 100%;\r\n }\r\n }\r\n}\r\n</style>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/50df700619f6778488fca33862295662.json b/node_modules/.cache/babel-loader/50df700619f6778488fca33862295662.json
index 05e58351..592cee08 100644
--- a/node_modules/.cache/babel-loader/50df700619f6778488fca33862295662.json
+++ b/node_modules/.cache/babel-loader/50df700619f6778488fca33862295662.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\index.vue","mtime":1689926769457},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\babel.config.js","mtime":1689557787923},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["import \"core-js/modules/es6.regexp.to-string\";\nimport \"core-js/modules/es6.function.name\";\nimport _defineProperty from \"D:/\\u6797\\u8C37\\u667A\\u80FD\\u9879\\u76EE/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//引入echarts\nimport * as echarts from \"echarts\";\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 hsgst: \"3.4\",\n rlst: \"0.01\",\n nlst: \"0.44\",\n xms: \"9.279\",\n ysfyzh: \"118.5\",\n jhs: \"44\",\n sdpbsl: \"12\",\n jdpbsl: \"7\",\n fhgzpb: \"87\",\n ygdkkx: \"99.95\",\n pjtdpc: \"0.39\",\n pjtdsj: \"0.37\",\n ztpf: \"108.3万\",\n zydl: \"39.83亿\",\n khzs: \"4968\",\n xczydl: \"723.6\",\n zdsbgm: \"1250\",\n zxsbgm: \"3673\",\n glgds: \"10\",\n gltq: \"13884\",\n zrc: \"306\"\n },\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.xianDuan();\n this.detailedTwo11();\n this.horizontalChart();\n this.detailedOne();\n this.barCharts();\n this.detailedFive();\n this.shuzihuaCharts();\n this.roseCharts();\n this.detailen1();\n this.handleDate(0);\n var that = this;\n\n //历史故障接口\n var faultData = {\n token: localStorage.getItem(\"token\"),\n pageSize: \"500\",\n page: \"1\"\n };\n },\n // beforeDestroy() {\n // this.dataDestroy(); // 页面摧毁前，关闭定时器\n // },\n beforeDestroy: function beforeDestroy() {\n // 离开当前路由前的操作\n clearInterval(this.timer);\n this.timer = null;\n },\n methods: {\n //地图画线\n xianDuan: function xianDuan() {\n var canvas = document.getElementById(\"myCanvas\");\n var ctx = canvas.getContext(\"2d\");\n ctx.moveTo(650, 450); // moveTo(x,y) 定义线条开始坐标\n ctx.lineTo(735, 250); // lineTo(x,y) 定义线条结束坐标\n ctx.strokeStyle = \"orange\";\n ctx.lineWidth = 3;\n ctx.stroke();\n },\n routerTo: function routerTo(data) {\n if (data == \"盐城地区分布光伏运行监测\") {\n this.$router.push(\"/stationBuilding\");\n }\n if (data == \"盐城东台区供电所数字化分析\") {\n this.$router.push(\"/twentyKV\");\n }\n if (data == \"配网工程全过程物资审计\") {\n this.$router.push(\"/thirtyFiveKV\");\n }\n if (data == \"盐城供电公司配网电能质量管控\") {\n this.$router.push(\"/powerQualityControl\");\n }\n if (data == \"乡村振兴电力综合指数\") {\n this.$router.push(\"/ruralRevitalizationPower\");\n }\n if (data == \"两高行业企业污染监测\") {\n this.$router.push(\"/enterprisePollutionMonitoring\");\n }\n if (data == \"农村生活污水治理设备电量分析\") {\n this.$router.push(\"/ruralDomesticSewageTreatment\");\n }\n if (data == \"数字化排涝抗旱辅助及检修辅助决策\") {\n this.$router.push(\"/digitalFloodDrainageDroughtRelief\");\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 grid: {\n left: \"0%\",\n //图表距离容器左侧多少距离\n right: \"10%\",\n //图表距离容器右侧侧多少距离\n bottom: \"20%\",\n //图表距离容器上面多少距离\n top: \"10%\",\n //图表距离容器下面多少距离\n containLabel: true //防止标签溢出\n },\n\n legend: {\n textStyle: {\n fontSize: 18,\n //字体大小\n color: \"#ffffff\" //字体颜色\n },\n\n data: [\"电量KWH\"]\n },\n xAxis: [{\n type: \"category\",\n data: [\"安丰镇\", \"草堰镇\", \"龙岗镇\", \"新丰镇\", \"伍佑街道\", \"步凤镇\"],\n axisLabel: {\n show: true,\n textStyle: {\n color: \"#ffffff\",\n fontSize: 18\n }\n }\n }],\n yAxis: [{\n type: \"value\",\n name: \"\",\n axisLabel: {\n textStyle: {\n color: \"#ffffff\",\n fontSize: 18\n }\n },\n splitLine: {\n show: true,\n lineStyle: {\n type: \"dashed\",\n // color: 'rgba(66, 192, 255, .3)',\n color: \"rgba(102,102,102,0.6)\",\n width: 1\n }\n }\n }],\n series: [{\n name: \"电量kwh\",\n type: \"bar\",\n barWidth: 40,\n // 柱子宽度核心代码，\n itemStyle: {\n normal: {\n color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{\n //代表渐变色从正上方开始\n offset: 0,\n //offset范围是0~1，用于表示位置，0是指0%处的颜色\n color: \"rgba(2,255,255,.3)\"\n },\n //柱图渐变色\n {\n offset: 1,\n //指100%处的颜色\n color: \"rgb(2,255,255)\"\n }]),\n label: {\n show: true,\n //开启显示\n position: \"top\",\n //在上方显示\n formatter: function formatter(params) {\n //核心部分 formatter 可以为字符串也可以是回调\n if (params.value) {\n //如果当前值存在则拼接\n return params.value + \"万\";\n } else {\n //否则返回个空\n return \"\";\n }\n },\n textStyle: {\n //数值样式\n color: \"#00ffff\",\n fontSize: 18\n }\n }\n },\n borderRadius: [7, 7, 0, 0],\n // 柱状图圆角\n borderWidth: 0\n },\n data: [320, 332, 301, 334, 390, 288, 299]\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 // 鼠标进入表格\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() {\n var myChart = this.$echarts.init(document.getElementById(\"detailedOne\"));\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: [\"亭湖区\", \"东台市\", \"建湖县\", \"阜宁县\", \"响水县\", \"滨海县\", \"射阳县\", \"大丰区\"],\n axisLabel: {\n show: true,\n textStyle: {\n color: \"#ffffff\",\n fontSize: 16\n }\n }\n }],\n yAxis: [{\n type: \"value\",\n name: \"\",\n axisLabel: {\n textStyle: {\n color: \"#ffffff\",\n fontSize: 16\n }\n },\n splitLine: {\n show: true,\n lineStyle: {\n type: \"dashed\",\n // color: 'rgba(66, 192, 255, .3)',\n color: \"rgba(102,102,102,0.6)\",\n width: 1\n }\n }\n }],\n series: [{\n name: \"配变停电\",\n type: \"bar\",\n barWidth: 40,\n // 柱子宽度核心代码，\n itemStyle: {\n normal: {\n color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{\n //代表渐变色从正上方开始\n offset: 0,\n //offset范围是0~1，用于表示位置，0是指0%处的颜色\n color: \"rgba(2,255,255,.3)\"\n },\n //柱图渐变色\n {\n offset: 1,\n //指100%处的颜色\n color: \"rgb(2,255,255)\"\n }]),\n label: {\n show: true,\n //开启显示\n position: \"top\",\n //在上方显示\n textStyle: {\n //数值样式\n color: \"#00ffff\",\n fontSize: 18\n }\n }\n },\n borderRadius: [7, 7, 0, 0],\n // 柱状图圆角\n borderWidth: 0\n },\n data: [5109, 5520, 5354, 5511, 4789, 5254, 5411, 4889]\n }]\n };\n myChart.setOption(option);\n window.addEventListener(\"resize\", function () {\n myChart.resize();\n });\n },\n shuzihuaCharts: function shuzihuaCharts() {\n var myChart = this.$echarts.init(document.getElementById(\"shuzihua\"));\n var option = {\n tooltip: {\n trigger: \"axis\",\n axisPointer: {\n type: \"cross\",\n crossStyle: {\n color: \"#999\"\n }\n }\n },\n grid: {\n left: \"5%\",\n //图表距离容器左侧多少距离\n right: \"8%\",\n //图表距离容器右侧侧多少距离\n bottom: \"20%\",\n //图表距离容器上面多少距离\n top: \"15%\",\n //图表距离容器下面多少距离\n containLabel: true //防止标签溢出\n },\n\n legend: [{\n x: \"center\",\n data: [\"投运15年以上设备数量\", \"统计时间所辖线路设备数量\", \"设备老化占比\"],\n textStyle: {\n fontSize: 18,\n color: \"#fff\"\n }\n }],\n xAxis: [{\n type: \"category\",\n data: [\"10kv星雨线163\", \"10kv智谋线183\", \"10kv朝阳线164\", \"10kv杨庄线181\", \"10kv森达线174\"],\n axisPointer: {\n type: \"shadow\"\n },\n axisLabel: {\n rotate: -15,\n //60度角倾斜显示\n interval: 0,\n //横轴信息全部显示\n color: \"#fff\",\n fontSize: 20\n }\n }],\n yAxis: [{\n type: \"value\",\n min: 0,\n max: 160,\n interval: 40,\n axisLabel: {\n textStyle: {\n fontSize: \"18\"\n }\n },\n axisLine: {\n lineStyle: {\n color: \"#fff\"\n }\n },\n splitLine: {\n show: true,\n lineStyle: {\n type: \"dashed\",\n // color: 'rgba(66, 192, 255, .3)',\n color: \"rgba(102,102,102,0.6)\",\n width: 1\n }\n }\n }, {\n type: \"value\",\n min: 0,\n max: 80,\n interval: 20,\n axisLabel: {\n formatter: \"{value}%\",\n textStyle: {\n fontSize: \"18\"\n }\n },\n axisLine: {\n lineStyle: {\n color: \"#fff\"\n }\n },\n splitLine: {\n show: true,\n lineStyle: {\n type: \"dashed\",\n // color: 'rgba(66, 192, 255, .3)',\n color: \"rgba(102,102,102,0.6)\",\n width: 1\n }\n }\n }],\n series: [{\n name: \"投运15年以上设备数量\",\n type: \"bar\",\n tooltip: {\n valueFormatter: function valueFormatter(value) {\n return value;\n }\n },\n itemStyle: {\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{\n offset: 1,\n color: \"rgba(240,230,140,.2) \"\n }, {\n offset: 0.5,\n color: \"rgb(240,230,140,.6)\"\n }, {\n offset: 0,\n color: \"rgb(240,230,140)\"\n }]),\n borderRadius: [7, 7, 0, 0],\n // 柱状图圆角\n borderWidth: 0\n },\n data: [55, 66, 89, 113, 123]\n }, {\n name: \"统计时间所辖线路设备数量\",\n type: \"bar\",\n tooltip: {\n valueFormatter: function valueFormatter(value) {\n return value;\n }\n },\n itemStyle: {\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{\n offset: 1,\n color: \"rgba(65,105,225,.2) \"\n }, {\n offset: 0.5,\n color: \"rgb(65,105,225,.6)\"\n }, {\n offset: 0,\n color: \"rgb(65,105,225)\"\n }]),\n borderRadius: [7, 7, 0, 0],\n // 柱状图圆角\n borderWidth: 0\n },\n data: [46, 56, 99, 103, 123]\n }, {\n name: \"设备老化占比\",\n type: \"line\",\n yAxisIndex: 1,\n tooltip: {\n valueFormatter: function valueFormatter(value) {\n return value;\n }\n },\n itemStyle: {\n normal: {\n color: \"#0080ff\",\n lineStyle: {\n color: \"#0080ff\"\n }\n }\n },\n data: [20, 40, 60, 80, 67]\n }]\n };\n myChart.setOption(option);\n window.addEventListener(\"resize\", function () {\n myChart.resize();\n });\n },\n detailedTwo: function detailedTwo() {\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo1\"));\n var option = {\n xAxis: _defineProperty({\n type: \"category\",\n boundaryGap: false,\n axisLabel: {\n color: fontColor\n },\n axisLine: {\n show: true,\n lineStyle: {\n color: \"#397cbc\"\n }\n },\n axisTick: {\n show: false\n },\n splitLine: {\n show: false,\n lineStyle: {\n color: \"#195384\"\n }\n },\n data: [\"0:00\", \"3:00\", \"6:00\", \"9:00\", \"12:00\", \"15:00\", \"18:00\", \"21:00\", \"24:00\"]\n }, \"axisTick\", {\n show: false\n }),\n yAxis: [{\n type: \"value\",\n name: \"单位：kw\",\n min: 0,\n max: 1000,\n show: true,\n splitLine: {\n show: true,\n lineStyle: {\n type: \"dashed\",\n // color: 'rgba(66, 192, 255, .3)',\n color: \"rgba(102,102,102,0.6)\",\n width: 1\n }\n },\n axisLabel: {\n formatter: \"{value}\",\n textStyle: {\n color: \"#2ad1d2\"\n }\n },\n axisLine: {\n lineStyle: {\n color: \"#27b4c2\"\n }\n },\n axisTick: {\n show: false\n }\n }],\n series: [{\n data: [720, 632, 801, 734, 470, 670, 720, 123, 567],\n type: \"line\",\n symbol: \"none\",\n lineStyle: {\n color: \"#00ffff\",\n width: 2\n },\n itemStyle: {\n normal: {\n color: \"00ffff\",\n lineStyle: {\n color: \"00ffff\",\n width: 3,\n type: \"solid\"\n }\n }\n }\n }]\n };\n myChart.setOption(option);\n window.addEventListener(\"resize\", function () {\n myChart.resize();\n });\n },\n detailedTwo11: function detailedTwo11() {\n var fontColor = \"#30eee9\";\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo1\"));\n var option = {\n xAxis: _defineProperty({\n type: \"category\",\n boundaryGap: false,\n axisLabel: {\n color: fontColor\n },\n axisLine: {\n show: true,\n lineStyle: {\n color: \"#397cbc\"\n }\n },\n axisTick: {\n show: false\n },\n splitLine: {\n show: false,\n lineStyle: {\n color: \"#195384\"\n }\n },\n data: [\"0:00\", \"3:00\", \"6:00\", \"9:00\", \"12:00\", \"15:00\", \"18:00\", \"21:00\", \"24:00\"]\n }, \"axisTick\", {\n show: false\n }),\n yAxis: [{\n type: \"value\",\n name: \"单位：kw\",\n min: 0,\n max: 1000,\n show: true,\n splitLine: {\n show: true,\n lineStyle: {\n type: \"dashed\",\n // color: 'rgba(66, 192, 255, .3)',\n color: \"rgba(102,102,102,0.6)\",\n width: 1\n }\n },\n axisLabel: {\n formatter: \"{value}\",\n textStyle: {\n color: \"#2ad1d2\"\n }\n },\n axisLine: {\n lineStyle: {\n color: \"#27b4c2\"\n }\n },\n axisTick: {\n show: false\n }\n }],\n series: [{\n data: [720, 632, 801, 734, 470, 670, 720, 123, 567],\n type: \"line\",\n symbol: \"none\",\n lineStyle: {\n color: \"#00ffff\",\n width: 2\n },\n itemStyle: {\n normal: {\n color: \"00ffff\",\n lineStyle: {\n color: \"00ffff\",\n width: 3,\n type: \"solid\"\n }\n }\n }\n }]\n };\n myChart.setOption(option);\n window.addEventListener(\"resize\", function () {\n myChart.resize();\n });\n },\n horizontalChart: function horizontalChart() {\n var myChart = this.$echarts.init(document.getElementById(\"horizontalChart\"));\n var honorData = [{\n name: \"60天内掉电客户数\",\n data: [13.4, 12.1, 14.3]\n }, {\n name: \"60天内掉电总数\",\n data: [9.4, 8.1, 7.3]\n }];\n var honorXAxisData = [\"No.3\", \"No.2\", \"No.1\"];\n var nameList = [\"PMS_晨光满园9台区\", \"滨河华苑3台区\", \"PMS_晨光满园11台区\"];\n var option = {\n color: [\"#0F9AF8\", \"#2039C3\", \"rgba(32,57,195,.5)\", \"#2ECACE\"],\n tooltip: {\n trigger: \"axis\",\n axisPointer: {\n type: \"none\"\n }\n },\n legend: {\n right: 20,\n top: \"5%\",\n itemWidth: 10,\n itemHeight: 10,\n itemGap: 15,\n textStyle: {\n color: \"#fff\",\n fontSize: 18\n }\n },\n grid: {\n top: \"15%\",\n left: \"14%\",\n right: \"0%\",\n bottom: \"0%\"\n },\n xAxis: [{\n type: \"value\",\n show: false,\n axisLine: {\n show: false\n },\n axisTick: {\n show: false\n },\n axisLabel: {\n color: \"#6B9DD7\",\n fontSize: 16,\n // 文字大小\n fontWeight: 400,\n interval: 0,\n formatter: function formatter(value) {\n return value + \"(万元)\";\n }\n },\n splitLine: {\n show: false\n }\n }],\n yAxis: [{\n type: \"category\",\n offset: 17,\n axisLine: {\n show: false\n },\n axisTick: {\n show: false\n },\n axisLabel: {\n color: \"#00FFFF\",\n fontSize: 20,\n // 文字大小\n fontWeight: 700,\n interval: 0\n },\n data: honorXAxisData\n }, {\n //名称\n type: \"category\",\n offset: -10,\n position: \"left\",\n axisLine: {\n show: false\n },\n inverse: true,\n axisTick: {\n show: false\n },\n axisLabel: {\n interval: 0,\n color: \"#fff\",\n align: \"left\",\n verticalAlign: \"bottom\",\n lineHeight: 40,\n fontSize: 20\n },\n data: nameList\n }],\n series: [{\n name: \"60天内掉电客户数\",\n type: \"bar\",\n stack: \"zongliang\",\n barWidth: \"25%\",\n barGap: 15,\n // 柱图之间的间距\n itemStyle: {\n //自定义颜色\n // normal: { color: \"orange\" },\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{\n //代表渐变色从正上方开始\n offset: 0,\n //offset范围是0~1，用于表示位置，0是指0%处的颜色\n color: \"rgba(255,165,0,.4)\"\n },\n //柱图渐变色\n {\n offset: 1,\n //指100%处的颜色\n color: \"rgb(255,165,0)\"\n }])\n },\n label: {\n normal: {\n show: true,\n position: [\"80%\", \"-100%\"],\n formatter: function formatter(params) {\n return params.value;\n },\n textStyle: {\n color: \"#fff\",\n fontSize: 18\n }\n }\n },\n data: honorData[0].data\n }, {\n name: \"60天内掉电总数\",\n type: \"bar\",\n stack: \"zongliang\",\n barWidth: \"25%\",\n itemStyle: {\n //自定义颜色\n // normal: { color: \"orange\" },\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{\n //代表渐变色从正上方开始\n offset: 0,\n //offset范围是0~1，用于表示位置，0是指0%处的颜色\n color: \"#005BEA\"\n },\n //柱图渐变色\n {\n offset: 1,\n //指100%处的颜色\n color: \"#00C6FB\"\n }])\n },\n label: {\n normal: {\n show: true,\n position: [\"80%\", \"-100%\"],\n formatter: function formatter(params) {\n return params.value;\n },\n textStyle: {\n color: \"#fff\",\n fontSize: 18\n }\n }\n },\n data: honorData[1].data\n }]\n };\n myChart.setOption(option);\n window.addEventListener(\"resize\", function () {\n myChart.resize();\n });\n },\n 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 value: 27,\n name: \"国网响水县供电公司\"\n }],\n labelLine: {\n normal: {\n show: true,\n length: 20,\n length2: 10,\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: 20,\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: 20,\n align: \"center\",\n padding: 4,\n color: \"#fff\"\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 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 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: \"{b} {d} %\",\n textStyle: {\n fontSize: 20,\n color: \"#fff\"\n },\n position: \"outside\"\n },\n emphasis: {\n show: true\n }\n },\n labelLine: {\n normal: {\n show: true,\n length: 20,\n length2: 35,\n borderWidth: 4\n },\n emphasis: {\n show: false\n }\n },\n data: [{\n value: 15,\n name: \"东台市\"\n }, {\n value: 7,\n name: \"阜宁县\"\n }, {\n value: 14,\n name: \"盐都区\"\n }, {\n value: 23,\n name: \"滨海县\"\n }, {\n value: 18,\n name: \"建湖县\"\n }, {\n value: 35,\n name: \"射阳县\"\n }, {\n value: 31,\n name: \"大丰区\"\n }, {\n value: 28,\n name: \"响水县\"\n }, {\n value: 36,\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 _this6 = 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 _this6.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() {\n var myChart = this.$echarts.init(document.getElementById(\"detailedFive\"));\n var option = {\n tooltip: {\n trigger: \"axis\",\n axisPointer: {\n type: \"shadow\"\n }\n },\n grid: {\n left: \"5%\",\n //图表距离容器左侧多少距离\n right: \"5%\",\n //图表距离容器右侧侧多少距离\n bottom: \"0%\",\n //图表距离容器上面多少距离\n top: \"30%\",\n //图表距离容器下面多少距离\n containLabel: true //防止标签溢出\n },\n\n // legend: {\n // textStyle: {\n // fontSize: 18, //字体大小\n // color: \"#ffffff\", //字体颜色\n // },\n\n // data: [\"配变名称\"],\n // },\n xAxis: [{\n type: \"category\",\n data: [\"长荡镇\", \"河海镇\", \"黄沙港镇\", \"临海镇\", \"兴桥镇\", \"合德镇\", \"四明镇\", \"特庸镇\"],\n axisLabel: {\n interval: 0,\n //横轴信息全部显示\n show: true,\n textStyle: {\n color: \"#ffffff\",\n fontSize: 18\n }\n }\n }],\n yAxis: [{\n type: \"value\",\n name: \"\",\n axisLabel: {\n textStyle: {\n color: \"#ffffff\",\n fontSize: 18\n }\n },\n splitLine: {\n show: true,\n lineStyle: {\n type: \"dashed\",\n // color: 'rgba(66, 192, 255, .3)',\n color: \"rgba(102,102,102,0.6)\",\n width: 1\n }\n }\n }],\n series: [{\n name: \"配变名称\",\n type: \"bar\",\n barWidth: 40,\n // 柱子宽度核心代码\n itemStyle: {\n normal: {\n color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{\n //代表渐变色从正上方开始\n offset: 0,\n //offset范围是0~1，用于表示位置，0是指0%处的颜色\n color: \"rgba(232, 155, 0,.3)\"\n },\n //柱图渐变色\n {\n offset: 1,\n //指100%处的颜色\n color: \"rgb(232, 155, 0)\"\n }]),\n label: {\n show: true,\n //开启显示\n position: \"top\",\n //在上方显示\n textStyle: {\n //数值样式\n color: \"rgb(232, 155, 0)\",\n fontSize: 18\n }\n }\n }\n },\n data: [87.69, 84.69, 82.69, 83.69, 77.69, 67.69, 57.69, 47.69]\n }]\n };\n myChart.setOption(option);\n window.addEventListener(\"resize\", function () {\n myChart.resize();\n });\n },\n //报警详情信息弹窗\n enlargeBtn: function enlargeBtn(index) {\n var _this7 = 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 _this7.$refs.audio.play();\n });\n this.alarmInformationShow = true;\n this.$nextTick(function () {\n _this7.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 _this8 = 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 _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 = 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 _this9 = 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 _this9.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 _this9.topContent[0].count = dataPb.reduce(function (x, y) {\n return x + y;\n });\n _this9.topContent[1].count = dataCf.reduce(function (x, y) {\n return x + y;\n });\n var pbCount = _this9.topContent[1].count / _this9.topContent[0].count * 100;\n var pbCountString = pbCount.toString();\n if (pbCountString.indexOf(\".\") != -1) {\n _this9.topContent[2].count = pbCountString.substring(0, pbCountString.indexOf(\".\") + 3) + \"%\";\n } else {\n _this9.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":";;;AA+xBA,SACAA,gBACAC,SACAC,YACAC,SACAC,WACAC,YACAC,WACAC,gBACAC,gBACAC,oBACAC;AAEA;AACA;AACA;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;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;MACA;MACAC;MACAC;MACAC;MACAC,aACA;QACAC;QACAtD;MACA,GACA;QACAsD;QACAtD;MACA,GACA;QACAsD;QACAtD;MACA,GACA;QACAsD;QACAtD;MACA,EACA;MACAuD,aACA;QACAD;MACA,GACA;QACAA;MACA,EACA;MACAE,cACA;QACAF;MACA,GACA;QACAA;MACA,EACA;MACAG,UACA;QACAC;QACAC;MACA,EACA;MACAD;MACAE,aACA;QACA5D;QACA6D;MACA,GACA;QACA7D;QACA6D;MACA,GACA;QACA7D;QACA6D;MACA,EACA;MACAC;IAAA,sCACA,uCACA,iDACA,oCACA,2CACA,4CAEA,CACA;MACAC;MACAC;MACA9C;IACA,GACA;MACA6C;MACAC;MACA9C;IACA,GACA;MACA6C;MACAC;MACA9C;IACA,GACA;MACA6C;MACAC;MACA9C;IACA,GACA;MACA6C;MACAC;MACA9C;IACA,GACA;MACA6C;MACAC;MACA9C;IACA,EACA,sCAGA,0CAEA,wCAEA,0CACA,uCAGA,yCACA,oCACA,8CACA,sCACA;EAEA;EACA+C;EACAC;IAAA;IACA;IACA;IACAC;MACAC;MACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAEA;;IAEA;IACA;MACAC;MACA5D;MACAC;IACA;EACA;EACA;EACA;EACA;EACA4D;IACA;IACAF;IACA;EACA;EACAG;IACA;IACAC;MACA;MACA;MACAC;MACAA;MACAA;MACAA;MACAA;IACA;IACAC;MACA;QACA;MACA;MACA;QACA;MACA;MACA;QACA;MACA;MACA;QACA;MACA;MACA;QACA;MACA;MACA;QACA;MACA;MACA;QACA;MACA;MACA;QACA;MACA;IACA;IACAC;MACA;MACA;MACA;QACAC;UACAC;UACAC;YACAC;UACA;QACA;QACAC;UACAC;UAAA;UACAC;UAAA;UACAC;UAAA;UACAC;UAAA;UACAC;QACA;;QACAC;UACAC;YACAC;YAAA;YACAC;UACA;;UAEAnF;QACA;QACAoF,QACA;UACAX;UACAzE,OACA,OACA,OACA,OACA,OACA,QACA,MACA;UACAqF;YACAC;YACAL;cACAE;cACAD;YACA;UACA;QACA,EACA;QACAK,QACA;UACAd;UACA/E;UACA2F;YACAJ;cACAE;cACAD;YACA;UACA;UACAM;YACAF;YACAG;cACAhB;cACA;cACAU;cACAO;YACA;UACA;QACA,EACA;QACAC,SACA;UACAjG;UACA+E;UACAmB;UAAA;UACAC;YACAC;cACAX,uDACA;gBACA;gBACAY;gBAAA;gBACAZ;cACA;cAAA;cACA;gBACAY;gBAAA;gBACAZ;cACA,EACA;cACA9B;gBACAiC;gBAAA;gBACAU;gBAAA;gBACAC;kBACA;kBACA;oBACA;oBACA;kBACA;oBACA;oBACA;kBACA;gBACA;gBACAhB;kBACA;kBACAE;kBACAD;gBACA;cACA;YACA;YACAgB;YAAA;YACAC;UACA;UACAnG;QACA;MAEA;MACAoG;MACAvC;QACAuC;MACA;IACA;IACA;IACAC;MAAA;MACApH;QACAqH;MACA;QACAC;QACA;UACA;YACA;YACAC,gCACA;YACA;UACA;;UACA;YACA;YACAA,2BACA;UACA;UACA;QACA;MACA;IACA;IACA;IACAC;MAAA;MACAvH;QAAAoH;MAAA;QACAC;QACA;QAEA;UACA;YACA,IACA,qEACA;cACA;cACA;YACA;UACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;MACA;IACA;IACA;IACAG;MACA;QACA;MACA;QACA;MACA;IACA;IACA;IACAC;MACA;MACA;MACA;QACA/D;QACA;UACA;UACAgE;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;MACA7H;QAAAsH;MAAA;QAAA;QACAC;QACA;QACA;MACA;IACA;IACA;IACAO;MACA;MACA;MACA;MACA;IACA;IACA;IACAC;MACA;MACA;IACA;IACA;IACA;IACA;IACA;IACA;IACAC;MACA;IACA;IACA;IACAC;MACA;MACA;IACA;IACA;IACAC;MAAA;MACAlI;QACAsH;QACAa;MACA;QACA;QACA;UACA,mDACAX,wBACA;QACA;UACA;QACA;MACA;IACA;IACAY;MACA;MACA;QACA9C;UACAC;UACAC;YACAC;UACA;QACA;QACAO;UACAC;YACAC;YAAA;YACAC;UACA;;UAEAnF;QACA;QACAoF,QACA;UACAX;UACAzE,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,MACA;UACAqF;YACAC;YACAL;cACAE;cACAD;YACA;UACA;QACA,EACA;QACAK,QACA;UACAd;UACA/E;UACA2F;YACAJ;cACAE;cACAD;YACA;UACA;UACAM;YACAF;YACAG;cACAhB;cACA;cACAU;cACAO;YACA;UACA;QACA,EACA;QACAC,SACA;UACAjG;UACA+E;UACAmB;UAAA;UACAC;YACAC;cACAX,uDACA;gBACA;gBACAY;gBAAA;gBACAZ;cACA;cAAA;cACA;gBACAY;gBAAA;gBACAZ;cACA,EACA;cACA9B;gBACAiC;gBAAA;gBACAU;gBAAA;gBACAf;kBACA;kBACAE;kBACAD;gBACA;cACA;YACA;YACAgB;YAAA;YACAC;UACA;UACAnG;QACA;MAEA;MAEAoG;MAEAvC;QACAuC;MACA;IACA;IACAiB;MACA;MACA;QACA/C;UACAC;UACAC;YACAC;YACA6C;cACAnC;YACA;UACA;QACA;QACAT;UACAC;UAAA;UACAC;UAAA;UACAC;UAAA;UACAC;UAAA;UACAC;QACA;;QACAC,SACA;UACAuC;UACAvH,OACA,eACA,gBACA,SACA;UACAiF;YACAC;YACAC;UACA;QACA,EACA;QACAC,QACA;UACAX;UACAzE,OACA,cACA,cACA,cACA,cACA,aACA;UACAwE;YACAC;UACA;UACAY;YACAmC;YAAA;YACAC;YAAA;YACAtC;YACAD;UACA;QACA,EACA;QACAK,QACA;UACAd;UACAiD;UACAC;UACAF;UACApC;YACAJ;cACAC;YACA;UACA;UACA0C;YACAnC;cACAN;YACA;UACA;UACAK;YACAF;YACAG;cACAhB;cACA;cACAU;cACAO;YACA;UACA;QACA,GACA;UACAjB;UACAiD;UACAC;UACAF;UACApC;YACAY;YACAhB;cACAC;YACA;UACA;UACA0C;YACAnC;cACAN;YACA;UACA;UACAK;YACAF;YACAG;cACAhB;cACA;cACAU;cACAO;YACA;UACA;QACA,EACA;QACAC,SACA;UACAjG;UACA+E;UACAH;YACAuD;cACA;YACA;UACA;UACAhC;YACAV,uDACA;cAAAY;cAAAZ;YAAA,GACA;cAAAY;cAAAZ;YAAA,GACA;cAAAY;cAAAZ;YAAA,EACA;YACAe;YAAA;YACAC;UACA;UACAnG;QACA,GACA;UACAN;UACA+E;UACAH;YACAuD;cACA;YACA;UACA;UACAhC;YACAV,uDACA;cAAAY;cAAAZ;YAAA,GACA;cAAAY;cAAAZ;YAAA,GACA;cAAAY;cAAAZ;YAAA,EACA;YACAe;YAAA;YACAC;UACA;UACAnG;QACA,GACA;UACAN;UACA+E;UACAqD;UACAxD;YACAuD;cACA;YACA;UACA;UACAhC;YACAC;cACAX;cACAM;gBACAN;cACA;YACA;UACA;UACAnF;QACA;MAEA;MAEAoG;MAEAvC;QACAuC;MACA;IACA;IACA2B;MACA;MACA;QACA3C;UACAX;UACAuD;UACA3C;YACAF;UACA;UACAyC;YACAtC;YACAG;cACAN;YACA;UACA;UACA8C;YACA3C;UACA;UACAE;YACAF;YACAG;cACAN;YACA;UACA;UACAnF,OACA,QACA,QACA,QACA,QACA,SACA,SACA,SACA,SACA;QACA,eACA;UACAsF;QACA,EACA;QACAC,QACA;UACAd;UACA/E;UACAgI;UACAC;UACArC;UACAE;YACAF;YACAG;cACAhB;cACA;cACAU;cACAO;YACA;UACA;UACAL;YACAY;YACAhB;cACAE;YACA;UACA;UACAyC;YACAnC;cACAN;YACA;UACA;UACA8C;YACA3C;UACA;QACA,EACA;QACAK,SACA;UACA3F;UACAyE;UACAyD;UACAzC;YACAN;YACAO;UACA;UACAG;YACAC;cACAX;cACAM;gBACAN;gBACAO;gBACAjB;cACA;YACA;UACA;QACA;MAEA;MACA2B;MACAvC;QACAuC;MACA;IACA;IACA+B;MACA;MACA;MACA;QACA/C;UACAX;UACAuD;UACA3C;YACAF;UACA;UACAyC;YACAtC;YACAG;cACAN;YACA;UACA;UACA8C;YACA3C;UACA;UACAE;YACAF;YACAG;cACAN;YACA;UACA;UACAnF,OACA,QACA,QACA,QACA,QACA,SACA,SACA,SACA,SACA;QACA,eACA;UACAsF;QACA,EACA;QACAC,QACA;UACAd;UACA/E;UACAgI;UACAC;UACArC;UACAE;YACAF;YACAG;cACAhB;cACA;cACAU;cACAO;YACA;UACA;UACAL;YACAY;YACAhB;cACAE;YACA;UACA;UACAyC;YACAnC;cACAN;YACA;UACA;UACA8C;YACA3C;UACA;QACA,EACA;QACAK,SACA;UACA3F;UACAyE;UACAyD;UACAzC;YACAN;YACAO;UACA;UACAG;YACAC;cACAX;cACAM;gBACAN;gBACAO;gBACAjB;cACA;YACA;UACA;QACA;MAEA;MACA2B;MACAvC;QACAuC;MACA;IACA;IACAgC;MACA,iCACAxB,2CACA;MACA,iBACA;QACAlH;QACAM;MACA,GACA;QACAN;QACAM;MACA,EACA;MACA;MACA,gBACA,eACA,WACA,eACA;MACA;QACAmF;QACAb;UACAC;UACAC;YACAC;UACA;QACA;QACAO;UACAJ;UACAE;UACAuD;UACAC;UACAC;UACAtD;YACAE;YACAD;UACA;QACA;QACAR;UACAI;UACAH;UACAC;UACAC;QACA;QACAO,QACA;UACAX;UACAa;UACAsC;YACAtC;UACA;UACA2C;YACA3C;UACA;UACAD;YACAF;YACAD;YAAA;YACAsD;YACAf;YACAxB;cACA;YACA;UACA;UACAT;YACAF;UACA;QACA,EACA;QACAC,QACA;UACAd;UACAsB;UACA6B;YACAtC;UACA;UACA2C;YACA3C;UACA;UACAD;YACAF;YACAD;YAAA;YACAsD;YACAf;UACA;UAEAzH;QACA,GACA;UACA;UACAyE;UACAsB;UACAC;UACA4B;YACAtC;UACA;UACAmD;UACAR;YACA3C;UACA;UACAD;YACAoC;YACAtC;YACAuD;YACAC;YACAC;YACA1D;UACA;UACAlF;QACA,EACA;QACA2F,SACA;UACAjG;UACA+E;UACAoE;UACAjD;UACAkD;UAAA;UACAjD;YACA;YACA;YACAV,uDACA;cACA;cACAY;cAAA;cACAZ;YACA;YAAA;YACA;cACAY;cAAA;cACAZ;YACA,EACA;UACA;UACA9B;YACAyC;cACAR;cACAU;cACAC;gBACA;cACA;cACAhB;gBACAE;gBACAD;cACA;YACA;UACA;UAEAlF;QACA,GACA;UACAN;UACA+E;UACAoE;UACAjD;UACAC;YACA;YACA;YACAV,uDACA;cACA;cACAY;cAAA;cACAZ;YACA;YAAA;YACA;cACAY;cAAA;cACAZ;YACA,EACA;UACA;UACA9B;YACAyC;cACAR;cACAU;cACAC;gBACA;cACA;cACAhB;gBACAE;gBACAD;cACA;YACA;UACA;UACAlF;QACA;MAEA;MACAoG;MACAvC;QACAuC;MACA;IACA;IACA2C;MACA;MACA;MACA;MACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;;QAEA;QACA;QACAzE;UACAC;UACA0B;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+C;UACAC;UACAC;UACA3B;UACA4B;UACAlE;YACAC;YACAsD;YACArD;UACA;UACAiE;YACAlE;YACAsD;YACAE;YACAvD;UACA;QACA;QACAQ,SACA;UACAlB;UACA4E;UACAC;UACAnE;UACAU;YACAC;cACAK;cACAoD;YACA;UACA;UACAvJ,OACA;YACAoD;YACA1D;UACA,GACA;YACA0D;YACA1D;UACA,GACA;YACA0D;YACA1D;UACA,GACA;YACA0D;YACA1D;UACA,GACA;YACA0D;YACA1D;UACA,GACA;YACA0D;YACA1D;UACA,EACA;UACA8J;YACA1D;cACAR;cACAmE;cACAC;cACAjE;gBACAN;gBACAO;cACA;YACA;UACA;UACArC;YACAyC;cACAG;cACA0D;gBACAC;kBACA1E;kBACAC;kBACAuD;kBACAmB;gBACA;gBACAC;kBACAP;kBACA7D;kBACAS;kBACA4D;gBACA;gBACAC;kBACA9E;kBACAwD;kBACAmB;kBACA1E;gBACA;cACA;YACA;UACA;QACA;MAEA;MACAiB;MACAvC;QACAuC;MACA;IACA;IACA6D;MACA;MACA;QACA9E,QACA,WACA,WACA,WACA,WACA,WACA,UACA;QACAT;UACAC;UACAG;UACAD;UACAD;UACAG;QACA;QACAT;UACAC;UACA0B;QACA;QAEAiE;QACAC;UACA1C;UACAhD;UACAzE;UACAoK;UACAxC;YACAtC;YACAG;cACAN;cACAO;cACAjB;YACA;UACA;UACAY;YACAoC;YACAnC;YACAH;YACAkF;YACAnF;UACA;QACA;QACAoF;UACA5C;UACAC;UACAF;UACAG;YACAtC;YACAG;cACAN;cACAO;cACAjB;YACA;UACA;UACAY;YACAY;YACAX;YACAuE;YACA1E;YACAD;UACA;UACAM;YACAC;cACAN;cACAO;cACAjB;YACA;UACA;QACA;QACA8F;QACA5E,SACA;UACAlB;UACA4E;UACAmB;UACAhB;YACA1D;cACAR;cACAmE;cACAC;YACA;YACAe;cACAnF;YACA;UACA;UACAtF,OACA;YACAN;YACA0D;YACAyC;cACAC;gBACAX;cACA;YACA;UACA;QAEA,GACA;UACAV;UACA4E;UACAmB;UACAhB;YACA1D;cACAR;cACAmE;cACAC;YACA;YACAe;cACAnF;YACA;UACA;UACA5F;UACAM,OACA;YACAN;YACA0D;YACAyC;cACAC;gBACAX;cACA;YACA;UACA;QAEA,GACA;UACA0D;UACApE;UACA4E;UACAqB;UACAC;UACAtH;YACAyC;cACAR;cACAW;cACAhB;gBACAC;gBACAC;cACA;cACAa;YACA;YACAyE;cACAnF;YACA;UACA;UACAkE;YACA1D;cACAR;cACAmE;cACAC;cACAvD;YACA;YACAsE;cACAnF;YACA;UACA;UACAtF,OACA;YACAoD;YACA1D;UACA,GACA;YACA0D;YACA1D;UACA,GACA;YACA0D;YACA1D;UACA,GACA;YACA0D;YACA1D;UACA,GACA;YACA0D;YACA1D;UACA,GACA;YACA0D;YACA1D;UACA,GACA;YACA0D;YACA1D;UACA,GACA;YACA0D;YACA1D;UACA,GACA;YACA0D;YACA1D;UACA;QAEA;MAEA;MACA0G;MACAvC;QACAuC;MACA;IACA;IACAwE;MAAA;MACA;MACA;MACA;MACA;MACA,iBACA,WACA,WACA,WACA,WACA,WACA,mBACA;MACA;MACA;MACA;QACA;UAAAlL;UAAA0D;QAAA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA,qCACAwD,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;QACA2C;QAEAjF;UACA2B;YACA;cACA;YACA;cACA;YACA;UACA;QACA;QAEAjB;UACAhC;UACA;UACA8B;UACAQ;UACA;UACA;UACA;UACA;UACA;UACA;UACAiC;UAAA;UACAvH;YACA;UACA;UACAiF;YACAE;YACAD;;YAEA;YACA;UACA;QACA;;QACAS,SACA;UACAjG;UACA+E;UACA4E;UACAC;UACAuB;UAAA;UACAxH;YACA2C;YACAV;UACA;UAEAO;YACAC;cACAyD;cACApD;cACAjB;cACAC;gBACA;cACA;YACA;UACA;UAEA2F;UACA9K;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;MACA6D;QACA;MACA;IACA;IACAkH;MACA;MACA;MACA;IACA;IACAC;MACA;MACA;MACA;MACA;MACA;MACA;MACA;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;MACA;MACA;MACA;MACA;MACA;QACAhH;UACAE;YACAC;YACAQ;cACAE;cACAD;YACA;UACA;QACA;QACAR;UACAyB;UACArB;UACAD;UACAF;UACAC;UACAK;YACAE;UACA;QACA;QACAH;UACAhC;UACA4B;UACAK;YACAE;UACA;UACAnF;QACA;QACAuK;QACAnF,QACA;UACAX;UACAF;UACAqD;YACAtC;YACAG;cACAN;cACAD;YACA;UACA;UACAM;YACAF;UACA;UACA2C;YACA3C;UACA;UACAiG;YACAjG;UACA;UACAD;YACAoC;YACAvC;YACAsC;UACA;UACAxH;QACA,EACA;QACAuF,QACA;UACAd;UACAe;YACAF;YACAG;cACAN;cACAD;YACA;UACA;UACA0C;YACAnC;cACAN;cACAD;YACA;UACA;UACA+C;YACA3C;UACA;UACAD;YACAoC;UACA;UACA8D;YACAjG;UACA;QACA,EACA;QACAK,SACA;UACAjG;UACA+E;UACAoE;UACA2C;UACA1C;UACAzF;YACAiC;YACAW;cACA;gBACA;cACA;gBACA;cACA;YACA;UACA;UACAJ;YACAC;cACAX,6DACA;gBACAY;gBACAZ;cACA,GACA;gBACAY;gBACAZ;cACA,EACA;cACAoE,sDACA,GACA,GACA,GACA,GACA,CACA;gBACAxD;gBACAZ;cACA,GACA;gBACAY;gBACAZ;cACA,EACA;YAEA;UACA;UACAnF;QACA,GACA;UACAN;UACA+E;UACA+G;UACA3C;UACAxF;YACAiC;YACAW;cACA;gBACA;cACA;gBACA;cACA;YACA;UACA;UACAJ;YACAC;cACAX,6DACA;gBACAY;gBACAZ;cACA,GACA;gBACAY;gBACAZ;cACA,EACA;cACAoE,sDACA,GACA,GACA,GACA,GACA,CACA;gBACAxD;gBACAZ;cACA,GACA;gBACAY;gBACAZ;cACA,EACA;YAEA;UACA;UACAnF;QACA,GACA;UACAN;UACA+E;UACA+G;UACA3C;UACAxF;YACAiC;YACAW;cACA;gBACA;cACA;gBACA;cACA;YACA;UACA;UACAJ;YACAC;cACAX,6DACA;gBACAY;gBACAZ;cACA,GACA;gBACAY;gBACAZ;cACA,EACA;cACAoE,sDACA,GACA,GACA,GACA,GACA,CACA;gBACAxD;gBACAZ;cACA,GACA;gBACAY;gBACAZ;cACA,EACA,CACA;cACAsG;YACA;UACA;UACAzL;QACA,GACA;UACAN;UACA+E;UACA+G;UACA3C;UACAxF;YACAiC;YACAW;cACA;gBACA;cACA;gBACA;cACA;YACA;UACA;UACAJ;YACAC;cACAX,6DACA;gBACAY;gBACAZ;cACA,GACA;gBACAY;gBACAZ;cACA,EACA;cACAoE,sDACA,GACA,GACA,GACA,GACA,CACA;gBACAxD;gBACAZ;cACA,GACA;gBACAY;gBACAZ;cACA,EACA,CACA;cACAsG;YACA;UACA;UACAzL;QACA,GACA;UACAN;UACA+E;UACA+G;UACA3C;UACAxF;YACAiC;YACAW;cACA;gBACA;cACA;gBACA;cACA;YACA;UACA;UACAJ;YACAC;cACAX,6DACA;gBACAY;gBACAZ;cACA,GACA;gBACAY;gBACAZ;cACA,EACA;cACAoE,sDACA,GACA,GACA,GACA,GACA,CACA;gBACAxD;gBACAZ;cACA,GACA;gBACAY;gBACAZ;cACA,EACA,CACA;cACAsG;YACA;UACA;UACAzL;QACA;MAEA;MACAoG;MACAvC;QACAuC;MACA;IACA;IACAsF;MACA;MACA;QACApH;UACAC;UACAC;YACAC;UACA;QACA;QACAC;UACAC;UAAA;UACAC;UAAA;UACAC;UAAA;UACAC;UAAA;UACAC;QACA;;QACA;QACA;QACA;QACA;QACA;;QAEA;QACA;QACAK,QACA;UACAX;UACAzE,OACA,OACA,OACA,QACA,OACA,OACA,OACA,OACA,MACA;UACAqF;YACAoC;YAAA;YACAnC;YACAL;cACAE;cACAD;YACA;UACA;QACA,EACA;QACAK,QACA;UACAd;UACA/E;UACA2F;YACAJ;cACAE;cACAD;YACA;UACA;UACAM;YACAF;YACAG;cACAhB;cACA;cACAU;cACAO;YACA;UACA;QACA,EACA;QACAC,SACA;UACAjG;UACA+E;UACAmB;UAAA;UACAC;YACAC;cACAX,uDACA;gBACA;gBACAY;gBAAA;gBACAZ;cACA;cAAA;cACA;gBACAY;gBAAA;gBACAZ;cACA,EACA;cACA9B;gBACAiC;gBAAA;gBACAU;gBAAA;gBACAf;kBACA;kBACAE;kBACAD;gBACA;cACA;YACA;UACA;UACAlF;QACA;MAEA;MACAoG;MACAvC;QACAuC;MACA;IACA;IACA;IACAuF;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/E;QACAA;QACA;QACA;QACAA;QACAA;QACAA;MACA;IACA;IACA;IACAgF;MAAA;MACA;MACA;QACA;QACA;QACA;QACA;QACA;QACA;UACA;QACA;QACA;QACA;UACA;QACA;QACA;QACA;MACA;QACA;QACA;QACAhF;QACAA;QACAA;QACAA;QACA;QACA;QACAA;QACAA;MACA;IACA;IACAiF;MACA;MACA;MACA;MACA;IACA;IACAC;MAAA;MACA;MACA;MACA;MACAzM;QACAiH;MACA;QACA;QACAyF;QACA;QACA;QACA;QACA;UACAC;UACAC;QACA;QACA;UAAA;QAAA;QACA;UAAA;QAAA;QACA,cACA;QACA;QACA;UACA,6BACAC;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;IACAjJ;MACA;QACA;MACA;QACA;QACA;MACA;IACA;IACAkJ;MACAC;MACAC;QACAjG;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","hsgst","rlst","nlst","xms","ysfyzh","jhs","sdpbsl","jdpbsl","fhgzpb","ygdkkx","pjtdpc","pjtdsj","ztpf","zydl","khzs","xczydl","zdsbgm","zxsbgm","glgds","gltq","zrc","tableData","btnArr","btnActive","iconGround","icon","btnEnlarge","btnEnlarge1","options","value","label","topContent","count","device","gd_type_id","gd_type_name","created","mounted","window","clearInterval","token","beforeDestroy","methods","xianDuan","ctx","routerTo","detailen1","tooltip","trigger","axisPointer","type","grid","left","right","bottom","top","containLabel","legend","textStyle","fontSize","color","xAxis","axisLabel","show","yAxis","splitLine","lineStyle","width","series","barWidth","itemStyle","normal","offset","position","formatter","borderRadius","borderWidth","myChart","getbanzhu","action","console","res","getGongdan","rowClass","handleCurrentChange","document","openLineDetail","rowHandle","openGdDetail","mouseout","handleUnity","selectLine","line_code","detailedOne","shuzihuaCharts","crossStyle","x","rotate","interval","min","max","axisLine","valueFormatter","yAxisIndex","detailedTwo","boundaryGap","axisTick","symbol","detailedTwo11","horizontalChart","itemWidth","itemHeight","itemGap","fontWeight","inverse","align","verticalAlign","lineHeight","stack","barGap","barCharts","title","subtext","text","y","subtextStyle","radius","center","borderColor","labelLine","length","length2","rich","b","padding","hr","height","c","roseCharts","polar","angleAxis","z","margin","radiusAxis","calculable","hoverAnimation","emphasis","roseType","zlevel","detailedThree","startAngle","selectedMode","doing","detailedFour","yearBzData","yearChcg","yearChbc","yearWchz","yearJieDi","yearFenJi","splitArea","barMaxWidth","barBorderRadius","detailedFive","enlargeBtn","enlargeBtn1","handleClose","handleDate","dataPbty","dataPb","dataCf","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 <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>盐城地区分布光伏运行监测</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content3\">\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >户数高渗透率 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.hsgst\"\r\n >{{ CompanyInfo.hsgst }}\r\n <span style=\"font-size: 18px; color: #fff\">%</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >容量渗透率 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"orange\"\r\n :text=\"CompanyInfo.rlst\"\r\n >{{ CompanyInfo.rlst }}\r\n <span style=\"font-size: 18px; color: #fff\">%</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >能量渗透率 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.nlst\"\r\n >{{ CompanyInfo.nlst }}\r\n <span style=\"font-size: 18px; color: #fff\">%</span>\r\n </span>\r\n </div>\r\n </div>\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\" @click=\"routerTo('配网工程全过程物资审计')\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>配网工程全过程物资审计</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content3\" style=\"display: inline\">\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n <span style=\"font-size: 18px\" class=\"num1\">项目数 </span>\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.xms\"\r\n >{{ CompanyInfo.xms }}\r\n <span style=\"font-size: 18px; color: #fff\">万</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\">预算费用总和</span>\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"orange\"\r\n :text=\"CompanyInfo.ysfyzh\"\r\n >{{ CompanyInfo.ysfyzh }}\r\n <span style=\"font-size: 18px; color: #fff\">%</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\">计划数</span>\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.jhs\"\r\n >{{ CompanyInfo.jhs }}\r\n </span>\r\n </div>\r\n </div>\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\" @click=\"routerTo('盐城东台区供电所数字化分析')\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>盐城东台区供电所数字化分析</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content3\">\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >升档配变数量 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.sdpbsl\"\r\n >{{ CompanyInfo.sdpbsl }}</span\r\n >\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\">降档配比数量</span>\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"orange\"\r\n :text=\"CompanyInfo.jdpbsl\"\r\n >{{ CompanyInfo.jdpbsl }}</span\r\n >\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >负荷关注配变数量 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.fhgzpb\"\r\n >{{ CompanyInfo.fhgzpb }}</span\r\n >\r\n </div>\r\n </div>\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\" @click=\"routerTo('盐城供电公司配网电能质量管控')\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>盐城供电公司配网电能质量管控</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content3\">\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >月供电可靠性 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.ygdkkx\"\r\n >{{ CompanyInfo.ygdkkx }}\r\n <span style=\"font-size: 18px; color: #fff\">%</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >平均停电频次 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"orange\"\r\n :text=\"CompanyInfo.pjtdpc\"\r\n >{{ CompanyInfo.pjtdpc }}\r\n <span style=\"font-size: 18px; color: #fff\">次/户</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >平均停电时间 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.pjtdsj\"\r\n >{{ CompanyInfo.pjtdsj }}\r\n <span style=\"font-size: 18px; color: #fff\">小时</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div id=\"detailedOne\"></div>\r\n </div>\r\n </div>\r\n <div class=\"middle\" id=\"middle\">\r\n <div class=\"map\" style=\"height: 100%\">\r\n <canvas\r\n id=\"myCanvas\"\r\n width=\"1000\"\r\n height=\"600\"\r\n style=\"position: absolute\"\r\n ></canvas>\r\n <img src=\"../assets/indexN/left.png\" class=\"leftimg\" alt=\"\" />\r\n <img src=\"../assets/indexN/right.png\" class=\"rightimg\" alt=\"\" />\r\n <img class=\"allimg\" src=\"../assets/indexN/dfsxz.png\" alt=\"\" />\r\n <div class=\"imgboxtwo1\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\" style=\"color: #fff; font-size: 26px\">\r\n 大丰区\r\n </div>\r\n </div>\r\n <div class=\"content2\">\r\n <div class=\"line1\">\r\n 用电量 (kwh) \r\n <span style=\"color: yellow; font-size: 28px\">2.685亿</span>\r\n </div>\r\n <div class=\"line1\">\r\n 碳排放量 (kg) \r\n <span style=\"color: orange; font-size: 28px\">7.303万</span>\r\n </div>\r\n <div class=\"line1\">\r\n 企业数量 \r\n <span style=\"color: yellow; font-size: 28px\">713</span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"imgboxone\">\r\n <div class=\"contents\">\r\n <div class=\"lines\" style=\"width: 55%\">\r\n <img src=\"../assets/indexN/tb1.png\" style=\"margin-top: 15%\" />\r\n <h4 style=\"color: #fff; margin-top: 10%\">数据目录</h4>\r\n </div>\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span>发布数量</span>\r\n <span class=\"yellow\">\r\n 100 <span style=\"color: #fff\">%</span>\r\n </span>\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <span>负面清单</span>\r\n <span class=\"orange\">\r\n 7244<span style=\"color: #fff\">个</span>\r\n </span>\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <span>涉及系统</span>\r\n <span class=\"yellow\">\r\n 251 <span style=\"color: #fff\">个</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"lines\" style=\"width: 55%\">\r\n <img src=\"../assets/indexN/tb2.png\" style=\"margin-top: 15%\" />\r\n <h4 style=\"color: #fff; margin-top: 10%\">数据资源</h4>\r\n </div>\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <div style=\"display: inline-block\">\r\n <span>接入数量</span>\r\n </div>\r\n <span class=\"yellow\"\r\n > 1.6 <span style=\"color: #fff\">万个</span></span\r\n >\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <div style=\"display: inline-block\">\r\n <span>涉及系统</span>\r\n </div>\r\n <span class=\"orange\"\r\n > 123 <span style=\"color: #fff\">个</span></span\r\n >\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <div style=\"display: inline-block\">\r\n <span>数据资源卡片</span>\r\n </div>\r\n <span class=\"yellow\"\r\n >31<span style=\"color: #fff\">个</span></span\r\n >\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"lines\" style=\"width: 55%\">\r\n <img src=\"../assets/indexN/tb3.png\" style=\"margin-top: 15%\" />\r\n <h4 style=\"color: #fff; margin-top: 10%\">数据服务</h4>\r\n </div>\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <div style=\"display: inline-block\">\r\n <span>服务数量</span>\r\n </div>\r\n <span class=\"yellow\">\r\n 1084<span style=\"color: #fff\">个</span>\r\n </span>\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <div style=\"display: inline-block\">\r\n <span>接入数量</span>\r\n </div>\r\n <span class=\"orange\">\r\n 8833<span style=\"color: #fff\">个</span>\r\n </span>\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <div style=\"display: inline-block\">\r\n <span>访问次数</span>\r\n </div>\r\n <span class=\"yellow\">\r\n 5.3 <span style=\"color: #fff\">亿个</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"lines\" style=\"width: 55%\">\r\n <img src=\"../assets/indexN/tb4.png\" style=\"margin-top: 15%\" />\r\n <h4 style=\"color: #fff; margin-top: 10%\">数据产品</h4>\r\n </div>\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <div style=\"display: inline-block\">\r\n <span>报表数量</span>\r\n </div>\r\n <span class=\"yellow\"\r\n > 19 <span style=\"color: #fff\">个</span></span\r\n >\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <div style=\"display: inline-block\">\r\n <span>服务访问次数</span>\r\n </div>\r\n <span class=\"orange\"\r\n > 0 <span style=\"color: #fff\">次</span></span\r\n >\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <div style=\"display: inline-block\">\r\n <span>指标数量</span>\r\n </div>\r\n <span class=\"yellow\"\r\n > 477 <span style=\"color: #fff\">个</span></span\r\n >\r\n </div>\r\n </div>\r\n </div>\r\n </div>\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\" @click=\"routerTo('乡村振兴电力综合指数')\">\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\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>乡村振兴电力综合指数</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n <!-- <div 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=\"content3\">\r\n <div class=\"contentUl\">\r\n <div class=\"top1\">\r\n <!-- <img src=\"../assets/indexN/xctb2.png\" /> -->\r\n <div class=\"texts\">94.46</div>\r\n <h4>产业兴旺</h4>\r\n </div>\r\n <div class=\"top2\">\r\n <!-- <img src=\"../assets/indexN/xctb2.png\" /> -->\r\n <div class=\"texts\">63.95</div>\r\n <h4>生活宜居</h4>\r\n </div>\r\n <div class=\"top3\">\r\n <div class=\"texts\">74.15</div>\r\n <h4>生活富裕</h4>\r\n </div>\r\n <div class=\"top4\">\r\n <div class=\"texts\">56.23</div>\r\n <h4>治理有效</h4>\r\n </div>\r\n <div class=\"top5\">\r\n <div class=\"texts\">86.82</div>\r\n <h4>乡风文明</h4>\r\n </div>\r\n <div class=\"top\">\r\n <img src=\"../assets/indexN/xctb1.png\" />\r\n <div class=\"texts\" style=\"color: yellow\">77.17</div>\r\n </div>\r\n <!-- <div class=\"top\">\r\n <img src=\"../assets/05/sjfx.png\" />\r\n <div class=\"texts\" style=\"color: yellow\">\r\n 0\r\n <span style=\"font-size: 15px; color: #fff\">个</span>\r\n </div>\r\n <h4>自然村</h4>\r\n </div> -->\r\n </div>\r\n </div>\r\n <div class=\"enselect\">\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n <span class=\"text\">乡镇</span>\r\n </div>\r\n <div id=\"detailedFive\"></div>\r\n </div>\r\n\r\n <div class=\"three\" style=\"height: 48%; width: 100%\">\r\n <div class=\"cartitle\" @click=\"routerTo('两高行业企业污染监测')\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>两高行业企业污染监测</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <!-- <div class=\"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=\"content3\" style=\"display: inline\">\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >2022年度总碳排放量</span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n :text=\"CompanyInfo.ztpf\"\r\n id=\"yellow\"\r\n >{{ CompanyInfo.ztpf }}\r\n <span style=\"font-size: 18px; color: #fff\">吨碳</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >2022年度总用电量</span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"orange\"\r\n :text=\"CompanyInfo.zydl\"\r\n >{{ CompanyInfo.zydl }}\r\n <span style=\"font-size: 18px; color: #fff\">kwh</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >2022年度客户总数</span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.khzs\"\r\n >{{ CompanyInfo.khzs }}\r\n <span style=\"font-size: 18px; color: #fff\">人</span>\r\n </span>\r\n </div>\r\n </div>\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\" @click=\"routerTo('农村生活污水治理设备电量分析')\">\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\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>农村生活污水治理设备电量分析</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n <!-- <div 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\r\n <div class=\"content3\">\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >年度总用电量 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.xczydl\"\r\n >{{ CompanyInfo.xczydl }}\r\n <span style=\"font-size: 18px; color: #fff\">万kwh</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >最大设备规模 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"orange\"\r\n :text=\"CompanyInfo.zdsbgm\"\r\n >{{ CompanyInfo.zdsbgm }}\r\n <span style=\"font-size: 18px; color: #fff\">吨/日</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >最小设备规模 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.zxsbgm\"\r\n >{{ CompanyInfo.zxsbgm }}\r\n <span style=\"font-size: 18px; color: #fff\">吨/日</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div id=\"detailen\"></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\r\n class=\"cartitle\"\r\n @click=\"routerTo('数字化排涝抗旱辅助及检修辅助决策')\"\r\n >\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>数字化排涝抗旱辅助及检修辅助决策</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content3\">\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >辖区管理供电所 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.glgds\"\r\n >{{ CompanyInfo.glgds }}\r\n <span style=\"font-size: 18px; color: #fff\">个</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >辖区管理台区 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"orange\"\r\n :text=\"CompanyInfo.gltq\"\r\n >{{ CompanyInfo.gltq }}\r\n <span style=\"font-size: 18px; color: #fff\">个</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >自然村 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.zrc\"\r\n >{{ CompanyInfo.zrc }}\r\n <span style=\"font-size: 18px; color: #fff\">条</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div id=\"shuzihua\"></div>\r\n </div>\r\n </div>\r\n <div class=\"realTimeAlarm\" v-show=\"realTimeAlarmShow\">\r\n <div class=\"content3\">\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\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=\"content3\">\r\n <div class=\"table user_skills\">\r\n <el-table\r\n :data=\"alarmInformationData\"\r\n style=\"width: 100%; height: 100%\"\r\n :header-cell-style=\"{ 'text-align': 'center' }\"\r\n :cell-style=\"{ 'text-align': 'center' }\"\r\n :row-class-name=\"rowClass\"\r\n >\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\r\n prop=\"cabinet_name\"\r\n label=\"告警位置\"\r\n align=\"center\"\r\n >\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\r\n @current-change=\"handleCurrentChange\"\r\n :current-page=\"page\"\r\n :page-size=\"pageSize\"\r\n layout=\"prev, pager, next\"\r\n :total=\"totals\"\r\n v-if=\"pageShow\"\r\n >\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\r\n class=\"componentShow\"\r\n style=\"display: block; height: calc(100% - 100px); top: 100px\"\r\n v-if=\"lineItem != null\"\r\n >\r\n <component :is=\"lineShow\" :lineItem=\"lineItem\"></component>\r\n </div>\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\nimport {\r\n getCompanyInfo,\r\n getLine,\r\n getBanzugz,\r\n getGdtj,\r\n getDwbzgz,\r\n getGdsgdzl,\r\n getPbtyqk,\r\n getCabinetInfo,\r\n getCabinetList,\r\n getfaultReportList,\r\n getCabinetAlarmList,\r\n} from \"../api/index.js\";\r\n//引入echarts\r\nimport * as echarts from \"echarts\";\r\n// 工单统计弹窗组件\r\nimport workOrder from \"../component/workOrder.vue\";\r\nimport ringMainUnit from \"./HomePop/ringMainUnit.vue\";\r\nimport routeDetail from \"../component/routeDetail.vue\";\r\n\r\n// 线路详情\r\nimport lineDetail from \"../component/lineDetail.vue\";\r\nexport default {\r\n name: \"home\",\r\n components: {\r\n ringMainUnit, //环网柜弹窗\r\n workOrder, //工单统计弹窗\r\n routeDetail, //线路故障跳闸明细\r\n lineDetail, //线路详情弹窗\r\n },\r\n data() {\r\n return {\r\n pageShow: true,\r\n totals: 5,\r\n pageSize: 10,\r\n page: 1,\r\n threeImg: require(\"../assets/images/pieBorder.png\"),\r\n\r\n enlargeShow: true,\r\n dataGzList: [\r\n {\r\n bz: \"大冈\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"配网二班\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"配网一班\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"尚庄\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"秦南\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"郭猛\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"大纵湖\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"潘黄\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"学富\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"龙冈\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"西区\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"楼王\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n ], //年故障数组\r\n dateList: [\"周\", \"月\"],\r\n acolor: true, //是否展示颜色\r\n currentIndex: -1,\r\n alarmInformationData: [],\r\n alarmInformationShow: false, //报警详情信息弹窗\r\n realTimeAlarmShow: false, //实时报警弹窗\r\n modelOthers: false,\r\n componentShow: \"\",\r\n CompanyInfo: {\r\n hsgst: \"3.4\",\r\n rlst: \"0.01\",\r\n nlst: \"0.44\",\r\n xms: \"9.279\",\r\n ysfyzh: \"118.5\",\r\n jhs: \"44\",\r\n sdpbsl: \"12\",\r\n jdpbsl: \"7\",\r\n fhgzpb: \"87\",\r\n ygdkkx: \"99.95\",\r\n pjtdpc: \"0.39\",\r\n pjtdsj: \"0.37\",\r\n ztpf: \"108.3万\",\r\n zydl: \"39.83亿\",\r\n khzs: \"4968\",\r\n xczydl: \"723.6\",\r\n zdsbgm: \"1250\",\r\n zxsbgm: \"3673\",\r\n glgds: \"10\",\r\n gltq: \"13884\",\r\n zrc: \"306\",\r\n },\r\n tableData: [],\r\n btnArr: [\"总览\", \"环网柜\", \"分支箱\", \"箱变\", \"开闭所\"],\r\n btnActive: 0,\r\n iconGround: [\r\n {\r\n icon: require(\"@/assets/images/huanwanggui.png\"),\r\n name: \"环网柜\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/fenzhixiang.png\"),\r\n name: \"分支箱\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/xiangbian.png\"),\r\n name: \"箱变\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/kaibisuo.png\"),\r\n name: \"开闭所\",\r\n },\r\n ],\r\n btnEnlarge: [\r\n {\r\n icon: require(\"@/assets/images/btnTiShi.png\"),\r\n },\r\n {\r\n icon: require(\"@/assets/images/btnFangDa.png\"),\r\n },\r\n ],\r\n btnEnlarge1: [\r\n {\r\n icon: require(\"@/assets/images/btnTiShi.png\"),\r\n },\r\n {\r\n icon: require(\"@/assets/images/suoxiao.png\"),\r\n },\r\n ],\r\n options: [\r\n {\r\n value: \"\",\r\n label: \"\",\r\n },\r\n ],\r\n value: \"\",\r\n topContent: [\r\n {\r\n name: \"配变数量\",\r\n count: \"\",\r\n },\r\n {\r\n name: \"重复停运台次\",\r\n count: \"\",\r\n },\r\n {\r\n name: \"配变重复停运率\",\r\n count: \"\",\r\n },\r\n ],\r\n device: \"\",\r\n tableData: [],\r\n tableKey: +new Date(),\r\n scrollTop: 0, //table距离顶部距离\r\n option: null,\r\n myChartBin: null,\r\n\r\n gongdanList: [\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"频繁停电\",\r\n total: 0,\r\n },\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"处理时间长\",\r\n total: 0,\r\n },\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"运检类投诉\",\r\n total: 0,\r\n },\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"运检类意见\",\r\n total: 0,\r\n },\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"民事赔偿\",\r\n total: 0,\r\n },\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"多次停电\",\r\n total: 0,\r\n },\r\n ],\r\n\r\n // 工单\r\n orderItem: null,\r\n\r\n orderShow: \"\",\r\n // 线路故障明细\r\n routeItem: null,\r\n routeShow: \"\",\r\n\r\n // 配电线路\r\n lineItem: null,\r\n lineShow: \"\",\r\n timer: null, //定时器\r\n emergencyList: [], //告警数据\r\n rowTime: \"\",\r\n };\r\n },\r\n created() {},\r\n mounted() {\r\n // this.beginShowing();\r\n // 监听浏览器窗口大小变化\r\n window.onresize = () => {\r\n clearInterval(this.myTimer);\r\n this.beginShowing();\r\n };\r\n this.xianDuan();\r\n this.detailedTwo11();\r\n this.horizontalChart();\r\n this.detailedOne();\r\n this.barCharts();\r\n this.detailedFive();\r\n this.shuzihuaCharts();\r\n this.roseCharts();\r\n this.detailen1();\r\n this.handleDate(0);\r\n\r\n let that = this;\r\n\r\n //历史故障接口\r\n let faultData = {\r\n token: localStorage.getItem(\"token\"),\r\n pageSize: \"500\",\r\n page: \"1\",\r\n };\r\n },\r\n // beforeDestroy() {\r\n // this.dataDestroy(); // 页面摧毁前，关闭定时器\r\n // },\r\n beforeDestroy() {\r\n // 离开当前路由前的操作\r\n clearInterval(this.timer);\r\n this.timer = null;\r\n },\r\n methods: {\r\n //地图画线\r\n xianDuan() {\r\n var canvas = document.getElementById(\"myCanvas\");\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.moveTo(650, 450); // moveTo(x,y) 定义线条开始坐标\r\n ctx.lineTo(735, 250); // lineTo(x,y) 定义线条结束坐标\r\n ctx.strokeStyle = \"orange\";\r\n ctx.lineWidth = 3;\r\n ctx.stroke();\r\n },\r\n routerTo(data) {\r\n if (data == \"盐城地区分布光伏运行监测\") {\r\n this.$router.push(\"/stationBuilding\");\r\n }\r\n if (data == \"盐城东台区供电所数字化分析\") {\r\n this.$router.push(\"/twentyKV\");\r\n }\r\n if (data == \"配网工程全过程物资审计\") {\r\n this.$router.push(\"/thirtyFiveKV\");\r\n }\r\n if (data == \"盐城供电公司配网电能质量管控\") {\r\n this.$router.push(\"/powerQualityControl\");\r\n }\r\n if (data == \"乡村振兴电力综合指数\") {\r\n this.$router.push(\"/ruralRevitalizationPower\");\r\n }\r\n if (data == \"两高行业企业污染监测\") {\r\n this.$router.push(\"/enterprisePollutionMonitoring\");\r\n }\r\n if (data == \"农村生活污水治理设备电量分析\") {\r\n this.$router.push(\"/ruralDomesticSewageTreatment\");\r\n }\r\n if (data == \"数字化排涝抗旱辅助及检修辅助决策\") {\r\n this.$router.push(\"/digitalFloodDrainageDroughtRelief\");\r\n }\r\n },\r\n detailen1() {\r\n var fontColor = \"#30eee9\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailen\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n },\r\n grid: {\r\n left: \"0%\", //图表距离容器左侧多少距离\r\n right: \"10%\", //图表距离容器右侧侧多少距离\r\n bottom: \"20%\", //图表距离容器上面多少距离\r\n top: \"10%\", //图表距离容器下面多少距离\r\n containLabel: true, //防止标签溢出\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n },\r\n\r\n data: [\"电量KWH\"],\r\n },\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n data: [\r\n \"安丰镇\",\r\n \"草堰镇\",\r\n \"龙岗镇\",\r\n \"新丰镇\",\r\n \"伍佑街道\",\r\n \"步凤镇\",\r\n ],\r\n axisLabel: {\r\n show: true,\r\n textStyle: {\r\n color: \"#ffffff\",\r\n fontSize: 18,\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 fontSize: 18,\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"电量kwh\",\r\n type: \"bar\",\r\n barWidth: 40, // 柱子宽度核心代码，\r\n itemStyle: {\r\n normal: {\r\n color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"rgba(2,255,255,.3)\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"rgb(2,255,255)\",\r\n },\r\n ]),\r\n label: {\r\n show: true, //开启显示\r\n position: \"top\", //在上方显示\r\n formatter: function (params) {\r\n //核心部分 formatter 可以为字符串也可以是回调\r\n if (params.value) {\r\n //如果当前值存在则拼接\r\n return params.value + \"万\";\r\n } else {\r\n //否则返回个空\r\n return \"\";\r\n }\r\n },\r\n textStyle: {\r\n //数值样式\r\n color: \"#00ffff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n data: [320, 332, 301, 334, 390, 288, 299],\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n //班组\r\n getbanzhu() {\r\n getBanzugz({\r\n action: \"detail\",\r\n }).then((res) => {\r\n console.log(res, \"班组故障详情\");\r\n for (let i = 0; i < res.data.data.length; i++) {\r\n if (res.data.data[i].gz_time_deal) {\r\n let date = new Date(res.data.data[i].gz_time_deal);\r\n res.data.data[i].gz_time_deal =\r\n this.$moment(date).format(\"YYYY-MM-DD HH:mm\");\r\n // console.log(res.data.data[i].gz_time_deal,'转换后');\r\n }\r\n if (res.data.data[i].gz_time) {\r\n let time = new Date(res.data.data[i].gz_time);\r\n res.data.data[i].gz_time =\r\n this.$moment(time).format(\"YYYY-MM-DD HH:mm\");\r\n }\r\n this.tableData.push(res.data.data[i]);\r\n }\r\n });\r\n },\r\n //工单\r\n getGongdan() {\r\n getGdtj({ action: \"tongji\" }).then((res) => {\r\n console.log(res, \"工单统计数据\");\r\n let dataList = res.data.data;\r\n\r\n for (let i = 0; i < this.gongdanList.length; i++) {\r\n for (let j = 0; j < res.data.data.length; j++) {\r\n if (\r\n this.gongdanList[i].gd_type_name == res.data.data[j].gd_type_name\r\n ) {\r\n this.gongdanList[i].total = res.data.data[j].total;\r\n this.gongdanList[i].gd_type_id = res.data.data[j].gd_type_id;\r\n }\r\n }\r\n }\r\n // this.gongdanList = res.data.data;\r\n this.detailedThree(dataList);\r\n // this.$nextTick(() => {\r\n // this.detailedThree(dataList);\r\n // setInterval(() => {\r\n // this.doing();\r\n // }, 200);\r\n // });\r\n });\r\n },\r\n // //表格第一行颜色\r\n rowClass(row, rowIndex) {\r\n if (row.rowIndex === 0) {\r\n return \"rowColor0\";\r\n } else {\r\n return \"\";\r\n }\r\n },\r\n //切换当前页\r\n handleCurrentChange(val) {\r\n this.page = val;\r\n let tableData = [];\r\n if (this.emergencyList.length != 0) {\r\n tableData = this.emergencyList;\r\n if (val == 1) {\r\n this.alarmInformationData = tableData.slice(0, 10);\r\n document.getElementsByClassName(\"rowColor0\")[0].style.display = \"\";\r\n } else if (val == 2) {\r\n document.getElementsByClassName(\"rowColor0\")[0].style.display =\r\n \"none\";\r\n this.alarmInformationData = tableData.slice(10, 20);\r\n } else if (val == 3) {\r\n this.alarmInformationData = tableData.slice(20, 30);\r\n document.getElementsByClassName(\"rowColor0\")[0].style.display =\r\n \"none\";\r\n } else if (val == 4) {\r\n this.alarmInformationData = tableData.slice(30, 40);\r\n document.getElementsByClassName(\"rowColor0\")[0].style.display =\r\n \"none\";\r\n } else if (val == 5) {\r\n this.alarmInformationData = tableData.slice(40, 50);\r\n document.getElementsByClassName(\"rowColor0\")[0].style.display =\r\n \"none\";\r\n }\r\n } else {\r\n return false;\r\n }\r\n },\r\n // 线路详情弹窗\r\n openLineDetail(e) {\r\n // console.log(e);\r\n // var line = e + ''\r\n // console.log(line);\r\n getLine({ action: \"pdxl\" }).then(({ data }) => {\r\n console.log(data);\r\n this.lineShow = \"lineDetail\";\r\n this.lineItem = data.data;\r\n });\r\n },\r\n // 线路故障跳闸明细弹窗\r\n rowHandle(e) {\r\n // console.log(e, \"参数\");\r\n this.routeItem = e;\r\n this.routeShow = \"routeDetail\";\r\n // console.log(this.routeItem,'线路组件名称');\r\n },\r\n // 工单统计的弹窗\r\n openGdDetail(item) {\r\n this.orderItem = item;\r\n this.orderShow = \"workOrder\";\r\n },\r\n // 鼠标进入表格\r\n // mouseover() {\r\n // clearInterval(this.myTimer);\r\n // },\r\n // 鼠标离开表格\r\n mouseout() {\r\n this.roll();\r\n },\r\n //调用unity方法\r\n handleUnity(index, item) {\r\n this.btnActive = index;\r\n this.$refs.iframe.contentWindow.handleChange(item);\r\n },\r\n //选择线路\r\n selectLine(value) {\r\n getLine({\r\n action: \"query\",\r\n line_code: value,\r\n }).then((res) => {\r\n // console.log(res,'选择线路');\r\n if (res.data.data != 0 && res.data.data != null) {\r\n this.$refs.iframe.contentWindow.handleChangeLine(\r\n res.data.data.line_name\r\n );\r\n } else if (res.data.data == null) {\r\n this.$refs.iframe.contentWindow.handleChangeLine(\"\");\r\n }\r\n });\r\n },\r\n detailedOne() {\r\n let myChart = this.$echarts.init(document.getElementById(\"detailedOne\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n },\r\n\r\n data: [\"配变停电\"],\r\n },\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n data: [\r\n \"亭湖区\",\r\n \"东台市\",\r\n \"建湖县\",\r\n \"阜宁县\",\r\n \"响水县\",\r\n \"滨海县\",\r\n \"射阳县\",\r\n \"大丰区\",\r\n ],\r\n axisLabel: {\r\n show: true,\r\n textStyle: {\r\n color: \"#ffffff\",\r\n fontSize: 16,\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 fontSize: 16,\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"配变停电\",\r\n type: \"bar\",\r\n barWidth: 40, // 柱子宽度核心代码，\r\n itemStyle: {\r\n normal: {\r\n color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"rgba(2,255,255,.3)\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"rgb(2,255,255)\",\r\n },\r\n ]),\r\n label: {\r\n show: true, //开启显示\r\n position: \"top\", //在上方显示\r\n textStyle: {\r\n //数值样式\r\n color: \"#00ffff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n data: [5109, 5520, 5354, 5511, 4789, 5254, 5411, 4889],\r\n },\r\n ],\r\n };\r\n\r\n myChart.setOption(option);\r\n\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n shuzihuaCharts() {\r\n let myChart = this.$echarts.init(document.getElementById(\"shuzihua\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"cross\",\r\n crossStyle: {\r\n color: \"#999\",\r\n },\r\n },\r\n },\r\n grid: {\r\n left: \"5%\", //图表距离容器左侧多少距离\r\n right: \"8%\", //图表距离容器右侧侧多少距离\r\n bottom: \"20%\", //图表距离容器上面多少距离\r\n top: \"15%\", //图表距离容器下面多少距离\r\n containLabel: true, //防止标签溢出\r\n },\r\n legend: [\r\n {\r\n x: \"center\",\r\n data: [\r\n \"投运15年以上设备数量\",\r\n \"统计时间所辖线路设备数量\",\r\n \"设备老化占比\",\r\n ],\r\n textStyle: {\r\n fontSize: 18,\r\n color: \"#fff\",\r\n },\r\n },\r\n ],\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n data: [\r\n \"10kv星雨线163\",\r\n \"10kv智谋线183\",\r\n \"10kv朝阳线164\",\r\n \"10kv杨庄线181\",\r\n \"10kv森达线174\",\r\n ],\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n axisLabel: {\r\n rotate: -15, //60度角倾斜显示\r\n interval: 0, //横轴信息全部显示\r\n color: \"#fff\",\r\n fontSize: 20,\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n min: 0,\r\n max: 160,\r\n interval: 40,\r\n axisLabel: {\r\n textStyle: {\r\n fontSize: \"18\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n {\r\n type: \"value\",\r\n min: 0,\r\n max: 80,\r\n interval: 20,\r\n axisLabel: {\r\n formatter: \"{value}%\",\r\n textStyle: {\r\n fontSize: \"18\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"投运15年以上设备数量\",\r\n type: \"bar\",\r\n tooltip: {\r\n valueFormatter: function (value) {\r\n return value;\r\n },\r\n },\r\n itemStyle: {\r\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n { offset: 1, color: \"rgba(240,230,140,.2) \" },\r\n { offset: 0.5, color: \"rgb(240,230,140,.6)\" },\r\n { offset: 0, color: \"rgb(240,230,140)\" },\r\n ]),\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n data: [55, 66, 89, 113, 123],\r\n },\r\n {\r\n name: \"统计时间所辖线路设备数量\",\r\n type: \"bar\",\r\n tooltip: {\r\n valueFormatter: function (value) {\r\n return value;\r\n },\r\n },\r\n itemStyle: {\r\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n { offset: 1, color: \"rgba(65,105,225,.2) \" },\r\n { offset: 0.5, color: \"rgb(65,105,225,.6)\" },\r\n { offset: 0, color: \"rgb(65,105,225)\" },\r\n ]),\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n data: [46, 56, 99, 103, 123],\r\n },\r\n {\r\n name: \"设备老化占比\",\r\n type: \"line\",\r\n yAxisIndex: 1,\r\n tooltip: {\r\n valueFormatter: function (value) {\r\n return value;\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: \"#0080ff\",\r\n lineStyle: {\r\n color: \"#0080ff\",\r\n },\r\n },\r\n },\r\n data: [20, 40, 60, 80, 67],\r\n },\r\n ],\r\n };\r\n\r\n myChart.setOption(option);\r\n\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedTwo() {\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo1\"));\r\n var option = {\r\n xAxis: {\r\n type: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: fontColor,\r\n },\r\n axisLine: {\r\n show: true,\r\n lineStyle: {\r\n color: \"#397cbc\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#195384\",\r\n },\r\n },\r\n data: [\r\n \"0:00\",\r\n \"3:00\",\r\n \"6:00\",\r\n \"9:00\",\r\n \"12:00\",\r\n \"15:00\",\r\n \"18:00\",\r\n \"21:00\",\r\n \"24:00\",\r\n ],\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"单位：kw\",\r\n min: 0,\r\n max: 1000,\r\n show: true,\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n axisLabel: {\r\n formatter: \"{value}\",\r\n textStyle: {\r\n color: \"#2ad1d2\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#27b4c2\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n data: [720, 632, 801, 734, 470, 670, 720, 123, 567],\r\n type: \"line\",\r\n symbol: \"none\",\r\n lineStyle: {\r\n color: \"#00ffff\",\r\n width: 2,\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: \"00ffff\",\r\n lineStyle: {\r\n color: \"00ffff\",\r\n width: 3,\r\n type: \"solid\",\r\n },\r\n },\r\n },\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedTwo11() {\r\n var fontColor = \"#30eee9\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo1\"));\r\n var option = {\r\n xAxis: {\r\n type: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: fontColor,\r\n },\r\n axisLine: {\r\n show: true,\r\n lineStyle: {\r\n color: \"#397cbc\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#195384\",\r\n },\r\n },\r\n data: [\r\n \"0:00\",\r\n \"3:00\",\r\n \"6:00\",\r\n \"9:00\",\r\n \"12:00\",\r\n \"15:00\",\r\n \"18:00\",\r\n \"21:00\",\r\n \"24:00\",\r\n ],\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"单位：kw\",\r\n min: 0,\r\n max: 1000,\r\n show: true,\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n axisLabel: {\r\n formatter: \"{value}\",\r\n textStyle: {\r\n color: \"#2ad1d2\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#27b4c2\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n data: [720, 632, 801, 734, 470, 670, 720, 123, 567],\r\n type: \"line\",\r\n symbol: \"none\",\r\n lineStyle: {\r\n color: \"#00ffff\",\r\n width: 2,\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: \"00ffff\",\r\n lineStyle: {\r\n color: \"00ffff\",\r\n width: 3,\r\n type: \"solid\",\r\n },\r\n },\r\n },\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n horizontalChart() {\r\n var myChart = this.$echarts.init(\r\n document.getElementById(\"horizontalChart\")\r\n );\r\n var honorData = [\r\n {\r\n name: \"60天内掉电客户数\",\r\n data: [13.4, 12.1, 14.3],\r\n },\r\n {\r\n name: \"60天内掉电总数\",\r\n data: [9.4, 8.1, 7.3],\r\n },\r\n ];\r\n var honorXAxisData = [\"No.3\", \"No.2\", \"No.1\"];\r\n var nameList = [\r\n \"PMS_晨光满园9台区\",\r\n \"滨河华苑3台区\",\r\n \"PMS_晨光满园11台区\",\r\n ];\r\n var option = {\r\n color: [\"#0F9AF8\", \"#2039C3\", \"rgba(32,57,195,.5)\", \"#2ECACE\"],\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"none\",\r\n },\r\n },\r\n legend: {\r\n right: 20,\r\n top: \"5%\",\r\n itemWidth: 10,\r\n itemHeight: 10,\r\n itemGap: 15,\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n grid: {\r\n top: \"15%\",\r\n left: \"14%\",\r\n right: \"0%\",\r\n bottom: \"0%\",\r\n },\r\n xAxis: [\r\n {\r\n type: \"value\",\r\n show: false,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: \"#6B9DD7\",\r\n fontSize: 16, // 文字大小\r\n fontWeight: 400,\r\n interval: 0,\r\n formatter: function (value) {\r\n return value + \"(万元)\";\r\n },\r\n },\r\n splitLine: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"category\",\r\n offset: 17,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: \"#00FFFF\",\r\n fontSize: 20, // 文字大小\r\n fontWeight: 700,\r\n interval: 0,\r\n },\r\n\r\n data: honorXAxisData,\r\n },\r\n {\r\n //名称\r\n type: \"category\",\r\n offset: -10,\r\n position: \"left\",\r\n axisLine: {\r\n show: false,\r\n },\r\n inverse: true,\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n color: \"#fff\",\r\n align: \"left\",\r\n verticalAlign: \"bottom\",\r\n lineHeight: 40,\r\n fontSize: 20,\r\n },\r\n data: nameList,\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"60天内掉电客户数\",\r\n type: \"bar\",\r\n stack: \"zongliang\",\r\n barWidth: \"25%\",\r\n barGap: 15, // 柱图之间的间距\r\n itemStyle: {\r\n //自定义颜色\r\n // normal: { color: \"orange\" },\r\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"rgba(255,165,0,.4)\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"rgb(255,165,0)\",\r\n },\r\n ]),\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: [\"80%\", \"-100%\"],\r\n formatter: function (params) {\r\n return params.value;\r\n },\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n\r\n data: honorData[0].data,\r\n },\r\n {\r\n name: \"60天内掉电总数\",\r\n type: \"bar\",\r\n stack: \"zongliang\",\r\n barWidth: \"25%\",\r\n itemStyle: {\r\n //自定义颜色\r\n // normal: { color: \"orange\" },\r\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"#005BEA\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"#00C6FB\",\r\n },\r\n ]),\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: [\"80%\", \"-100%\"],\r\n formatter: function (params) {\r\n return params.value;\r\n },\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n data: honorData[1].data,\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n 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 {\r\n type: \"pie\",\r\n radius: [\"80\", \"120\"],\r\n center: [\"50%\", \"50%\"],\r\n color: [\"#80C269\", \"#00FFFF\", \"#0090F1\", \"#FFA800\", \"#4658F6\"],\r\n itemStyle: {\r\n normal: {\r\n borderWidth: 5,\r\n borderColor: \"#031845\",\r\n },\r\n },\r\n data: [\r\n {\r\n value: 27,\r\n name: \"国网大丰市供电公司\",\r\n },\r\n {\r\n value: 30,\r\n name: \"国网射阳县供电公司\",\r\n },\r\n {\r\n value: 24,\r\n name: \"开发区供电服务中心\",\r\n },\r\n {\r\n value: 27,\r\n name: \"盐城运维检修部\",\r\n },\r\n {\r\n value: 27,\r\n name: \"设备管理部\",\r\n },\r\n {\r\n value: 27,\r\n name: \"国网响水县供电公司\",\r\n },\r\n ],\r\n labelLine: {\r\n normal: {\r\n show: true,\r\n length: 20,\r\n length2: 10,\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: 20,\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: 20,\r\n align: \"center\",\r\n padding: 4,\r\n color: \"#fff\",\r\n },\r\n },\r\n },\r\n },\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n roseCharts() {\r\n var myChart = this.$echarts.init(document.getElementById(\"roseCharts\"));\r\n var option = {\r\n color: [\r\n \"#EAEA26\",\r\n \"#906BF9\",\r\n \"#FE5656\",\r\n \"#01E17E\",\r\n \"#3DD1F9\",\r\n \"#FFAD05\",\r\n ],\r\n 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\r\n polar: {},\r\n angleAxis: {\r\n interval: 1,\r\n type: \"category\",\r\n data: [],\r\n z: 10,\r\n axisLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#0B4A6B\",\r\n width: 1,\r\n type: \"solid\",\r\n },\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n show: true,\r\n color: \"#0B4A6B\",\r\n margin: 8,\r\n fontSize: 16,\r\n },\r\n },\r\n radiusAxis: {\r\n min: 40,\r\n max: 120,\r\n interval: 20,\r\n axisLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#0B3E5E\",\r\n width: 1,\r\n type: \"solid\",\r\n },\r\n },\r\n axisLabel: {\r\n formatter: \"{value} %\",\r\n show: false,\r\n padding: [0, 0, 20, 0],\r\n color: \"#0B3E5E\",\r\n fontSize: 16,\r\n },\r\n splitLine: {\r\n lineStyle: {\r\n color: \"#0B3E5E\",\r\n width: 2,\r\n type: \"solid\",\r\n },\r\n },\r\n },\r\n calculable: true,\r\n series: [\r\n {\r\n type: \"pie\",\r\n radius: [\"5%\", \"10%\"],\r\n hoverAnimation: false,\r\n labelLine: {\r\n normal: {\r\n show: false,\r\n length: 30,\r\n length2: 55,\r\n },\r\n emphasis: {\r\n show: false,\r\n },\r\n },\r\n data: [\r\n {\r\n name: \"\",\r\n value: 0,\r\n itemStyle: {\r\n normal: {\r\n color: \"#0B4A6B\",\r\n },\r\n },\r\n },\r\n ],\r\n },\r\n {\r\n type: \"pie\",\r\n radius: [\"90%\", \"95%\"],\r\n hoverAnimation: false,\r\n labelLine: {\r\n normal: {\r\n show: false,\r\n length: 30,\r\n length2: 55,\r\n },\r\n emphasis: {\r\n show: false,\r\n },\r\n },\r\n name: \"\",\r\n data: [\r\n {\r\n name: \"\",\r\n value: 0,\r\n itemStyle: {\r\n normal: {\r\n color: \"#0B4A6B\",\r\n },\r\n },\r\n },\r\n ],\r\n },\r\n {\r\n stack: \"a\",\r\n type: \"pie\",\r\n radius: [\"20%\", \"80%\"],\r\n roseType: \"area\",\r\n zlevel: 10,\r\n label: {\r\n normal: {\r\n show: true,\r\n formatter: \"{b} {d} %\",\r\n textStyle: {\r\n fontSize: 20,\r\n color: \"#fff\",\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: 35,\r\n borderWidth: 4,\r\n },\r\n emphasis: {\r\n show: false,\r\n },\r\n },\r\n data: [\r\n {\r\n value: 15,\r\n name: \"东台市\",\r\n },\r\n {\r\n value: 7,\r\n name: \"阜宁县\",\r\n },\r\n {\r\n value: 14,\r\n name: \"盐都区\",\r\n },\r\n {\r\n value: 23,\r\n name: \"滨海县\",\r\n },\r\n {\r\n value: 18,\r\n name: \"建湖县\",\r\n },\r\n {\r\n value: 35,\r\n name: \"射阳县\",\r\n },\r\n {\r\n value: 31,\r\n name: \"大丰区\",\r\n },\r\n {\r\n value: 28,\r\n name: \"响水县\",\r\n },\r\n {\r\n value: 36,\r\n name: \"亭湖区\",\r\n },\r\n ],\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedThree(dataList) {\r\n // console.log(this.threeImg,'图片');\r\n // var equipment = [dataList.yjlts, dataList.yjlyj];\r\n var that = this;\r\n // console.log(that,'指向');\r\n var colorList = [\r\n \"#0090ff\",\r\n \"#06d3c4\",\r\n \"#66b0ed\",\r\n \"#7cb79d\",\r\n \"#2361b4\",\r\n \"rgb(198,123,244)\",\r\n ];\r\n var colorList1 = [\"rgb(198,123,244)\", \"#2361b4\"];\r\n // 饼图数据\r\n var threeList = dataList.map((ele) => {\r\n return { name: ele.gd_type_name, value: ele.total };\r\n });\r\n // console.log(threeList, \"饼图数据\");\r\n // var legendData = dataList.concat(\r\n // {\r\n // value: equipment[0],\r\n // name: \"运检类投诉\",\r\n // },\r\n // {\r\n // value: equipment[1],\r\n // name: \"运检类意见\",\r\n // }\r\n // );\r\n this.myChartBin = this.$echarts.init(\r\n document.getElementById(\"detailedThree\")\r\n );\r\n // var graphicList = [];\r\n // legendData.forEach((ele, index) => {\r\n // if (index <= 2) {\r\n // graphicList.push({\r\n // type: \"image\",\r\n // style: {\r\n // image: this.threeImg,\r\n // width: 164,\r\n // height: 41,\r\n // x: 250,\r\n // y: 55 * (index + 1),\r\n // },\r\n // });\r\n // } else {\r\n // graphicList.push({\r\n // type: \"image\",\r\n // style: {\r\n // image: this.threeImg,\r\n // width: 164,\r\n // height: 41,\r\n // x: 424,\r\n // y: 55 * (index - 2),\r\n // },\r\n // });\r\n // }\r\n // });\r\n this.option = {\r\n borderColor: \"none\",\r\n\r\n tooltip: {\r\n formatter: function (param) {\r\n if (param.data.type == null) {\r\n return param.data.name + \":\" + param.value + \"个\";\r\n } else {\r\n return param.data.name + \":\" + param.value + \"个\";\r\n }\r\n },\r\n },\r\n\r\n legend: {\r\n icon: \"pin\",\r\n // height: 90,\r\n top: 20,\r\n show: false,\r\n // bottom:0,\r\n // itemGap: 40,\r\n // lineHeight: 80,\r\n // padding: [30, 0, 30, 0],\r\n // right: '20%',\r\n // orient: \"vertical\", //垂直显示\r\n x: \"center\", //延Y轴居中\r\n data: dataList.map((ele) => {\r\n return ele.gd_type_name;\r\n }),\r\n textStyle: {\r\n color: \"#ffffff\",\r\n fontSize: 15,\r\n\r\n // width:20,\r\n // height:60,\r\n },\r\n },\r\n series: [\r\n {\r\n name: \"\",\r\n type: \"pie\",\r\n radius: [0, \"70%\"],\r\n center: [\"50%\", \"50%\"],\r\n startAngle: 60, //默认角度\r\n label: {\r\n position: \"inner\",\r\n show: false,\r\n },\r\n\r\n itemStyle: {\r\n normal: {\r\n borderColor: \"none\",\r\n borderWidth: 2,\r\n fontSize: 16,\r\n color: function (params) {\r\n return colorList[params.dataIndex];\r\n },\r\n },\r\n },\r\n\r\n selectedMode: \"single\",\r\n data: threeList,\r\n },\r\n // {\r\n // name: \"运检类\",\r\n // type: \"pie\",\r\n // radius: [\"70%\", \"80%\"],\r\n // center: [\"20%\", \"50%\"],\r\n // startAngle: 30,\r\n // itemStyle: {\r\n // normal: {\r\n // fontSize: 16,\r\n // color: function (params) {\r\n // return colorList1[params.dataIndex];\r\n // },\r\n // // color:'#F4C907',\r\n // },\r\n // },\r\n // label: {\r\n // normal: {\r\n // formatter: function (params) {\r\n // return params.data.name + \":\" + params.data.type + \"个\";\r\n // },\r\n // color: \"auto\",\r\n // show: false,\r\n // fontSize: 16,\r\n // },\r\n // },\r\n\r\n // data: [\r\n // {\r\n // value: equipment[0],\r\n // name: \"运检类投诉\",\r\n // type: equipment[0],\r\n // },\r\n // {\r\n // value: equipment[1],\r\n // name: \"运检类意见\",\r\n // type: equipment[1],\r\n // },\r\n // ],\r\n // animation: false,\r\n // },\r\n ],\r\n };\r\n this.myChartBin.setOption(this.option);\r\n window.addEventListener(\"resize\", () => {\r\n this.myChartBin.resize();\r\n });\r\n },\r\n doing() {\r\n this.option.series[0].startAngle = this.option.series[0].startAngle - 5;\r\n this.option.series[1].startAngle = this.option.series[1].startAngle - 5;\r\n this.myChartBin.setOption(this.option);\r\n },\r\n detailedFour(dataList) {\r\n let yearBzData = [];\r\n let yearChcg = [];\r\n let yearChbc = [];\r\n let yearWchz = [];\r\n let yearJieDi = [];\r\n let yearFenJi = [];\r\n for (let i = 0; i < dataList.length; i++) {\r\n yearBzData.push(dataList[i].bz);\r\n yearChcg.push(dataList[i].chcg);\r\n yearChbc.push(dataList[i].chbc);\r\n yearWchz.push(dataList[i].wchz);\r\n yearJieDi.push(dataList[i].jd);\r\n yearFenJi.push(dataList[i].fjbh);\r\n }\r\n // console.log(yearJieDi,'接地数据');\r\n let that = this;\r\n let myChart = this.$echarts.init(document.getElementById(\"detailedFour\"));\r\n var option = {\r\n tooltip: {\r\n axisPointer: {\r\n type: \"shadow\",\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 16,\r\n },\r\n },\r\n },\r\n grid: {\r\n borderWidth: 0,\r\n top: 30,\r\n bottom: \"17%\",\r\n left: \"6%\",\r\n right: \"6%\",\r\n textStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n legend: {\r\n icon: \"rect\",\r\n right: \"4%\",\r\n textStyle: {\r\n color: \"#ffffff\",\r\n },\r\n data: [\"重合成功\", \"重合不成\", \"无重合闸\", \"接地\", \"分级保护\"],\r\n },\r\n calculable: true,\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n trigger: \"axis\",\r\n axisLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#fff\",\r\n fontSize: 16,\r\n },\r\n },\r\n splitLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitArea: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n fontSize: 14,\r\n rotate: 30,\r\n },\r\n data: yearBzData,\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n color: \"rgb(83,83,83)\",\r\n fontSize: 16,\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n fontSize: 16,\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n },\r\n splitArea: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"重合成功\",\r\n type: \"bar\",\r\n stack: \"Total1\",\r\n barMaxWidth: 15,\r\n barGap: \"10%\",\r\n label: {\r\n show: true,\r\n formatter: function (params) {\r\n if (params.value == 0) {\r\n return \"\";\r\n } else {\r\n return params.value;\r\n }\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n {\r\n offset: 0,\r\n color: \"rgba(194,190,190,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(194,190,190,0)\",\r\n },\r\n ]),\r\n borderColor: new that.$echarts.graphic.LinearGradient(\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n [\r\n {\r\n offset: 0,\r\n color: \"rgba(194,190,190,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(194,190,190,0)\",\r\n },\r\n ]\r\n ),\r\n },\r\n },\r\n data: yearChcg,\r\n },\r\n {\r\n name: \"重合不成\",\r\n type: \"bar\",\r\n barMaxWidth: 15,\r\n stack: \"Total1\",\r\n label: {\r\n show: true,\r\n formatter: function (params) {\r\n if (params.value == 0) {\r\n return \"\";\r\n } else {\r\n return params.value;\r\n }\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n {\r\n offset: 0,\r\n color: \"rgba(86,254,226,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(86,254,226,0)\",\r\n },\r\n ]),\r\n borderColor: new that.$echarts.graphic.LinearGradient(\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n [\r\n {\r\n offset: 0,\r\n color: \"rgba(86,254,226,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(86,254,226,0)\",\r\n },\r\n ]\r\n ),\r\n },\r\n },\r\n data: yearChbc,\r\n },\r\n {\r\n name: \"无重合闸\",\r\n type: \"bar\",\r\n barMaxWidth: 15,\r\n stack: \"Total1\",\r\n label: {\r\n show: true,\r\n formatter: function (params) {\r\n if (params.value == 0) {\r\n return \"\";\r\n } else {\r\n return params.value;\r\n }\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n {\r\n offset: 0,\r\n color: \"rgba(237,125,49,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(237,125,49,0)\",\r\n },\r\n ]),\r\n borderColor: new that.$echarts.graphic.LinearGradient(\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n [\r\n {\r\n offset: 0,\r\n color: \"rgba(237,125,49,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(237,125,49,0)\",\r\n },\r\n ]\r\n ),\r\n barBorderRadius: 0,\r\n },\r\n },\r\n data: yearWchz,\r\n },\r\n {\r\n name: \"接地\",\r\n type: \"bar\",\r\n barMaxWidth: 15,\r\n stack: \"Total1\",\r\n label: {\r\n show: true,\r\n formatter: function (params) {\r\n if (params.value == 0) {\r\n return \"\";\r\n } else {\r\n return params.value;\r\n }\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n {\r\n offset: 0,\r\n color: \"rgba(35,160,247,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(35,160,247,0)\",\r\n },\r\n ]),\r\n borderColor: new that.$echarts.graphic.LinearGradient(\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n [\r\n {\r\n offset: 0,\r\n color: \"rgba(35,160,247,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(35,160,247,0)\",\r\n },\r\n ]\r\n ),\r\n barBorderRadius: 0,\r\n },\r\n },\r\n data: yearJieDi,\r\n },\r\n {\r\n name: \"分级保护\",\r\n type: \"bar\",\r\n barMaxWidth: 15,\r\n stack: \"Total1\",\r\n label: {\r\n show: true,\r\n formatter: function (params) {\r\n if (params.value == 0) {\r\n return \"\";\r\n } else {\r\n return params.value;\r\n }\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n {\r\n offset: 0,\r\n color: \"rgba(156,73,200,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(156,73,200,0)\",\r\n },\r\n ]),\r\n borderColor: new that.$echarts.graphic.LinearGradient(\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n [\r\n {\r\n offset: 0,\r\n color: \"rgba(156,73,200,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(156,73,200,0)\",\r\n },\r\n ]\r\n ),\r\n barBorderRadius: 0,\r\n },\r\n },\r\n data: yearFenJi,\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedFive() {\r\n let myChart = this.$echarts.init(document.getElementById(\"detailedFive\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n },\r\n grid: {\r\n left: \"5%\", //图表距离容器左侧多少距离\r\n right: \"5%\", //图表距离容器右侧侧多少距离\r\n bottom: \"0%\", //图表距离容器上面多少距离\r\n top: \"30%\", //图表距离容器下面多少距离\r\n containLabel: true, //防止标签溢出\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 \"长荡镇\",\r\n \"河海镇\",\r\n \"黄沙港镇\",\r\n \"临海镇\",\r\n \"兴桥镇\",\r\n \"合德镇\",\r\n \"四明镇\",\r\n \"特庸镇\",\r\n ],\r\n axisLabel: {\r\n interval: 0, //横轴信息全部显示\r\n show: true,\r\n textStyle: {\r\n color: \"#ffffff\",\r\n fontSize: 18,\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 fontSize: 18,\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"配变名称\",\r\n type: \"bar\",\r\n barWidth: 40, // 柱子宽度核心代码\r\n itemStyle: {\r\n normal: {\r\n color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"rgba(232, 155, 0,.3)\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"rgb(232, 155, 0)\",\r\n },\r\n ]),\r\n label: {\r\n show: true, //开启显示\r\n position: \"top\", //在上方显示\r\n textStyle: {\r\n //数值样式\r\n color: \"rgb(232, 155, 0)\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n },\r\n data: [87.69, 84.69, 82.69, 83.69, 77.69, 67.69, 57.69, 47.69],\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.content3 {\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 .content3 {\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 .line3 {\r\n width: 30%;\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 margin-bottom: 1%;\r\n height: 100%;\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 width: 100%;\r\n\r\n .num1 {\r\n background: url(\"../assets/indexN/zsjbtk.png\") no-repeat;\r\n width: 100%;\r\n height: 100%;\r\n background-size: 100%;\r\n line-height: 250%;\r\n text-align: center;\r\n }\r\n .numText {\r\n color: #ffffff;\r\n background: url(\"../assets/indexN/main.png\") no-repeat;\r\n background-size: 100%;\r\n width: 100%;\r\n height: 74px;\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(254, 209, 86) !important;\r\n -webkit-mask: linear-gradient(\r\n to top,\r\n rgb(254, 162, 86),\r\n transparent\r\n );\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% - 150px);\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 .content3 {\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 .line3 {\r\n width: 30%;\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: 1%;\r\n height: 100%;\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 width: 100%;\r\n\r\n .num1 {\r\n background: url(\"../assets/indexN/zsjbtk.png\") no-repeat;\r\n width: 100%;\r\n // height: 100%;\r\n background-size: 100%;\r\n line-height: 250%;\r\n text-align: center;\r\n }\r\n .numText {\r\n color: #ffffff;\r\n background: url(\"../assets/indexN/main.png\") no-repeat;\r\n background-size: 100%;\r\n width: 100%;\r\n height: 74px;\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(254, 209, 86) !important;\r\n -webkit-mask: linear-gradient(\r\n to top,\r\n rgb(254, 162, 86),\r\n transparent\r\n );\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 #detailedOne {\r\n width: 100%;\r\n height: calc(100% - 160px);\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/indexN/midzsj.png\") no-repeat;\r\n background-size: 100%;\r\n width: 65%;\r\n height: 20%;\r\n position: relative;\r\n top: -28%;\r\n left: 25%;\r\n .contents {\r\n // height: 90%;\r\n position: absolute;\r\n padding: 10px;\r\n height: 100%;\r\n width: 96%;\r\n display: flex;\r\n flex-direction: row;\r\n /* 平分剩余空间 */\r\n justify-content: space-around;\r\n .lines {\r\n width: 106%;\r\n padding: 10px 0 0 0px;\r\n // background: url(\"../assets/index/mainMin.png\") no-repeat;\r\n }\r\n\r\n .total {\r\n .num {\r\n // display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: center;\r\n align-items: left;\r\n color: #ffffff;\r\n span {\r\n font-size: 18px;\r\n }\r\n h5 {\r\n font-size: 34px;\r\n }\r\n .yellow {\r\n padding-top: 30px;\r\n color: yellow;\r\n font-size: 24px;\r\n }\r\n .orange {\r\n padding-top: 30px;\r\n color: orange;\r\n font-size: 24px;\r\n }\r\n .yellows {\r\n padding-top: 20px;\r\n color: yellow;\r\n font-size: 24px;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n .imgboxtwo1 {\r\n background: url(\"../assets/indexN/tk.png\") no-repeat;\r\n background-size: 100%;\r\n float: right;\r\n right: 8%;\r\n top: 20%;\r\n width: 28vh;\r\n height: 100%;\r\n position: relative;\r\n .content2 {\r\n padding: 5px;\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 .line1 {\r\n width: 100%;\r\n height: 100%;\r\n margin-left: 5%;\r\n text-align: left;\r\n font-size: 24px;\r\n color: #fff;\r\n }\r\n }\r\n }\r\n .map {\r\n background: url(\"../assets/indexN/map.png\") no-repeat;\r\n vertical-align: middle;\r\n display: table-cell;\r\n text-align: center;\r\n margin-left: -20%;\r\n .leftimg {\r\n position: absolute;\r\n left: 34.5%;\r\n }\r\n .rightimg {\r\n position: absolute;\r\n right: 35%;\r\n }\r\n .allimg {\r\n position: relative;\r\n left: 28.5%;\r\n top: 34%;\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 .enselect {\r\n position: absolute;\r\n right: 30px;\r\n top: 50%;\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 & > 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 .content3 {\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 .contentUl {\r\n display: flex;\r\n flex-wrap: wrap;\r\n height: 20%;\r\n width: 100%;\r\n position: relative;\r\n .top {\r\n position: relative;\r\n flex-basis: calc(100% / 3);\r\n height: 50%;\r\n left: 33%;\r\n img {\r\n margin-top: 15%;\r\n }\r\n .texts {\r\n color: orange;\r\n position: absolute;\r\n z-index: 2;\r\n left: 32%;\r\n top: 25%;\r\n align-items: center;\r\n font-size: 32px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 10%;\r\n }\r\n }\r\n .top1 {\r\n position: absolute;\r\n flex-basis: calc(100% / 3);\r\n height: 100%;\r\n img {\r\n margin-top: 30%;\r\n }\r\n .texts {\r\n color: #fff;\r\n position: absolute;\r\n z-index: 2;\r\n left: 0%;\r\n top: 27%;\r\n width: 87%;\r\n height: 100%;\r\n padding-top: 27%;\r\n background: url(\"../assets/indexN/xctb2.png\") no-repeat;\r\n background-size: 100%;\r\n align-items: center;\r\n font-size: 24px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 130%;\r\n }\r\n }\r\n .top2 {\r\n position: absolute;\r\n flex-basis: calc(100% / 3);\r\n height: 100%;\r\n left: 21%;\r\n top: -33%;\r\n img {\r\n margin-top: 30%;\r\n }\r\n .texts {\r\n color: #fff;\r\n position: absolute;\r\n z-index: 2;\r\n left: 0%;\r\n top: 27%;\r\n width: 87%;\r\n height: 100%;\r\n padding-top: 27%;\r\n background: url(\"../assets/indexN/xctb2.png\") no-repeat;\r\n background-size: 100%;\r\n align-items: center;\r\n font-size: 24px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 130%;\r\n }\r\n }\r\n .top3 {\r\n position: absolute;\r\n flex-basis: calc(100% / 3);\r\n height: 100%;\r\n left: 29%;\r\n top: 50%;\r\n img {\r\n margin-top: 30%;\r\n }\r\n .texts {\r\n color: #fff;\r\n position: absolute;\r\n z-index: 2;\r\n left: 0%;\r\n top: 27%;\r\n width: 87%;\r\n height: 100%;\r\n padding-top: 27%;\r\n background: url(\"../assets/indexN/xctb2.png\") no-repeat;\r\n background-size: 100%;\r\n align-items: center;\r\n font-size: 24px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 130%;\r\n }\r\n }\r\n .top4 {\r\n position: absolute;\r\n flex-basis: calc(100% / 3);\r\n height: 100%;\r\n left: 64%;\r\n top: 15%;\r\n img {\r\n margin-top: 30%;\r\n }\r\n .texts {\r\n color: #fff;\r\n position: absolute;\r\n z-index: 2;\r\n left: 0%;\r\n top: 27%;\r\n width: 87%;\r\n height: 100%;\r\n padding-top: 27%;\r\n background: url(\"../assets/indexN/xctb2.png\") no-repeat;\r\n background-size: 100%;\r\n align-items: center;\r\n font-size: 24px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 130%;\r\n }\r\n }\r\n .top5 {\r\n position: absolute;\r\n flex-basis: calc(100% / 3);\r\n height: 100%;\r\n left: 82%;\r\n top: -22%;\r\n img {\r\n margin-top: 30%;\r\n }\r\n .texts {\r\n color: #fff;\r\n position: absolute;\r\n z-index: 2;\r\n left: 0%;\r\n top: 27%;\r\n width: 87%;\r\n height: 100%;\r\n padding-top: 27%;\r\n background: url(\"../assets/indexN/xctb2.png\") no-repeat;\r\n background-size: 100%;\r\n align-items: center;\r\n font-size: 24px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 130%;\r\n }\r\n }\r\n }\r\n .line3 {\r\n width: 30%;\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: 1%;\r\n height: 100%;\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 width: 100%;\r\n\r\n .num1 {\r\n background: url(\"../assets/indexN/zsjbtk.png\") no-repeat;\r\n width: 100%;\r\n height: 100%;\r\n background-size: 100%;\r\n line-height: 200%;\r\n text-align: center;\r\n }\r\n .numText {\r\n color: #ffffff;\r\n background: url(\"../assets/indexN/main.png\") no-repeat;\r\n background-size: 100%;\r\n width: 100%;\r\n height: 74px;\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(254, 209, 86) !important;\r\n -webkit-mask: linear-gradient(\r\n to top,\r\n rgb(254, 162, 86),\r\n transparent\r\n );\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\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% - 190px);\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 .content3 {\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 .line3 {\r\n width: 30%;\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: 1%;\r\n height: 100%;\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 width: 100%;\r\n\r\n .num1 {\r\n background: url(\"../assets/indexN/zsjbtk.png\") no-repeat;\r\n width: 100%;\r\n // height: 100%;\r\n background-size: 100%;\r\n line-height: 250%;\r\n text-align: center;\r\n }\r\n .numText {\r\n color: #ffffff;\r\n background: url(\"../assets/indexN/main.png\") no-repeat;\r\n background-size: 100%;\r\n width: 100%;\r\n height: 74px;\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(254, 209, 86) !important;\r\n -webkit-mask: linear-gradient(\r\n to top,\r\n rgb(254, 162, 86),\r\n transparent\r\n );\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 #detailen {\r\n width: 100%;\r\n height: calc(100% - 150px);\r\n }\r\n #shuzihua {\r\n width: 100%;\r\n height: calc(100% - 150px);\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% - 150px);\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(\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\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 .content3 {\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(\r\n to bottom,\r\n rgb(255, 255, 255),\r\n rgb(86, 244, 254)\r\n );\r\n }\r\n }\r\n\r\n .content3 {\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\r\n .el-table--striped\r\n .el-table__body\r\n tr.el-table__row--striped\r\n 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#yellow {\r\n color: yellow;\r\n}\r\n#orange {\r\n color: rgb(232, 155, 0);\r\n}\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 .content3 {\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 .line3 {\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: 1%;\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(\r\n to top,\r\n rgb(86, 244, 254),\r\n transparent\r\n );\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 #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.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>\r\n"]}]}
\ No newline at end of file
+{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\index.vue","mtime":1690182000968},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\babel.config.js","mtime":1689557787923},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["import \"core-js/modules/es6.regexp.to-string\";\nimport \"core-js/modules/es6.function.name\";\nimport _defineProperty from \"D:/\\u6797\\u8C37\\u667A\\u80FD\\u9879\\u76EE/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//引入echarts\nimport * as echarts from \"echarts\";\n// 工单统计弹窗组件\nimport workOrder from \"../component/workOrder.vue\";\n// import 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, //环网柜弹窗\n // workOrder, //工单统计弹窗\n // routeDetail, //线路故障跳闸明细\n // 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 hsgst: \"3.4\",\n rlst: \"0.01\",\n nlst: \"0.44\",\n xms: \"9.279\",\n ysfyzh: \"118.5\",\n jhs: \"44\",\n sdpbsl: \"12\",\n jdpbsl: \"7\",\n fhgzpb: \"87\",\n ygdkkx: \"99.95\",\n pjtdpc: \"0.39\",\n pjtdsj: \"0.37\",\n ztpf: \"108.3万\",\n zydl: \"39.83亿\",\n khzs: \"4968\",\n xczydl: \"723.6\",\n zdsbgm: \"1250\",\n zxsbgm: \"3673\",\n glgds: \"10\",\n gltq: \"13884\",\n zrc: \"306\"\n },\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 window.parent.getLoc();\n this.xianDuan();\n this.detailedTwo11();\n this.horizontalChart();\n this.detailedOne();\n this.barCharts();\n this.detailedFive();\n this.shuzihuaCharts();\n this.roseCharts();\n this.detailen1();\n // this.handleDate(0);\n\n var that = this;\n\n // //历史故障接口\n // let faultData = {\n // token: localStorage.getItem(\"token\"),\n // pageSize: \"500\",\n // page: \"1\",\n // };\n },\n // beforeDestroy() {\n // this.dataDestroy(); // 页面摧毁前，关闭定时器\n // },\n beforeDestroy: function beforeDestroy() {\n // 离开当前路由前的操作\n clearInterval(this.timer);\n this.timer = null;\n },\n methods: {\n //地图画线\n xianDuan: function xianDuan() {\n var canvas = document.getElementById(\"myCanvas\");\n var ctx = canvas.getContext(\"2d\");\n ctx.moveTo(650, 450); // moveTo(x,y) 定义线条开始坐标\n ctx.lineTo(735, 250); // lineTo(x,y) 定义线条结束坐标\n ctx.strokeStyle = \"orange\";\n ctx.lineWidth = 3;\n ctx.stroke();\n },\n routerTo: function routerTo(data) {\n if (data == \"盐城地区分布光伏运行监测\") {\n this.$router.push(\"/stationBuilding\");\n }\n if (data == \"盐城东台区供电所数字化分析\") {\n this.$router.push(\"/twentyKV\");\n }\n if (data == \"配网工程全过程物资审计\") {\n this.$router.push(\"/thirtyFiveKV\");\n }\n if (data == \"盐城供电公司配网电能质量管控\") {\n this.$router.push(\"/powerQualityControl\");\n }\n if (data == \"乡村振兴电力综合指数\") {\n this.$router.push(\"/ruralRevitalizationPower\");\n }\n if (data == \"两高行业企业污染监测\") {\n this.$router.push(\"/enterprisePollutionMonitoring\");\n }\n if (data == \"农村生活污水治理设备电量分析\") {\n this.$router.push(\"/ruralDomesticSewageTreatment\");\n }\n if (data == \"数字化排涝抗旱辅助及检修辅助决策\") {\n this.$router.push(\"/digitalFloodDrainageDroughtRelief\");\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 grid: {\n left: \"0%\",\n //图表距离容器左侧多少距离\n right: \"10%\",\n //图表距离容器右侧侧多少距离\n bottom: \"20%\",\n //图表距离容器上面多少距离\n top: \"10%\",\n //图表距离容器下面多少距离\n containLabel: true //防止标签溢出\n },\n\n legend: {\n textStyle: {\n fontSize: 18,\n //字体大小\n color: \"#ffffff\" //字体颜色\n },\n\n data: [\"电量KWH\"]\n },\n xAxis: [{\n type: \"category\",\n data: [\"安丰镇\", \"草堰镇\", \"龙岗镇\", \"新丰镇\", \"伍佑街道\", \"步凤镇\"],\n axisLabel: {\n show: true,\n textStyle: {\n color: \"#ffffff\",\n fontSize: 18\n }\n }\n }],\n yAxis: [{\n type: \"value\",\n name: \"\",\n axisLabel: {\n textStyle: {\n color: \"#ffffff\",\n fontSize: 18\n }\n },\n splitLine: {\n show: true,\n lineStyle: {\n type: \"dashed\",\n // color: 'rgba(66, 192, 255, .3)',\n color: \"rgba(102,102,102,0.6)\",\n width: 1\n }\n }\n }],\n series: [{\n name: \"电量kwh\",\n type: \"bar\",\n barWidth: 40,\n // 柱子宽度核心代码，\n itemStyle: {\n normal: {\n color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{\n //代表渐变色从正上方开始\n offset: 0,\n //offset范围是0~1，用于表示位置，0是指0%处的颜色\n color: \"rgba(2,255,255,.1)\"\n },\n //柱图渐变色\n {\n offset: 1,\n //指100%处的颜色\n color: \"rgb(2,255,255)\"\n }]),\n label: {\n show: true,\n //开启显示\n position: \"top\",\n //在上方显示\n formatter: function formatter(params) {\n //核心部分 formatter 可以为字符串也可以是回调\n if (params.value) {\n //如果当前值存在则拼接\n return params.value + \"万\";\n } else {\n //否则返回个空\n return \"\";\n }\n },\n textStyle: {\n //数值样式\n color: \"#00ffff\",\n fontSize: 18\n }\n }\n },\n borderRadius: [7, 7, 0, 0],\n // 柱状图圆角\n borderWidth: 0\n },\n data: [320, 332, 301, 334, 390, 288, 299]\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 // 鼠标进入表格\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() {\n var myChart = this.$echarts.init(document.getElementById(\"detailedOne\"));\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: [\"亭湖区\", \"东台市\", \"建湖县\", \"阜宁县\", \"响水县\", \"滨海县\", \"射阳县\", \"大丰区\"],\n axisLabel: {\n show: true,\n textStyle: {\n color: \"#ffffff\",\n fontSize: 16\n }\n }\n }],\n yAxis: [{\n type: \"value\",\n name: \"\",\n axisLabel: {\n textStyle: {\n color: \"#ffffff\",\n fontSize: 16\n }\n },\n splitLine: {\n show: true,\n lineStyle: {\n type: \"dashed\",\n // color: 'rgba(66, 192, 255, .3)',\n color: \"rgba(102,102,102,0.6)\",\n width: 1\n }\n }\n }],\n series: [{\n name: \"配变停电\",\n type: \"bar\",\n barWidth: 40,\n // 柱子宽度核心代码，\n itemStyle: {\n normal: {\n color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{\n //代表渐变色从正上方开始\n offset: 0,\n //offset范围是0~1，用于表示位置，0是指0%处的颜色\n color: \"rgba(2,255,255,.1)\"\n },\n //柱图渐变色\n {\n offset: 1,\n //指100%处的颜色\n color: \"rgb(2,255,255)\"\n }]),\n label: {\n show: true,\n //开启显示\n position: \"top\",\n //在上方显示\n textStyle: {\n //数值样式\n color: \"#00ffff\",\n fontSize: 18\n }\n }\n },\n borderRadius: [7, 7, 0, 0],\n // 柱状图圆角\n borderWidth: 0\n },\n data: [5109, 5520, 5354, 5511, 4789, 5254, 5411, 4889]\n }]\n };\n myChart.setOption(option);\n window.addEventListener(\"resize\", function () {\n myChart.resize();\n });\n },\n shuzihuaCharts: function shuzihuaCharts() {\n var myChart = this.$echarts.init(document.getElementById(\"shuzihua\"));\n var option = {\n tooltip: {\n trigger: \"axis\",\n axisPointer: {\n type: \"cross\",\n crossStyle: {\n color: \"#999\"\n }\n }\n },\n grid: {\n left: \"5%\",\n //图表距离容器左侧多少距离\n right: \"8%\",\n //图表距离容器右侧侧多少距离\n bottom: \"20%\",\n //图表距离容器上面多少距离\n top: \"15%\",\n //图表距离容器下面多少距离\n containLabel: true //防止标签溢出\n },\n\n legend: [{\n x: \"center\",\n data: [\"投运15年以上设备数量\", \"统计时间所辖线路设备数量\", \"设备老化占比\"],\n textStyle: {\n fontSize: 18,\n color: \"#fff\"\n }\n }],\n xAxis: [{\n type: \"category\",\n data: [\"10kv星雨线163\", \"10kv智谋线183\", \"10kv朝阳线164\", \"10kv杨庄线181\", \"10kv森达线174\"],\n axisPointer: {\n type: \"shadow\"\n },\n axisLabel: {\n rotate: -15,\n //60度角倾斜显示\n interval: 0,\n //横轴信息全部显示\n color: \"#fff\",\n fontSize: 20\n }\n }],\n yAxis: [{\n type: \"value\",\n min: 0,\n max: 160,\n interval: 40,\n axisLabel: {\n textStyle: {\n fontSize: \"18\"\n }\n },\n axisLine: {\n lineStyle: {\n color: \"#fff\"\n }\n },\n splitLine: {\n show: true,\n lineStyle: {\n type: \"dashed\",\n // color: 'rgba(66, 192, 255, .3)',\n color: \"rgba(102,102,102,0.6)\",\n width: 1\n }\n }\n }, {\n type: \"value\",\n min: 0,\n max: 80,\n interval: 20,\n axisLabel: {\n formatter: \"{value}%\",\n textStyle: {\n fontSize: \"18\"\n }\n },\n axisLine: {\n lineStyle: {\n color: \"#fff\"\n }\n },\n splitLine: {\n show: true,\n lineStyle: {\n type: \"dashed\",\n // color: 'rgba(66, 192, 255, .3)',\n color: \"rgba(102,102,102,0.6)\",\n width: 1\n }\n }\n }],\n series: [{\n name: \"投运15年以上设备数量\",\n type: \"bar\",\n tooltip: {\n valueFormatter: function valueFormatter(value) {\n return value;\n }\n },\n itemStyle: {\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{\n offset: 1,\n color: \"rgba(255,255,0,.2) \"\n }, {\n offset: 0.5,\n color: \"rgb(255,255,0,.6)\"\n }, {\n offset: 0,\n color: \"rgb(255,255,0)\"\n }]),\n borderRadius: [7, 7, 0, 0],\n // 柱状图圆角\n borderWidth: 0\n },\n data: [55, 66, 89, 113, 123]\n }, {\n name: \"统计时间所辖线路设备数量\",\n type: \"bar\",\n tooltip: {\n valueFormatter: function valueFormatter(value) {\n return value;\n }\n },\n itemStyle: {\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{\n offset: 1,\n color: \"rgba(2,255,255,.2) \"\n }, {\n offset: 0.5,\n color: \"rgb(2,255,255,.6)\"\n }, {\n offset: 0,\n color: \"rgb(2,255,255)\"\n }]),\n borderRadius: [7, 7, 0, 0],\n // 柱状图圆角\n borderWidth: 0\n },\n data: [46, 56, 99, 103, 123]\n }, {\n name: \"设备老化占比\",\n type: \"line\",\n yAxisIndex: 1,\n tooltip: {\n valueFormatter: function valueFormatter(value) {\n return value;\n }\n },\n itemStyle: {\n normal: {\n color: \"orange\",\n lineStyle: {\n color: \"orange\"\n }\n }\n },\n data: [20, 40, 60, 80, 67]\n }]\n };\n myChart.setOption(option);\n window.addEventListener(\"resize\", function () {\n myChart.resize();\n });\n },\n detailedTwo: function detailedTwo() {\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo1\"));\n var option = {\n xAxis: _defineProperty({\n type: \"category\",\n boundaryGap: false,\n axisLabel: {\n color: fontColor,\n fontSize: 18 // 文字大小\n },\n\n axisLine: {\n show: true,\n lineStyle: {\n color: \"#397cbc\"\n }\n },\n axisTick: {\n show: false\n },\n splitLine: {\n show: false,\n lineStyle: {\n color: \"#195384\"\n }\n },\n data: [\"0:00\", \"3:00\", \"6:00\", \"9:00\", \"12:00\", \"15:00\", \"18:00\", \"21:00\", \"24:00\"]\n }, \"axisTick\", {\n show: false\n }),\n yAxis: [{\n type: \"value\",\n name: \"单位：kw\",\n min: 0,\n max: 1000,\n show: true,\n splitLine: {\n show: true,\n lineStyle: {\n type: \"dashed\",\n // color: 'rgba(66, 192, 255, .3)',\n color: \"rgba(102,102,102,0.6)\",\n width: 1\n }\n },\n axisLabel: {\n formatter: \"{value}\",\n textStyle: {\n color: \"#2ad1d2\",\n fontSize: 18 // 文字大小\n }\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 detailedTwo11: function detailedTwo11() {\n var fontColor = \"#30eee9\";\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo1\"));\n var option = {\n xAxis: _defineProperty({\n type: \"category\",\n boundaryGap: false,\n axisLabel: {\n color: fontColor,\n fontSize: 18\n },\n axisLine: {\n show: true,\n lineStyle: {\n color: \"#397cbc\"\n }\n },\n axisTick: {\n show: false\n },\n splitLine: {\n show: false,\n lineStyle: {\n color: \"#195384\"\n }\n },\n data: [\"0:00\", \"3:00\", \"6:00\", \"9:00\", \"12:00\", \"15:00\", \"18:00\", \"21:00\", \"24:00\"]\n }, \"axisTick\", {\n show: false\n }),\n yAxis: [{\n type: \"value\",\n name: \"单位：kw\",\n min: 0,\n max: 1000,\n show: true,\n splitLine: {\n show: true,\n lineStyle: {\n type: \"dashed\",\n // color: 'rgba(66, 192, 255, .3)',\n color: \"rgba(102,102,102,0.6)\",\n width: 1\n }\n },\n axisLabel: {\n formatter: \"{value}\",\n textStyle: {\n color: fontColor,\n fontSize: 18\n }\n },\n axisLine: {\n lineStyle: {\n color: fontColor\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 horizontalChart: function horizontalChart() {\n var myChart = this.$echarts.init(document.getElementById(\"horizontalChart\"));\n var honorData = [{\n name: \"60天内掉电客户数\",\n data: [13.4, 12.1, 14.3]\n }, {\n name: \"60天内掉电总数\",\n data: [9.4, 8.1, 7.3]\n }];\n var honorXAxisData = [\"No.3\", \"No.2\", \"No.1\"];\n var nameList = [\"PMS_晨光满园9台区\", \"滨河华苑3台区\", \"PMS_晨光满园11台区\"];\n var option = {\n color: [\"#0F9AF8\", \"#2039C3\", \"rgba(32,57,195,.5)\", \"#2ECACE\"],\n tooltip: {\n trigger: \"axis\",\n axisPointer: {\n type: \"none\"\n }\n },\n legend: {\n right: 20,\n top: \"5%\",\n itemWidth: 10,\n itemHeight: 10,\n itemGap: 15,\n textStyle: {\n color: \"#fff\",\n fontSize: 18\n }\n },\n grid: {\n top: \"15%\",\n left: \"14%\",\n right: \"0%\",\n bottom: \"0%\"\n },\n xAxis: [{\n type: \"value\",\n show: false,\n axisLine: {\n show: false\n },\n axisTick: {\n show: false\n },\n axisLabel: {\n color: \"#6B9DD7\",\n fontSize: 16,\n // 文字大小\n fontWeight: 400,\n interval: 0,\n formatter: function formatter(value) {\n return value + \"(万元)\";\n }\n },\n splitLine: {\n show: false\n }\n }],\n yAxis: [{\n type: \"category\",\n offset: 17,\n axisLine: {\n show: false\n },\n axisTick: {\n show: false\n },\n axisLabel: {\n color: \"#00FFFF\",\n fontSize: 20,\n // 文字大小\n fontWeight: 700,\n interval: 0\n },\n data: honorXAxisData\n }, {\n //名称\n type: \"category\",\n offset: -10,\n position: \"left\",\n axisLine: {\n show: false\n },\n inverse: true,\n axisTick: {\n show: false\n },\n axisLabel: {\n interval: 0,\n color: \"#fff\",\n align: \"left\",\n verticalAlign: \"bottom\",\n lineHeight: 40,\n fontSize: 20\n },\n data: nameList\n }],\n series: [{\n name: \"60天内掉电客户数\",\n type: \"bar\",\n stack: \"zongliang\",\n barWidth: \"25%\",\n barMinHeight: 20,\n barGap: 15,\n // 柱图之间的间距\n itemStyle: {\n //自定义颜色\n // normal: { color: \"orange\" },\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{\n //代表渐变色从正上方开始\n offset: 0,\n //offset范围是0~1，用于表示位置，0是指0%处的颜色\n color: \"rgba(255,165,0,.2)\"\n },\n //柱图渐变色\n {\n offset: 1,\n //指100%处的颜色\n color: \"rgb(255,165,0)\"\n }])\n },\n label: {\n normal: {\n show: true,\n position: [\"80%\", \"-100%\"],\n formatter: function formatter(params) {\n return params.value;\n },\n textStyle: {\n color: \"#fff\",\n fontSize: 18\n }\n }\n },\n data: honorData[0].data\n }, {\n name: \"60天内掉电总数\",\n type: \"bar\",\n stack: \"zongliang\",\n barWidth: \"25%\",\n itemStyle: {\n //自定义颜色\n // normal: { color: \"orange\" },\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{\n //代表渐变色从正上方开始\n offset: 0,\n //offset范围是0~1，用于表示位置，0是指0%处的颜色\n color: \"#005BEA\"\n },\n //柱图渐变色\n {\n offset: 1,\n //指100%处的颜色\n color: \"#00C6FB\"\n }])\n },\n label: {\n normal: {\n show: true,\n position: [\"80%\", \"-100%\"],\n formatter: function formatter(params) {\n return params.value;\n },\n textStyle: {\n color: \"#fff\",\n fontSize: 18\n }\n }\n },\n data: honorData[1].data\n }]\n };\n myChart.setOption(option);\n window.addEventListener(\"resize\", function () {\n myChart.resize();\n });\n },\n 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 value: 27,\n name: \"国网响水县供电公司\"\n }],\n labelLine: {\n normal: {\n show: true,\n length: 20,\n length2: 10,\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: 20,\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: 20,\n align: \"center\",\n padding: 4,\n color: \"#fff\"\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 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 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: \"{b} {d} %\",\n textStyle: {\n fontSize: 20,\n color: \"#fff\"\n },\n position: \"outside\"\n },\n emphasis: {\n show: true\n }\n },\n labelLine: {\n normal: {\n show: true,\n length: 20,\n length2: 35,\n borderWidth: 4\n },\n emphasis: {\n show: false\n }\n },\n data: [{\n value: 15,\n name: \"东台市\"\n }, {\n value: 7,\n name: \"阜宁县\"\n }, {\n value: 14,\n name: \"盐都区\"\n }, {\n value: 23,\n name: \"滨海县\"\n }, {\n value: 18,\n name: \"建湖县\"\n }, {\n value: 35,\n name: \"射阳县\"\n }, {\n value: 31,\n name: \"大丰区\"\n }, {\n value: 28,\n name: \"响水县\"\n }, {\n value: 36,\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 _this6 = 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 _this6.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,2)\"\n }, {\n offset: 1,\n color: \"rgb(194,190,190)\"\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() {\n var myChart = this.$echarts.init(document.getElementById(\"detailedFive\"));\n var option = {\n tooltip: {\n trigger: \"axis\",\n axisPointer: {\n type: \"shadow\"\n }\n },\n grid: {\n left: \"5%\",\n //图表距离容器左侧多少距离\n right: \"5%\",\n //图表距离容器右侧侧多少距离\n bottom: \"0%\",\n //图表距离容器上面多少距离\n top: \"30%\",\n //图表距离容器下面多少距离\n containLabel: true //防止标签溢出\n },\n\n // legend: {\n // textStyle: {\n // fontSize: 18, //字体大小\n // color: \"#ffffff\", //字体颜色\n // },\n\n // data: [\"配变名称\"],\n // },\n xAxis: [{\n type: \"category\",\n data: [\"长荡镇\", \"河海镇\", \"黄沙港镇\", \"临海镇\", \"兴桥镇\", \"合德镇\", \"四明镇\", \"特庸镇\"],\n axisLabel: {\n interval: 0,\n //横轴信息全部显示\n show: true,\n textStyle: {\n color: \"#ffffff\",\n fontSize: 18\n }\n }\n }],\n yAxis: [{\n type: \"value\",\n name: \"\",\n axisLabel: {\n textStyle: {\n color: \"#ffffff\",\n fontSize: 18\n }\n },\n splitLine: {\n show: true,\n lineStyle: {\n type: \"dashed\",\n // color: 'rgba(66, 192, 255, .3)',\n color: \"rgba(102,102,102,0.6)\",\n width: 1\n }\n }\n }],\n series: [{\n name: \"配变名称\",\n type: \"bar\",\n barWidth: 40,\n // 柱子宽度核心代码\n itemStyle: {\n normal: {\n color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{\n //代表渐变色从正上方开始\n offset: 0,\n //offset范围是0~1，用于表示位置，0是指0%处的颜色\n color: \"rgba(232, 155, 0,.3)\"\n },\n //柱图渐变色\n {\n offset: 1,\n //指100%处的颜色\n color: \"rgb(232, 155, 0)\"\n }]),\n label: {\n show: true,\n //开启显示\n position: \"top\",\n //在上方显示\n textStyle: {\n //数值样式\n color: \"rgb(232, 155, 0)\",\n fontSize: 18\n }\n }\n }\n },\n data: [87.69, 84.69, 82.69, 83.69, 77.69, 67.69, 57.69, 47.69]\n }]\n };\n myChart.setOption(option);\n window.addEventListener(\"resize\", function () {\n myChart.resize();\n });\n },\n //报警详情信息弹窗\n enlargeBtn: function enlargeBtn(index) {\n var _this7 = 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 _this7.$refs.audio.play();\n });\n this.alarmInformationShow = true;\n this.$nextTick(function () {\n _this7.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 _this8 = 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 _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 = 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 _this9 = 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 _this9.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 _this9.topContent[0].count = dataPb.reduce(function (x, y) {\n return x + y;\n });\n _this9.topContent[1].count = dataCf.reduce(function (x, y) {\n return x + y;\n });\n var pbCount = _this9.topContent[1].count / _this9.topContent[0].count * 100;\n var pbCountString = pbCount.toString();\n if (pbCountString.indexOf(\".\") != -1) {\n _this9.topContent[2].count = pbCountString.substring(0, pbCountString.indexOf(\".\") + 3) + \"%\";\n } else {\n _this9.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":";;;AA8yBA,SACAA,gBACAC,SACAC,YACAC,SACAC,WACAC,YACAC,WACAC,gBACAC,gBACAC,oBACAC;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;EACAC;EACAC;IACA;IACA;IACA;IACA;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;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;MACA;MACAC;MACAC;MACAC;MACAC,aACA;QACAC;QACAlD;MACA,GACA;QACAkD;QACAlD;MACA,GACA;QACAkD;QACAlD;MACA,GACA;QACAkD;QACAlD;MACA,EACA;MACAmD,aACA;QACAD;MACA,GACA;QACAA;MACA,EACA;MACAE,cACA;QACAF;MACA,GACA;QACAA;MACA,EACA;MACAG,UACA;QACAC;QACAC;MACA,EACA;MACAD;MACAE,aACA;QACAxD;QACAyD;MACA,GACA;QACAzD;QACAyD;MACA,GACA;QACAzD;QACAyD;MACA,EACA;MACAC;IAAA,sCACA,uCACA,iDACA,oCACA,2CACA,4CAEA,CACA;MACAC;MACAC;MACA9C;IACA,GACA;MACA6C;MACAC;MACA9C;IACA,GACA;MACA6C;MACAC;MACA9C;IACA,GACA;MACA6C;MACAC;MACA9C;IACA,GACA;MACA6C;MACAC;MACA9C;IACA,GACA;MACA6C;MACAC;MACA9C;IACA,EACA,sCAGA,0CAEA,wCAEA,0CACA,uCAGA,yCACA,oCACA,8CACA,sCACA;EAEA;EACA+C;EACAC;IAAA;IACA;IACA;IACAC;MACAC;MACA;IACA;IACAD;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;IAEA;;IAEA;IACA;IACA;IACA;IACA;IACA;EACA;EACA;EACA;EACA;EACAE;IACA;IACAD;IACA;EACA;EACAE;IACA;IACAC;MACA;MACA;MACAC;MACAA;MACAA;MACAA;MACAA;IACA;IACAC;MACA;QACA;MACA;MACA;QACA;MACA;MACA;QACA;MACA;MACA;QACA;MACA;MACA;QACA;MACA;MACA;QACA;MACA;MACA;QACA;MACA;MACA;QACA;MACA;IACA;IACAC;MACA;MACA;MACA;QACAC;UACAC;UACAC;YACAC;UACA;QACA;QACAC;UACAC;UAAA;UACAC;UAAA;UACAC;UAAA;UACAC;UAAA;UACAC;QACA;;QACAC;UACAC;YACAC;YAAA;YACAC;UACA;;UAEAlF;QACA;QACAmF,QACA;UACAX;UACAxE,OACA,OACA,OACA,OACA,OACA,QACA,MACA;UACAoF;YACAC;YACAL;cACAE;cACAD;YACA;UACA;QACA,EACA;QACAK,QACA;UACAd;UACA1E;UACAsF;YACAJ;cACAE;cACAD;YACA;UACA;UACAM;YACAF;YACAG;cACAhB;cACA;cACAU;cACAO;YACA;UACA;QACA,EACA;QACAC,SACA;UACA5F;UACA0E;UACAmB;UAAA;UACAC;YACAC;cACAX,uDACA;gBACA;gBACAY;gBAAA;gBACAZ;cACA;cAAA;cACA;gBACAY;gBAAA;gBACAZ;cACA,EACA;cACA7B;gBACAgC;gBAAA;gBACAU;gBAAA;gBACAC;kBACA;kBACA;oBACA;oBACA;kBACA;oBACA;oBACA;kBACA;gBACA;gBACAhB;kBACA;kBACAE;kBACAD;gBACA;cACA;YACA;YACAgB;YAAA;YACAC;UACA;UACAlG;QACA;MAEA;MACAmG;MACAtC;QACAsC;MACA;IACA;IACA;IACAC;MAAA;MACA/G;QACAgH;MACA;QACAC;QACA;UACA;YACA;YACAC,gCACA;YACA;UACA;;UACA;YACA;YACAA,2BACA;UACA;UACA;QACA;MACA;IACA;IACA;IACAC;MAAA;MACAlH;QAAA+G;MAAA;QACAC;QACA;QAEA;UACA;YACA,IACA,qEACA;cACA;cACA;YACA;UACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;MACA;IACA;IACA;IACAG;MACA;QACA;MACA;QACA;MACA;IACA;IACA;IACAC;MACA;MACA;MACA;QACA9D;QACA;UACA;UACA+D;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;MACAxH;QAAAiH;MAAA;QAAA;QACAC;QACA;QACA;MACA;IACA;IACA;IACAO;MACA;MACA;MACA;MACA;IACA;IACA;IACAC;MACA;MACA;IACA;IACA;IACA;IACA;IACA;IACA;IACAC;MACA;IACA;IACA;IACAC;MACA;MACA;IACA;IACA;IACAC;MAAA;MACA7H;QACAiH;QACAa;MACA;QACA;QACA;UACA,mDACAX,wBACA;QACA;UACA;QACA;MACA;IACA;IACAY;MACA;MACA;QACA9C;UACAC;UACAC;YACAC;UACA;QACA;QACAO;UACAC;YACAC;YAAA;YACAC;UACA;;UAEAlF;QACA;QACAmF,QACA;UACAX;UACAxE,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,MACA;UACAoF;YACAC;YACAL;cACAE;cACAD;YACA;UACA;QACA,EACA;QACAK,QACA;UACAd;UACA1E;UACAsF;YACAJ;cACAE;cACAD;YACA;UACA;UACAM;YACAF;YACAG;cACAhB;cACA;cACAU;cACAO;YACA;UACA;QACA,EACA;QACAC,SACA;UACA5F;UACA0E;UACAmB;UAAA;UACAC;YACAC;cACAX,uDACA;gBACA;gBACAY;gBAAA;gBACAZ;cACA;cAAA;cACA;gBACAY;gBAAA;gBACAZ;cACA,EACA;cACA7B;gBACAgC;gBAAA;gBACAU;gBAAA;gBACAf;kBACA;kBACAE;kBACAD;gBACA;cACA;YACA;YACAgB;YAAA;YACAC;UACA;UACAlG;QACA;MAEA;MAEAmG;MAEAtC;QACAsC;MACA;IACA;IACAiB;MACA;MACA;QACA/C;UACAC;UACAC;YACAC;YACA6C;cACAnC;YACA;UACA;QACA;QACAT;UACAC;UAAA;UACAC;UAAA;UACAC;UAAA;UACAC;UAAA;UACAC;QACA;;QACAC,SACA;UACAuC;UACAtH,OACA,eACA,gBACA,SACA;UACAgF;YACAC;YACAC;UACA;QACA,EACA;QACAC,QACA;UACAX;UACAxE,OACA,cACA,cACA,cACA,cACA,aACA;UACAuE;YACAC;UACA;UACAY;YACAmC;YAAA;YACAC;YAAA;YACAtC;YACAD;UACA;QACA,EACA;QACAK,QACA;UACAd;UACAiD;UACAC;UACAF;UACApC;YACAJ;cACAC;YACA;UACA;UACA0C;YACAnC;cACAN;YACA;UACA;UACAK;YACAF;YACAG;cACAhB;cACA;cACAU;cACAO;YACA;UACA;QACA,GACA;UACAjB;UACAiD;UACAC;UACAF;UACApC;YACAY;YACAhB;cACAC;YACA;UACA;UACA0C;YACAnC;cACAN;YACA;UACA;UACAK;YACAF;YACAG;cACAhB;cACA;cACAU;cACAO;YACA;UACA;QACA,EACA;QACAC,SACA;UACA5F;UACA0E;UACAH;YACAuD;cACA;YACA;UACA;UACAhC;YACAV,uDACA;cAAAY;cAAAZ;YAAA,GACA;cAAAY;cAAAZ;YAAA,GACA;cAAAY;cAAAZ;YAAA,EACA;YACAe;YAAA;YACAC;UACA;UACAlG;QACA,GACA;UACAF;UACA0E;UACAH;YACAuD;cACA;YACA;UACA;UACAhC;YACAV,uDACA;cAAAY;cAAAZ;YAAA,GACA;cAAAY;cAAAZ;YAAA,GACA;cAAAY;cAAAZ;YAAA,EACA;YACAe;YAAA;YACAC;UACA;UACAlG;QACA,GACA;UACAF;UACA0E;UACAqD;UACAxD;YACAuD;cACA;YACA;UACA;UACAhC;YACAC;cACAX;cACAM;gBACAN;cACA;YACA;UACA;UACAlF;QACA;MAEA;MAEAmG;MAEAtC;QACAsC;MACA;IACA;IACA2B;MACA;MACA;QACA3C;UACAX;UACAuD;UACA3C;YACAF;YACAD;UACA;;UACA0C;YACAtC;YACAG;cACAN;YACA;UACA;UACA8C;YACA3C;UACA;UACAE;YACAF;YACAG;cACAN;YACA;UACA;UACAlF,OACA,QACA,QACA,QACA,QACA,SACA,SACA,SACA,SACA;QACA,eACA;UACAqF;QACA,EACA;QACAC,QACA;UACAd;UACA1E;UACA2H;UACAC;UACArC;UACAE;YACAF;YACAG;cACAhB;cACA;cACAU;cACAO;YACA;UACA;UACAL;YACAY;YACAhB;cACAE;cACAD;YACA;UACA;;UACA0C;YACAnC;cACAN;YACA;UACA;UACA8C;YACA3C;UACA;QACA,EACA;QACAK,SACA;UACA1F;UACAwE;UACAyD;UACAzC;YACAN;YACAO;UACA;UACAG;YACAC;cACAX;cACAM;gBACAN;gBACAO;gBACAjB;cACA;YACA;UACA;QACA;MAEA;MACA2B;MACAtC;QACAsC;MACA;IACA;IACA+B;MACA;MACA;MACA;QACA/C;UACAX;UACAuD;UACA3C;YACAF;YACAD;UACA;UACA0C;YACAtC;YACAG;cACAN;YACA;UACA;UACA8C;YACA3C;UACA;UACAE;YACAF;YACAG;cACAN;YACA;UACA;UACAlF,OACA,QACA,QACA,QACA,QACA,SACA,SACA,SACA,SACA;QACA,eACA;UACAqF;QACA,EACA;QACAC,QACA;UACAd;UACA1E;UACA2H;UACAC;UACArC;UACAE;YACAF;YACAG;cACAhB;cACA;cACAU;cACAO;YACA;UACA;UACAL;YACAY;YACAhB;cACAE;cACAD;YACA;UACA;UACA0C;YACAnC;cACAN;YACA;UACA;UACA8C;YACA3C;UACA;QACA,EACA;QACAK,SACA;UACA1F;UACAwE;UACAyD;UACAzC;YACAN;YACAO;UACA;UACAG;YACAC;cACAX;cACAM;gBACAN;gBACAO;gBACAjB;cACA;YACA;UACA;QACA;MAEA;MACA2B;MACAtC;QACAsC;MACA;IACA;IACAgC;MACA,iCACAxB,2CACA;MACA,iBACA;QACA7G;QACAE;MACA,GACA;QACAF;QACAE;MACA,EACA;MACA;MACA,gBACA,eACA,WACA,eACA;MACA;QACAkF;QACAb;UACAC;UACAC;YACAC;UACA;QACA;QACAO;UACAJ;UACAE;UACAuD;UACAC;UACAC;UACAtD;YACAE;YACAD;UACA;QACA;QACAR;UACAI;UACAH;UACAC;UACAC;QACA;QACAO,QACA;UACAX;UACAa;UACAsC;YACAtC;UACA;UACA2C;YACA3C;UACA;UACAD;YACAF;YACAD;YAAA;YACAsD;YACAf;YACAxB;cACA;YACA;UACA;UACAT;YACAF;UACA;QACA,EACA;QACAC,QACA;UACAd;UACAsB;UACA6B;YACAtC;UACA;UACA2C;YACA3C;UACA;UACAD;YACAF;YACAD;YAAA;YACAsD;YACAf;UACA;UAEAxH;QACA,GACA;UACA;UACAwE;UACAsB;UACAC;UACA4B;YACAtC;UACA;UACAmD;UACAR;YACA3C;UACA;UACAD;YACAoC;YACAtC;YACAuD;YACAC;YACAC;YACA1D;UACA;UACAjF;QACA,EACA;QACA0F,SACA;UACA5F;UACA0E;UACAoE;UACAjD;UACAkD;UACAC;UAAA;UACAlD;YACA;YACA;YACAV,uDACA;cACA;cACAY;cAAA;cACAZ;YACA;YAAA;YACA;cACAY;cAAA;cACAZ;YACA,EACA;UACA;UACA7B;YACAwC;cACAR;cACAU;cACAC;gBACA;cACA;cACAhB;gBACAE;gBACAD;cACA;YACA;UACA;UAEAjF;QACA,GACA;UACAF;UACA0E;UACAoE;UACAjD;UACAC;YACA;YACA;YACAV,uDACA;cACA;cACAY;cAAA;cACAZ;YACA;YAAA;YACA;cACAY;cAAA;cACAZ;YACA,EACA;UACA;UACA7B;YACAwC;cACAR;cACAU;cACAC;gBACA;cACA;cACAhB;gBACAE;gBACAD;cACA;YACA;UACA;UACAjF;QACA;MAEA;MACAmG;MACAtC;QACAsC;MACA;IACA;IACA4C;MACA;MACA;MACA;MACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;;QAEA;QACA;QACA1E;UACAC;UACA0B;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;QACAgD;UACAC;UACAC;UACA5B;UACA6B;UACAnE;YACAC;YACAsD;YACArD;UACA;UACAkE;YACAnE;YACAsD;YACAE;YACAvD;UACA;QACA;QACAQ,SACA;UACAlB;UACA6E;UACAC;UACApE;UACAU;YACAC;cACAK;cACAqD;YACA;UACA;UACAvJ,OACA;YACAoD;YACAtD;UACA,GACA;YACAsD;YACAtD;UACA,GACA;YACAsD;YACAtD;UACA,GACA;YACAsD;YACAtD;UACA,GACA;YACAsD;YACAtD;UACA,GACA;YACAsD;YACAtD;UACA,EACA;UACA0J;YACA3D;cACAR;cACAoE;cACAC;cACAlE;gBACAN;gBACAO;cACA;YACA;UACA;UACApC;YACAwC;cACAG;cACA2D;gBACAC;kBACA3E;kBACAC;kBACAuD;kBACAoB;gBACA;gBACAC;kBACAP;kBACA9D;kBACAS;kBACA6D;gBACA;gBACAC;kBACA/E;kBACAwD;kBACAoB;kBACA3E;gBACA;cACA;YACA;UACA;QACA;MAEA;MACAiB;MACAtC;QACAsC;MACA;IACA;IACA8D;MACA;MACA;QACA/E,QACA,WACA,WACA,WACA,WACA,WACA,UACA;QACAT;UACAC;UACAG;UACAD;UACAD;UACAG;QACA;QACAT;UACAC;UACA0B;QACA;QAEAkE;QACAC;UACA3C;UACAhD;UACAxE;UACAoK;UACAzC;YACAtC;YACAG;cACAN;cACAO;cACAjB;YACA;UACA;UACAY;YACAoC;YACAnC;YACAH;YACAmF;YACApF;UACA;QACA;QACAqF;UACA7C;UACAC;UACAF;UACAG;YACAtC;YACAG;cACAN;cACAO;cACAjB;YACA;UACA;UACAY;YACAY;YACAX;YACAwE;YACA3E;YACAD;UACA;UACAM;YACAC;cACAN;cACAO;cACAjB;YACA;UACA;QACA;QACA+F;QACA7E,SACA;UACAlB;UACA6E;UACAmB;UACAhB;YACA3D;cACAR;cACAoE;cACAC;YACA;YACAe;cACApF;YACA;UACA;UACArF,OACA;YACAF;YACAsD;YACAwC;cACAC;gBACAX;cACA;YACA;UACA;QAEA,GACA;UACAV;UACA6E;UACAmB;UACAhB;YACA3D;cACAR;cACAoE;cACAC;YACA;YACAe;cACApF;YACA;UACA;UACAvF;UACAE,OACA;YACAF;YACAsD;YACAwC;cACAC;gBACAX;cACA;YACA;UACA;QAEA,GACA;UACA0D;UACApE;UACA6E;UACAqB;UACAC;UACAtH;YACAwC;cACAR;cACAW;cACAhB;gBACAC;gBACAC;cACA;cACAa;YACA;YACA0E;cACApF;YACA;UACA;UACAmE;YACA3D;cACAR;cACAoE;cACAC;cACAxD;YACA;YACAuE;cACApF;YACA;UACA;UACArF,OACA;YACAoD;YACAtD;UACA,GACA;YACAsD;YACAtD;UACA,GACA;YACAsD;YACAtD;UACA,GACA;YACAsD;YACAtD;UACA,GACA;YACAsD;YACAtD;UACA,GACA;YACAsD;YACAtD;UACA,GACA;YACAsD;YACAtD;UACA,GACA;YACAsD;YACAtD;UACA,GACA;YACAsD;YACAtD;UACA;QAEA;MAEA;MACAqG;MACAtC;QACAsC;MACA;IACA;IACAyE;MAAA;MACA;MACA;MACA;MACA;MACA,iBACA,WACA,WACA,WACA,WACA,WACA,mBACA;MACA;MACA;MACA;QACA;UAAA9K;UAAAsD;QAAA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA,qCACAuD,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;QACA4C;QAEAlF;UACA2B;YACA;cACA;YACA;cACA;YACA;UACA;QACA;QAEAjB;UACA/B;UACA;UACA6B;UACAQ;UACA;UACA;UACA;UACA;UACA;UACA;UACAiC;UAAA;UACAtH;YACA;UACA;UACAgF;YACAE;YACAD;;YAEA;YACA;UACA;QACA;;QACAS,SACA;UACA5F;UACA0E;UACA6E;UACAC;UACAuB;UAAA;UACAxH;YACA0C;YACAV;UACA;UAEAO;YACAC;cACA0D;cACArD;cACAjB;cACAC;gBACA;cACA;YACA;UACA;UAEA4F;UACA9K;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;MACA6D;QACA;MACA;IACA;IACAkH;MACA;MACA;MACA;IACA;IACAC;MACA;MACA;MACA;MACA;MACA;MACA;MACA;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;MACA;MACA;MACA;MACA;MACA;QACAjH;UACAE;YACAC;YACAQ;cACAE;cACAD;YACA;UACA;QACA;QACAR;UACAyB;UACArB;UACAD;UACAF;UACAC;UACAK;YACAE;UACA;QACA;QACAH;UACA/B;UACA2B;UACAK;YACAE;UACA;UACAlF;QACA;QACAuK;QACApF,QACA;UACAX;UACAF;UACAqD;YACAtC;YACAG;cACAN;cACAD;YACA;UACA;UACAM;YACAF;UACA;UACA2C;YACA3C;UACA;UACAkG;YACAlG;UACA;UACAD;YACAoC;YACAvC;YACAsC;UACA;UACAvH;QACA,EACA;QACAsF,QACA;UACAd;UACAe;YACAF;YACAG;cACAN;cACAD;YACA;UACA;UACA0C;YACAnC;cACAN;cACAD;YACA;UACA;UACA+C;YACA3C;UACA;UACAD;YACAoC;UACA;UACA+D;YACAlG;UACA;QACA,EACA;QACAK,SACA;UACA5F;UACA0E;UACAoE;UACA4C;UACA1C;UACAzF;YACAgC;YACAW;cACA;gBACA;cACA;gBACA;cACA;YACA;UACA;UACAJ;YACAC;cACAX,6DACA;gBACAY;gBACAZ;cACA,GACA;gBACAY;gBACAZ;cACA,EACA;cACAqE,sDACA,GACA,GACA,GACA,GACA,CACA;gBACAzD;gBACAZ;cACA,GACA;gBACAY;gBACAZ;cACA,EACA;YAEA;UACA;UACAlF;QACA,GACA;UACAF;UACA0E;UACAgH;UACA5C;UACAvF;YACAgC;YACAW;cACA;gBACA;cACA;gBACA;cACA;YACA;UACA;UACAJ;YACAC;cACAX,6DACA;gBACAY;gBACAZ;cACA,GACA;gBACAY;gBACAZ;cACA,EACA;cACAqE,sDACA,GACA,GACA,GACA,GACA,CACA;gBACAzD;gBACAZ;cACA,GACA;gBACAY;gBACAZ;cACA,EACA;YAEA;UACA;UACAlF;QACA,GACA;UACAF;UACA0E;UACAgH;UACA5C;UACAvF;YACAgC;YACAW;cACA;gBACA;cACA;gBACA;cACA;YACA;UACA;UACAJ;YACAC;cACAX,6DACA;gBACAY;gBACAZ;cACA,GACA;gBACAY;gBACAZ;cACA,EACA;cACAqE,sDACA,GACA,GACA,GACA,GACA,CACA;gBACAzD;gBACAZ;cACA,GACA;gBACAY;gBACAZ;cACA,EACA,CACA;cACAuG;YACA;UACA;UACAzL;QACA,GACA;UACAF;UACA0E;UACAgH;UACA5C;UACAvF;YACAgC;YACAW;cACA;gBACA;cACA;gBACA;cACA;YACA;UACA;UACAJ;YACAC;cACAX,6DACA;gBACAY;gBACAZ;cACA,GACA;gBACAY;gBACAZ;cACA,EACA;cACAqE,sDACA,GACA,GACA,GACA,GACA,CACA;gBACAzD;gBACAZ;cACA,GACA;gBACAY;gBACAZ;cACA,EACA,CACA;cACAuG;YACA;UACA;UACAzL;QACA,GACA;UACAF;UACA0E;UACAgH;UACA5C;UACAvF;YACAgC;YACAW;cACA;gBACA;cACA;gBACA;cACA;YACA;UACA;UACAJ;YACAC;cACAX,6DACA;gBACAY;gBACAZ;cACA,GACA;gBACAY;gBACAZ;cACA,EACA;cACAqE,sDACA,GACA,GACA,GACA,GACA,CACA;gBACAzD;gBACAZ;cACA,GACA;gBACAY;gBACAZ;cACA,EACA,CACA;cACAuG;YACA;UACA;UACAzL;QACA;MAEA;MACAmG;MACAtC;QACAsC;MACA;IACA;IACAuF;MACA;MACA;QACArH;UACAC;UACAC;YACAC;UACA;QACA;QACAC;UACAC;UAAA;UACAC;UAAA;UACAC;UAAA;UACAC;UAAA;UACAC;QACA;;QACA;QACA;QACA;QACA;QACA;;QAEA;QACA;QACAK,QACA;UACAX;UACAxE,OACA,OACA,OACA,QACA,OACA,OACA,OACA,OACA,MACA;UACAoF;YACAoC;YAAA;YACAnC;YACAL;cACAE;cACAD;YACA;UACA;QACA,EACA;QACAK,QACA;UACAd;UACA1E;UACAsF;YACAJ;cACAE;cACAD;YACA;UACA;UACAM;YACAF;YACAG;cACAhB;cACA;cACAU;cACAO;YACA;UACA;QACA,EACA;QACAC,SACA;UACA5F;UACA0E;UACAmB;UAAA;UACAC;YACAC;cACAX,uDACA;gBACA;gBACAY;gBAAA;gBACAZ;cACA;cAAA;cACA;gBACAY;gBAAA;gBACAZ;cACA,EACA;cACA7B;gBACAgC;gBAAA;gBACAU;gBAAA;gBACAf;kBACA;kBACAE;kBACAD;gBACA;cACA;YACA;UACA;UACAjF;QACA;MAEA;MACAmG;MACAtC;QACAsC;MACA;IACA;IACA;IACAwF;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;QACAhF;QACAA;QACA;QACA;QACAA;QACAA;QACAA;MACA;IACA;IACA;IACAiF;MAAA;MACA;MACA;QACA;QACA;QACA;QACA;QACA;QACA;UACA;QACA;QACA;QACA;UACA;QACA;QACA;QACA;MACA;QACA;QACA;QACAjF;QACAA;QACAA;QACAA;QACA;QACA;QACAA;QACAA;MACA;IACA;IACAkF;MACA;MACA;MACA;MACA;IACA;IACAC;MAAA;MACA;MACA;MACA;MACArM;QACA4G;MACA;QACA;QACA0F;QACA;QACA;QACA;QACA;UACAC;UACAC;QACA;QACA;UAAA;QAAA;QACA;UAAA;QAAA;QACA,cACA;QACA;QACA;UACA,6BACAC;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;IACAjJ;MACA;QACA;MACA;QACA;QACA;MACA;IACA;IACAkJ;MACAC;MACAC;QACAlG;QACA;UACA;QACA;MACA;IACA;EACA;AACA","names":["getCompanyInfo","getLine","getBanzugz","getGdtj","getDwbzgz","getGdsgdzl","getPbtyqk","getCabinetInfo","getCabinetList","getfaultReportList","getCabinetAlarmList","name","components","data","pageShow","totals","pageSize","page","threeImg","enlargeShow","dataGzList","bz","chbc","chcg","jd","total","wchz","dateList","acolor","currentIndex","alarmInformationData","alarmInformationShow","realTimeAlarmShow","modelOthers","componentShow","CompanyInfo","hsgst","rlst","nlst","xms","ysfyzh","jhs","sdpbsl","jdpbsl","fhgzpb","ygdkkx","pjtdpc","pjtdsj","ztpf","zydl","khzs","xczydl","zdsbgm","zxsbgm","glgds","gltq","zrc","tableData","btnArr","btnActive","iconGround","icon","btnEnlarge","btnEnlarge1","options","value","label","topContent","count","device","gd_type_id","gd_type_name","created","mounted","window","clearInterval","beforeDestroy","methods","xianDuan","ctx","routerTo","detailen1","tooltip","trigger","axisPointer","type","grid","left","right","bottom","top","containLabel","legend","textStyle","fontSize","color","xAxis","axisLabel","show","yAxis","splitLine","lineStyle","width","series","barWidth","itemStyle","normal","offset","position","formatter","borderRadius","borderWidth","myChart","getbanzhu","action","console","res","getGongdan","rowClass","handleCurrentChange","document","openLineDetail","rowHandle","openGdDetail","mouseout","handleUnity","selectLine","line_code","detailedOne","shuzihuaCharts","crossStyle","x","rotate","interval","min","max","axisLine","valueFormatter","yAxisIndex","detailedTwo","boundaryGap","axisTick","symbol","detailedTwo11","horizontalChart","itemWidth","itemHeight","itemGap","fontWeight","inverse","align","verticalAlign","lineHeight","stack","barMinHeight","barGap","barCharts","title","subtext","text","y","subtextStyle","radius","center","borderColor","labelLine","length","length2","rich","b","padding","hr","height","c","roseCharts","polar","angleAxis","z","margin","radiusAxis","calculable","hoverAnimation","emphasis","roseType","zlevel","detailedThree","startAngle","selectedMode","doing","detailedFour","yearBzData","yearChcg","yearChbc","yearWchz","yearJieDi","yearFenJi","splitArea","barMaxWidth","barBorderRadius","detailedFive","enlargeBtn","enlargeBtn1","handleClose","handleDate","dataPbty","dataPb","dataCf","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 <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>盐城地区分布光伏运行监测</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content3\">\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >户数高渗透率 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.hsgst\"\r\n >{{ CompanyInfo.hsgst }}\r\n <span style=\"font-size: 18px; color: #fff\">%</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >容量渗透率 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"orange\"\r\n :text=\"CompanyInfo.rlst\"\r\n >{{ CompanyInfo.rlst }}\r\n <span style=\"font-size: 18px; color: #fff\">%</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >能量渗透率 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.nlst\"\r\n >{{ CompanyInfo.nlst }}\r\n <span style=\"font-size: 18px; color: #fff\">%</span>\r\n </span>\r\n </div>\r\n </div>\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\" @click=\"routerTo('配网工程全过程物资审计')\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>配网工程全过程物资审计</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content3\" style=\"display: inline\">\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n <span style=\"font-size: 18px\" class=\"num1\">项目数 </span>\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.xms\"\r\n >{{ CompanyInfo.xms }}\r\n <span style=\"font-size: 18px; color: #fff\">万</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\">预算费用总和</span>\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"orange\"\r\n :text=\"CompanyInfo.ysfyzh\"\r\n >{{ CompanyInfo.ysfyzh }}\r\n <span style=\"font-size: 18px; color: #fff\">%</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\">计划数</span>\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.jhs\"\r\n >{{ CompanyInfo.jhs }}\r\n </span>\r\n </div>\r\n </div>\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\" @click=\"routerTo('盐城东台区供电所数字化分析')\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>盐城东台区供电所数字化分析</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content3\">\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >升档配变数量 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.sdpbsl\"\r\n >{{ CompanyInfo.sdpbsl }}</span\r\n >\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\">降档配比数量</span>\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"orange\"\r\n :text=\"CompanyInfo.jdpbsl\"\r\n >{{ CompanyInfo.jdpbsl }}</span\r\n >\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >负荷关注配变数量 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.fhgzpb\"\r\n >{{ CompanyInfo.fhgzpb }}</span\r\n >\r\n </div>\r\n </div>\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\" @click=\"routerTo('盐城供电公司配网电能质量管控')\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>盐城供电公司配网电能质量管控</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content3\">\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >月供电可靠性 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.ygdkkx\"\r\n >{{ CompanyInfo.ygdkkx }}\r\n <span style=\"font-size: 18px; color: #fff\">%</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >平均停电频次 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"orange\"\r\n :text=\"CompanyInfo.pjtdpc\"\r\n >{{ CompanyInfo.pjtdpc }}\r\n <span style=\"font-size: 18px; color: #fff\">次/户</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >平均停电时间 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.pjtdsj\"\r\n >{{ CompanyInfo.pjtdsj }}\r\n <span style=\"font-size: 18px; color: #fff\">小时</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div id=\"detailedOne\"></div>\r\n </div>\r\n </div>\r\n <div class=\"middle\" id=\"middle\">\r\n <div class=\"map\" style=\"height: 100%\">\r\n <canvas\r\n id=\"myCanvas\"\r\n width=\"1000\"\r\n height=\"600\"\r\n style=\"position: absolute\"\r\n ></canvas>\r\n <img src=\"../assets/indexN/left.png\" class=\"leftimg\" alt=\"\" />\r\n <img src=\"../assets/indexN/right.png\" class=\"rightimg\" alt=\"\" />\r\n <img class=\"allimg\" src=\"../assets/indexN/dfsxz.png\" alt=\"\" />\r\n <div class=\"imgboxtwo1\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\" style=\"color: #fff; font-size: 26px\">\r\n 大丰区\r\n </div>\r\n </div>\r\n <div class=\"content2\">\r\n <div class=\"line1\">\r\n 用电量 (kwh) \r\n <span style=\"color: yellow; font-size: 28px\">2.685亿</span>\r\n </div>\r\n <div class=\"line1\">\r\n 碳排放量 (kg) \r\n <span style=\"color: orange; font-size: 28px\">7.303万</span>\r\n </div>\r\n <div class=\"line1\">\r\n 企业数量 \r\n <span style=\"color: yellow; font-size: 28px\">713</span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"imgboxone\">\r\n <div class=\"contents\">\r\n <div class=\"lines\" style=\"width: 55%\">\r\n <img src=\"../assets/indexN/tb1.png\" style=\"margin-top: 15%\" />\r\n <h4 style=\"color: #fff; margin-top: 10%\">数据目录</h4>\r\n </div>\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span>发布数量</span>\r\n <span class=\"yellow\">\r\n 100 <span style=\"color: #fff\">%</span>\r\n </span>\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <span>负面清单</span>\r\n <span class=\"orange\">\r\n 7244<span style=\"color: #fff\">个</span>\r\n </span>\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <span>涉及系统</span>\r\n <span class=\"yellow\">\r\n 251 <span style=\"color: #fff\">个</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"lines\" style=\"width: 55%\">\r\n <img src=\"../assets/indexN/tb2.png\" style=\"margin-top: 15%\" />\r\n <h4 style=\"color: #fff; margin-top: 10%\">数据资源</h4>\r\n </div>\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <div style=\"display: inline-block\">\r\n <span>接入数量</span>\r\n </div>\r\n <span class=\"yellow\"\r\n > 1.6 <span style=\"color: #fff\">万个</span></span\r\n >\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <div style=\"display: inline-block\">\r\n <span>涉及系统</span>\r\n </div>\r\n <span class=\"orange\"\r\n > 123 <span style=\"color: #fff\">个</span></span\r\n >\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <div style=\"display: inline-block\">\r\n <span>数据资源卡片</span>\r\n </div>\r\n <span class=\"yellow\"\r\n >31<span style=\"color: #fff\">个</span></span\r\n >\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"lines\" style=\"width: 55%\">\r\n <img src=\"../assets/indexN/tb3.png\" style=\"margin-top: 15%\" />\r\n <h4 style=\"color: #fff; margin-top: 10%\">数据服务</h4>\r\n </div>\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <div style=\"display: inline-block\">\r\n <span>服务数量</span>\r\n </div>\r\n <span class=\"yellow\">\r\n 1084<span style=\"color: #fff\">个</span>\r\n </span>\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <div style=\"display: inline-block\">\r\n <span>接入数量</span>\r\n </div>\r\n <span class=\"orange\">\r\n 8833<span style=\"color: #fff\">个</span>\r\n </span>\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <div style=\"display: inline-block\">\r\n <span>访问次数</span>\r\n </div>\r\n <span class=\"yellow\">\r\n 5.3 <span style=\"color: #fff\">亿个</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"lines\" style=\"width: 55%\">\r\n <img src=\"../assets/indexN/tb4.png\" style=\"margin-top: 15%\" />\r\n <h4 style=\"color: #fff; margin-top: 10%\">数据产品</h4>\r\n </div>\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <div style=\"display: inline-block\">\r\n <span>报表数量</span>\r\n </div>\r\n <span class=\"yellow\"\r\n > 19 <span style=\"color: #fff\">个</span></span\r\n >\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <div style=\"display: inline-block\">\r\n <span>服务访问次数</span>\r\n </div>\r\n <span class=\"orange\"\r\n >0<span style=\"color: #fff\">次</span></span\r\n >\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <div style=\"display: inline-block\">\r\n <span>指标数量</span>\r\n </div>\r\n <span class=\"yellow\"\r\n > 477 <span style=\"color: #fff\">个</span></span\r\n >\r\n </div>\r\n </div>\r\n </div>\r\n </div>\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\" @click=\"routerTo('乡村振兴电力综合指数')\">\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\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>乡村振兴电力综合指数</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n <!-- <div 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=\"content3\">\r\n <div class=\"contentUl\">\r\n <div class=\"top1\">\r\n <!-- <img src=\"../assets/indexN/xctb2.png\" /> -->\r\n <div class=\"texts\">94.46</div>\r\n <h4>产业兴旺</h4>\r\n </div>\r\n <div class=\"top2\">\r\n <!-- <img src=\"../assets/indexN/xctb2.png\" /> -->\r\n <div class=\"texts\">63.95</div>\r\n <h4>生活宜居</h4>\r\n </div>\r\n <div class=\"top3\">\r\n <div class=\"texts\">74.15</div>\r\n <h4>生活富裕</h4>\r\n </div>\r\n <div class=\"top4\">\r\n <div class=\"texts\">56.23</div>\r\n <h4>治理有效</h4>\r\n </div>\r\n <div class=\"top5\">\r\n <div class=\"texts\">86.82</div>\r\n <h4>乡风文明</h4>\r\n </div>\r\n <div class=\"top\">\r\n <img src=\"../assets/indexN/xctb1.png\" />\r\n <div class=\"texts\" style=\"color: yellow\">77.17</div>\r\n </div>\r\n <!-- <div class=\"top\">\r\n <img src=\"../assets/05/sjfx.png\" />\r\n <div class=\"texts\" style=\"color: yellow\">\r\n 0\r\n <span style=\"font-size: 15px; color: #fff\">个</span>\r\n </div>\r\n <h4>自然村</h4>\r\n </div> -->\r\n </div>\r\n </div>\r\n <div class=\"enselect\">\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n <span class=\"text\">乡镇</span>\r\n </div>\r\n <div id=\"detailedFive\"></div>\r\n </div>\r\n\r\n <div class=\"three\" style=\"height: 48%; width: 100%\">\r\n <div class=\"cartitle\" @click=\"routerTo('两高行业企业污染监测')\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>两高行业企业污染监测</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <!-- <div class=\"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=\"content3\" style=\"display: inline\">\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n <span style=\"font-size: 18px\" class=\"num1\" id=\"textleft\"\r\n >2022年度总碳排放量</span\r\n >\r\n <span\r\n style=\"\r\n font-size: 40px;\r\n font-weight: 600;\r\n margin-left: 30px;\r\n height: 80px;\r\n \"\r\n class=\"numText\"\r\n :text=\"CompanyInfo.ztpf\"\r\n id=\"yellow\"\r\n >{{ CompanyInfo.ztpf }}\r\n <span style=\"font-size: 18px; color: #fff\">吨碳</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\" id=\"textleft\"\r\n >2022年度总用电量</span\r\n >\r\n <span\r\n style=\"\r\n font-size: 40px;\r\n font-weight: 600;\r\n margin-left: 30px;\r\n height: 80px;\r\n \"\r\n class=\"numText\"\r\n id=\"orange\"\r\n :text=\"CompanyInfo.zydl\"\r\n >{{ CompanyInfo.zydl }}\r\n <span style=\"font-size: 18px; color: #fff\">kwh</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\" id=\"textleft\"\r\n >2022年度客户总数</span\r\n >\r\n <span\r\n style=\"\r\n font-size: 40px;\r\n font-weight: 600;\r\n margin-left: 30px;\r\n height: 80px;\r\n \"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.khzs\"\r\n >{{ CompanyInfo.khzs }}\r\n <span style=\"font-size: 18px; color: #fff\">人</span>\r\n </span>\r\n </div>\r\n </div>\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\" @click=\"routerTo('农村生活污水治理设备电量分析')\">\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\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>农村生活污水治理设备电量分析</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n <!-- <div 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\r\n <div class=\"content3\">\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >年度总用电量 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.xczydl\"\r\n >{{ CompanyInfo.xczydl }}\r\n <span style=\"font-size: 18px; color: #fff\">万kwh</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >最大设备规模 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"orange\"\r\n :text=\"CompanyInfo.zdsbgm\"\r\n >{{ CompanyInfo.zdsbgm }}\r\n <span style=\"font-size: 18px; color: #fff\">吨/日</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >最小设备规模 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.zxsbgm\"\r\n >{{ CompanyInfo.zxsbgm }}\r\n <span style=\"font-size: 18px; color: #fff\">吨/日</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div id=\"detailen\"></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\r\n class=\"cartitle\"\r\n @click=\"routerTo('数字化排涝抗旱辅助及检修辅助决策')\"\r\n >\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>数字化排涝抗旱辅助及检修辅助决策</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content3\">\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >辖区管理供电所 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.glgds\"\r\n >{{ CompanyInfo.glgds }}\r\n <span style=\"font-size: 18px; color: #fff\">个</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >辖区管理台区 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"orange\"\r\n :text=\"CompanyInfo.gltq\"\r\n >{{ CompanyInfo.gltq }}\r\n <span style=\"font-size: 18px; color: #fff\">个</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >自然村 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.zrc\"\r\n >{{ CompanyInfo.zrc }}\r\n <span style=\"font-size: 18px; color: #fff\">条</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div id=\"shuzihua\"></div>\r\n </div>\r\n </div>\r\n <div class=\"realTimeAlarm\" v-show=\"realTimeAlarmShow\">\r\n <div class=\"content3\">\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\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=\"content3\">\r\n <div class=\"table user_skills\">\r\n <el-table\r\n :data=\"alarmInformationData\"\r\n style=\"width: 100%; height: 100%\"\r\n :header-cell-style=\"{ 'text-align': 'center' }\"\r\n :cell-style=\"{ 'text-align': 'center' }\"\r\n :row-class-name=\"rowClass\"\r\n >\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\r\n prop=\"cabinet_name\"\r\n label=\"告警位置\"\r\n align=\"center\"\r\n >\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\r\n @current-change=\"handleCurrentChange\"\r\n :current-page=\"page\"\r\n :page-size=\"pageSize\"\r\n layout=\"prev, pager, next\"\r\n :total=\"totals\"\r\n v-if=\"pageShow\"\r\n >\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\r\n class=\"componentShow\"\r\n style=\"display: block; height: calc(100% - 100px); top: 100px\"\r\n v-if=\"lineItem != null\"\r\n >\r\n <component :is=\"lineShow\" :lineItem=\"lineItem\"></component>\r\n </div> -->\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\nimport {\r\n getCompanyInfo,\r\n getLine,\r\n getBanzugz,\r\n getGdtj,\r\n getDwbzgz,\r\n getGdsgdzl,\r\n getPbtyqk,\r\n getCabinetInfo,\r\n getCabinetList,\r\n getfaultReportList,\r\n getCabinetAlarmList,\r\n} from \"../api/index.js\";\r\n//引入echarts\r\nimport * as echarts from \"echarts\";\r\n// 工单统计弹窗组件\r\nimport workOrder from \"../component/workOrder.vue\";\r\n// import 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 hsgst: \"3.4\",\r\n rlst: \"0.01\",\r\n nlst: \"0.44\",\r\n xms: \"9.279\",\r\n ysfyzh: \"118.5\",\r\n jhs: \"44\",\r\n sdpbsl: \"12\",\r\n jdpbsl: \"7\",\r\n fhgzpb: \"87\",\r\n ygdkkx: \"99.95\",\r\n pjtdpc: \"0.39\",\r\n pjtdsj: \"0.37\",\r\n ztpf: \"108.3万\",\r\n zydl: \"39.83亿\",\r\n khzs: \"4968\",\r\n xczydl: \"723.6\",\r\n zdsbgm: \"1250\",\r\n zxsbgm: \"3673\",\r\n glgds: \"10\",\r\n gltq: \"13884\",\r\n zrc: \"306\",\r\n },\r\n tableData: [],\r\n btnArr: [\"总览\", \"环网柜\", \"分支箱\", \"箱变\", \"开闭所\"],\r\n btnActive: 0,\r\n iconGround: [\r\n {\r\n icon: require(\"@/assets/images/huanwanggui.png\"),\r\n name: \"环网柜\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/fenzhixiang.png\"),\r\n name: \"分支箱\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/xiangbian.png\"),\r\n name: \"箱变\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/kaibisuo.png\"),\r\n name: \"开闭所\",\r\n },\r\n ],\r\n btnEnlarge: [\r\n {\r\n icon: require(\"@/assets/images/btnTiShi.png\"),\r\n },\r\n {\r\n icon: require(\"@/assets/images/btnFangDa.png\"),\r\n },\r\n ],\r\n btnEnlarge1: [\r\n {\r\n icon: require(\"@/assets/images/btnTiShi.png\"),\r\n },\r\n {\r\n icon: require(\"@/assets/images/suoxiao.png\"),\r\n },\r\n ],\r\n options: [\r\n {\r\n value: \"\",\r\n label: \"\",\r\n },\r\n ],\r\n value: \"\",\r\n topContent: [\r\n {\r\n name: \"配变数量\",\r\n count: \"\",\r\n },\r\n {\r\n name: \"重复停运台次\",\r\n count: \"\",\r\n },\r\n {\r\n name: \"配变重复停运率\",\r\n count: \"\",\r\n },\r\n ],\r\n device: \"\",\r\n tableData: [],\r\n tableKey: +new Date(),\r\n scrollTop: 0, //table距离顶部距离\r\n option: null,\r\n myChartBin: null,\r\n\r\n gongdanList: [\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"频繁停电\",\r\n total: 0,\r\n },\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"处理时间长\",\r\n total: 0,\r\n },\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"运检类投诉\",\r\n total: 0,\r\n },\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"运检类意见\",\r\n total: 0,\r\n },\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"民事赔偿\",\r\n total: 0,\r\n },\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"多次停电\",\r\n total: 0,\r\n },\r\n ],\r\n\r\n // 工单\r\n orderItem: null,\r\n\r\n orderShow: \"\",\r\n // 线路故障明细\r\n routeItem: null,\r\n routeShow: \"\",\r\n\r\n // 配电线路\r\n lineItem: null,\r\n lineShow: \"\",\r\n timer: null, //定时器\r\n emergencyList: [], //告警数据\r\n rowTime: \"\",\r\n };\r\n },\r\n created() {},\r\n mounted() {\r\n // this.beginShowing();\r\n // 监听浏览器窗口大小变化\r\n window.onresize = () => {\r\n clearInterval(this.myTimer);\r\n this.beginShowing();\r\n };\r\n window.parent.getLoc();\r\n this.xianDuan();\r\n this.detailedTwo11();\r\n this.horizontalChart();\r\n this.detailedOne();\r\n this.barCharts();\r\n this.detailedFive();\r\n this.shuzihuaCharts();\r\n this.roseCharts();\r\n this.detailen1();\r\n // this.handleDate(0);\r\n\r\n let that = this;\r\n\r\n // //历史故障接口\r\n // let faultData = {\r\n // token: localStorage.getItem(\"token\"),\r\n // pageSize: \"500\",\r\n // page: \"1\",\r\n // };\r\n },\r\n // beforeDestroy() {\r\n // this.dataDestroy(); // 页面摧毁前，关闭定时器\r\n // },\r\n beforeDestroy() {\r\n // 离开当前路由前的操作\r\n clearInterval(this.timer);\r\n this.timer = null;\r\n },\r\n methods: {\r\n //地图画线\r\n xianDuan() {\r\n var canvas = document.getElementById(\"myCanvas\");\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.moveTo(650, 450); // moveTo(x,y) 定义线条开始坐标\r\n ctx.lineTo(735, 250); // lineTo(x,y) 定义线条结束坐标\r\n ctx.strokeStyle = \"orange\";\r\n ctx.lineWidth = 3;\r\n ctx.stroke();\r\n },\r\n routerTo(data) {\r\n if (data == \"盐城地区分布光伏运行监测\") {\r\n this.$router.push(\"/stationBuilding\");\r\n }\r\n if (data == \"盐城东台区供电所数字化分析\") {\r\n this.$router.push(\"/twentyKV\");\r\n }\r\n if (data == \"配网工程全过程物资审计\") {\r\n this.$router.push(\"/thirtyFiveKV\");\r\n }\r\n if (data == \"盐城供电公司配网电能质量管控\") {\r\n this.$router.push(\"/powerQualityControl\");\r\n }\r\n if (data == \"乡村振兴电力综合指数\") {\r\n this.$router.push(\"/ruralRevitalizationPower\");\r\n }\r\n if (data == \"两高行业企业污染监测\") {\r\n this.$router.push(\"/enterprisePollutionMonitoring\");\r\n }\r\n if (data == \"农村生活污水治理设备电量分析\") {\r\n this.$router.push(\"/ruralDomesticSewageTreatment\");\r\n }\r\n if (data == \"数字化排涝抗旱辅助及检修辅助决策\") {\r\n this.$router.push(\"/digitalFloodDrainageDroughtRelief\");\r\n }\r\n },\r\n detailen1() {\r\n var fontColor = \"#30eee9\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailen\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n },\r\n grid: {\r\n left: \"0%\", //图表距离容器左侧多少距离\r\n right: \"10%\", //图表距离容器右侧侧多少距离\r\n bottom: \"20%\", //图表距离容器上面多少距离\r\n top: \"10%\", //图表距离容器下面多少距离\r\n containLabel: true, //防止标签溢出\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n },\r\n\r\n data: [\"电量KWH\"],\r\n },\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n data: [\r\n \"安丰镇\",\r\n \"草堰镇\",\r\n \"龙岗镇\",\r\n \"新丰镇\",\r\n \"伍佑街道\",\r\n \"步凤镇\",\r\n ],\r\n axisLabel: {\r\n show: true,\r\n textStyle: {\r\n color: \"#ffffff\",\r\n fontSize: 18,\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 fontSize: 18,\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"电量kwh\",\r\n type: \"bar\",\r\n barWidth: 40, // 柱子宽度核心代码，\r\n itemStyle: {\r\n normal: {\r\n color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"rgba(2,255,255,.1)\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"rgb(2,255,255)\",\r\n },\r\n ]),\r\n label: {\r\n show: true, //开启显示\r\n position: \"top\", //在上方显示\r\n formatter: function (params) {\r\n //核心部分 formatter 可以为字符串也可以是回调\r\n if (params.value) {\r\n //如果当前值存在则拼接\r\n return params.value + \"万\";\r\n } else {\r\n //否则返回个空\r\n return \"\";\r\n }\r\n },\r\n textStyle: {\r\n //数值样式\r\n color: \"#00ffff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n data: [320, 332, 301, 334, 390, 288, 299],\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n //班组\r\n getbanzhu() {\r\n getBanzugz({\r\n action: \"detail\",\r\n }).then((res) => {\r\n console.log(res, \"班组故障详情\");\r\n for (let i = 0; i < res.data.data.length; i++) {\r\n if (res.data.data[i].gz_time_deal) {\r\n let date = new Date(res.data.data[i].gz_time_deal);\r\n res.data.data[i].gz_time_deal =\r\n this.$moment(date).format(\"YYYY-MM-DD HH:mm\");\r\n // console.log(res.data.data[i].gz_time_deal,'转换后');\r\n }\r\n if (res.data.data[i].gz_time) {\r\n let time = new Date(res.data.data[i].gz_time);\r\n res.data.data[i].gz_time =\r\n this.$moment(time).format(\"YYYY-MM-DD HH:mm\");\r\n }\r\n this.tableData.push(res.data.data[i]);\r\n }\r\n });\r\n },\r\n //工单\r\n getGongdan() {\r\n getGdtj({ action: \"tongji\" }).then((res) => {\r\n console.log(res, \"工单统计数据\");\r\n let dataList = res.data.data;\r\n\r\n for (let i = 0; i < this.gongdanList.length; i++) {\r\n for (let j = 0; j < res.data.data.length; j++) {\r\n if (\r\n this.gongdanList[i].gd_type_name == res.data.data[j].gd_type_name\r\n ) {\r\n this.gongdanList[i].total = res.data.data[j].total;\r\n this.gongdanList[i].gd_type_id = res.data.data[j].gd_type_id;\r\n }\r\n }\r\n }\r\n // this.gongdanList = res.data.data;\r\n this.detailedThree(dataList);\r\n // this.$nextTick(() => {\r\n // this.detailedThree(dataList);\r\n // setInterval(() => {\r\n // this.doing();\r\n // }, 200);\r\n // });\r\n });\r\n },\r\n // //表格第一行颜色\r\n rowClass(row, rowIndex) {\r\n if (row.rowIndex === 0) {\r\n return \"rowColor0\";\r\n } else {\r\n return \"\";\r\n }\r\n },\r\n //切换当前页\r\n handleCurrentChange(val) {\r\n this.page = val;\r\n let tableData = [];\r\n if (this.emergencyList.length != 0) {\r\n tableData = this.emergencyList;\r\n if (val == 1) {\r\n this.alarmInformationData = tableData.slice(0, 10);\r\n document.getElementsByClassName(\"rowColor0\")[0].style.display = \"\";\r\n } else if (val == 2) {\r\n document.getElementsByClassName(\"rowColor0\")[0].style.display =\r\n \"none\";\r\n this.alarmInformationData = tableData.slice(10, 20);\r\n } else if (val == 3) {\r\n this.alarmInformationData = tableData.slice(20, 30);\r\n document.getElementsByClassName(\"rowColor0\")[0].style.display =\r\n \"none\";\r\n } else if (val == 4) {\r\n this.alarmInformationData = tableData.slice(30, 40);\r\n document.getElementsByClassName(\"rowColor0\")[0].style.display =\r\n \"none\";\r\n } else if (val == 5) {\r\n this.alarmInformationData = tableData.slice(40, 50);\r\n document.getElementsByClassName(\"rowColor0\")[0].style.display =\r\n \"none\";\r\n }\r\n } else {\r\n return false;\r\n }\r\n },\r\n // 线路详情弹窗\r\n openLineDetail(e) {\r\n // console.log(e);\r\n // var line = e + ''\r\n // console.log(line);\r\n getLine({ action: \"pdxl\" }).then(({ data }) => {\r\n console.log(data);\r\n this.lineShow = \"lineDetail\";\r\n this.lineItem = data.data;\r\n });\r\n },\r\n // 线路故障跳闸明细弹窗\r\n rowHandle(e) {\r\n // console.log(e, \"参数\");\r\n this.routeItem = e;\r\n this.routeShow = \"routeDetail\";\r\n // console.log(this.routeItem,'线路组件名称');\r\n },\r\n // 工单统计的弹窗\r\n openGdDetail(item) {\r\n this.orderItem = item;\r\n this.orderShow = \"workOrder\";\r\n },\r\n // 鼠标进入表格\r\n // mouseover() {\r\n // clearInterval(this.myTimer);\r\n // },\r\n // 鼠标离开表格\r\n mouseout() {\r\n this.roll();\r\n },\r\n //调用unity方法\r\n handleUnity(index, item) {\r\n this.btnActive = index;\r\n this.$refs.iframe.contentWindow.handleChange(item);\r\n },\r\n //选择线路\r\n selectLine(value) {\r\n getLine({\r\n action: \"query\",\r\n line_code: value,\r\n }).then((res) => {\r\n // console.log(res,'选择线路');\r\n if (res.data.data != 0 && res.data.data != null) {\r\n this.$refs.iframe.contentWindow.handleChangeLine(\r\n res.data.data.line_name\r\n );\r\n } else if (res.data.data == null) {\r\n this.$refs.iframe.contentWindow.handleChangeLine(\"\");\r\n }\r\n });\r\n },\r\n detailedOne() {\r\n let myChart = this.$echarts.init(document.getElementById(\"detailedOne\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n },\r\n\r\n data: [\"配变停电\"],\r\n },\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n data: [\r\n \"亭湖区\",\r\n \"东台市\",\r\n \"建湖县\",\r\n \"阜宁县\",\r\n \"响水县\",\r\n \"滨海县\",\r\n \"射阳县\",\r\n \"大丰区\",\r\n ],\r\n axisLabel: {\r\n show: true,\r\n textStyle: {\r\n color: \"#ffffff\",\r\n fontSize: 16,\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 fontSize: 16,\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"配变停电\",\r\n type: \"bar\",\r\n barWidth: 40, // 柱子宽度核心代码，\r\n itemStyle: {\r\n normal: {\r\n color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"rgba(2,255,255,.1)\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"rgb(2,255,255)\",\r\n },\r\n ]),\r\n label: {\r\n show: true, //开启显示\r\n position: \"top\", //在上方显示\r\n textStyle: {\r\n //数值样式\r\n color: \"#00ffff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n data: [5109, 5520, 5354, 5511, 4789, 5254, 5411, 4889],\r\n },\r\n ],\r\n };\r\n\r\n myChart.setOption(option);\r\n\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n shuzihuaCharts() {\r\n let myChart = this.$echarts.init(document.getElementById(\"shuzihua\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"cross\",\r\n crossStyle: {\r\n color: \"#999\",\r\n },\r\n },\r\n },\r\n grid: {\r\n left: \"5%\", //图表距离容器左侧多少距离\r\n right: \"8%\", //图表距离容器右侧侧多少距离\r\n bottom: \"20%\", //图表距离容器上面多少距离\r\n top: \"15%\", //图表距离容器下面多少距离\r\n containLabel: true, //防止标签溢出\r\n },\r\n legend: [\r\n {\r\n x: \"center\",\r\n data: [\r\n \"投运15年以上设备数量\",\r\n \"统计时间所辖线路设备数量\",\r\n \"设备老化占比\",\r\n ],\r\n textStyle: {\r\n fontSize: 18,\r\n color: \"#fff\",\r\n },\r\n },\r\n ],\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n data: [\r\n \"10kv星雨线163\",\r\n \"10kv智谋线183\",\r\n \"10kv朝阳线164\",\r\n \"10kv杨庄线181\",\r\n \"10kv森达线174\",\r\n ],\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n axisLabel: {\r\n rotate: -15, //60度角倾斜显示\r\n interval: 0, //横轴信息全部显示\r\n color: \"#fff\",\r\n fontSize: 20,\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n min: 0,\r\n max: 160,\r\n interval: 40,\r\n axisLabel: {\r\n textStyle: {\r\n fontSize: \"18\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n {\r\n type: \"value\",\r\n min: 0,\r\n max: 80,\r\n interval: 20,\r\n axisLabel: {\r\n formatter: \"{value}%\",\r\n textStyle: {\r\n fontSize: \"18\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"投运15年以上设备数量\",\r\n type: \"bar\",\r\n tooltip: {\r\n valueFormatter: function (value) {\r\n return value;\r\n },\r\n },\r\n itemStyle: {\r\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n { offset: 1, color: \"rgba(255,255,0,.2) \" },\r\n { offset: 0.5, color: \"rgb(255,255,0,.6)\" },\r\n { offset: 0, color: \"rgb(255,255,0)\" },\r\n ]),\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n data: [55, 66, 89, 113, 123],\r\n },\r\n {\r\n name: \"统计时间所辖线路设备数量\",\r\n type: \"bar\",\r\n tooltip: {\r\n valueFormatter: function (value) {\r\n return value;\r\n },\r\n },\r\n itemStyle: {\r\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n { offset: 1, color: \"rgba(2,255,255,.2) \" },\r\n { offset: 0.5, color: \"rgb(2,255,255,.6)\" },\r\n { offset: 0, color: \"rgb(2,255,255)\" },\r\n ]),\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n data: [46, 56, 99, 103, 123],\r\n },\r\n {\r\n name: \"设备老化占比\",\r\n type: \"line\",\r\n yAxisIndex: 1,\r\n tooltip: {\r\n valueFormatter: function (value) {\r\n return value;\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: \"orange\",\r\n lineStyle: {\r\n color: \"orange\",\r\n },\r\n },\r\n },\r\n data: [20, 40, 60, 80, 67],\r\n },\r\n ],\r\n };\r\n\r\n myChart.setOption(option);\r\n\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedTwo() {\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo1\"));\r\n var option = {\r\n xAxis: {\r\n type: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: fontColor,\r\n fontSize: 18, // 文字大小\r\n },\r\n axisLine: {\r\n show: true,\r\n lineStyle: {\r\n color: \"#397cbc\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#195384\",\r\n },\r\n },\r\n data: [\r\n \"0:00\",\r\n \"3:00\",\r\n \"6:00\",\r\n \"9:00\",\r\n \"12:00\",\r\n \"15:00\",\r\n \"18:00\",\r\n \"21:00\",\r\n \"24:00\",\r\n ],\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"单位：kw\",\r\n min: 0,\r\n max: 1000,\r\n show: true,\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n axisLabel: {\r\n formatter: \"{value}\",\r\n textStyle: {\r\n color: \"#2ad1d2\",\r\n fontSize: 18, // 文字大小\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#27b4c2\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n data: [720, 632, 801, 734, 470, 670, 720, 123, 567],\r\n type: \"line\",\r\n symbol: \"none\",\r\n lineStyle: {\r\n color: \"#00ffff\",\r\n width: 2,\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: \"00ffff\",\r\n lineStyle: {\r\n color: \"00ffff\",\r\n width: 3,\r\n type: \"solid\",\r\n },\r\n },\r\n },\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedTwo11() {\r\n var fontColor = \"#30eee9\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo1\"));\r\n var option = {\r\n xAxis: {\r\n type: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: fontColor,\r\n fontSize: 18,\r\n },\r\n axisLine: {\r\n show: true,\r\n lineStyle: {\r\n color: \"#397cbc\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#195384\",\r\n },\r\n },\r\n data: [\r\n \"0:00\",\r\n \"3:00\",\r\n \"6:00\",\r\n \"9:00\",\r\n \"12:00\",\r\n \"15:00\",\r\n \"18:00\",\r\n \"21:00\",\r\n \"24:00\",\r\n ],\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"单位：kw\",\r\n min: 0,\r\n max: 1000,\r\n show: true,\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n axisLabel: {\r\n formatter: \"{value}\",\r\n textStyle: {\r\n color: fontColor,\r\n fontSize: 18,\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: fontColor,\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n data: [720, 632, 801, 734, 470, 670, 720, 123, 567],\r\n type: \"line\",\r\n symbol: \"none\",\r\n lineStyle: {\r\n color: \"#00ffff\",\r\n width: 2,\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: \"00ffff\",\r\n lineStyle: {\r\n color: \"00ffff\",\r\n width: 3,\r\n type: \"solid\",\r\n },\r\n },\r\n },\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n horizontalChart() {\r\n var myChart = this.$echarts.init(\r\n document.getElementById(\"horizontalChart\")\r\n );\r\n var honorData = [\r\n {\r\n name: \"60天内掉电客户数\",\r\n data: [13.4, 12.1, 14.3],\r\n },\r\n {\r\n name: \"60天内掉电总数\",\r\n data: [9.4, 8.1, 7.3],\r\n },\r\n ];\r\n var honorXAxisData = [\"No.3\", \"No.2\", \"No.1\"];\r\n var nameList = [\r\n \"PMS_晨光满园9台区\",\r\n \"滨河华苑3台区\",\r\n \"PMS_晨光满园11台区\",\r\n ];\r\n var option = {\r\n color: [\"#0F9AF8\", \"#2039C3\", \"rgba(32,57,195,.5)\", \"#2ECACE\"],\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"none\",\r\n },\r\n },\r\n legend: {\r\n right: 20,\r\n top: \"5%\",\r\n itemWidth: 10,\r\n itemHeight: 10,\r\n itemGap: 15,\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n grid: {\r\n top: \"15%\",\r\n left: \"14%\",\r\n right: \"0%\",\r\n bottom: \"0%\",\r\n },\r\n xAxis: [\r\n {\r\n type: \"value\",\r\n show: false,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: \"#6B9DD7\",\r\n fontSize: 16, // 文字大小\r\n fontWeight: 400,\r\n interval: 0,\r\n formatter: function (value) {\r\n return value + \"(万元)\";\r\n },\r\n },\r\n splitLine: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"category\",\r\n offset: 17,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: \"#00FFFF\",\r\n fontSize: 20, // 文字大小\r\n fontWeight: 700,\r\n interval: 0,\r\n },\r\n\r\n data: honorXAxisData,\r\n },\r\n {\r\n //名称\r\n type: \"category\",\r\n offset: -10,\r\n position: \"left\",\r\n axisLine: {\r\n show: false,\r\n },\r\n inverse: true,\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n color: \"#fff\",\r\n align: \"left\",\r\n verticalAlign: \"bottom\",\r\n lineHeight: 40,\r\n fontSize: 20,\r\n },\r\n data: nameList,\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"60天内掉电客户数\",\r\n type: \"bar\",\r\n stack: \"zongliang\",\r\n barWidth: \"25%\",\r\n barMinHeight: 20,\r\n barGap: 15, // 柱图之间的间距\r\n itemStyle: {\r\n //自定义颜色\r\n // normal: { color: \"orange\" },\r\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"rgba(255,165,0,.2)\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"rgb(255,165,0)\",\r\n },\r\n ]),\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: [\"80%\", \"-100%\"],\r\n formatter: function (params) {\r\n return params.value;\r\n },\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n\r\n data: honorData[0].data,\r\n },\r\n {\r\n name: \"60天内掉电总数\",\r\n type: \"bar\",\r\n stack: \"zongliang\",\r\n barWidth: \"25%\",\r\n itemStyle: {\r\n //自定义颜色\r\n // normal: { color: \"orange\" },\r\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"#005BEA\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"#00C6FB\",\r\n },\r\n ]),\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: [\"80%\", \"-100%\"],\r\n formatter: function (params) {\r\n return params.value;\r\n },\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n data: honorData[1].data,\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n 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 {\r\n type: \"pie\",\r\n radius: [\"80\", \"120\"],\r\n center: [\"50%\", \"50%\"],\r\n color: [\"#80C269\", \"#00FFFF\", \"#0090F1\", \"#FFA800\", \"#4658F6\"],\r\n itemStyle: {\r\n normal: {\r\n borderWidth: 5,\r\n borderColor: \"#031845\",\r\n },\r\n },\r\n data: [\r\n {\r\n value: 27,\r\n name: \"国网大丰市供电公司\",\r\n },\r\n {\r\n value: 30,\r\n name: \"国网射阳县供电公司\",\r\n },\r\n {\r\n value: 24,\r\n name: \"开发区供电服务中心\",\r\n },\r\n {\r\n value: 27,\r\n name: \"盐城运维检修部\",\r\n },\r\n {\r\n value: 27,\r\n name: \"设备管理部\",\r\n },\r\n {\r\n value: 27,\r\n name: \"国网响水县供电公司\",\r\n },\r\n ],\r\n labelLine: {\r\n normal: {\r\n show: true,\r\n length: 20,\r\n length2: 10,\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: 20,\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: 20,\r\n align: \"center\",\r\n padding: 4,\r\n color: \"#fff\",\r\n },\r\n },\r\n },\r\n },\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n roseCharts() {\r\n var myChart = this.$echarts.init(document.getElementById(\"roseCharts\"));\r\n var option = {\r\n color: [\r\n \"#EAEA26\",\r\n \"#906BF9\",\r\n \"#FE5656\",\r\n \"#01E17E\",\r\n \"#3DD1F9\",\r\n \"#FFAD05\",\r\n ],\r\n 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\r\n polar: {},\r\n angleAxis: {\r\n interval: 1,\r\n type: \"category\",\r\n data: [],\r\n z: 10,\r\n axisLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#0B4A6B\",\r\n width: 1,\r\n type: \"solid\",\r\n },\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n show: true,\r\n color: \"#0B4A6B\",\r\n margin: 8,\r\n fontSize: 16,\r\n },\r\n },\r\n radiusAxis: {\r\n min: 40,\r\n max: 120,\r\n interval: 20,\r\n axisLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#0B3E5E\",\r\n width: 1,\r\n type: \"solid\",\r\n },\r\n },\r\n axisLabel: {\r\n formatter: \"{value} %\",\r\n show: false,\r\n padding: [0, 0, 20, 0],\r\n color: \"#0B3E5E\",\r\n fontSize: 16,\r\n },\r\n splitLine: {\r\n lineStyle: {\r\n color: \"#0B3E5E\",\r\n width: 2,\r\n type: \"solid\",\r\n },\r\n },\r\n },\r\n calculable: true,\r\n series: [\r\n {\r\n type: \"pie\",\r\n radius: [\"5%\", \"10%\"],\r\n hoverAnimation: false,\r\n labelLine: {\r\n normal: {\r\n show: false,\r\n length: 30,\r\n length2: 55,\r\n },\r\n emphasis: {\r\n show: false,\r\n },\r\n },\r\n data: [\r\n {\r\n name: \"\",\r\n value: 0,\r\n itemStyle: {\r\n normal: {\r\n color: \"#0B4A6B\",\r\n },\r\n },\r\n },\r\n ],\r\n },\r\n {\r\n type: \"pie\",\r\n radius: [\"90%\", \"95%\"],\r\n hoverAnimation: false,\r\n labelLine: {\r\n normal: {\r\n show: false,\r\n length: 30,\r\n length2: 55,\r\n },\r\n emphasis: {\r\n show: false,\r\n },\r\n },\r\n name: \"\",\r\n data: [\r\n {\r\n name: \"\",\r\n value: 0,\r\n itemStyle: {\r\n normal: {\r\n color: \"#0B4A6B\",\r\n },\r\n },\r\n },\r\n ],\r\n },\r\n {\r\n stack: \"a\",\r\n type: \"pie\",\r\n radius: [\"20%\", \"80%\"],\r\n roseType: \"area\",\r\n zlevel: 10,\r\n label: {\r\n normal: {\r\n show: true,\r\n formatter: \"{b} {d} %\",\r\n textStyle: {\r\n fontSize: 20,\r\n color: \"#fff\",\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: 35,\r\n borderWidth: 4,\r\n },\r\n emphasis: {\r\n show: false,\r\n },\r\n },\r\n data: [\r\n {\r\n value: 15,\r\n name: \"东台市\",\r\n },\r\n {\r\n value: 7,\r\n name: \"阜宁县\",\r\n },\r\n {\r\n value: 14,\r\n name: \"盐都区\",\r\n },\r\n {\r\n value: 23,\r\n name: \"滨海县\",\r\n },\r\n {\r\n value: 18,\r\n name: \"建湖县\",\r\n },\r\n {\r\n value: 35,\r\n name: \"射阳县\",\r\n },\r\n {\r\n value: 31,\r\n name: \"大丰区\",\r\n },\r\n {\r\n value: 28,\r\n name: \"响水县\",\r\n },\r\n {\r\n value: 36,\r\n name: \"亭湖区\",\r\n },\r\n ],\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedThree(dataList) {\r\n // console.log(this.threeImg,'图片');\r\n // var equipment = [dataList.yjlts, dataList.yjlyj];\r\n var that = this;\r\n // console.log(that,'指向');\r\n var colorList = [\r\n \"#0090ff\",\r\n \"#06d3c4\",\r\n \"#66b0ed\",\r\n \"#7cb79d\",\r\n \"#2361b4\",\r\n \"rgb(198,123,244)\",\r\n ];\r\n var colorList1 = [\"rgb(198,123,244)\", \"#2361b4\"];\r\n // 饼图数据\r\n var threeList = dataList.map((ele) => {\r\n return { name: ele.gd_type_name, value: ele.total };\r\n });\r\n // console.log(threeList, \"饼图数据\");\r\n // var legendData = dataList.concat(\r\n // {\r\n // value: equipment[0],\r\n // name: \"运检类投诉\",\r\n // },\r\n // {\r\n // value: equipment[1],\r\n // name: \"运检类意见\",\r\n // }\r\n // );\r\n this.myChartBin = this.$echarts.init(\r\n document.getElementById(\"detailedThree\")\r\n );\r\n // var graphicList = [];\r\n // legendData.forEach((ele, index) => {\r\n // if (index <= 2) {\r\n // graphicList.push({\r\n // type: \"image\",\r\n // style: {\r\n // image: this.threeImg,\r\n // width: 164,\r\n // height: 41,\r\n // x: 250,\r\n // y: 55 * (index + 1),\r\n // },\r\n // });\r\n // } else {\r\n // graphicList.push({\r\n // type: \"image\",\r\n // style: {\r\n // image: this.threeImg,\r\n // width: 164,\r\n // height: 41,\r\n // x: 424,\r\n // y: 55 * (index - 2),\r\n // },\r\n // });\r\n // }\r\n // });\r\n this.option = {\r\n borderColor: \"none\",\r\n\r\n tooltip: {\r\n formatter: function (param) {\r\n if (param.data.type == null) {\r\n return param.data.name + \":\" + param.value + \"个\";\r\n } else {\r\n return param.data.name + \":\" + param.value + \"个\";\r\n }\r\n },\r\n },\r\n\r\n legend: {\r\n icon: \"pin\",\r\n // height: 90,\r\n top: 20,\r\n show: false,\r\n // bottom:0,\r\n // itemGap: 40,\r\n // lineHeight: 80,\r\n // padding: [30, 0, 30, 0],\r\n // right: '20%',\r\n // orient: \"vertical\", //垂直显示\r\n x: \"center\", //延Y轴居中\r\n data: dataList.map((ele) => {\r\n return ele.gd_type_name;\r\n }),\r\n textStyle: {\r\n color: \"#ffffff\",\r\n fontSize: 15,\r\n\r\n // width:20,\r\n // height:60,\r\n },\r\n },\r\n series: [\r\n {\r\n name: \"\",\r\n type: \"pie\",\r\n radius: [0, \"70%\"],\r\n center: [\"50%\", \"50%\"],\r\n startAngle: 60, //默认角度\r\n label: {\r\n position: \"inner\",\r\n show: false,\r\n },\r\n\r\n itemStyle: {\r\n normal: {\r\n borderColor: \"none\",\r\n borderWidth: 2,\r\n fontSize: 16,\r\n color: function (params) {\r\n return colorList[params.dataIndex];\r\n },\r\n },\r\n },\r\n\r\n selectedMode: \"single\",\r\n data: threeList,\r\n },\r\n // {\r\n // name: \"运检类\",\r\n // type: \"pie\",\r\n // radius: [\"70%\", \"80%\"],\r\n // center: [\"20%\", \"50%\"],\r\n // startAngle: 30,\r\n // itemStyle: {\r\n // normal: {\r\n // fontSize: 16,\r\n // color: function (params) {\r\n // return colorList1[params.dataIndex];\r\n // },\r\n // // color:'#F4C907',\r\n // },\r\n // },\r\n // label: {\r\n // normal: {\r\n // formatter: function (params) {\r\n // return params.data.name + \":\" + params.data.type + \"个\";\r\n // },\r\n // color: \"auto\",\r\n // show: false,\r\n // fontSize: 16,\r\n // },\r\n // },\r\n\r\n // data: [\r\n // {\r\n // value: equipment[0],\r\n // name: \"运检类投诉\",\r\n // type: equipment[0],\r\n // },\r\n // {\r\n // value: equipment[1],\r\n // name: \"运检类意见\",\r\n // type: equipment[1],\r\n // },\r\n // ],\r\n // animation: false,\r\n // },\r\n ],\r\n };\r\n this.myChartBin.setOption(this.option);\r\n window.addEventListener(\"resize\", () => {\r\n this.myChartBin.resize();\r\n });\r\n },\r\n doing() {\r\n this.option.series[0].startAngle = this.option.series[0].startAngle - 5;\r\n this.option.series[1].startAngle = this.option.series[1].startAngle - 5;\r\n this.myChartBin.setOption(this.option);\r\n },\r\n detailedFour(dataList) {\r\n let yearBzData = [];\r\n let yearChcg = [];\r\n let yearChbc = [];\r\n let yearWchz = [];\r\n let yearJieDi = [];\r\n let yearFenJi = [];\r\n for (let i = 0; i < dataList.length; i++) {\r\n yearBzData.push(dataList[i].bz);\r\n yearChcg.push(dataList[i].chcg);\r\n yearChbc.push(dataList[i].chbc);\r\n yearWchz.push(dataList[i].wchz);\r\n yearJieDi.push(dataList[i].jd);\r\n yearFenJi.push(dataList[i].fjbh);\r\n }\r\n // console.log(yearJieDi,'接地数据');\r\n let that = this;\r\n let myChart = this.$echarts.init(document.getElementById(\"detailedFour\"));\r\n var option = {\r\n tooltip: {\r\n axisPointer: {\r\n type: \"shadow\",\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 16,\r\n },\r\n },\r\n },\r\n grid: {\r\n borderWidth: 0,\r\n top: 30,\r\n bottom: \"17%\",\r\n left: \"6%\",\r\n right: \"6%\",\r\n textStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n legend: {\r\n icon: \"rect\",\r\n right: \"4%\",\r\n textStyle: {\r\n color: \"#ffffff\",\r\n },\r\n data: [\"重合成功\", \"重合不成\", \"无重合闸\", \"接地\", \"分级保护\"],\r\n },\r\n calculable: true,\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n trigger: \"axis\",\r\n axisLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#fff\",\r\n fontSize: 16,\r\n },\r\n },\r\n splitLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitArea: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n fontSize: 14,\r\n rotate: 30,\r\n },\r\n data: yearBzData,\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n color: \"rgb(83,83,83)\",\r\n fontSize: 16,\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n fontSize: 16,\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n },\r\n splitArea: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"重合成功\",\r\n type: \"bar\",\r\n stack: \"Total1\",\r\n barMaxWidth: 15,\r\n barGap: \"10%\",\r\n label: {\r\n show: true,\r\n formatter: function (params) {\r\n if (params.value == 0) {\r\n return \"\";\r\n } else {\r\n return params.value;\r\n }\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n {\r\n offset: 0,\r\n color: \"rgba(194,190,190,2)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgb(194,190,190)\",\r\n },\r\n ]),\r\n borderColor: new that.$echarts.graphic.LinearGradient(\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n [\r\n {\r\n offset: 0,\r\n color: \"rgba(194,190,190,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(194,190,190,0)\",\r\n },\r\n ]\r\n ),\r\n },\r\n },\r\n data: yearChcg,\r\n },\r\n {\r\n name: \"重合不成\",\r\n type: \"bar\",\r\n barMaxWidth: 15,\r\n stack: \"Total1\",\r\n label: {\r\n show: true,\r\n formatter: function (params) {\r\n if (params.value == 0) {\r\n return \"\";\r\n } else {\r\n return params.value;\r\n }\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n {\r\n offset: 0,\r\n color: \"rgba(86,254,226,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(86,254,226,0)\",\r\n },\r\n ]),\r\n borderColor: new that.$echarts.graphic.LinearGradient(\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n [\r\n {\r\n offset: 0,\r\n color: \"rgba(86,254,226,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(86,254,226,0)\",\r\n },\r\n ]\r\n ),\r\n },\r\n },\r\n data: yearChbc,\r\n },\r\n {\r\n name: \"无重合闸\",\r\n type: \"bar\",\r\n barMaxWidth: 15,\r\n stack: \"Total1\",\r\n label: {\r\n show: true,\r\n formatter: function (params) {\r\n if (params.value == 0) {\r\n return \"\";\r\n } else {\r\n return params.value;\r\n }\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n {\r\n offset: 0,\r\n color: \"rgba(237,125,49,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(237,125,49,0)\",\r\n },\r\n ]),\r\n borderColor: new that.$echarts.graphic.LinearGradient(\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n [\r\n {\r\n offset: 0,\r\n color: \"rgba(237,125,49,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(237,125,49,0)\",\r\n },\r\n ]\r\n ),\r\n barBorderRadius: 0,\r\n },\r\n },\r\n data: yearWchz,\r\n },\r\n {\r\n name: \"接地\",\r\n type: \"bar\",\r\n barMaxWidth: 15,\r\n stack: \"Total1\",\r\n label: {\r\n show: true,\r\n formatter: function (params) {\r\n if (params.value == 0) {\r\n return \"\";\r\n } else {\r\n return params.value;\r\n }\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n {\r\n offset: 0,\r\n color: \"rgba(35,160,247,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(35,160,247,0)\",\r\n },\r\n ]),\r\n borderColor: new that.$echarts.graphic.LinearGradient(\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n [\r\n {\r\n offset: 0,\r\n color: \"rgba(35,160,247,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(35,160,247,0)\",\r\n },\r\n ]\r\n ),\r\n barBorderRadius: 0,\r\n },\r\n },\r\n data: yearJieDi,\r\n },\r\n {\r\n name: \"分级保护\",\r\n type: \"bar\",\r\n barMaxWidth: 15,\r\n stack: \"Total1\",\r\n label: {\r\n show: true,\r\n formatter: function (params) {\r\n if (params.value == 0) {\r\n return \"\";\r\n } else {\r\n return params.value;\r\n }\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n {\r\n offset: 0,\r\n color: \"rgba(156,73,200,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(156,73,200,0)\",\r\n },\r\n ]),\r\n borderColor: new that.$echarts.graphic.LinearGradient(\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n [\r\n {\r\n offset: 0,\r\n color: \"rgba(156,73,200,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(156,73,200,0)\",\r\n },\r\n ]\r\n ),\r\n barBorderRadius: 0,\r\n },\r\n },\r\n data: yearFenJi,\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedFive() {\r\n let myChart = this.$echarts.init(document.getElementById(\"detailedFive\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n },\r\n grid: {\r\n left: \"5%\", //图表距离容器左侧多少距离\r\n right: \"5%\", //图表距离容器右侧侧多少距离\r\n bottom: \"0%\", //图表距离容器上面多少距离\r\n top: \"30%\", //图表距离容器下面多少距离\r\n containLabel: true, //防止标签溢出\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 \"长荡镇\",\r\n \"河海镇\",\r\n \"黄沙港镇\",\r\n \"临海镇\",\r\n \"兴桥镇\",\r\n \"合德镇\",\r\n \"四明镇\",\r\n \"特庸镇\",\r\n ],\r\n axisLabel: {\r\n interval: 0, //横轴信息全部显示\r\n show: true,\r\n textStyle: {\r\n color: \"#ffffff\",\r\n fontSize: 18,\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 fontSize: 18,\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"配变名称\",\r\n type: \"bar\",\r\n barWidth: 40, // 柱子宽度核心代码\r\n itemStyle: {\r\n normal: {\r\n color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"rgba(232, 155, 0,.3)\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"rgb(232, 155, 0)\",\r\n },\r\n ]),\r\n label: {\r\n show: true, //开启显示\r\n position: \"top\", //在上方显示\r\n textStyle: {\r\n //数值样式\r\n color: \"rgb(232, 155, 0)\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n },\r\n data: [87.69, 84.69, 82.69, 83.69, 77.69, 67.69, 57.69, 47.69],\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.content3 {\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 #textleft {\r\n margin-left: 30px !important;\r\n }\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 .content3 {\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 .line3 {\r\n width: 30%;\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 margin-bottom: 1%;\r\n height: 100%;\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 width: 100%;\r\n\r\n .num1 {\r\n background: url(\"../assets/indexN/zsjbtk.png\") no-repeat;\r\n width: 100%;\r\n height: 100%;\r\n background-size: 100%;\r\n line-height: 250%;\r\n text-align: center;\r\n }\r\n .numText {\r\n color: #ffffff;\r\n background: url(\"../assets/indexN/main.png\") no-repeat;\r\n background-size: 100%;\r\n width: 100%;\r\n height: 74px;\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(254, 209, 86) !important;\r\n -webkit-mask: linear-gradient(\r\n to top,\r\n rgb(254, 162, 86),\r\n transparent\r\n );\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% - 170px);\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% - 150px);\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 .content3 {\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 .line3 {\r\n width: 30%;\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: 1%;\r\n height: 100%;\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 width: 100%;\r\n\r\n .num1 {\r\n background: url(\"../assets/indexN/zsjbtk.png\") no-repeat;\r\n width: 100%;\r\n // height: 100%;\r\n background-size: 100%;\r\n line-height: 250%;\r\n text-align: center;\r\n }\r\n .numText {\r\n color: #ffffff;\r\n background: url(\"../assets/indexN/main.png\") no-repeat;\r\n background-size: 100%;\r\n width: 100%;\r\n height: 74px;\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(254, 209, 86) !important;\r\n -webkit-mask: linear-gradient(\r\n to top,\r\n rgb(254, 162, 86),\r\n transparent\r\n );\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 #detailedOne {\r\n width: 100%;\r\n height: calc(100% - 160px);\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/indexN/midzsj.png\") no-repeat;\r\n background-size: 100%;\r\n width: 65%;\r\n height: 20%;\r\n position: relative;\r\n top: -28%;\r\n left: 25%;\r\n .contents {\r\n // height: 90%;\r\n position: absolute;\r\n padding: 10px;\r\n height: 100%;\r\n width: 96%;\r\n display: flex;\r\n flex-direction: row;\r\n /* 平分剩余空间 */\r\n justify-content: space-around;\r\n .lines {\r\n width: 106%;\r\n padding: 10px 0 0 0px;\r\n // background: url(\"../assets/index/mainMin.png\") no-repeat;\r\n }\r\n\r\n .total {\r\n .num {\r\n // display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: center;\r\n align-items: left;\r\n color: #ffffff;\r\n span {\r\n font-size: 18px;\r\n }\r\n h5 {\r\n font-size: 34px;\r\n }\r\n .yellow {\r\n padding-top: 30px;\r\n color: yellow;\r\n font-size: 24px;\r\n }\r\n .orange {\r\n padding-top: 30px;\r\n color: orange;\r\n font-size: 24px;\r\n }\r\n .yellows {\r\n padding-top: 20px;\r\n color: yellow;\r\n font-size: 24px;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n .imgboxtwo1 {\r\n background: url(\"../assets/indexN/tk.png\") no-repeat;\r\n background-size: 100%;\r\n float: right;\r\n right: 8%;\r\n top: 20%;\r\n width: 28vh;\r\n height: 100%;\r\n position: relative;\r\n .content2 {\r\n padding: 5px;\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 .line1 {\r\n width: 100%;\r\n height: 100%;\r\n margin-left: 5%;\r\n text-align: left;\r\n font-size: 24px;\r\n color: #fff;\r\n }\r\n }\r\n }\r\n .map {\r\n background: url(\"../assets/indexN/map.png\") no-repeat;\r\n vertical-align: middle;\r\n display: table-cell;\r\n text-align: center;\r\n margin-left: -20%;\r\n .leftimg {\r\n position: absolute;\r\n left: 34.5%;\r\n }\r\n .rightimg {\r\n position: absolute;\r\n right: 35%;\r\n }\r\n .allimg {\r\n position: relative;\r\n left: 28.5%;\r\n top: 34%;\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 .enselect {\r\n position: absolute;\r\n right: 30px;\r\n top: 50%;\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 & > 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 .content3 {\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 .contentUl {\r\n display: flex;\r\n flex-wrap: wrap;\r\n height: 20%;\r\n width: 100%;\r\n position: relative;\r\n .top {\r\n position: relative;\r\n flex-basis: calc(100% / 3);\r\n height: 50%;\r\n left: 33%;\r\n img {\r\n margin-top: 15%;\r\n }\r\n .texts {\r\n color: orange;\r\n position: absolute;\r\n z-index: 2;\r\n left: 32%;\r\n top: 25%;\r\n align-items: center;\r\n font-size: 32px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 10%;\r\n }\r\n }\r\n .top1 {\r\n position: absolute;\r\n flex-basis: calc(100% / 3);\r\n height: 100%;\r\n img {\r\n margin-top: 30%;\r\n }\r\n .texts {\r\n color: #fff;\r\n position: absolute;\r\n z-index: 2;\r\n left: 0%;\r\n top: 27%;\r\n width: 87%;\r\n height: 100%;\r\n padding-top: 27%;\r\n background: url(\"../assets/indexN/xctb2.png\") no-repeat;\r\n background-size: 100%;\r\n align-items: center;\r\n font-size: 24px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 130%;\r\n }\r\n }\r\n .top2 {\r\n position: absolute;\r\n flex-basis: calc(100% / 3);\r\n height: 100%;\r\n left: 21%;\r\n top: -33%;\r\n img {\r\n margin-top: 30%;\r\n }\r\n .texts {\r\n color: #fff;\r\n position: absolute;\r\n z-index: 2;\r\n left: 0%;\r\n top: 27%;\r\n width: 87%;\r\n height: 100%;\r\n padding-top: 27%;\r\n background: url(\"../assets/indexN/xctb2.png\") no-repeat;\r\n background-size: 100%;\r\n align-items: center;\r\n font-size: 24px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 130%;\r\n }\r\n }\r\n .top3 {\r\n position: absolute;\r\n flex-basis: calc(100% / 3);\r\n height: 100%;\r\n left: 29%;\r\n top: 50%;\r\n img {\r\n margin-top: 30%;\r\n }\r\n .texts {\r\n color: #fff;\r\n position: absolute;\r\n z-index: 2;\r\n left: 0%;\r\n top: 27%;\r\n width: 87%;\r\n height: 100%;\r\n padding-top: 27%;\r\n background: url(\"../assets/indexN/xctb2.png\") no-repeat;\r\n background-size: 100%;\r\n align-items: center;\r\n font-size: 24px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 130%;\r\n }\r\n }\r\n .top4 {\r\n position: absolute;\r\n flex-basis: calc(100% / 3);\r\n height: 100%;\r\n left: 64%;\r\n top: 15%;\r\n img {\r\n margin-top: 30%;\r\n }\r\n .texts {\r\n color: #fff;\r\n position: absolute;\r\n z-index: 2;\r\n left: 0%;\r\n top: 27%;\r\n width: 87%;\r\n height: 100%;\r\n padding-top: 27%;\r\n background: url(\"../assets/indexN/xctb2.png\") no-repeat;\r\n background-size: 100%;\r\n align-items: center;\r\n font-size: 24px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 130%;\r\n }\r\n }\r\n .top5 {\r\n position: absolute;\r\n flex-basis: calc(100% / 3);\r\n height: 100%;\r\n left: 82%;\r\n top: -22%;\r\n img {\r\n margin-top: 30%;\r\n }\r\n .texts {\r\n color: #fff;\r\n position: absolute;\r\n z-index: 2;\r\n left: 0%;\r\n top: 27%;\r\n width: 87%;\r\n height: 100%;\r\n padding-top: 27%;\r\n background: url(\"../assets/indexN/xctb2.png\") no-repeat;\r\n background-size: 100%;\r\n align-items: center;\r\n font-size: 24px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 130%;\r\n }\r\n }\r\n }\r\n .line3 {\r\n width: 30%;\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: 1%;\r\n height: 100%;\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 width: 100%;\r\n\r\n .num1 {\r\n background: url(\"../assets/indexN/zsjbtk.png\") no-repeat;\r\n width: 100%;\r\n height: 100%;\r\n background-size: 100%;\r\n line-height: 200%;\r\n text-align: center;\r\n }\r\n .numText {\r\n color: #ffffff;\r\n background: url(\"../assets/indexN/main.png\") no-repeat;\r\n background-size: 100%;\r\n width: 100%;\r\n height: 74px;\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(254, 209, 86) !important;\r\n -webkit-mask: linear-gradient(\r\n to top,\r\n rgb(254, 162, 86),\r\n transparent\r\n );\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\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% - 190px);\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 .content3 {\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 .line3 {\r\n width: 30%;\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: 1%;\r\n height: 100%;\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 width: 100%;\r\n\r\n .num1 {\r\n background: url(\"../assets/indexN/zsjbtk.png\") no-repeat;\r\n width: 100%;\r\n // height: 100%;\r\n background-size: 100%;\r\n line-height: 250%;\r\n text-align: center;\r\n }\r\n .numText {\r\n color: #ffffff;\r\n background: url(\"../assets/indexN/main.png\") no-repeat;\r\n background-size: 100%;\r\n width: 100%;\r\n height: 74px;\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(254, 209, 86) !important;\r\n -webkit-mask: linear-gradient(\r\n to top,\r\n rgb(254, 162, 86),\r\n transparent\r\n );\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 #detailen {\r\n width: 100%;\r\n height: calc(100% - 150px);\r\n }\r\n #shuzihua {\r\n width: 100%;\r\n height: calc(100% - 150px);\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% - 150px);\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(\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\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 .content3 {\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(\r\n to bottom,\r\n rgb(255, 255, 255),\r\n rgb(86, 244, 254)\r\n );\r\n }\r\n }\r\n\r\n .content3 {\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\r\n .el-table--striped\r\n .el-table__body\r\n tr.el-table__row--striped\r\n 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#yellow {\r\n color: yellow;\r\n line-height: 175%;\r\n}\r\n#orange {\r\n color: rgb(235, 92, 92);\r\n line-height: 175%;\r\n}\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 .content3 {\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 .line3 {\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: 1%;\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(\r\n to top,\r\n rgb(86, 244, 254),\r\n transparent\r\n );\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 #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.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>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/63298e3c6e9c376085c657d941e6e484.json b/node_modules/.cache/babel-loader/63298e3c6e9c376085c657d941e6e484.json
index a023984f..1607b7b1 100644
--- a/node_modules/.cache/babel-loader/63298e3c6e9c376085c657d941e6e484.json
+++ b/node_modules/.cache/babel-loader/63298e3c6e9c376085c657d941e6e484.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\stationBuilding.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\stationBuilding.vue","mtime":1689927415772},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\babel.config.js","mtime":1689557787923},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["import _defineProperty from \"D:/\\u6797\\u8C37\\u667A\\u80FD\\u9879\\u76EE/yanchengPowerSupply/node_modules/@babel/runtime/helpers/esm/defineProperty.js\";\n//引入echarts\nimport * as echarts from \"echarts\";\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: \"stationRuilding\",\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 this.xianDuan();\n },\n methods: {\n //地图画线\n xianDuan: function xianDuan() {\n var canvas = document.getElementById(\"myCanvas\");\n var ctx = canvas.getContext(\"2d\");\n ctx.moveTo(500, 500); // moveTo(x,y) 定义线条开始坐标\n ctx.lineTo(700, 150); // lineTo(x,y) 定义线条结束坐标\n ctx.moveTo(400, 500); // moveTo(x,y) 定义线条开始坐标\n ctx.lineTo(160, 600); // lineTo(x,y) 定义线条结束坐标\n ctx.strokeStyle = \"orange\";\n ctx.lineWidth = 5;\n ctx.stroke();\n },\n detailedTwo11: function detailedTwo11() {\n var fontColor = \"#fff\";\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo1\"));\n var option = {\n grid: {\n left: \"5%\",\n right: \"10%\",\n top: \"20%\",\n bottom: \"15%\",\n containLabel: true\n },\n tooltip: {\n show: true,\n trigger: \"item\"\n },\n legend: {\n show: true,\n x: \"center\",\n y: \"35\",\n icon: \"stack\",\n itemWidth: 10,\n itemHeight: 10,\n textStyle: {\n color: \"#1bb4f6\"\n },\n data: [\"已采纳\", \"已发布\", \"浏览量\"]\n },\n xAxis: [{\n type: \"category\",\n boundaryGap: false,\n axisLabel: {\n color: fontColor\n },\n axisLine: {\n show: true,\n lineStyle: {\n color: \"#397cbc\"\n }\n },\n axisTick: {\n show: false\n },\n splitLine: {\n show: false,\n lineStyle: {\n color: \"#195384\"\n }\n },\n data: [\"0:00\", \"3:00\", \"6:00\", \"9:00\", \"12:00\", \"15:00\", \"18:00\", \"21:00\", \"24:00\"]\n }],\n yAxis: [{\n type: \"value\",\n name: \"信息量\",\n min: 0,\n max: 1000,\n show: false,\n axisLabel: {\n formatter: \"{value}\",\n textStyle: {\n color: \"#2ad1d2\"\n }\n },\n axisLine: {\n lineStyle: {\n color: \"#27b4c2\"\n }\n },\n axisTick: {\n show: false\n }\n }],\n series: [{\n // name: \"已发布\",\n type: \"line\",\n stack: \"总量\",\n symbol: \"none\",\n symbolSize: 8,\n itemStyle: {\n normal: {\n color: \"yellow\",\n lineStyle: {\n color: \"yellow\",\n width: 3,\n type: \"solid\"\n }\n }\n },\n data: [10, 12, 801, 844, 790, 830, 610, 501, 654, 490, 530, 310]\n }]\n };\n myChart.setOption(option);\n window.addEventListener(\"resize\", function () {\n myChart.resize();\n });\n },\n detailedTwo22: function detailedTwo22() {\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo2\"));\n var honorData = [{\n name: \"用电量（单位：亿）\",\n data: [13.4, 14.1, 17.3, 18.6, 16.6]\n }, {\n name: \"碳排放量（单位：万）\",\n data: [9.4, 8.1, 7.3, 8.6, 6.6]\n }];\n var honorXAxisData = [\"No.5\", \"No.4\", \"No.3\", \"No.2\", \"No.1\"];\n var nameList = [\"自然19#\", \"民权5#变\", \"民权5#变\", \"光顺09号\", \"PMS_碧桂园10#配变\"];\n var option = {\n color: [\"#0F9AF8\", \"#2039C3\", \"rgba(32,57,195,.5)\", \"#2ECACE\"],\n tooltip: {\n trigger: \"axis\",\n axisPointer: {\n type: \"none\"\n }\n },\n legend: {\n right: 5,\n top: \"5%\",\n itemWidth: 10,\n itemHeight: 10,\n itemGap: 15,\n textStyle: {\n color: \"#fff\",\n fontSize: 18\n }\n },\n grid: {\n top: \"15%\",\n left: \"14%\",\n right: \"0%\",\n bottom: \"0%\"\n },\n xAxis: [{\n type: \"value\",\n show: false,\n axisLine: {\n show: false\n },\n axisTick: {\n show: false\n },\n axisLabel: {\n color: \"#6B9DD7\",\n fontSize: 16,\n // 文字大小\n fontWeight: 400,\n interval: 0,\n formatter: function formatter(value) {\n return value + \"(万元)\";\n }\n },\n splitLine: {\n show: false\n }\n }],\n yAxis: [{\n type: \"category\",\n offset: 17,\n axisLine: {\n show: false\n },\n axisTick: {\n show: false\n },\n axisLabel: {\n color: \"#fff\",\n fontSize: 20,\n // 文字大小\n fontWeight: 700,\n interval: 0\n },\n data: honorXAxisData\n }, {\n //名称\n type: \"category\",\n offset: -10,\n position: \"left\",\n axisLine: {\n show: false\n },\n inverse: true,\n axisTick: {\n show: false\n },\n axisLabel: {\n interval: 0,\n color: \"#fff\",\n align: \"left\",\n verticalAlign: \"bottom\",\n lineHeight: 40,\n fontSize: 20\n },\n data: nameList\n }],\n series: [{\n name: \"60天内掉电客户数\",\n type: \"bar\",\n stack: \"zongliang\",\n barWidth: \"25%\",\n barGap: 15,\n // 柱图之间的间距\n itemStyle: {\n //自定义颜色\n // normal: { color: \"orange\" },\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{\n //代表渐变色从正上方开始\n offset: 0,\n //offset范围是0~1，用于表示位置，0是指0%处的颜色\n color: \"rgba(255,165,0,.4)\"\n },\n //柱图渐变色\n {\n offset: 1,\n //指100%处的颜色\n color: \"rgb(255,165,0)\"\n }])\n },\n label: {\n normal: {\n show: true,\n position: [\"80%\", \"-100%\"],\n formatter: function formatter(params) {\n return params.value;\n },\n textStyle: {\n color: \"#fff\",\n fontSize: 18\n }\n }\n },\n data: honorData[0].data\n }, {\n name: \"60天内掉电总数\",\n type: \"bar\",\n stack: \"zongliang\",\n barWidth: \"25%\",\n itemStyle: {\n //自定义颜色\n // normal: { color: \"orange\" },\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{\n //代表渐变色从正上方开始\n offset: 0,\n //offset范围是0~1，用于表示位置，0是指0%处的颜色\n color: \"#005BEA\"\n },\n //柱图渐变色\n {\n offset: 1,\n //指100%处的颜色\n color: \"#00C6FB\"\n }])\n },\n label: {\n normal: {\n show: true,\n position: [\"80%\", \"-100%\"],\n formatter: function formatter(params) {\n return params.value;\n },\n textStyle: {\n color: \"#fff\",\n fontSize: 18\n }\n }\n },\n data: honorData[1].data\n }]\n };\n myChart.setOption(option);\n window.addEventListener(\"resize\", function () {\n myChart.resize();\n });\n },\n detailqe1: function detailqe1() {\n var fontColor = \"#fff\";\n var myChart = this.$echarts.init(document.getElementById(\"detailqe\"));\n var option = {\n xAxis: _defineProperty({\n type: \"category\",\n boundaryGap: false,\n axisLabel: {\n color: fontColor\n },\n axisLine: {\n show: true,\n lineStyle: {\n color: \"#397cbc\"\n }\n },\n axisTick: {\n show: false\n },\n splitLine: {\n show: false,\n lineStyle: {\n color: \"#195384\"\n }\n },\n data: [\"0:00\", \"3:00\", \"6:00\", \"9:00\", \"12:00\", \"15:00\", \"18:00\", \"21:00\", \"24:00\"]\n }, \"axisTick\", {\n show: false\n }),\n yAxis: [{\n type: \"value\",\n name: \"单位：kw\",\n min: 0,\n max: 1000,\n show: true,\n splitLine: {\n show: true,\n lineStyle: {\n type: \"dashed\",\n // color: 'rgba(66, 192, 255, .3)',\n color: \"rgba(102,102,102,0.6)\",\n width: 1\n }\n },\n axisLabel: {\n formatter: \"{value}\",\n textStyle: {\n color: \"#2ad1d2\"\n }\n },\n axisLine: {\n lineStyle: {\n color: \"#27b4c2\"\n }\n },\n axisTick: {\n show: false\n }\n }],\n series: [{\n data: [720, 632, 801, 734, 470, 670, 720, 123, 567],\n type: \"line\",\n symbol: \"none\",\n lineStyle: {\n color: \"#00ffff\",\n width: 2\n },\n itemStyle: {\n normal: {\n color: \"00ffff\",\n lineStyle: {\n color: \"00ffff\",\n width: 3,\n type: \"solid\"\n }\n }\n }\n }]\n };\n myChart.setOption(option);\n window.addEventListener(\"resize\", function () {\n myChart.resize();\n });\n },\n detailen1: function detailen1() {\n var fontColor = \"#30eee9\";\n var myChart = this.$echarts.init(document.getElementById(\"detailen\"));\n var option = {\n tooltip: {\n trigger: \"axis\",\n axisPointer: {\n type: \"shadow\"\n }\n },\n legend: {\n textStyle: {\n fontSize: 18,\n //字体大小\n color: \"#ffffff\" //字体颜色\n },\n\n data: [\"关联电网事故\", \"关联检修单\"]\n },\n xAxis: [{\n type: \"category\",\n data: [\"10kv北红线124\", \"10kv北红线125\", \"10kv北红线126\", \"10kv北红线127\", \"10kv北红线128\"],\n axisLabel: {\n show: true,\n textStyle: {\n color: \"#ffffff\"\n }\n }\n }],\n yAxis: [{\n type: \"value\",\n name: \"\",\n axisLabel: {\n textStyle: {\n color: \"#ffffff\"\n }\n },\n splitLine: {\n show: true,\n lineStyle: {\n type: \"dashed\",\n // color: 'rgba(66, 192, 255, .3)',\n color: \"rgba(102,102,102,0.6)\",\n width: 1\n }\n }\n }],\n series: [{\n name: \"关联电网事故\",\n type: \"bar\",\n itemStyle: {\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{\n offset: 1,\n color: \"rgba(86,254,226,.2) \"\n }, {\n offset: 0.5,\n color: \"rgb(86,254,226,.6)\"\n }, {\n offset: 0,\n color: \"rgb(86,254,226)\"\n }]),\n borderRadius: [7, 7, 0, 0],\n // 柱状图圆角\n borderWidth: 0\n },\n emphasis: {\n focus: \"series\"\n },\n data: [320, 332, 301, 334, 390]\n }, {\n name: \"关联检修单\",\n type: \"bar\",\n itemStyle: {\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{\n offset: 1,\n color: \"rgba(237,125,49,.2) \"\n }, {\n offset: 0.5,\n color: \"rgb(237,125,49,.6)\"\n }, {\n offset: 0,\n color: \"rgb(237,125,49)\"\n }]),\n borderRadius: [7, 7, 0, 0],\n // 柱状图圆角\n borderWidth: 0\n },\n emphasis: {\n focus: \"series\"\n },\n data: [220, 182, 191, 234, 290]\n }]\n };\n myChart.setOption(option);\n window.addEventListener(\"resize\", function () {\n myChart.resize();\n });\n }\n },\n watch: {}\n};",{"version":3,"mappings":";AA0NA;AACA;AACA;AACA;AACA;AACA;;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;IACA;EACA;EACAC;IACA;IACAC;MACA;MACA;MACAC;MACAA;MACAA;MACAA;MACAA;MACAA;MACAA;IACA;IACAC;MACA;MACA;MACA;QACAC;UACAC;UACAC;UACAC;UACAC;UACAC;QACA;QACAC;UACAC;UACAC;QACA;QACAC;UACAF;UACAG;UACAC;UACA7B;UACA8B;UACAC;UACAC;YACAC;UACA;UACArD;QACA;QACAsD,QACA;UACAC;UACAC;UACAC;YACAJ;UACA;UACAK;YACAb;YACAc;cACAN;YACA;UACA;UACAO;YACAf;UACA;UACAgB;YACAhB;YACAc;cACAN;YACA;UACA;UACArD,OACA,QACA,QACA,QACA,QACA,SACA,SACA,SACA,SACA;QAEA,EACA;QACA8D,QACA;UACAP;UACA7D;UACAqE;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;UACAvD;QACA;MAEA;MACAyE;MACAC;QACAD;MACA;IACA;IACAE;MACA;MACA,iBACA;QACAjF;QACAM;MACA,GACA;QACAN;QACAM;MACA,EACA;MACA;MACA,gBACA,SACA,SACA,SACA,SACA,eACA;MACA;QACAqD;QACAT;UACAE;UACA8B;YACArB;UACA;QACA;QACAR;UACAP;UACAC;UACAS;UACAC;UACA0B;UACAzB;YACAC;YACAyB;UACA;QACA;QACAxC;UACAG;UACAF;UACAC;UACAE;QACA;QACAY,QACA;UACAC;UACAV;UACAa;YACAb;UACA;UACAe;YACAf;UACA;UACAY;YACAJ;YACAyB;YAAA;YACAC;YACAC;YACAf;cACA;YACA;UACA;UACAJ;YACAhB;UACA;QACA,EACA;QACAiB,QACA;UACAP;UACA0B;UACAvB;YACAb;UACA;UACAe;YACAf;UACA;UACAY;YACAJ;YACAyB;YAAA;YACAC;YACAC;UACA;UAEAhF;QACA,GACA;UACA;UACAuD;UACA0B;UACAC;UACAxB;YACAb;UACA;UACAsC;UACAvB;YACAf;UACA;UACAY;YACAuB;YACA3B;YACA+B;YACAC;YACAC;YACAR;UACA;UACA9E;QACA,EACA;QACAkE,SACA;UACAxE;UACA6D;UACAY;UACAoB;UACAC;UAAA;UACAlB;YACA;YACA;YACAjB,uDACA;cACA;cACA4B;cAAA;cACA5B;YACA;YAAA;YACA;cACA4B;cAAA;cACA5B;YACA,EACA;UACA;UACA5B;YACA8C;cACA1B;cACAqC;cACAjB;gBACA;cACA;cACAb;gBACAC;gBACAyB;cACA;YACA;UACA;UAEA9E;QACA,GACA;UACAN;UACA6D;UACAY;UACAoB;UACAjB;YACA;YACA;YACAjB,uDACA;cACA;cACA4B;cAAA;cACA5B;YACA;YAAA;YACA;cACA4B;cAAA;cACA5B;YACA,EACA;UACA;UACA5B;YACA8C;cACA1B;cACAqC;cACAjB;gBACA;cACA;cACAb;gBACAC;gBACAyB;cACA;YACA;UACA;UACA9E;QACA;MAEA;MACAyE;MACAC;QACAD;MACA;IACA;IACAgB;MACA;MACA;MACA;QACAnC;UACAC;UACAC;UACAC;YACAJ;UACA;UACAK;YACAb;YACAc;cACAN;YACA;UACA;UACAO;YACAf;UACA;UACAgB;YACAhB;YACAc;cACAN;YACA;UACA;UACArD,OACA,QACA,QACA,QACA,QACA,SACA,SACA,SACA,SACA;QACA,eACA;UACA6C;QACA,EACA;QACAiB,QACA;UACAP;UACA7D;UACAqE;UACAC;UACAnB;UACAgB;YACAhB;YACAc;cACAJ;cACA;cACAF;cACAmB;YACA;UACA;UACAf;YACAQ;YACAb;cACAC;YACA;UACA;UACAK;YACAC;cACAN;YACA;UACA;UACAO;YACAf;UACA;QACA,EACA;QACAqB,SACA;UACAlE;UACAuD;UACAa;UACAT;YACAN;YACAmB;UACA;UACAF;YACAC;cACAlB;cACAM;gBACAN;gBACAmB;gBACAjB;cACA;YACA;UACA;QACA;MAEA;MACAkB;MACAC;QACAD;MACA;IACA;IACAiB;MACA;MACA;MACA;QACA9C;UACAE;UACA8B;YACArB;UACA;QACA;QACAR;UACAK;YACA0B;YAAA;YACAzB;UACA;;UAEArD;QACA;QACAsD,QACA;UACAC;UACAvD,OACA,cACA,cACA,cACA,cACA,aACA;UACAyD;YACAZ;YACAO;cACAC;YACA;UACA;QACA,EACA;QACAS,QACA;UACAP;UACA7D;UACA+D;YACAL;cACAC;YACA;UACA;UACAQ;YACAhB;YACAc;cACAJ;cACA;cACAF;cACAmB;YACA;UACA;QACA,EACA;QACAN,SACA;UACAxE;UACA6D;UACAe;YACAjB,uDACA;cAAA4B;cAAA5B;YAAA,GACA;cAAA4B;cAAA5B;YAAA,GACA;cAAA4B;cAAA5B;YAAA,EACA;YACAsC;YAAA;YACAC;UACA;UACAC;YACAC;UACA;UACA9F;QACA,GACA;UACAN;UACA6D;UACAe;YACAjB,uDACA;cAAA4B;cAAA5B;YAAA,GACA;cAAA4B;cAAA5B;YAAA,GACA;cAAA4B;cAAA5B;YAAA,EACA;YACAsC;YAAA;YACAC;UACA;UACAC;YACAC;UACA;UACA9F;QACA;MAEA;MACAyE;MACAC;QACAD;MACA;IACA;EACA;EACAsB;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","xianDuan","ctx","detailedTwo11","grid","left","right","top","bottom","containLabel","tooltip","show","trigger","legend","x","y","itemWidth","itemHeight","textStyle","color","xAxis","type","boundaryGap","axisLabel","axisLine","lineStyle","axisTick","splitLine","yAxis","min","max","formatter","series","stack","symbol","symbolSize","itemStyle","normal","width","myChart","window","detailedTwo22","axisPointer","itemGap","fontSize","fontWeight","interval","offset","position","inverse","align","verticalAlign","lineHeight","barWidth","barGap","detailqe1","detailen1","borderRadius","borderWidth","emphasis","focus","watch"],"sourceRoot":"src/views","sources":["stationBuilding.vue"],"sourcesContent":["<template>\r\n <div class=\"home\">\r\n <div class=\"left\" id=\"left\">\r\n <div class=\"one\" style=\"height: 100%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>光伏台账</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <table>\r\n <thead style=\"color: #fff; font-size: 30px\">\r\n <tr>\r\n <td>序号</td>\r\n <td>单位名称</td>\r\n <td>台区编号</td>\r\n <td>发电客户编号</td>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <tr v-for=\"(item, index) in pvTable\" :key=\"index\">\r\n <td>{{ item.id }}</td>\r\n <td>{{ item.name }}</td>\r\n <td>{{ item.stationNumber }}</td>\r\n <td class=\"titleFont\">{{ item.alternatorNumber }}</td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"left1\" id=\"left\">\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>上网功率</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div id=\"detailedTwo1\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>配变负载率TOP5</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div id=\"detailedTwo2\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"middle\" id=\"middle\">\r\n <div class=\"map\" style=\"height: 100%\">\r\n <canvas\r\n id=\"myCanvas\"\r\n width=\"1000\"\r\n height=\"600\"\r\n style=\"position: absolute\"\r\n ></canvas>\r\n\r\n <img src=\"../assets/indexN/dfsxz.png\" alt=\"\" />\r\n <div class=\"imgboxone\">\r\n <div class=\"contents\">\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span>户数高渗透率</span>\r\n <h5 class=\"yellow\">3.40%</h5>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span>容量渗透率</span>\r\n <h5 class=\"orange\">0.01%</h5>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span>能量渗透率</span>\r\n <h5 class=\"yellow\">0.44%</h5>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"imgboxtwo\">\r\n <ul class=\"contentUl\">\r\n <li>\r\n <h5>发电客户数</h5>\r\n <br />\r\n <span style=\"color: yellow\">4721</span>\r\n </li>\r\n <li>\r\n <h5>变电站数量</h5>\r\n <br />\r\n <span style=\"color: orange\">90</span>\r\n </li>\r\n <li>\r\n <h5>台区总数</h5>\r\n <br />\r\n <span style=\"color: yellow\">17416</span>\r\n </li>\r\n <li>\r\n <h5>当前负载率</h5>\r\n <br />\r\n <span style=\"color: orange\">40.19%</span>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"right\" id=\"right\">\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>分布式光伏电量</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div class=\"eqselect\">\r\n <span>地区:</span>\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n <span>用户:</span>\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n <span>范围:</span>\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n <span>日期:</span>\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n </div>\r\n <div id=\"detailqe\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>能量/容量</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div class=\"enselect\">\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n <span class=\"text\">能量</span>\r\n </div>\r\n <div id=\"detailen\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"right1\" id=\"right\">\r\n <div class=\"one\" style=\"height: 100%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>渗透率统计</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <table>\r\n <thead style=\"color: #fff; font-size: 30px\">\r\n <tr>\r\n <td>序号</td>\r\n <td>供电公司</td>\r\n <td>线路名称</td>\r\n <td>光伏全年电量KWF</td>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <tr v-for=\"(item, index) in pvTable\" :key=\"index\">\r\n <td>{{ item.id }}</td>\r\n <td>{{ item.name }}</td>\r\n <td>{{ item.stationNumber }}</td>\r\n <td class=\"titleFont\">{{ item.alternatorNumber }}</td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <audio\r\n controls=\"controls\"\r\n hidden\r\n src=\"../assets/videos/police.wav\"\r\n ref=\"audio\"\r\n ></audio>\r\n </div>\r\n</template>\r\n\r\n<script>\r\n//引入echarts\r\nimport * as echarts from \"echarts\";\r\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: \"stationRuilding\",\r\n components: {\r\n ringMainUnit, //环网柜弹窗\r\n workOrder, //工单统计弹窗\r\n routeDetail, //线路故障跳闸明细\r\n lineDetail, //线路详情弹窗\r\n },\r\n data() {\r\n return {\r\n pageShow: true,\r\n totals: 5,\r\n pageSize: 10,\r\n page: 1,\r\n threeImg: require(\"../assets/images/pieBorder.png\"),\r\n enlargeShow: true,\r\n dateList: [\"周\", \"月\"],\r\n acolor: true, //是否展示颜色\r\n currentIndex: -1,\r\n alarmInformationData: [],\r\n alarmInformationShow: false, //报警详情信息弹窗\r\n realTimeAlarmShow: false, //实时报警弹窗\r\n modelOthers: false,\r\n componentShow: \"\",\r\n CompanyInfo: {},\r\n tableData: [],\r\n btnArr: [\"总览\", \"环网柜\", \"分支箱\", \"箱变\", \"开闭所\"],\r\n btnActive: 0,\r\n iconGround: [\r\n {\r\n icon: require(\"@/assets/images/huanwanggui.png\"),\r\n name: \"环网柜\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/fenzhixiang.png\"),\r\n name: \"分支箱\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/xiangbian.png\"),\r\n name: \"箱变\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/kaibisuo.png\"),\r\n name: \"开闭所\",\r\n },\r\n ],\r\n btnEnlarge: [\r\n {\r\n icon: require(\"@/assets/images/btnTiShi.png\"),\r\n },\r\n {\r\n icon: require(\"@/assets/images/btnFangDa.png\"),\r\n },\r\n ],\r\n btnEnlarge1: [\r\n {\r\n icon: require(\"@/assets/images/btnTiShi.png\"),\r\n },\r\n {\r\n icon: require(\"@/assets/images/suoxiao.png\"),\r\n },\r\n ],\r\n options: [\r\n {\r\n value: \"\",\r\n label: \"\",\r\n },\r\n ],\r\n value: \"\",\r\n topContent: [\r\n {\r\n name: \"配变数量\",\r\n count: \"\",\r\n },\r\n {\r\n name: \"重复停运台次\",\r\n count: \"\",\r\n },\r\n {\r\n name: \"配变重复停运率\",\r\n count: \"\",\r\n },\r\n ],\r\n device: \"\",\r\n tableData: [],\r\n tableKey: +new Date(),\r\n scrollTop: 0, //table距离顶部距离\r\n option: null,\r\n myChartBin: null,\r\n // 工单\r\n orderItem: null,\r\n orderShow: \"\",\r\n // 线路故障明细\r\n routeItem: null,\r\n routeShow: \"\",\r\n // 配电线路\r\n lineItem: null,\r\n lineShow: \"\",\r\n timer: null, //定时器\r\n emergencyList: [], //告警数据\r\n rowTime: \"\",\r\n pvTable: [\r\n {\r\n id: 1,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-1\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 2,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-2\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 3,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-3\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 4,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-4\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 5,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-5\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 6,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-6\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 7,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-7\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 8,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-8\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 9,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-9\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 10,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-10\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 11,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-11\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 12,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-12\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n ],\r\n psTable: [\r\n {\r\n id: 1,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 2,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 3,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 4,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 5,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 6,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 7,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 8,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 9,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 10,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 11,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 12,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n ],\r\n };\r\n },\r\n created() {},\r\n mounted() {\r\n this.detailedTwo11();\r\n this.detailedTwo22();\r\n this.detailqe1();\r\n this.detailen1();\r\n this.xianDuan();\r\n },\r\n methods: {\r\n //地图画线\r\n xianDuan() {\r\n var canvas = document.getElementById(\"myCanvas\");\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.moveTo(500, 500); // moveTo(x,y) 定义线条开始坐标\r\n ctx.lineTo(700, 150); // lineTo(x,y) 定义线条结束坐标\r\n ctx.moveTo(400, 500); // moveTo(x,y) 定义线条开始坐标\r\n ctx.lineTo(160, 600); // lineTo(x,y) 定义线条结束坐标\r\n ctx.strokeStyle = \"orange\";\r\n ctx.lineWidth = 5;\r\n ctx.stroke();\r\n },\r\n detailedTwo11() {\r\n var fontColor = \"#fff\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo1\"));\r\n var option = {\r\n grid: {\r\n left: \"5%\",\r\n right: \"10%\",\r\n top: \"20%\",\r\n bottom: \"15%\",\r\n containLabel: true,\r\n },\r\n tooltip: {\r\n show: true,\r\n trigger: \"item\",\r\n },\r\n legend: {\r\n show: true,\r\n x: \"center\",\r\n y: \"35\",\r\n icon: \"stack\",\r\n itemWidth: 10,\r\n itemHeight: 10,\r\n textStyle: {\r\n color: \"#1bb4f6\",\r\n },\r\n data: [\"已采纳\", \"已发布\", \"浏览量\"],\r\n },\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: fontColor,\r\n },\r\n axisLine: {\r\n show: true,\r\n lineStyle: {\r\n color: \"#397cbc\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#195384\",\r\n },\r\n },\r\n data: [\r\n \"0:00\",\r\n \"3:00\",\r\n \"6:00\",\r\n \"9:00\",\r\n \"12:00\",\r\n \"15:00\",\r\n \"18:00\",\r\n \"21:00\",\r\n \"24:00\",\r\n ],\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"信息量\",\r\n min: 0,\r\n max: 1000,\r\n show: false,\r\n axisLabel: {\r\n formatter: \"{value}\",\r\n textStyle: {\r\n color: \"#2ad1d2\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#27b4c2\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n // name: \"已发布\",\r\n type: \"line\",\r\n stack: \"总量\",\r\n symbol: \"none\",\r\n symbolSize: 8,\r\n itemStyle: {\r\n normal: {\r\n color: \"yellow\",\r\n lineStyle: {\r\n color: \"yellow\",\r\n width: 3,\r\n type: \"solid\",\r\n },\r\n },\r\n },\r\n data: [10, 12, 801, 844, 790, 830, 610, 501, 654, 490, 530, 310],\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedTwo22() {\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo2\"));\r\n var honorData = [\r\n {\r\n name: \"用电量（单位：亿）\",\r\n data: [13.4, 14.1, 17.3, 18.6, 16.6],\r\n },\r\n {\r\n name: \"碳排放量（单位：万）\",\r\n data: [9.4, 8.1, 7.3, 8.6, 6.6],\r\n },\r\n ];\r\n var honorXAxisData = [\"No.5\", \"No.4\", \"No.3\", \"No.2\", \"No.1\"];\r\n var nameList = [\r\n \"自然19#\",\r\n \"民权5#变\",\r\n \"民权5#变\",\r\n \"光顺09号\",\r\n \"PMS_碧桂园10#配变\",\r\n ];\r\n var option = {\r\n color: [\"#0F9AF8\", \"#2039C3\", \"rgba(32,57,195,.5)\", \"#2ECACE\"],\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"none\",\r\n },\r\n },\r\n legend: {\r\n right: 5,\r\n top: \"5%\",\r\n itemWidth: 10,\r\n itemHeight: 10,\r\n itemGap: 15,\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n grid: {\r\n top: \"15%\",\r\n left: \"14%\",\r\n right: \"0%\",\r\n bottom: \"0%\",\r\n },\r\n xAxis: [\r\n {\r\n type: \"value\",\r\n show: false,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: \"#6B9DD7\",\r\n fontSize: 16, // 文字大小\r\n fontWeight: 400,\r\n interval: 0,\r\n formatter: function (value) {\r\n return value + \"(万元)\";\r\n },\r\n },\r\n splitLine: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"category\",\r\n offset: 17,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: \"#fff\",\r\n fontSize: 20, // 文字大小\r\n fontWeight: 700,\r\n interval: 0,\r\n },\r\n\r\n data: honorXAxisData,\r\n },\r\n {\r\n //名称\r\n type: \"category\",\r\n offset: -10,\r\n position: \"left\",\r\n axisLine: {\r\n show: false,\r\n },\r\n inverse: true,\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n color: \"#fff\",\r\n align: \"left\",\r\n verticalAlign: \"bottom\",\r\n lineHeight: 40,\r\n fontSize: 20,\r\n },\r\n data: nameList,\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"60天内掉电客户数\",\r\n type: \"bar\",\r\n stack: \"zongliang\",\r\n barWidth: \"25%\",\r\n barGap: 15, // 柱图之间的间距\r\n itemStyle: {\r\n //自定义颜色\r\n // normal: { color: \"orange\" },\r\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"rgba(255,165,0,.4)\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"rgb(255,165,0)\",\r\n },\r\n ]),\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: [\"80%\", \"-100%\"],\r\n formatter: function (params) {\r\n return params.value;\r\n },\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n\r\n data: honorData[0].data,\r\n },\r\n {\r\n name: \"60天内掉电总数\",\r\n type: \"bar\",\r\n stack: \"zongliang\",\r\n barWidth: \"25%\",\r\n itemStyle: {\r\n //自定义颜色\r\n // normal: { color: \"orange\" },\r\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"#005BEA\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"#00C6FB\",\r\n },\r\n ]),\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: [\"80%\", \"-100%\"],\r\n formatter: function (params) {\r\n return params.value;\r\n },\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n data: honorData[1].data,\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailqe1() {\r\n var fontColor = \"#fff\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailqe\"));\r\n var option = {\r\n xAxis: {\r\n type: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: fontColor,\r\n },\r\n axisLine: {\r\n show: true,\r\n lineStyle: {\r\n color: \"#397cbc\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#195384\",\r\n },\r\n },\r\n data: [\r\n \"0:00\",\r\n \"3:00\",\r\n \"6:00\",\r\n \"9:00\",\r\n \"12:00\",\r\n \"15:00\",\r\n \"18:00\",\r\n \"21:00\",\r\n \"24:00\",\r\n ],\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"单位：kw\",\r\n min: 0,\r\n max: 1000,\r\n show: true,\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n axisLabel: {\r\n formatter: \"{value}\",\r\n textStyle: {\r\n color: \"#2ad1d2\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#27b4c2\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n data: [720, 632, 801, 734, 470, 670, 720, 123, 567],\r\n type: \"line\",\r\n symbol: \"none\",\r\n lineStyle: {\r\n color: \"#00ffff\",\r\n width: 2,\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: \"00ffff\",\r\n lineStyle: {\r\n color: \"00ffff\",\r\n width: 3,\r\n type: \"solid\",\r\n },\r\n },\r\n },\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailen1() {\r\n var fontColor = \"#30eee9\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailen\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n },\r\n\r\n data: [\"关联电网事故\", \"关联检修单\"],\r\n },\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n data: [\r\n \"10kv北红线124\",\r\n \"10kv北红线125\",\r\n \"10kv北红线126\",\r\n \"10kv北红线127\",\r\n \"10kv北红线128\",\r\n ],\r\n axisLabel: {\r\n show: true,\r\n textStyle: {\r\n color: \"#ffffff\",\r\n },\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"\",\r\n axisLabel: {\r\n textStyle: {\r\n color: \"#ffffff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"关联电网事故\",\r\n type: \"bar\",\r\n itemStyle: {\r\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n { offset: 1, color: \"rgba(86,254,226,.2) \" },\r\n { offset: 0.5, color: \"rgb(86,254,226,.6)\" },\r\n { offset: 0, color: \"rgb(86,254,226)\" },\r\n ]),\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n emphasis: {\r\n focus: \"series\",\r\n },\r\n data: [320, 332, 301, 334, 390],\r\n },\r\n {\r\n name: \"关联检修单\",\r\n type: \"bar\",\r\n itemStyle: {\r\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n { offset: 1, color: \"rgba(237,125,49,.2) \" },\r\n { offset: 0.5, color: \"rgb(237,125,49,.6)\" },\r\n { offset: 0, color: \"rgb(237,125,49)\" },\r\n ]),\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n emphasis: {\r\n focus: \"series\",\r\n },\r\n data: [220, 182, 191, 234, 290],\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n },\r\n watch: {},\r\n};\r\n</script>\r\n<style lang=\"less\" scoped>\r\n.content {\r\n /deep/ .el-table__body td .cell {\r\n white-space: normal !important;\r\n }\r\n}\r\n\r\n.two {\r\n /deep/ .el-table__body-wrapper {\r\n height: 195px !important;\r\n }\r\n .enselect {\r\n position: absolute;\r\n right: 30px;\r\n img {\r\n float: right;\r\n }\r\n .text {\r\n float: right;\r\n // right: -10px;\r\n margin-right: -60px;\r\n font-size: 20px;\r\n\r\n color: #fff;\r\n }\r\n }\r\n}\r\n\r\n// 滚动条的宽度\r\n/deep/ .el-table__body-wrapper::-webkit-scrollbar {\r\n width: 6px; // 横向滚动条\r\n height: 6px; // 纵向滚动条 必写\r\n // display: block !important;\r\n}\r\n\r\n// 滚动条的滑块\r\n/deep/ .el-table__body-wrapper::-webkit-scrollbar-thumb {\r\n background-color: rgba(35, 160, 247, 1);\r\n border-radius: 3px;\r\n}\r\n\r\n/deep/ .el-table--scrollable-x .el-table__body-wrapper {\r\n overflow-x: hidden;\r\n}\r\n\r\n.user_skills {\r\n /deep/ .el-table {\r\n background-color: transparent !important;\r\n }\r\n\r\n /deep/ .el-table th {\r\n background-color: transparent !important;\r\n }\r\n\r\n /deep/ .el-table__header {\r\n width: 100% !important;\r\n height: 70px;\r\n background: url(\"../assets/images/tableBg.png\") no-repeat;\r\n background-size: 100% 100%;\r\n\r\n .cell {\r\n text-align: center !important;\r\n justify-content: center;\r\n }\r\n }\r\n\r\n /deep/ .el-table__header th {\r\n border: none;\r\n padding: 0;\r\n height: 48px;\r\n\r\n .cell {\r\n height: 100%;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n &.el-table__cell.is-leaf {\r\n border: none !important;\r\n }\r\n }\r\n\r\n /deep/ .el-table tr {\r\n background-color: transparent;\r\n }\r\n\r\n /deep/ .el-table--enable-row-transition .el-table__body td,\r\n .el-table .cell {\r\n background-color: transparent !important;\r\n border: none;\r\n color: #ffffff;\r\n }\r\n\r\n /deep/ .el-table__body td .cell {\r\n white-space: nowrap;\r\n // word-break: break-all;\r\n display: flex !important;\r\n justify-content: center !important;\r\n }\r\n\r\n /deep/ .el-table th.el-table__cell > .cell {\r\n color: rgb(86, 254, 226);\r\n }\r\n\r\n /deep/.el-table__body,\r\n .el-table__footer,\r\n .el-table__header {\r\n width: 100% !important;\r\n }\r\n\r\n /deep/ .el-table__body td .cell {\r\n // width: 60px !important;\r\n }\r\n\r\n // &::before {\r\n // //去除底部白线\r\n // left: 0;\r\n // bottom: 0;\r\n // width: 100%;\r\n // height: 0px;\r\n // }\r\n .el-table::before {\r\n background-color: transparent;\r\n }\r\n}\r\n\r\n.home {\r\n width: 100%;\r\n height: 100%;\r\n padding: 15px 28px;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n box-sizing: border-box;\r\n\r\n .left {\r\n padding-right: 15px;\r\n // width: 604px;\r\n width: 17.18%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n }\r\n\r\n .left1 {\r\n // width: 604px;\r\n // padding: 0 10px;\r\n width: 17.18%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n #detailedTwo1 {\r\n width: 100%;\r\n height: 400px;\r\n }\r\n #detailedTwo2 {\r\n width: 100%;\r\n height: 350px;\r\n }\r\n }\r\n\r\n .middle {\r\n // width: 1590px;\r\n width: 32.7%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n .imgboxone {\r\n background: url(\"../assets/02/dttksgsj.png\") no-repeat;\r\n background-size: 100%;\r\n float: right;\r\n width: 40vh;\r\n height: 10vh;\r\n position: relative;\r\n top: 5vh;\r\n right: 1vh;\r\n .contents {\r\n height: 90%;\r\n padding: 10px 10px 10px 10px;\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n\r\n .lines {\r\n width: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n background: url(\"../assets/02/tkxkz.png\") no-repeat;\r\n }\r\n\r\n .total {\r\n .num {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: center;\r\n align-items: center;\r\n color: #ffffff;\r\n h5 {\r\n font-size: 28px;\r\n }\r\n .yellow {\r\n color: yellow;\r\n }\r\n .orange {\r\n color: orange;\r\n }\r\n span {\r\n float: left;\r\n font-size: 18px;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n .imgboxtwo {\r\n padding: 0 0 0 20px;\r\n background: url(\"../assets/02/map4.png\") no-repeat;\r\n background-size: 100%;\r\n float: left;\r\n width: 40vh;\r\n height: 25vh;\r\n position: relative;\r\n top: 52vh;\r\n left: 30vh;\r\n display: flex;\r\n .contentUl {\r\n display: flex;\r\n margin: 0;\r\n padding: 10px;\r\n width: 100%;\r\n /* flex布局 */\r\n display: flex;\r\n // 开启换行\r\n flex-wrap: wrap;\r\n // 主轴上两端对齐\r\n justify-content: space-between;\r\n // 副轴上两端对齐\r\n align-content: space-between;\r\n //li盒子大小设置\r\n li {\r\n h5 {\r\n float: left;\r\n }\r\n span {\r\n font-size: 30px;\r\n }\r\n width: 49.5%;\r\n //高度调整\r\n height: 50%;\r\n list-style: none;\r\n font-size: 24px;\r\n color: #fff;\r\n background: url(\"../assets/02/tkxkz.png\") no-repeat;\r\n background-size: 100%;\r\n }\r\n }\r\n }\r\n\r\n .map {\r\n background: url(\"../assets/indexN/map.png\") no-repeat;\r\n vertical-align: middle;\r\n display: table-cell;\r\n text-align: center;\r\n margin-left: -20%;\r\n img {\r\n position: relative;\r\n left: 20%;\r\n top: 35%;\r\n }\r\n }\r\n }\r\n\r\n .right {\r\n // width: 604px;\r\n width: 16.8%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n #detailqe {\r\n width: 100%;\r\n height: 350px;\r\n }\r\n #detailen {\r\n width: 100%;\r\n height: 400px;\r\n }\r\n .eqselect {\r\n span {\r\n font-size: 20px;\r\n color: #f8f8f8;\r\n }\r\n img {\r\n margin-right: 7px;\r\n }\r\n }\r\n }\r\n\r\n .right1 {\r\n // width: 604px;\r\n width: 17.18%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n }\r\n}\r\n\r\n// }\r\n</style>\r\n<style lang=\"less\" scoped>\r\n// .el-popper {\r\n// top: 50%;\r\n// }\r\n\r\n/deep/ .popper__arrow {\r\n left: 171px !important;\r\n top: 95px !important;\r\n}\r\n\r\n/deep/ .el-select-dropdown {\r\n background-color: rgb(14, 30, 46) !important;\r\n border: 1px solid rgba(45, 143, 148, 0.5) !important;\r\n\r\n /deep/ .el-select-dropdown__item {\r\n color: #fff !important;\r\n }\r\n\r\n /deep/ .el-select-dropdown__item.hover,\r\n /deep/ .el-select-dropdown__item:hover {\r\n background-color: rgb(18, 54, 87) !important;\r\n }\r\n}\r\n\r\n/deep/ .el-popper[x-placement^=\"bottom\"] {\r\n margin-top: -146px !important;\r\n}\r\n\r\n/**\r\n表格有滚动效果但是不显示滚动条\r\n*/\r\n</style>\r\n<style lang=\"less\">\r\n.el-table .rowColor0 {\r\n background: red !important;\r\n animation: fade 2000ms infinite ease-in-out;\r\n}\r\n\r\n@keyframes fade {\r\n from {\r\n opacity: 1;\r\n }\r\n\r\n 50% {\r\n opacity: 0.6;\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n }\r\n}\r\n\r\n// .el-pager li:hover{\r\n// color:black\r\n// }\r\n.cartitle {\r\n height: 52px;\r\n width: 100%;\r\n // background: url(\"../assets/images/carTitle.png\") no-repeat;\r\n font-size: 24px;\r\n font-weight: 600;\r\n color: #ffffff;\r\n line-height: 52px;\r\n // text-align: left;\r\n text-indent: 26px;\r\n}\r\n.titleFont {\r\n color: transparent;\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n background-image: linear-gradient(\r\n to bottom,\r\n rgb(255, 255, 255),\r\n rgb(123, 247, 245)\r\n );\r\n img {\r\n margin: 20px;\r\n }\r\n}\r\n.content {\r\n padding: 24px 31px 0 31px;\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n\r\n .line {\r\n width: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n table {\r\n thead {\r\n font-size: 22px !important;\r\n height: 50px;\r\n background: url(\"../assets/02/bgbth.png\") no-repeat;\r\n }\r\n tbody {\r\n tr {\r\n height: 50px;\r\n font-size: 18px !important;\r\n color: #fff;\r\n background: url(\"../assets/02/bgqth.png\") no-repeat;\r\n }\r\n }\r\n }\r\n\r\n .total {\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-around;\r\n margin-bottom: 15%;\r\n\r\n .num {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: center;\r\n align-items: center;\r\n color: #ffffff;\r\n\r\n .numText {\r\n color: #ffffff;\r\n }\r\n\r\n .numText:before {\r\n content: attr(text);\r\n position: absolute;\r\n z-index: 10;\r\n color: rgb(86, 254, 246) !important;\r\n -webkit-mask: linear-gradient(to top, rgb(86, 244, 254), transparent);\r\n }\r\n }\r\n }\r\n\r\n .info {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n\r\n .lists {\r\n width: 100%;\r\n height: 32px;\r\n background: url(\"../assets/images/cardSquare.png\") no-repeat;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n align-items: center;\r\n background-size: 100% 100%;\r\n margin-bottom: 9%;\r\n padding: 0 10px 0 0;\r\n box-sizing: border-box;\r\n\r\n & > div {\r\n font-size: 18px;\r\n color: #ffffff;\r\n }\r\n\r\n .number {\r\n color: rgb(86, 254, 226);\r\n }\r\n }\r\n }\r\n }\r\n}\r\n.two {\r\n background: url(\"../assets/indexN/boxLr.png\") no-repeat;\r\n background-size: 100% 100%;\r\n position: relative;\r\n}\r\n.one {\r\n background: url(\"../assets/02/bgk.png\") no-repeat;\r\n background-size: 100% 100%;\r\n position: relative;\r\n\r\n .unityBtn {\r\n position: absolute;\r\n top: 40px;\r\n left: 30%;\r\n width: 40%;\r\n display: flex;\r\n justify-content: space-between;\r\n\r\n .btn {\r\n width: 100%;\r\n height: 38px;\r\n color: #fff;\r\n font-size: 18px;\r\n line-height: 38px;\r\n background: url(\"../assets/images/btnAct.png\") no-repeat;\r\n background-size: 100% 100%;\r\n margin-bottom: 10px;\r\n margin-right: 15px;\r\n }\r\n\r\n .btnAct {\r\n color: rgb(244, 201, 7);\r\n background: url(\"../assets/images/unityBtn.png\") no-repeat;\r\n background-size: 100% 100%;\r\n margin-right: 15px;\r\n }\r\n }\r\n\r\n .unityIcon {\r\n background: url(\"../assets/images/iconCard.png\") no-repeat;\r\n background-size: 100% 100%;\r\n width: 110px;\r\n height: 168px;\r\n position: absolute;\r\n right: 40px;\r\n bottom: 80px;\r\n display: flex;\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n flex-direction: column;\r\n justify-content: space-around;\r\n align-items: center;\r\n\r\n .unityIconGround {\r\n width: 80%;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n }\r\n\r\n .unityEnlargeBtn {\r\n width: 100px;\r\n display: flex;\r\n justify-content: space-around;\r\n position: absolute;\r\n right: 40px;\r\n top: 40px;\r\n\r\n .content {\r\n width: 38px;\r\n height: 36px;\r\n background: url(\"../assets/images/btnkuang.png\") no-repeat !important;\r\n background-size: 100% 100% !important;\r\n }\r\n }\r\n\r\n .unitySelect {\r\n position: absolute;\r\n left: 40px;\r\n width: 222px;\r\n height: 5%;\r\n bottom: 20px;\r\n display: flex;\r\n align-items: center;\r\n\r\n .unitySuosou {\r\n width: 57px;\r\n height: 53px;\r\n background: url(\"../assets/images/sousuoKuang.png\") no-repeat;\r\n background-size: 100% 100%;\r\n }\r\n }\r\n}\r\n</style>\r\n"]}]}
\ No newline at end of file
+{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\stationBuilding.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\stationBuilding.vue","mtime":1690179653925},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\babel.config.js","mtime":1689557787923},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["import _defineProperty from \"D:/\\u6797\\u8C37\\u667A\\u80FD\\u9879\\u76EE/yanchengPowerSupply/node_modules/@babel/runtime/helpers/esm/defineProperty.js\";\n//引入echarts\nimport * as echarts from \"echarts\";\nimport { loadRateTop5 } from \"./../api/stationBuilding.js\";\n// 工单统计弹窗组件\n// import workOrder from \"../component/workOrder.vue\";\n// import ringMainUnit from \"./HomePop/ringMainUnit.vue\";\n// import routeDetail from \"../component/routeDetail.vue\";\n\n// 线路详情\nimport lineDetail from \"../component/lineDetail.vue\";\nexport default {\n name: \"stationRuilding\",\n components: {\n // ringMainUnit, //环网柜弹窗\n // workOrder, //工单统计弹窗\n // routeDetail, //线路故障跳闸明细\n lineDetail: lineDetail //线路详情弹窗\n },\n data: function data() {\n var _ref;\n return _ref = {\n pageShow: true,\n totals: 5,\n pageSize: 10,\n page: 1,\n threeImg: require(\"../assets/images/pieBorder.png\"),\n enlargeShow: true,\n dateList: [\"周\", \"月\"],\n acolor: true,\n //是否展示颜色\n currentIndex: -1,\n alarmInformationData: [],\n alarmInformationShow: false,\n //报警详情信息弹窗\n realTimeAlarmShow: false,\n //实时报警弹窗\n modelOthers: false,\n componentShow: \"\",\n CompanyInfo: {},\n tableData: [],\n btnArr: [\"总览\", \"环网柜\", \"分支箱\", \"箱变\", \"开闭所\"],\n btnActive: 0,\n iconGround: [{\n icon: require(\"@/assets/images/huanwanggui.png\"),\n name: \"环网柜\"\n }, {\n icon: require(\"@/assets/images/fenzhixiang.png\"),\n name: \"分支箱\"\n }, {\n icon: require(\"@/assets/images/xiangbian.png\"),\n name: \"箱变\"\n }, {\n icon: require(\"@/assets/images/kaibisuo.png\"),\n name: \"开闭所\"\n }],\n btnEnlarge: [{\n icon: require(\"@/assets/images/btnTiShi.png\")\n }, {\n icon: require(\"@/assets/images/btnFangDa.png\")\n }],\n btnEnlarge1: [{\n icon: require(\"@/assets/images/btnTiShi.png\")\n }, {\n icon: require(\"@/assets/images/suoxiao.png\")\n }],\n options: [{\n value: \"\",\n label: \"\"\n }],\n value: \"\",\n topContent: [{\n name: \"配变数量\",\n count: \"\"\n }, {\n name: \"重复停运台次\",\n count: \"\"\n }, {\n name: \"配变重复停运率\",\n count: \"\"\n }],\n device: \"\"\n }, _defineProperty(_ref, \"tableData\", []), _defineProperty(_ref, \"tableKey\", +new Date()), _defineProperty(_ref, \"scrollTop\", 0), _defineProperty(_ref, \"option\", null), _defineProperty(_ref, \"myChartBin\", null), _defineProperty(_ref, \"orderItem\", null), _defineProperty(_ref, \"orderShow\", \"\"), _defineProperty(_ref, \"routeItem\", null), _defineProperty(_ref, \"routeShow\", \"\"), _defineProperty(_ref, \"lineItem\", null), _defineProperty(_ref, \"lineShow\", \"\"), _defineProperty(_ref, \"timer\", null), _defineProperty(_ref, \"emergencyList\", []), _defineProperty(_ref, \"rowTime\", \"\"), _defineProperty(_ref, \"pvTable\", [{\n id: 1,\n name: \"南阳供电所\",\n stationNumber: \"7104965854-1\",\n alternatorNumber: \"7104965854\"\n }, {\n id: 2,\n name: \"南阳供电所\",\n stationNumber: \"7104965854-2\",\n alternatorNumber: \"7104965854\"\n }, {\n id: 3,\n name: \"南阳供电所\",\n stationNumber: \"7104965854-3\",\n alternatorNumber: \"7104965854\"\n }, {\n id: 4,\n name: \"南阳供电所\",\n stationNumber: \"7104965854-4\",\n alternatorNumber: \"7104965854\"\n }, {\n id: 5,\n name: \"南阳供电所\",\n stationNumber: \"7104965854-5\",\n alternatorNumber: \"7104965854\"\n }, {\n id: 6,\n name: \"南阳供电所\",\n stationNumber: \"7104965854-6\",\n alternatorNumber: \"7104965854\"\n }, {\n id: 7,\n name: \"南阳供电所\",\n stationNumber: \"7104965854-7\",\n alternatorNumber: \"7104965854\"\n }, {\n id: 8,\n name: \"南阳供电所\",\n stationNumber: \"7104965854-8\",\n alternatorNumber: \"7104965854\"\n }, {\n id: 9,\n name: \"南阳供电所\",\n stationNumber: \"7104965854-9\",\n alternatorNumber: \"7104965854\"\n }, {\n id: 10,\n name: \"南阳供电所\",\n stationNumber: \"7104965854-10\",\n alternatorNumber: \"7104965854\"\n }, {\n id: 11,\n name: \"南阳供电所\",\n stationNumber: \"7104965854-11\",\n alternatorNumber: \"7104965854\"\n }, {\n id: 12,\n name: \"南阳供电所\",\n stationNumber: \"7104965854-12\",\n alternatorNumber: \"7104965854\"\n }]), _defineProperty(_ref, \"psTable\", [{\n id: 1,\n name: \"南阳供电所\",\n stationNumber: \"10kv中北线151\",\n alternatorNumber: \"20089.24\"\n }, {\n id: 2,\n name: \"南阳供电所\",\n stationNumber: \"10kv中北线151\",\n alternatorNumber: \"20089.24\"\n }, {\n id: 3,\n name: \"南阳供电所\",\n stationNumber: \"10kv中北线151\",\n alternatorNumber: \"20089.24\"\n }, {\n id: 4,\n name: \"南阳供电所\",\n stationNumber: \"10kv中北线151\",\n alternatorNumber: \"20089.24\"\n }, {\n id: 5,\n name: \"南阳供电所\",\n stationNumber: \"10kv中北线151\",\n alternatorNumber: \"20089.24\"\n }, {\n id: 6,\n name: \"南阳供电所\",\n stationNumber: \"10kv中北线151\",\n alternatorNumber: \"20089.24\"\n }, {\n id: 7,\n name: \"南阳供电所\",\n stationNumber: \"10kv中北线151\",\n alternatorNumber: \"20089.24\"\n }, {\n id: 8,\n name: \"南阳供电所\",\n stationNumber: \"10kv中北线151\",\n alternatorNumber: \"20089.24\"\n }, {\n id: 9,\n name: \"南阳供电所\",\n stationNumber: \"10kv中北线151\",\n alternatorNumber: \"20089.24\"\n }, {\n id: 10,\n name: \"南阳供电所\",\n stationNumber: \"10kv中北线151\",\n alternatorNumber: \"20089.24\"\n }, {\n id: 11,\n name: \"南阳供电所\",\n stationNumber: \"10kv中北线151\",\n alternatorNumber: \"20089.24\"\n }, {\n id: 12,\n name: \"南阳供电所\",\n stationNumber: \"10kv中北线151\",\n alternatorNumber: \"20089.24\"\n }]), _ref;\n },\n created: function created() {},\n mounted: function mounted() {\n this.init();\n this.detailedTwo11();\n this.detailedTwo22();\n this.detailqe1();\n this.detailen1();\n this.xianDuan();\n window.parent.getLoc();\n },\n methods: {\n init: function init() {\n var _this = this;\n loadRateTop5({\n area: \"大丰区供电公司\",\n date: \"2023-7-24\"\n }).then(function (res) {\n console.log(res, \"配变\");\n for (var i = 0; i < res.data.data.length; i++) {\n if (res.data.data[i].gz_time_deal) {\n var date = new Date(res.data.data[i].gz_time_deal);\n res.data.data[i].gz_time_deal = _this.$moment(date).format(\"YYYY-MM-DD HH:mm\");\n // console.log(res.data.data[i].gz_time_deal,'转换后');\n }\n\n if (res.data.data[i].gz_time) {\n var time = new Date(res.data.data[i].gz_time);\n res.data.data[i].gz_time = _this.$moment(time).format(\"YYYY-MM-DD HH:mm\");\n }\n _this.tableData.push(res.data.data[i]);\n }\n }).catch(function (error) {\n var id = _this.$route.query.area;\n var date = _this.$route.query.area;\n console.log(id, date);\n console.log(error, \"报错详情\");\n });\n },\n //地图画线\n xianDuan: function xianDuan() {\n var canvas = document.getElementById(\"myCanvas\");\n var ctx = canvas.getContext(\"2d\");\n ctx.moveTo(500, 500); // moveTo(x,y) 定义线条开始坐标\n ctx.lineTo(700, 150); // lineTo(x,y) 定义线条结束坐标\n ctx.moveTo(400, 500); // moveTo(x,y) 定义线条开始坐标\n ctx.lineTo(160, 600); // lineTo(x,y) 定义线条结束坐标\n ctx.strokeStyle = \"orange\";\n ctx.lineWidth = 5;\n ctx.stroke();\n },\n detailedTwo11: function detailedTwo11() {\n var fontColor = \"#fff\";\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo1\"));\n var option = {\n grid: {\n left: \"5%\",\n right: \"10%\",\n top: \"20%\",\n bottom: \"15%\",\n containLabel: true\n },\n tooltip: {\n show: true,\n trigger: \"item\"\n },\n legend: {\n show: true,\n x: \"center\",\n y: \"35\",\n icon: \"stack\",\n itemWidth: 10,\n itemHeight: 10,\n textStyle: {\n color: \"#1bb4f6\"\n },\n data: [\"已采纳\", \"已发布\", \"浏览量\"]\n },\n xAxis: [{\n type: \"category\",\n boundaryGap: false,\n axisLabel: {\n color: fontColor\n },\n axisLine: {\n show: true,\n lineStyle: {\n color: \"#397cbc\"\n }\n },\n axisTick: {\n show: false\n },\n splitLine: {\n show: false,\n lineStyle: {\n color: \"#195384\"\n }\n },\n data: [\"0:00\", \"3:00\", \"6:00\", \"9:00\", \"12:00\", \"15:00\", \"18:00\", \"21:00\", \"24:00\"]\n }],\n yAxis: [{\n type: \"value\",\n name: \"信息量\",\n min: 0,\n max: 1000,\n show: false,\n axisLabel: {\n formatter: \"{value}\",\n textStyle: {\n color: \"#2ad1d2\"\n }\n },\n axisLine: {\n lineStyle: {\n color: \"#27b4c2\"\n }\n },\n axisTick: {\n show: false\n }\n }],\n series: [{\n // name: \"已发布\",\n type: \"line\",\n stack: \"总量\",\n symbol: \"none\",\n symbolSize: 8,\n itemStyle: {\n normal: {\n color: \"yellow\",\n lineStyle: {\n color: \"yellow\",\n width: 3,\n type: \"solid\"\n }\n }\n },\n data: [10, 12, 801, 844, 790, 830, 610, 501, 654, 490, 530, 310]\n }]\n };\n myChart.setOption(option);\n window.addEventListener(\"resize\", function () {\n myChart.resize();\n });\n },\n detailedTwo22: function detailedTwo22() {\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo2\"));\n var honorData = [{\n name: \"用电量（单位：亿）\",\n data: [17.4, 14.1, 17.3, 18.6, 16.6]\n }, {\n name: \"碳排放量（单位：万）\",\n data: [9.4, 8.1, 7.3, 8.6, 6.6]\n }];\n var honorXAxisData = [\"No.5\", \"No.4\", \"No.3\", \"No.2\", \"No.1\"];\n var nameList = [\"自然19#\", \"民权5#变\", \"民权5#变\", \"光顺09号\", \"PMS_碧桂园10#配变\"];\n var option = {\n color: [\"#0F9AF8\", \"#2039C3\", \"rgba(32,57,195,.5)\", \"#2ECACE\"],\n tooltip: {\n trigger: \"axis\",\n axisPointer: {\n type: \"none\"\n }\n },\n grid: {\n top: \"15%\",\n left: \"14%\",\n right: \"0%\",\n bottom: \"0%\"\n },\n xAxis: [{\n type: \"value\",\n show: false,\n axisLine: {\n show: false\n },\n axisTick: {\n show: false\n },\n axisLabel: {\n color: \"#6B9DD7\",\n fontSize: 16,\n // 文字大小\n fontWeight: 400,\n interval: 0,\n formatter: function formatter(value) {\n return value + \"(万元)\";\n }\n },\n splitLine: {\n show: false\n }\n }],\n yAxis: [{\n type: \"category\",\n offset: 17,\n axisLine: {\n show: false\n },\n axisTick: {\n show: false\n },\n axisLabel: {\n color: \"#fff\",\n fontSize: 20,\n // 文字大小\n fontWeight: 700,\n interval: 0\n },\n data: honorXAxisData\n }, {\n //名称\n type: \"category\",\n offset: -10,\n position: \"left\",\n axisLine: {\n show: false\n },\n inverse: true,\n axisTick: {\n show: false\n },\n axisLabel: {\n interval: 0,\n color: \"#fff\",\n align: \"left\",\n verticalAlign: \"bottom\",\n lineHeight: 40,\n fontSize: 20\n },\n data: nameList\n }],\n series: [{\n name: \"60天内掉电客户数\",\n type: \"bar\",\n stack: \"zongliang\",\n barWidth: \"25%\",\n barGap: 15,\n // 柱图之间的间距\n itemStyle: {\n //自定义颜色\n // normal: { color: \"orange\" },\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{\n //代表渐变色从正上方开始\n offset: 0,\n //offset范围是0~1，用于表示位置，0是指0%处的颜色\n color: \"rgba(255,165,0,.4)\"\n },\n //柱图渐变色\n {\n offset: 1,\n //指100%处的颜色\n color: \"rgb(255,165,0)\"\n }])\n },\n label: {\n normal: {\n show: true,\n position: [\"80%\", \"-100%\"],\n formatter: function formatter(params) {\n return params.value;\n },\n textStyle: {\n color: \"#fff\",\n fontSize: 18\n }\n }\n },\n data: honorData[0].data\n }, {\n name: \"60天内掉电总数\",\n type: \"bar\",\n stack: \"zongliang\",\n barWidth: \"25%\",\n itemStyle: {\n //自定义颜色\n // normal: { color: \"orange\" },\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{\n //代表渐变色从正上方开始\n offset: 0,\n //offset范围是0~1，用于表示位置，0是指0%处的颜色\n color: \"#005BEA\"\n },\n //柱图渐变色\n {\n offset: 1,\n //指100%处的颜色\n color: \"#00C6FB\"\n }])\n },\n label: {\n normal: {\n show: true,\n position: [\"80%\", \"-100%\"],\n formatter: function formatter(params) {\n return params.value;\n },\n textStyle: {\n color: \"#fff\",\n fontSize: 18\n }\n }\n },\n data: honorData[1].data\n }]\n };\n myChart.setOption(option);\n window.addEventListener(\"resize\", function () {\n myChart.resize();\n });\n },\n detailqe1: function detailqe1() {\n var fontColor = \"#fff\";\n var myChart = this.$echarts.init(document.getElementById(\"detailqe\"));\n var option = {\n xAxis: _defineProperty({\n type: \"category\",\n boundaryGap: false,\n axisLabel: {\n color: fontColor\n },\n axisLine: {\n show: true,\n lineStyle: {\n color: \"#397cbc\"\n }\n },\n axisTick: {\n show: false\n },\n splitLine: {\n show: false,\n lineStyle: {\n color: \"#195384\"\n }\n },\n data: [\"0:00\", \"3:00\", \"6:00\", \"9:00\", \"12:00\", \"15:00\", \"18:00\", \"21:00\", \"24:00\"]\n }, \"axisTick\", {\n show: false\n }),\n yAxis: [{\n type: \"value\",\n name: \"单位：kw\",\n min: 0,\n max: 1000,\n show: true,\n splitLine: {\n show: true,\n lineStyle: {\n type: \"dashed\",\n // color: 'rgba(66, 192, 255, .3)',\n color: \"rgba(102,102,102,0.6)\",\n width: 1\n }\n },\n axisLabel: {\n formatter: \"{value}\",\n textStyle: {\n color: \"#2ad1d2\"\n }\n },\n axisLine: {\n lineStyle: {\n color: \"#27b4c2\"\n }\n },\n axisTick: {\n show: false\n }\n }],\n series: [{\n data: [720, 632, 801, 734, 470, 670, 720, 123, 567],\n type: \"line\",\n symbol: \"none\",\n lineStyle: {\n color: \"#00ffff\",\n width: 2\n },\n itemStyle: {\n normal: {\n color: \"00ffff\",\n lineStyle: {\n color: \"00ffff\",\n width: 3,\n type: \"solid\"\n }\n }\n }\n }]\n };\n myChart.setOption(option);\n window.addEventListener(\"resize\", function () {\n myChart.resize();\n });\n },\n detailen1: function detailen1() {\n var fontColor = \"#30eee9\";\n var myChart = this.$echarts.init(document.getElementById(\"detailen\"));\n var option = {\n tooltip: {\n trigger: \"axis\",\n axisPointer: {\n type: \"shadow\"\n }\n },\n legend: {\n textStyle: {\n fontSize: 18,\n //字体大小\n color: \"#ffffff\" //字体颜色\n },\n\n data: [\"关联电网事故\", \"关联检修单\"]\n },\n xAxis: [{\n type: \"category\",\n data: [\"10kv北红线124\", \"10kv北红线125\", \"10kv北红线126\", \"10kv北红线127\", \"10kv北红线128\"],\n axisLabel: {\n show: true,\n textStyle: {\n color: \"#ffffff\"\n }\n }\n }],\n yAxis: [{\n type: \"value\",\n name: \"\",\n axisLabel: {\n textStyle: {\n color: \"#ffffff\"\n }\n },\n splitLine: {\n show: true,\n lineStyle: {\n type: \"dashed\",\n // color: 'rgba(66, 192, 255, .3)',\n color: \"rgba(102,102,102,0.6)\",\n width: 1\n }\n }\n }],\n series: [{\n name: \"关联电网事故\",\n type: \"bar\",\n itemStyle: {\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{\n offset: 1,\n color: \"rgba(86,254,226,.2) \"\n }, {\n offset: 0.5,\n color: \"rgb(86,254,226,.6)\"\n }, {\n offset: 0,\n color: \"rgb(86,254,226)\"\n }]),\n borderRadius: [7, 7, 0, 0],\n // 柱状图圆角\n borderWidth: 0\n },\n emphasis: {\n focus: \"series\"\n },\n data: [320, 332, 301, 334, 390]\n }, {\n name: \"关联检修单\",\n type: \"bar\",\n itemStyle: {\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{\n offset: 1,\n color: \"rgba(237,125,49,.2) \"\n }, {\n offset: 0.5,\n color: \"rgb(237,125,49,.6)\"\n }, {\n offset: 0,\n color: \"rgb(237,125,49)\"\n }]),\n borderRadius: [7, 7, 0, 0],\n // 柱状图圆角\n borderWidth: 0\n },\n emphasis: {\n focus: \"series\"\n },\n data: [220, 182, 191, 234, 290]\n }]\n };\n myChart.setOption(option);\n window.addEventListener(\"resize\", function () {\n myChart.resize();\n });\n }\n },\n watch: {}\n};",{"version":3,"mappings":";AA0NA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;EACAA;EACAC;IACA;IACA;IACA;IACAC;EACA;EACAC;IAAA;IACA;MACAC;MACAC;MACAC;MACAC;MACAC;MACAC;MACAC;MACAC;MAAA;MACAC;MACAC;MACAC;MAAA;MACAC;MAAA;MACAC;MACAC;MACAC;MACAC;MACAC;MACAC;MACAC,aACA;QACAC;QACAvB;MACA,GACA;QACAuB;QACAvB;MACA,GACA;QACAuB;QACAvB;MACA,GACA;QACAuB;QACAvB;MACA,EACA;MACAwB,aACA;QACAD;MACA,GACA;QACAA;MACA,EACA;MACAE,cACA;QACAF;MACA,GACA;QACAA;MACA,EACA;MACAG,UACA;QACAC;QACAC;MACA,EACA;MACAD;MACAE,aACA;QACA7B;QACA8B;MACA,GACA;QACA9B;QACA8B;MACA,GACA;QACA9B;QACA8B;MACA,EACA;MACAC;IAAA,sCACA,uCACA,iDACA,oCACA,2CACA,0CAEA,0CACA,wCAEA,0CACA,uCAEA,yCACA,oCACA,8CACA,sCACA,sCACA,CACA;MACAC;MACAhC;MACAiC;MACAC;IACA,GACA;MACAF;MACAhC;MACAiC;MACAC;IACA,GACA;MACAF;MACAhC;MACAiC;MACAC;IACA,GACA;MACAF;MACAhC;MACAiC;MACAC;IACA,GACA;MACAF;MACAhC;MACAiC;MACAC;IACA,GACA;MACAF;MACAhC;MACAiC;MACAC;IACA,GACA;MACAF;MACAhC;MACAiC;MACAC;IACA,GACA;MACAF;MACAhC;MACAiC;MACAC;IACA,GACA;MACAF;MACAhC;MACAiC;MACAC;IACA,GACA;MACAF;MACAhC;MACAiC;MACAC;IACA,GACA;MACAF;MACAhC;MACAiC;MACAC;IACA,GACA;MACAF;MACAhC;MACAiC;MACAC;IACA,EACA,oCACA,CACA;MACAF;MACAhC;MACAiC;MACAC;IACA,GACA;MACAF;MACAhC;MACAiC;MACAC;IACA,GACA;MACAF;MACAhC;MACAiC;MACAC;IACA,GACA;MACAF;MACAhC;MACAiC;MACAC;IACA,GACA;MACAF;MACAhC;MACAiC;MACAC;IACA,GACA;MACAF;MACAhC;MACAiC;MACAC;IACA,GACA;MACAF;MACAhC;MACAiC;MACAC;IACA,GACA;MACAF;MACAhC;MACAiC;MACAC;IACA,GACA;MACAF;MACAhC;MACAiC;MACAC;IACA,GACA;MACAF;MACAhC;MACAiC;MACAC;IACA,GACA;MACAF;MACAhC;MACAiC;MACAC;IACA,GACA;MACAF;MACAhC;MACAiC;MACAC;IACA,EACA;EAEA;EACAC;EACAC;IACA;IACA;IACA;IACA;IACA;IACA;IACAC;EACA;EACAC;IACAC;MAAA;MACAC;QACAC;QACAC;MACA,GACAC;QACAC;QACA;UACA;YACA;YACAC,gCACA;YACA;UACA;;UACA;YACA;YACAA,2BACA;UACA;UACA;QACA;MACA,GACAC;QACA;QACA;QACAF;QACAA;MACA;IACA;IACA;IACAG;MACA;MACA;MACAC;MACAA;MACAA;MACAA;MACAA;MACAA;MACAA;IACA;IACAC;MACA;MACA;MACA;QACAC;UACAC;UACAC;UACAC;UACAC;UACAC;QACA;QACAC;UACAC;UACAC;QACA;QACAC;UACAF;UACAG;UACAC;UACAtC;UACAuC;UACAC;UACAC;YACAC;UACA;UACA9D;QACA;QACA+D,QACA;UACAC;UACAC;UACAC;YACAJ;UACA;UACAK;YACAb;YACAc;cACAN;YACA;UACA;UACAO;YACAf;UACA;UACAgB;YACAhB;YACAc;cACAN;YACA;UACA;UACA9D,OACA,QACA,QACA,QACA,QACA,SACA,SACA,SACA,SACA;QAEA,EACA;QACAuE,QACA;UACAP;UACAnE;UACA2E;UACAC;UACAnB;UACAY;YACAQ;YACAb;cACAC;YACA;UACA;UACAK;YACAC;cACAN;YACA;UACA;UACAO;YACAf;UACA;QACA,EACA;QACAqB,SACA;UACA;UACAX;UACAY;UACAC;UACAC;UACAC;YACAC;cACAlB;cACAM;gBACAN;gBACAmB;gBACAjB;cACA;YACA;UACA;UACAhE;QACA;MAEA;MACAkF;MACAhD;QACAgD;MACA;IACA;IACAC;MACA;MACA,iBACA;QACAtF;QACAG;MACA,GACA;QACAH;QACAG;MACA,EACA;MACA;MACA,gBACA,SACA,SACA,SACA,SACA,eACA;MACA;QACA8D;QACAT;UACAE;UACA6B;YACApB;UACA;QACA;QACAjB;UACAG;UACAF;UACAC;UACAE;QACA;QACAY,QACA;UACAC;UACAV;UACAa;YACAb;UACA;UACAe;YACAf;UACA;UACAY;YACAJ;YACAuB;YAAA;YACAC;YACAC;YACAb;cACA;YACA;UACA;UACAJ;YACAhB;UACA;QACA,EACA;QACAiB,QACA;UACAP;UACAwB;UACArB;YACAb;UACA;UACAe;YACAf;UACA;UACAY;YACAJ;YACAuB;YAAA;YACAC;YACAC;UACA;UAEAvF;QACA,GACA;UACA;UACAgE;UACAwB;UACAC;UACAtB;YACAb;UACA;UACAoC;UACArB;YACAf;UACA;UACAY;YACAqB;YACAzB;YACA6B;YACAC;YACAC;YACAR;UACA;UACArF;QACA,EACA;QACA2E,SACA;UACA9E;UACAmE;UACAY;UACAkB;UACAC;UAAA;UACAhB;YACA;YACA;YACAjB,uDACA;cACA;cACA0B;cAAA;cACA1B;YACA;YAAA;YACA;cACA0B;cAAA;cACA1B;YACA,EACA;UACA;UACArC;YACAuD;cACA1B;cACAmC;cACAf;gBACA;cACA;cACAb;gBACAC;gBACAuB;cACA;YACA;UACA;UAEArF;QACA,GACA;UACAH;UACAmE;UACAY;UACAkB;UACAf;YACA;YACA;YACAjB,uDACA;cACA;cACA0B;cAAA;cACA1B;YACA;YAAA;YACA;cACA0B;cAAA;cACA1B;YACA,EACA;UACA;UACArC;YACAuD;cACA1B;cACAmC;cACAf;gBACA;cACA;cACAb;gBACAC;gBACAuB;cACA;YACA;UACA;UACArF;QACA;MAEA;MACAkF;MACAhD;QACAgD;MACA;IACA;IACAc;MACA;MACA;MACA;QACAjC;UACAC;UACAC;UACAC;YACAJ;UACA;UACAK;YACAb;YACAc;cACAN;YACA;UACA;UACAO;YACAf;UACA;UACAgB;YACAhB;YACAc;cACAN;YACA;UACA;UACA9D,OACA,QACA,QACA,QACA,QACA,SACA,SACA,SACA,SACA;QACA,eACA;UACAsD;QACA,EACA;QACAiB,QACA;UACAP;UACAnE;UACA2E;UACAC;UACAnB;UACAgB;YACAhB;YACAc;cACAJ;cACA;cACAF;cACAmB;YACA;UACA;UACAf;YACAQ;YACAb;cACAC;YACA;UACA;UACAK;YACAC;cACAN;YACA;UACA;UACAO;YACAf;UACA;QACA,EACA;QACAqB,SACA;UACA3E;UACAgE;UACAa;UACAT;YACAN;YACAmB;UACA;UACAF;YACAC;cACAlB;cACAM;gBACAN;gBACAmB;gBACAjB;cACA;YACA;UACA;QACA;MAEA;MACAkB;MACAhD;QACAgD;MACA;IACA;IACAe;MACA;MACA;MACA;QACA5C;UACAE;UACA6B;YACApB;UACA;QACA;QACAR;UACAK;YACAwB;YAAA;YACAvB;UACA;;UAEA9D;QACA;QACA+D,QACA;UACAC;UACAhE,OACA,cACA,cACA,cACA,cACA,aACA;UACAkE;YACAZ;YACAO;cACAC;YACA;UACA;QACA,EACA;QACAS,QACA;UACAP;UACAnE;UACAqE;YACAL;cACAC;YACA;UACA;UACAQ;YACAhB;YACAc;cACAJ;cACA;cACAF;cACAmB;YACA;UACA;QACA,EACA;QACAN,SACA;UACA9E;UACAmE;UACAe;YACAjB,uDACA;cAAA0B;cAAA1B;YAAA,GACA;cAAA0B;cAAA1B;YAAA,GACA;cAAA0B;cAAA1B;YAAA,EACA;YACAoC;YAAA;YACAC;UACA;UACAC;YACAC;UACA;UACArG;QACA,GACA;UACAH;UACAmE;UACAe;YACAjB,uDACA;cAAA0B;cAAA1B;YAAA,GACA;cAAA0B;cAAA1B;YAAA,GACA;cAAA0B;cAAA1B;YAAA,EACA;YACAoC;YAAA;YACAC;UACA;UACAC;YACAC;UACA;UACArG;QACA;MAEA;MACAkF;MACAhD;QACAgD;MACA;IACA;EACA;EACAoB;AACA","names":["name","components","lineDetail","data","pageShow","totals","pageSize","page","threeImg","enlargeShow","dateList","acolor","currentIndex","alarmInformationData","alarmInformationShow","realTimeAlarmShow","modelOthers","componentShow","CompanyInfo","tableData","btnArr","btnActive","iconGround","icon","btnEnlarge","btnEnlarge1","options","value","label","topContent","count","device","id","stationNumber","alternatorNumber","created","mounted","window","methods","init","loadRateTop5","area","date","then","console","res","catch","xianDuan","ctx","detailedTwo11","grid","left","right","top","bottom","containLabel","tooltip","show","trigger","legend","x","y","itemWidth","itemHeight","textStyle","color","xAxis","type","boundaryGap","axisLabel","axisLine","lineStyle","axisTick","splitLine","yAxis","min","max","formatter","series","stack","symbol","symbolSize","itemStyle","normal","width","myChart","detailedTwo22","axisPointer","fontSize","fontWeight","interval","offset","position","inverse","align","verticalAlign","lineHeight","barWidth","barGap","detailqe1","detailen1","borderRadius","borderWidth","emphasis","focus","watch"],"sourceRoot":"src/views","sources":["stationBuilding.vue"],"sourcesContent":["<template>\r\n <div class=\"home\">\r\n <div class=\"left\" id=\"left\">\r\n <div class=\"one\" style=\"height: 100%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>光伏台账</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <table>\r\n <thead style=\"color: #fff; font-size: 30px\">\r\n <tr>\r\n <td>序号</td>\r\n <td>单位名称</td>\r\n <td>台区编号</td>\r\n <td>发电客户编号</td>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <tr v-for=\"(item, index) in pvTable\" :key=\"index\">\r\n <td>{{ item.id }}</td>\r\n <td>{{ item.name }}</td>\r\n <td>{{ item.stationNumber }}</td>\r\n <td class=\"titleFont\">{{ item.alternatorNumber }}</td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"left1\" id=\"left\">\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>上网功率</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div id=\"detailedTwo1\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>配变负载率TOP5</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div id=\"detailedTwo2\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"middle\" id=\"middle\">\r\n <div class=\"map\" style=\"height: 100%\">\r\n <canvas\r\n id=\"myCanvas\"\r\n width=\"1000\"\r\n height=\"600\"\r\n style=\"position: absolute\"\r\n ></canvas>\r\n\r\n <img src=\"../assets/indexN/dfsxz.png\" alt=\"\" />\r\n <div class=\"imgboxone\">\r\n <div class=\"contents\">\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span>户数高渗透率</span>\r\n <h5 class=\"yellow\">3.40%</h5>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span>容量渗透率</span>\r\n <h5 class=\"orange\">0.01%</h5>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span>能量渗透率</span>\r\n <h5 class=\"yellow\">0.44%</h5>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"imgboxtwo\">\r\n <ul class=\"contentUl\">\r\n <li>\r\n <h5>发电客户数</h5>\r\n <br />\r\n <span style=\"color: yellow\">4721</span>\r\n </li>\r\n <li>\r\n <h5>变电站数量</h5>\r\n <br />\r\n <span style=\"color: orange\">90</span>\r\n </li>\r\n <li>\r\n <h5>台区总数</h5>\r\n <br />\r\n <span style=\"color: yellow\">17416</span>\r\n </li>\r\n <li>\r\n <h5>当前负载率</h5>\r\n <br />\r\n <span style=\"color: orange\">40.19%</span>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"right\" id=\"right\">\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>分布式光伏电量</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div class=\"eqselect\">\r\n <span>地区:</span>\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n <span>用户:</span>\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n <span>范围:</span>\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n <span>日期:</span>\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n </div>\r\n <div id=\"detailqe\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>能量/容量</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div class=\"enselect\">\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n <span class=\"text\">能量</span>\r\n </div>\r\n <div id=\"detailen\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"right1\" id=\"right\">\r\n <div class=\"one\" style=\"height: 100%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>渗透率统计</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <table>\r\n <thead style=\"color: #fff; font-size: 30px\">\r\n <tr>\r\n <td>序号</td>\r\n <td>供电公司</td>\r\n <td>线路名称</td>\r\n <td>光伏全年电量KWF</td>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <tr v-for=\"(item, index) in pvTable\" :key=\"index\">\r\n <td>{{ item.id }}</td>\r\n <td>{{ item.name }}</td>\r\n <td>{{ item.stationNumber }}</td>\r\n <td class=\"titleFont\">{{ item.alternatorNumber }}</td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <audio\r\n controls=\"controls\"\r\n hidden\r\n src=\"../assets/videos/police.wav\"\r\n ref=\"audio\"\r\n ></audio>\r\n </div>\r\n</template>\r\n\r\n<script>\r\n//引入echarts\r\nimport * as echarts from \"echarts\";\r\nimport { loadRateTop5 } from \"./../api/stationBuilding.js\";\r\n// 工单统计弹窗组件\r\n// import workOrder from \"../component/workOrder.vue\";\r\n// import ringMainUnit from \"./HomePop/ringMainUnit.vue\";\r\n// import routeDetail from \"../component/routeDetail.vue\";\r\n\r\n// 线路详情\r\nimport lineDetail from \"../component/lineDetail.vue\";\r\nexport default {\r\n name: \"stationRuilding\",\r\n components: {\r\n // ringMainUnit, //环网柜弹窗\r\n // workOrder, //工单统计弹窗\r\n // routeDetail, //线路故障跳闸明细\r\n lineDetail, //线路详情弹窗\r\n },\r\n data() {\r\n return {\r\n pageShow: true,\r\n totals: 5,\r\n pageSize: 10,\r\n page: 1,\r\n threeImg: require(\"../assets/images/pieBorder.png\"),\r\n enlargeShow: true,\r\n dateList: [\"周\", \"月\"],\r\n acolor: true, //是否展示颜色\r\n currentIndex: -1,\r\n alarmInformationData: [],\r\n alarmInformationShow: false, //报警详情信息弹窗\r\n realTimeAlarmShow: false, //实时报警弹窗\r\n modelOthers: false,\r\n componentShow: \"\",\r\n CompanyInfo: {},\r\n tableData: [],\r\n btnArr: [\"总览\", \"环网柜\", \"分支箱\", \"箱变\", \"开闭所\"],\r\n btnActive: 0,\r\n iconGround: [\r\n {\r\n icon: require(\"@/assets/images/huanwanggui.png\"),\r\n name: \"环网柜\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/fenzhixiang.png\"),\r\n name: \"分支箱\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/xiangbian.png\"),\r\n name: \"箱变\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/kaibisuo.png\"),\r\n name: \"开闭所\",\r\n },\r\n ],\r\n btnEnlarge: [\r\n {\r\n icon: require(\"@/assets/images/btnTiShi.png\"),\r\n },\r\n {\r\n icon: require(\"@/assets/images/btnFangDa.png\"),\r\n },\r\n ],\r\n btnEnlarge1: [\r\n {\r\n icon: require(\"@/assets/images/btnTiShi.png\"),\r\n },\r\n {\r\n icon: require(\"@/assets/images/suoxiao.png\"),\r\n },\r\n ],\r\n options: [\r\n {\r\n value: \"\",\r\n label: \"\",\r\n },\r\n ],\r\n value: \"\",\r\n topContent: [\r\n {\r\n name: \"配变数量\",\r\n count: \"\",\r\n },\r\n {\r\n name: \"重复停运台次\",\r\n count: \"\",\r\n },\r\n {\r\n name: \"配变重复停运率\",\r\n count: \"\",\r\n },\r\n ],\r\n device: \"\",\r\n tableData: [],\r\n tableKey: +new Date(),\r\n scrollTop: 0, //table距离顶部距离\r\n option: null,\r\n myChartBin: null,\r\n // 工单\r\n orderItem: null,\r\n orderShow: \"\",\r\n // 线路故障明细\r\n routeItem: null,\r\n routeShow: \"\",\r\n // 配电线路\r\n lineItem: null,\r\n lineShow: \"\",\r\n timer: null, //定时器\r\n emergencyList: [], //告警数据\r\n rowTime: \"\",\r\n pvTable: [\r\n {\r\n id: 1,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-1\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 2,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-2\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 3,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-3\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 4,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-4\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 5,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-5\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 6,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-6\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 7,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-7\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 8,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-8\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 9,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-9\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 10,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-10\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 11,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-11\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 12,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-12\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n ],\r\n psTable: [\r\n {\r\n id: 1,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 2,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 3,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 4,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 5,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 6,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 7,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 8,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 9,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 10,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 11,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 12,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n ],\r\n };\r\n },\r\n created() {},\r\n mounted() {\r\n this.init();\r\n this.detailedTwo11();\r\n this.detailedTwo22();\r\n this.detailqe1();\r\n this.detailen1();\r\n this.xianDuan();\r\n window.parent.getLoc();\r\n },\r\n methods: {\r\n init() {\r\n loadRateTop5({\r\n area: \"大丰区供电公司\",\r\n date: \"2023-7-24\",\r\n })\r\n .then((res) => {\r\n console.log(res, \"配变\");\r\n for (let i = 0; i < res.data.data.length; i++) {\r\n if (res.data.data[i].gz_time_deal) {\r\n let date = new Date(res.data.data[i].gz_time_deal);\r\n res.data.data[i].gz_time_deal =\r\n this.$moment(date).format(\"YYYY-MM-DD HH:mm\");\r\n // console.log(res.data.data[i].gz_time_deal,'转换后');\r\n }\r\n if (res.data.data[i].gz_time) {\r\n let time = new Date(res.data.data[i].gz_time);\r\n res.data.data[i].gz_time =\r\n this.$moment(time).format(\"YYYY-MM-DD HH:mm\");\r\n }\r\n this.tableData.push(res.data.data[i]);\r\n }\r\n })\r\n .catch((error) => {\r\n let id = this.$route.query.area;\r\n let date = this.$route.query.area;\r\n console.log(id, date);\r\n console.log(error, \"报错详情\");\r\n });\r\n },\r\n //地图画线\r\n xianDuan() {\r\n var canvas = document.getElementById(\"myCanvas\");\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.moveTo(500, 500); // moveTo(x,y) 定义线条开始坐标\r\n ctx.lineTo(700, 150); // lineTo(x,y) 定义线条结束坐标\r\n ctx.moveTo(400, 500); // moveTo(x,y) 定义线条开始坐标\r\n ctx.lineTo(160, 600); // lineTo(x,y) 定义线条结束坐标\r\n ctx.strokeStyle = \"orange\";\r\n ctx.lineWidth = 5;\r\n ctx.stroke();\r\n },\r\n detailedTwo11() {\r\n var fontColor = \"#fff\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo1\"));\r\n var option = {\r\n grid: {\r\n left: \"5%\",\r\n right: \"10%\",\r\n top: \"20%\",\r\n bottom: \"15%\",\r\n containLabel: true,\r\n },\r\n tooltip: {\r\n show: true,\r\n trigger: \"item\",\r\n },\r\n legend: {\r\n show: true,\r\n x: \"center\",\r\n y: \"35\",\r\n icon: \"stack\",\r\n itemWidth: 10,\r\n itemHeight: 10,\r\n textStyle: {\r\n color: \"#1bb4f6\",\r\n },\r\n data: [\"已采纳\", \"已发布\", \"浏览量\"],\r\n },\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: fontColor,\r\n },\r\n axisLine: {\r\n show: true,\r\n lineStyle: {\r\n color: \"#397cbc\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#195384\",\r\n },\r\n },\r\n data: [\r\n \"0:00\",\r\n \"3:00\",\r\n \"6:00\",\r\n \"9:00\",\r\n \"12:00\",\r\n \"15:00\",\r\n \"18:00\",\r\n \"21:00\",\r\n \"24:00\",\r\n ],\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"信息量\",\r\n min: 0,\r\n max: 1000,\r\n show: false,\r\n axisLabel: {\r\n formatter: \"{value}\",\r\n textStyle: {\r\n color: \"#2ad1d2\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#27b4c2\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n // name: \"已发布\",\r\n type: \"line\",\r\n stack: \"总量\",\r\n symbol: \"none\",\r\n symbolSize: 8,\r\n itemStyle: {\r\n normal: {\r\n color: \"yellow\",\r\n lineStyle: {\r\n color: \"yellow\",\r\n width: 3,\r\n type: \"solid\",\r\n },\r\n },\r\n },\r\n data: [10, 12, 801, 844, 790, 830, 610, 501, 654, 490, 530, 310],\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedTwo22() {\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo2\"));\r\n var honorData = [\r\n {\r\n name: \"用电量（单位：亿）\",\r\n data: [17.4, 14.1, 17.3, 18.6, 16.6],\r\n },\r\n {\r\n name: \"碳排放量（单位：万）\",\r\n data: [9.4, 8.1, 7.3, 8.6, 6.6],\r\n },\r\n ];\r\n var honorXAxisData = [\"No.5\", \"No.4\", \"No.3\", \"No.2\", \"No.1\"];\r\n var nameList = [\r\n \"自然19#\",\r\n \"民权5#变\",\r\n \"民权5#变\",\r\n \"光顺09号\",\r\n \"PMS_碧桂园10#配变\",\r\n ];\r\n var option = {\r\n color: [\"#0F9AF8\", \"#2039C3\", \"rgba(32,57,195,.5)\", \"#2ECACE\"],\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"none\",\r\n },\r\n },\r\n grid: {\r\n top: \"15%\",\r\n left: \"14%\",\r\n right: \"0%\",\r\n bottom: \"0%\",\r\n },\r\n xAxis: [\r\n {\r\n type: \"value\",\r\n show: false,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: \"#6B9DD7\",\r\n fontSize: 16, // 文字大小\r\n fontWeight: 400,\r\n interval: 0,\r\n formatter: function (value) {\r\n return value + \"(万元)\";\r\n },\r\n },\r\n splitLine: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"category\",\r\n offset: 17,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: \"#fff\",\r\n fontSize: 20, // 文字大小\r\n fontWeight: 700,\r\n interval: 0,\r\n },\r\n\r\n data: honorXAxisData,\r\n },\r\n {\r\n //名称\r\n type: \"category\",\r\n offset: -10,\r\n position: \"left\",\r\n axisLine: {\r\n show: false,\r\n },\r\n inverse: true,\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n color: \"#fff\",\r\n align: \"left\",\r\n verticalAlign: \"bottom\",\r\n lineHeight: 40,\r\n fontSize: 20,\r\n },\r\n data: nameList,\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"60天内掉电客户数\",\r\n type: \"bar\",\r\n stack: \"zongliang\",\r\n barWidth: \"25%\",\r\n barGap: 15, // 柱图之间的间距\r\n itemStyle: {\r\n //自定义颜色\r\n // normal: { color: \"orange\" },\r\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"rgba(255,165,0,.4)\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"rgb(255,165,0)\",\r\n },\r\n ]),\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: [\"80%\", \"-100%\"],\r\n formatter: function (params) {\r\n return params.value;\r\n },\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n\r\n data: honorData[0].data,\r\n },\r\n {\r\n name: \"60天内掉电总数\",\r\n type: \"bar\",\r\n stack: \"zongliang\",\r\n barWidth: \"25%\",\r\n itemStyle: {\r\n //自定义颜色\r\n // normal: { color: \"orange\" },\r\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"#005BEA\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"#00C6FB\",\r\n },\r\n ]),\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: [\"80%\", \"-100%\"],\r\n formatter: function (params) {\r\n return params.value;\r\n },\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n data: honorData[1].data,\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailqe1() {\r\n var fontColor = \"#fff\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailqe\"));\r\n var option = {\r\n xAxis: {\r\n type: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: fontColor,\r\n },\r\n axisLine: {\r\n show: true,\r\n lineStyle: {\r\n color: \"#397cbc\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#195384\",\r\n },\r\n },\r\n data: [\r\n \"0:00\",\r\n \"3:00\",\r\n \"6:00\",\r\n \"9:00\",\r\n \"12:00\",\r\n \"15:00\",\r\n \"18:00\",\r\n \"21:00\",\r\n \"24:00\",\r\n ],\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"单位：kw\",\r\n min: 0,\r\n max: 1000,\r\n show: true,\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n axisLabel: {\r\n formatter: \"{value}\",\r\n textStyle: {\r\n color: \"#2ad1d2\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#27b4c2\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n data: [720, 632, 801, 734, 470, 670, 720, 123, 567],\r\n type: \"line\",\r\n symbol: \"none\",\r\n lineStyle: {\r\n color: \"#00ffff\",\r\n width: 2,\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: \"00ffff\",\r\n lineStyle: {\r\n color: \"00ffff\",\r\n width: 3,\r\n type: \"solid\",\r\n },\r\n },\r\n },\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailen1() {\r\n var fontColor = \"#30eee9\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailen\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n },\r\n\r\n data: [\"关联电网事故\", \"关联检修单\"],\r\n },\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n data: [\r\n \"10kv北红线124\",\r\n \"10kv北红线125\",\r\n \"10kv北红线126\",\r\n \"10kv北红线127\",\r\n \"10kv北红线128\",\r\n ],\r\n axisLabel: {\r\n show: true,\r\n textStyle: {\r\n color: \"#ffffff\",\r\n },\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"\",\r\n axisLabel: {\r\n textStyle: {\r\n color: \"#ffffff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"关联电网事故\",\r\n type: \"bar\",\r\n itemStyle: {\r\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n { offset: 1, color: \"rgba(86,254,226,.2) \" },\r\n { offset: 0.5, color: \"rgb(86,254,226,.6)\" },\r\n { offset: 0, color: \"rgb(86,254,226)\" },\r\n ]),\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n emphasis: {\r\n focus: \"series\",\r\n },\r\n data: [320, 332, 301, 334, 390],\r\n },\r\n {\r\n name: \"关联检修单\",\r\n type: \"bar\",\r\n itemStyle: {\r\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n { offset: 1, color: \"rgba(237,125,49,.2) \" },\r\n { offset: 0.5, color: \"rgb(237,125,49,.6)\" },\r\n { offset: 0, color: \"rgb(237,125,49)\" },\r\n ]),\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n emphasis: {\r\n focus: \"series\",\r\n },\r\n data: [220, 182, 191, 234, 290],\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n },\r\n watch: {},\r\n};\r\n</script>\r\n<style lang=\"less\" scoped>\r\n.content {\r\n /deep/ .el-table__body td .cell {\r\n white-space: normal !important;\r\n }\r\n}\r\n\r\n.two {\r\n /deep/ .el-table__body-wrapper {\r\n height: 195px !important;\r\n }\r\n .enselect {\r\n position: absolute;\r\n right: 30px;\r\n img {\r\n float: right;\r\n }\r\n .text {\r\n float: right;\r\n // right: -10px;\r\n margin-right: -60px;\r\n font-size: 20px;\r\n\r\n color: #fff;\r\n }\r\n }\r\n}\r\n\r\n// 滚动条的宽度\r\n/deep/ .el-table__body-wrapper::-webkit-scrollbar {\r\n width: 6px; // 横向滚动条\r\n height: 6px; // 纵向滚动条 必写\r\n // display: block !important;\r\n}\r\n\r\n// 滚动条的滑块\r\n/deep/ .el-table__body-wrapper::-webkit-scrollbar-thumb {\r\n background-color: rgba(35, 160, 247, 1);\r\n border-radius: 3px;\r\n}\r\n\r\n/deep/ .el-table--scrollable-x .el-table__body-wrapper {\r\n overflow-x: hidden;\r\n}\r\n\r\n.user_skills {\r\n /deep/ .el-table {\r\n background-color: transparent !important;\r\n }\r\n\r\n /deep/ .el-table th {\r\n background-color: transparent !important;\r\n }\r\n\r\n /deep/ .el-table__header {\r\n width: 100% !important;\r\n height: 70px;\r\n background: url(\"../assets/images/tableBg.png\") no-repeat;\r\n background-size: 100% 100%;\r\n\r\n .cell {\r\n text-align: center !important;\r\n justify-content: center;\r\n }\r\n }\r\n\r\n /deep/ .el-table__header th {\r\n border: none;\r\n padding: 0;\r\n height: 48px;\r\n\r\n .cell {\r\n height: 100%;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n &.el-table__cell.is-leaf {\r\n border: none !important;\r\n }\r\n }\r\n\r\n /deep/ .el-table tr {\r\n background-color: transparent;\r\n }\r\n\r\n /deep/ .el-table--enable-row-transition .el-table__body td,\r\n .el-table .cell {\r\n background-color: transparent !important;\r\n border: none;\r\n color: #ffffff;\r\n }\r\n\r\n /deep/ .el-table__body td .cell {\r\n white-space: nowrap;\r\n // word-break: break-all;\r\n display: flex !important;\r\n justify-content: center !important;\r\n }\r\n\r\n /deep/ .el-table th.el-table__cell > .cell {\r\n color: rgb(86, 254, 226);\r\n }\r\n\r\n /deep/.el-table__body,\r\n .el-table__footer,\r\n .el-table__header {\r\n width: 100% !important;\r\n }\r\n\r\n /deep/ .el-table__body td .cell {\r\n // width: 60px !important;\r\n }\r\n\r\n // &::before {\r\n // //去除底部白线\r\n // left: 0;\r\n // bottom: 0;\r\n // width: 100%;\r\n // height: 0px;\r\n // }\r\n .el-table::before {\r\n background-color: transparent;\r\n }\r\n}\r\n\r\n.home {\r\n width: 100%;\r\n height: 100%;\r\n padding: 15px 28px;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n box-sizing: border-box;\r\n\r\n .left {\r\n padding-right: 15px;\r\n // width: 604px;\r\n width: 17.18%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n }\r\n\r\n .left1 {\r\n // width: 604px;\r\n // padding: 0 10px;\r\n width: 17.18%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n #detailedTwo1 {\r\n width: 100%;\r\n height: 400px;\r\n }\r\n #detailedTwo2 {\r\n width: 100%;\r\n height: 350px;\r\n }\r\n }\r\n\r\n .middle {\r\n // width: 1590px;\r\n width: 32.7%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n .imgboxone {\r\n background: url(\"../assets/02/dttksgsj.png\") no-repeat;\r\n background-size: 100%;\r\n float: right;\r\n width: 40vh;\r\n height: 10vh;\r\n position: relative;\r\n top: 5vh;\r\n right: 1vh;\r\n .contents {\r\n height: 90%;\r\n padding: 10px 10px 10px 10px;\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n\r\n .lines {\r\n width: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n background: url(\"../assets/02/tkxkz.png\") no-repeat;\r\n }\r\n\r\n .total {\r\n .num {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: center;\r\n align-items: center;\r\n color: #ffffff;\r\n h5 {\r\n font-size: 28px;\r\n }\r\n .yellow {\r\n color: yellow;\r\n }\r\n .orange {\r\n color: orange;\r\n }\r\n span {\r\n float: left;\r\n font-size: 18px;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n .imgboxtwo {\r\n padding: 0 0 0 20px;\r\n background: url(\"../assets/02/map4.png\") no-repeat;\r\n background-size: 100%;\r\n float: left;\r\n width: 40vh;\r\n height: 25vh;\r\n position: relative;\r\n top: 52vh;\r\n left: 30vh;\r\n display: flex;\r\n .contentUl {\r\n display: flex;\r\n margin: 0;\r\n padding: 10px;\r\n width: 100%;\r\n /* flex布局 */\r\n display: flex;\r\n // 开启换行\r\n flex-wrap: wrap;\r\n // 主轴上两端对齐\r\n justify-content: space-between;\r\n // 副轴上两端对齐\r\n align-content: space-between;\r\n //li盒子大小设置\r\n li {\r\n h5 {\r\n float: left;\r\n }\r\n span {\r\n font-size: 30px;\r\n }\r\n width: 49.5%;\r\n //高度调整\r\n height: 50%;\r\n list-style: none;\r\n font-size: 24px;\r\n color: #fff;\r\n background: url(\"../assets/02/tkxkz.png\") no-repeat;\r\n background-size: 100%;\r\n }\r\n }\r\n }\r\n\r\n .map {\r\n background: url(\"../assets/indexN/map.png\") no-repeat;\r\n vertical-align: middle;\r\n display: table-cell;\r\n text-align: center;\r\n margin-left: -20%;\r\n img {\r\n position: relative;\r\n left: 20%;\r\n top: 35%;\r\n }\r\n }\r\n }\r\n\r\n .right {\r\n // width: 604px;\r\n width: 16.8%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n #detailqe {\r\n width: 100%;\r\n height: 350px;\r\n }\r\n #detailen {\r\n width: 100%;\r\n height: 400px;\r\n }\r\n .eqselect {\r\n span {\r\n font-size: 20px;\r\n color: #f8f8f8;\r\n }\r\n img {\r\n margin-right: 7px;\r\n }\r\n }\r\n }\r\n\r\n .right1 {\r\n // width: 604px;\r\n width: 17.18%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n }\r\n}\r\n\r\n// }\r\n</style>\r\n<style lang=\"less\" scoped>\r\n// .el-popper {\r\n// top: 50%;\r\n// }\r\n\r\n/deep/ .popper__arrow {\r\n left: 171px !important;\r\n top: 95px !important;\r\n}\r\n\r\n/deep/ .el-select-dropdown {\r\n background-color: rgb(14, 30, 46) !important;\r\n border: 1px solid rgba(45, 143, 148, 0.5) !important;\r\n\r\n /deep/ .el-select-dropdown__item {\r\n color: #fff !important;\r\n }\r\n\r\n /deep/ .el-select-dropdown__item.hover,\r\n /deep/ .el-select-dropdown__item:hover {\r\n background-color: rgb(18, 54, 87) !important;\r\n }\r\n}\r\n\r\n/deep/ .el-popper[x-placement^=\"bottom\"] {\r\n margin-top: -146px !important;\r\n}\r\n\r\n/**\r\n表格有滚动效果但是不显示滚动条\r\n*/\r\n</style>\r\n<style lang=\"less\">\r\n.el-table .rowColor0 {\r\n background: red !important;\r\n animation: fade 2000ms infinite ease-in-out;\r\n}\r\n\r\n@keyframes fade {\r\n from {\r\n opacity: 1;\r\n }\r\n\r\n 50% {\r\n opacity: 0.6;\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n }\r\n}\r\n\r\n// .el-pager li:hover{\r\n// color:black\r\n// }\r\n.cartitle {\r\n height: 52px;\r\n width: 100%;\r\n // background: url(\"../assets/images/carTitle.png\") no-repeat;\r\n font-size: 24px;\r\n font-weight: 600;\r\n color: #ffffff;\r\n line-height: 52px;\r\n // text-align: left;\r\n text-indent: 26px;\r\n}\r\n.titleFont {\r\n color: transparent;\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n background-image: linear-gradient(\r\n to bottom,\r\n rgb(255, 255, 255),\r\n rgb(123, 247, 245)\r\n );\r\n img {\r\n margin: 20px;\r\n }\r\n}\r\n.content {\r\n padding: 24px 31px 0 31px;\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n\r\n .line {\r\n width: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n table {\r\n thead {\r\n font-size: 22px !important;\r\n height: 50px;\r\n background: url(\"../assets/02/bgbth.png\") no-repeat;\r\n }\r\n tbody {\r\n tr {\r\n height: 50px;\r\n font-size: 18px !important;\r\n color: #fff;\r\n background: url(\"../assets/02/bgqth.png\") no-repeat;\r\n }\r\n }\r\n }\r\n\r\n .total {\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-around;\r\n margin-bottom: 15%;\r\n\r\n .num {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: center;\r\n align-items: center;\r\n color: #ffffff;\r\n\r\n .numText {\r\n color: #ffffff;\r\n }\r\n\r\n .numText:before {\r\n content: attr(text);\r\n position: absolute;\r\n z-index: 10;\r\n color: rgb(86, 254, 246) !important;\r\n -webkit-mask: linear-gradient(to top, rgb(86, 244, 254), transparent);\r\n }\r\n }\r\n }\r\n\r\n .info {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n\r\n .lists {\r\n width: 100%;\r\n height: 32px;\r\n background: url(\"../assets/images/cardSquare.png\") no-repeat;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n align-items: center;\r\n background-size: 100% 100%;\r\n margin-bottom: 9%;\r\n padding: 0 10px 0 0;\r\n box-sizing: border-box;\r\n\r\n & > div {\r\n font-size: 18px;\r\n color: #ffffff;\r\n }\r\n\r\n .number {\r\n color: rgb(86, 254, 226);\r\n }\r\n }\r\n }\r\n }\r\n}\r\n.two {\r\n background: url(\"../assets/indexN/boxLr.png\") no-repeat;\r\n background-size: 100% 100%;\r\n position: relative;\r\n}\r\n.one {\r\n background: url(\"../assets/02/bgk.png\") no-repeat;\r\n background-size: 100% 100%;\r\n position: relative;\r\n\r\n .unityBtn {\r\n position: absolute;\r\n top: 40px;\r\n left: 30%;\r\n width: 40%;\r\n display: flex;\r\n justify-content: space-between;\r\n\r\n .btn {\r\n width: 100%;\r\n height: 38px;\r\n color: #fff;\r\n font-size: 18px;\r\n line-height: 38px;\r\n background: url(\"../assets/images/btnAct.png\") no-repeat;\r\n background-size: 100% 100%;\r\n margin-bottom: 10px;\r\n margin-right: 15px;\r\n }\r\n\r\n .btnAct {\r\n color: rgb(244, 201, 7);\r\n background: url(\"../assets/images/unityBtn.png\") no-repeat;\r\n background-size: 100% 100%;\r\n margin-right: 15px;\r\n }\r\n }\r\n\r\n .unityIcon {\r\n background: url(\"../assets/images/iconCard.png\") no-repeat;\r\n background-size: 100% 100%;\r\n width: 110px;\r\n height: 168px;\r\n position: absolute;\r\n right: 40px;\r\n bottom: 80px;\r\n display: flex;\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n flex-direction: column;\r\n justify-content: space-around;\r\n align-items: center;\r\n\r\n .unityIconGround {\r\n width: 80%;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n }\r\n\r\n .unityEnlargeBtn {\r\n width: 100px;\r\n display: flex;\r\n justify-content: space-around;\r\n position: absolute;\r\n right: 40px;\r\n top: 40px;\r\n\r\n .content {\r\n width: 38px;\r\n height: 36px;\r\n background: url(\"../assets/images/btnkuang.png\") no-repeat !important;\r\n background-size: 100% 100% !important;\r\n }\r\n }\r\n\r\n .unitySelect {\r\n position: absolute;\r\n left: 40px;\r\n width: 222px;\r\n height: 5%;\r\n bottom: 20px;\r\n display: flex;\r\n align-items: center;\r\n\r\n .unitySuosou {\r\n width: 57px;\r\n height: 53px;\r\n background: url(\"../assets/images/sousuoKuang.png\") no-repeat;\r\n background-size: 100% 100%;\r\n }\r\n }\r\n}\r\n</style>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/76e3283f6d6be1edf8de114b7af36472.json b/node_modules/.cache/babel-loader/76e3283f6d6be1edf8de114b7af36472.json
index 1009ea87..280850ff 100644
--- a/node_modules/.cache/babel-loader/76e3283f6d6be1edf8de114b7af36472.json
+++ b/node_modules/.cache/babel-loader/76e3283f6d6be1edf8de114b7af36472.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\thirtyFiveKV.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\thirtyFiveKV.vue","mtime":1689927955883},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\babel.config.js","mtime":1689557787923},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["import \"core-js/modules/es6.function.name\";\nimport _defineProperty from \"D:/\\u6797\\u8C37\\u667A\\u80FD\\u9879\\u76EE/yanchengPowerSupply/node_modules/@babel/runtime/helpers/esm/defineProperty.js\";\n//引入echarts\nimport * as echarts from \"echarts\";\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: \"twentyKV\",\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 name: \"国网东台区供电公司\",\n stationNumber: \"0\",\n alternatorNumber: \"1\"\n }, {\n name: \"国网东台区供电公司\",\n stationNumber: \"23\",\n alternatorNumber: \"1\"\n }, {\n name: \"国网东台区供电公司\",\n stationNumber: \"1\",\n alternatorNumber: \"3\"\n }, {\n name: \"国网东台区供电公司\",\n stationNumber: \"1\",\n alternatorNumber: \"2\"\n }, {\n name: \"国网东台区供电公司\",\n stationNumber: \"14\",\n alternatorNumber: \"3\"\n }, {\n name: \"国网东台区供电公司\",\n stationNumber: \"45.3w\",\n alternatorNumber: \"2\"\n }, {\n name: \"国网东台区供电公司\",\n stationNumber: \"13.3w\",\n alternatorNumber: \"1\"\n }, {\n name: \"国网东台区供电公司\",\n stationNumber: \"23\",\n alternatorNumber: \"0\"\n }, {\n name: \"国网东台区供电公司\",\n stationNumber: \"23\",\n alternatorNumber: \"0\"\n }, {\n name: \"国网东台区供电公司\",\n stationNumber: \"356.3w\",\n alternatorNumber: \"2\"\n }]), _ref;\n },\n created: function created() {},\n mounted: function mounted() {\n this.detailedTwo11();\n this.detailedTwo22();\n this.detailedTwo33();\n this.barCharts();\n this.detailen();\n },\n methods: {\n detailedTwo11: function detailedTwo11() {\n var fontColor = \"#fff\";\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo1\"));\n var option = {\n tooltip: {\n trigger: \"axis\",\n axisPointer: {\n type: \"shadow\"\n }\n },\n xAxis: [{\n type: \"category\",\n data: [\"2018\", \"2019\", \"2020\", \"2021\", \"2022\"],\n axisLabel: {\n show: true,\n textStyle: {\n color: \"#ffffff\",\n fontSize: \"18\"\n }\n },\n axisLine: {\n show: false\n },\n axisTick: {\n show: false,\n alignWithLabel: true\n },\n splitArea: {\n show: false\n }\n }],\n yAxis: [{\n type: \"value\",\n name: \"\",\n axisLabel: {\n textStyle: {\n color: \"#ffffff\",\n fontSize: \"18\"\n }\n },\n splitLine: {\n show: true,\n lineStyle: {\n type: \"dashed\",\n // color: 'rgba(66, 192, 255, .3)',\n color: \"rgba(102,102,102,0.6)\",\n width: 1\n }\n }\n }],\n series: [{\n name: \"预计年变化趋势\",\n type: \"bar\",\n barWidth: 40,\n itemStyle: {\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{\n offset: 1,\n color: \"rgba(86,254,226,.2) \"\n }, {\n offset: 0.5,\n color: \"rgb(86,254,226,.6)\"\n }, {\n offset: 0,\n color: \"rgb(86,254,226)\"\n }]),\n borderRadius: [7, 7, 0, 0],\n // 柱状图圆角\n borderWidth: 0\n },\n emphasis: {\n focus: \"series\"\n },\n data: [320, 332, 301, 334, 390]\n }]\n };\n myChart.setOption(option);\n window.addEventListener(\"resize\", function () {\n myChart.resize();\n });\n },\n detailedTwo22: function detailedTwo22() {\n var fontColor = \"#30eee9\";\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo2\"));\n var option = {\n tooltip: {\n show: true,\n trigger: \"item\"\n },\n grid: {\n left: \"3%\",\n right: \"4%\",\n bottom: \"3%\",\n containLabel: true\n },\n xAxis: {\n type: \"category\",\n boundaryGap: false,\n axisLabel: {\n color: \"#fff\",\n fontSize: \"16\"\n },\n axisTick: {\n show: false\n },\n splitLine: {\n show: false,\n lineStyle: {\n color: \"#195384\"\n }\n },\n data: [\"2018\", \"2019\", \"2020\", \"2021\", \"2022\"]\n },\n yAxis: {\n type: \"value\",\n axisLine: {\n lineStyle: {\n color: \"#fff\"\n }\n },\n splitLine: {\n show: true,\n lineStyle: {\n type: \"dashed\",\n // color: 'rgba(66, 192, 255, .3)',\n color: \"rgba(102,102,102,0.6)\",\n width: 1\n }\n }\n },\n series: [{\n name: \"总投资\",\n type: \"line\",\n stack: \"Total\",\n symbol: \"none\",\n data: [80, 132, 101, 134, 121],\n itemStyle: {\n normal: {\n color: \"yellow\",\n lineStyle: {\n color: \"yellow\"\n }\n }\n }\n }]\n };\n myChart.setOption(option);\n window.addEventListener(\"resize\", function () {\n myChart.resize();\n });\n },\n detailedTwo33: function detailedTwo33() {\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo3\"));\n var honorData = [{\n name: \"60天内掉电客户数\",\n data: [15.4, 14.1, 13.3, 12.6, 13.6, 14.4, 15.1, 16.3, 18.6, 16.6]\n }, {\n name: \"60天内掉电总数\",\n data: [9.4, 8.1, 7.3, 8.6, 6.6, 9.4, 8.1, 7.3, 8.6, 6.6]\n }];\n var honorXAxisData = [\"No.10\", \"No.9\", \"No.8\", \"No.7\", \"No.6\", \"No.5\", \"No.4\", \"No.3\", \"No.2\", \"No.1\"];\n var nameList = [\"PMS_晨光满园9台区\", \"滨河华苑3台区\", \"PMS_晨光满园11台区\", \"PMS_晨光满园7台区\", \"PMS_碧桂园10#配变\", \"PMS_碧桂园12#配变\", \"晨光满园16台区\", \"晨光满园14台区\", \"滨河华苑7台区\", \"PMS_中合六配变\"];\n var option = {\n color: [\"#0F9AF8\", \"#2039C3\", \"rgba(32,57,195,.5)\", \"#2ECACE\"],\n tooltip: {\n trigger: \"axis\",\n axisPointer: {\n type: \"none\"\n }\n },\n legend: {\n right: 5,\n top: \"5%\",\n itemWidth: 10,\n itemHeight: 10,\n itemGap: 25,\n textStyle: {\n color: \"#fff\",\n fontSize: 18\n }\n },\n grid: {\n top: \"15%\",\n left: \"14%\",\n right: \"0%\",\n bottom: \"0%\"\n },\n xAxis: [{\n type: \"value\",\n show: false,\n axisLine: {\n show: false\n },\n axisTick: {\n show: false\n },\n axisLabel: {\n color: \"#6B9DD7\",\n fontSize: 16,\n // 文字大小\n fontWeight: 400,\n interval: 0,\n formatter: function formatter(value) {\n return value + \"(万元)\";\n }\n },\n splitLine: {\n show: false\n }\n }],\n yAxis: [{\n type: \"category\",\n offset: 17,\n axisLine: {\n show: false\n },\n axisTick: {\n show: false\n },\n axisLabel: {\n color: \"#fff\",\n fontSize: 20,\n // 文字大小\n fontWeight: 700,\n interval: 0\n },\n data: honorXAxisData\n }, {\n //名称\n type: \"category\",\n offset: -10,\n position: \"left\",\n axisLine: {\n show: false\n },\n inverse: true,\n axisTick: {\n show: false\n },\n axisLabel: {\n interval: 0,\n color: \"#fff\",\n align: \"left\",\n verticalAlign: \"bottom\",\n lineHeight: 40,\n fontSize: 20\n },\n data: nameList\n }],\n series: [{\n name: \"60天内掉电客户数\",\n type: \"bar\",\n stack: \"zongliang\",\n barWidth: \"25%\",\n barGap: 40,\n // 柱图之间的间距\n itemStyle: {\n //自定义颜色\n // normal: { color: \"orange\" },\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{\n //代表渐变色从正上方开始\n offset: 0,\n //offset范围是0~1，用于表示位置，0是指0%处的颜色\n color: \"rgba(255,165,0,.4)\"\n },\n //柱图渐变色\n {\n offset: 1,\n //指100%处的颜色\n color: \"rgb(255,165,0)\"\n }])\n },\n label: {\n normal: {\n show: true,\n position: [\"80%\", \"-100%\"],\n formatter: function formatter(params) {\n return params.value;\n },\n textStyle: {\n color: \"#fff\",\n fontSize: 18\n }\n }\n },\n data: honorData[0].data\n }, {\n name: \"60天内掉电总数\",\n type: \"bar\",\n stack: \"zongliang\",\n barWidth: \"25%\",\n barGap: 40,\n // 柱图之间的间距\n itemStyle: {\n //自定义颜色\n // normal: { color: \"orange\" },\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{\n //代表渐变色从正上方开始\n offset: 0,\n //offset范围是0~1，用于表示位置，0是指0%处的颜色\n color: \"#005BEA\"\n },\n //柱图渐变色\n {\n offset: 1,\n //指100%处的颜色\n color: \"#00C6FB\"\n }])\n },\n label: {\n normal: {\n show: true,\n position: [\"80%\", \"-100%\"],\n formatter: function formatter(params) {\n return params.value;\n },\n textStyle: {\n color: \"#fff\",\n fontSize: 18\n }\n }\n },\n data: honorData[1].data\n }]\n };\n myChart.setOption(option);\n window.addEventListener(\"resize\", function () {\n myChart.resize();\n });\n },\n barCharts: function barCharts() {\n var _normal;\n var m2R2Data = [{\n value: 335,\n legendname: \"22%\",\n name: \"国网大丰市供电公司\",\n itemStyle: {\n color: \"#8d7fec\"\n }\n }, {\n value: 310,\n legendname: \"22%\",\n name: \"盐城运维检修部(检修分公司)\",\n itemStyle: {\n color: \"#5085f2\"\n }\n }, {\n value: 234,\n legendname: \"22%\",\n name: \"国网射阳县供电公司\",\n itemStyle: {\n color: \"#e75fc3\"\n }\n }, {\n value: 154,\n legendname: \"22%\",\n name: \"国网响水县供电公司\",\n itemStyle: {\n color: \"#f87be2\"\n }\n }, {\n value: 335,\n legendname: \"22%\",\n name: \"设备管理部\",\n itemStyle: {\n color: \"#f2719a\"\n }\n }, {\n value: 335,\n legendname: \"22%\",\n name: \"开发区供电服务中心\",\n itemStyle: {\n color: \"#fca4bb\"\n }\n }];\n var myChart = this.$echarts.init(document.getElementById(\"barCharts\"));\n var option = {\n title: [{\n text: \"总计\",\n subtext: 59.53 + \"万\",\n textStyle: {\n fontSize: 20,\n color: \"#fff\"\n },\n subtextStyle: {\n fontSize: 20,\n color: \"yellow\"\n },\n textAlign: \"center\",\n x: \"34.5%\",\n y: \"44%\"\n }],\n tooltip: {\n trigger: \"item\",\n formatter: function formatter(parms) {\n var str = parms.seriesName + \"</br>\" + parms.marker + \"\" + parms.data.legendname + \"</br>\" + \"数量：\" + parms.data.value + \"</br>\" + \"占比：\" + parms.percent + \"%\";\n return str;\n }\n },\n legend: {\n type: \"scroll\",\n orient: \"vertical\",\n left: \"70%\",\n align: \"left\",\n top: \"middle\",\n textStyle: {\n color: \"white\",\n fontSize: 16\n },\n height: 250,\n //格式化图例文本\n formatter: function formatter(name) {\n // console.log(option);\n var than = option.series[0].data; //获取series中的data\n var total = 0;\n var tarValue;\n for (var i = 0, l = than.length; i < l; i++) {\n total += than[i].value;\n if (than[i].name == name) {\n tarValue = than[i].value;\n }\n }\n var p = tarValue / total * 100;\n return name;\n },\n icon: \"roundRect\",\n data: [\"国网大丰市供电公司\", \"设备管理部\", \"国网射阳县供电公司\", \"国网响水县供电公司\", \"盐城运维检修部(检修分公司)\", \"开发区供电服务中心\"]\n },\n series: [{\n type: \"pie\",\n center: [\"35%\", \"50%\"],\n radius: [\"30%\", \"55%\"],\n clockwise: false,\n //饼图的扇区是否是顺时针排布\n avoidLabelOverlap: false,\n lable: {\n normal: {\n show: true,\n textStyle: {\n fontSize: 18\n }\n },\n emphasis: {\n show: true\n }\n },\n labelLine: {\n normal: (_normal = {\n length: 10\n }, _defineProperty(_normal, \"length\", 30), _defineProperty(_normal, \"lineStyle\", {\n width: 3,\n // 线条的宽度\n color: \"rgb(86,254,226)\" //线的颜色设置， 如没有设置颜色则线条的颜色跟随饼状图的颜色\n }), _normal)\n },\n itemStyle: {\n normal: {\n borderRadius: 10,\n borderColor: \"transparent\",\n borderWidth: 2,\n label: {\n show: true,\n formatter: \" {d}% \",\n fontSize: 20,\n color: \"#fff\"\n }\n }\n },\n data: m2R2Data\n }, {\n type: \"pie\",\n radius: [\"110\", \"111\"],\n center: [\"35%\", \"50%\"],\n data: [100],\n label: {\n show: false\n }\n }]\n };\n myChart.setOption(option);\n window.addEventListener(\"resize\", function () {\n myChart.resize();\n });\n },\n detailen: function detailen() {\n var _normal2;\n var myChart = this.$echarts.init(document.getElementById(\"detailen\"));\n var option = {\n color: [\"#1E9BD1\", \"#A0CE3A\", \"#31C5C0\", \"#0F347B\", \"#585247\", \"#7F6AAD\"],\n tooltip: {\n trigger: \"item\",\n formatter: \"{a} <br/>{b} : {c} ({d}%)\"\n },\n legend: {\n orient: \"vertical\",\n top: \"middle\",\n right: \"5%\",\n textStyle: {\n color: \"#fff\",\n fontSize: 18\n },\n //格式化图例文本\n formatter: function formatter(name) {\n // console.log(option);\n var than = option.series[0].data; //获取series中的data\n var total = 0;\n var tarValue;\n for (var i = 0, l = than.length; i < l; i++) {\n total += than[i].value;\n if (than[i].name == name) {\n tarValue = than[i].value;\n }\n }\n var p = tarValue / total * 100;\n return p.toFixed(2) + \"%\";\n }\n },\n calculable: true,\n series: [{\n type: \"pie\",\n center: [\"35%\", \"50%\"],\n radius: [25, 100],\n roseType: \"area\",\n labelLine: {\n normal: (_normal2 = {\n length: 30\n }, _defineProperty(_normal2, \"length\", 10), _defineProperty(_normal2, \"lineStyle\", {\n width: 3,\n // 线条的宽度\n color: \"rgb(86,254,226)\" //线的颜色设置， 如没有设置颜色则线条的颜色跟随饼状图的颜色\n }), _normal2)\n },\n itemStyle: {\n normal: {\n label: {\n show: true,\n fontSize: 20,\n color: \"#fff\"\n }\n }\n },\n data: [{\n value: 21,\n name: \"国网射阳县供电公司\"\n }, {\n value: 20,\n name: \"设备管理部\"\n }, {\n value: 22,\n name: \"国网大丰市供电公司\"\n }, {\n value: 25,\n name: \"国网响水县供电公司\"\n }, {\n value: 20,\n name: \"盐城运维检修部(检修分公司)\"\n }, {\n value: 30,\n name: \"开发区供电服务中心\"\n }]\n }, {\n type: \"pie\",\n radius: [\"110\", \"111\"],\n center: [\"35%\", \"50%\"],\n data: [100],\n label: {\n show: false\n }\n }]\n };\n myChart.setOption(option);\n window.addEventListener(\"resize\", function () {\n myChart.resize();\n });\n }\n },\n watch: {}\n};",{"version":3,"mappings":";;AAyMA;AACA;AACA;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;MACAlC;MACAmC;MACAC;IACA,GACA;MACApC;MACAmC;MACAC;IACA,GACA;MACApC;MACAmC;MACAC;IACA,GACA;MACApC;MACAmC;MACAC;IACA,GACA;MACApC;MACAmC;MACAC;IACA,GACA;MACApC;MACAmC;MACAC;IACA,GACA;MACApC;MACAmC;MACAC;IACA,GACA;MACApC;MACAmC;MACAC;IACA,GACA;MACApC;MACAmC;MACAC;IACA,GACA;MACApC;MACAmC;MACAC;IACA,EACA;EAEA;EACAC;EACAC;IACA;IACA;IACA;IACA;IACA;EACA;EACAC;IACAC;MACA;MACA;MACA;QACAC;UACAC;UACAC;YACAC;UACA;QACA;QACAC,QACA;UACAD;UACAtC;UACAwC;YACAC;YACAC;cACAC;cACAC;YACA;UACA;UACAC;YACAJ;UACA;UACAK;YACAL;YACAM;UACA;UACAC;YAAAP;UAAA;QACA,EACA;QACAQ,QACA;UACAX;UACA5C;UACA8C;YACAE;cACAC;cACAC;YACA;UACA;UACAM;YACAT;YACAU;cACAb;cACA;cACAK;cACAS;YACA;UACA;QACA,EACA;QACAC,SACA;UACA3D;UACA4C;UACAgB;UACAC;YACAZ,uDACA;cAAAa;cAAAb;YAAA,GACA;cAAAa;cAAAb;YAAA,GACA;cAAAa;cAAAb;YAAA,EACA;YACAc;YAAA;YACAC;UACA;UACAC;YACAC;UACA;UACA5D;QACA;MAEA;MACA6D;MACAC;QACAD;MACA;IACA;IACAE;MACA;MACA;MACA;QACA5B;UACAM;UACAL;QACA;QACA4B;UACAC;UACAC;UACAC;UACAC;QACA;QACA7B;UACAD;UACA+B;UACA7B;YACAG;YACAC;UACA;UACAE;YACAL;UACA;UACAS;YACAT;YACAU;cACAR;YACA;UACA;UACA3C;QACA;QACAiD;UACAX;UACAO;YACAM;cACAR;YACA;UACA;UACAO;YACAT;YACAU;cACAb;cACA;cACAK;cACAS;YACA;UACA;QACA;QACAC,SACA;UACA3D;UACA4C;UACAgC;UACAC;UACAvE;UACAuD;YACAiB;cACA7B;cACAQ;gBACAR;cACA;YACA;UACA;QACA;MAEA;MACAkB;MACAC;QACAD;MACA;IACA;IACAY;MACA;MACA,iBACA;QACA/E;QACAM;MACA,GACA;QACAN;QACAM;MACA,EACA;MACA,sBACA,SACA,QACA,QACA,QACA,QACA,QACA,QACA,QACA,QACA,OACA;MACA,gBACA,eACA,WACA,gBACA,eACA,gBACA,gBACA,YACA,YACA,WACA,YACA;MACA;QACA2C;QACAR;UACAC;UACAC;YACAC;UACA;QACA;QACAoC;UACAR;UACAS;UACAC;UACAC;UACAC;UACApC;YACAC;YACAC;UACA;QACA;QACAoB;UACAW;UACAV;UACAC;UACAC;QACA;QACA5B,QACA;UACAD;UACAG;UACAI;YACAJ;UACA;UACAK;YACAL;UACA;UACAD;YACAG;YACAC;YAAA;YACAmC;YACAC;YACAC;cACA;YACA;UACA;UACA/B;YACAT;UACA;QACA,EACA;QACAQ,QACA;UACAX;UACAkB;UACAX;YACAJ;UACA;UACAK;YACAL;UACA;UACAD;YACAG;YACAC;YAAA;YACAmC;YACAC;UACA;UACAhF;QACA,GACA;UACA;UACAsC;UACAkB;UACA0B;UACArC;YACAJ;UACA;UACA0C;UACArC;YACAL;UACA;UACAD;YACAwC;YACArC;YACAyC;YACAC;YACAC;YACA1C;UACA;UACA5C;QACA,EACA;QACAqD,SACA;UACA3D;UACA4C;UACAgC;UACAhB;UACAiC;UAAA;UACAhC;YACA;YACA;YACAZ,uDACA;cACA;cACAa;cAAA;cACAb;YACA;YAAA;YACA;cACAa;cAAA;cACAb;YACA,EACA;UACA;UACAlB;YACA+C;cACA/B;cACAyC;cACAD;gBACA;cACA;cACAvC;gBACAC;gBACAC;cACA;YACA;UACA;UAEA5C;QACA,GACA;UACAN;UACA4C;UACAgC;UACAhB;UACAiC;UAAA;UACAhC;YACA;YACA;YACAZ,uDACA;cACA;cACAa;cAAA;cACAb;YACA;YAAA;YACA;cACAa;cAAA;cACAb;YACA,EACA;UACA;UACAlB;YACA+C;cACA/B;cACAyC;cACAD;gBACA;cACA;cACAvC;gBACAC;gBACAC;cACA;YACA;UACA;UACA5C;QACA;MAEA;MACA6D;MACAC;QACAD;MACA;IACA;IACA2B;MAAA;MACA,gBACA;QACAhE;QACAiE;QACA/F;QACA6D;UAAAZ;QAAA;MACA,GACA;QACAnB;QACAiE;QACA/F;QACA6D;UAAAZ;QAAA;MACA,GACA;QACAnB;QACAiE;QACA/F;QACA6D;UAAAZ;QAAA;MACA,GACA;QACAnB;QACAiE;QACA/F;QACA6D;UAAAZ;QAAA;MACA,GACA;QACAnB;QACAiE;QACA/F;QACA6D;UAAAZ;QAAA;MACA,GACA;QACAnB;QACAiE;QACA/F;QACA6D;UAAAZ;QAAA;MACA,EACA;MACA;MACA;QACA+C,QACA;UACAC;UACAC;UACAlD;YACAE;YACAD;UACA;UACAkD;YACAjD;YACAD;UACA;UACAmD;UACAC;UACAC;QACA,EACA;QACA7D;UACAC;UACA6C;YACA,UACAgB,mBACA,UACAA,eACA,KACAA,wBACA,UACA,QACAA,mBACA,UACA,QACAA,gBACA;YACA;UACA;QACA;QACAvB;UACApC;UACA4D;UACAjC;UACAmB;UACAT;UACAjC;YACAC;YACAC;UACA;UACAuD;UACA;UACAlB;YACA;YACA;YACA;YACA;YACA;cACAmB;cACA;gBACAC;cACA;YACA;YACA;YACA;UACA;UACAjF;UACApB,OACA,aACA,SACA,aACA,aACA,kBACA;QAEA;QACAqD,SACA;UACAf;UACAgE;UACAC;UACAC;UAAA;UACAC;UACAC;YACAlC;cACA/B;cACAC;gBACAE;cACA;YACA;YACAe;cACAlB;YACA;UACA;UAEAkE;YACAnC;cACAoC;YAAA,sCACA,2CACA;cACAxD;cAAA;cACAT;YACA;UAEA;UAEAY;YACAiB;cACAf;cACAoD;cACAnD;cACAjC;gBACAgB;gBACAwC;gBACArC;gBACAD;cACA;YACA;UACA;UAEA3C;QACA,GACA;UACAsC;UACAiE;UACAD;UACAtG;UACAyB;YACAgB;UACA;QACA;MAEA;MACAoB;MACAC;QACAD;MACA;IACA;IACAiD;MAAA;MACA;MACA;QACAnE,QACA,WACA,WACA,WACA,WACA,WACA,UACA;QACAR;UACAC;UACA6C;QACA;QACAP;UACAwB;UACAvB;UACAT;UACAxB;YACAC;YACAC;UACA;UACA;UACAqC;YACA;YACA;YACA;YACA;YACA;cACAmB;cACA;gBACAC;cACA;YACA;YACA;YACA;UACA;QACA;QACAU;QACA1D,SACA;UACAf;UACAgE;UACAC;UACAS;UACAL;YACAnC;cACAoC;YAAA,uCACA,4CACA;cACAxD;cAAA;cACAT;YACA;UAEA;UAEAY;YACAiB;cACA/C;gBACAgB;gBACAG;gBACAD;cACA;YACA;UACA;UACA3C,OACA;YAAAwB;YAAA9B;UAAA,GACA;YAAA8B;YAAA9B;UAAA,GACA;YAAA8B;YAAA9B;UAAA,GACA;YAAA8B;YAAA9B;UAAA,GACA;YAAA8B;YAAA9B;UAAA,GACA;YAAA8B;YAAA9B;UAAA;QAEA,GACA;UACA4C;UACAiE;UACAD;UACAtG;UACAyB;YACAgB;UACA;QACA;MAEA;MACAoB;MACAC;QACAD;MACA;IACA;EACA;EACAoD;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","stationNumber","alternatorNumber","created","mounted","methods","detailedTwo11","tooltip","trigger","axisPointer","type","xAxis","axisLabel","show","textStyle","color","fontSize","axisLine","axisTick","alignWithLabel","splitArea","yAxis","splitLine","lineStyle","width","series","barWidth","itemStyle","offset","borderRadius","borderWidth","emphasis","focus","myChart","window","detailedTwo22","grid","left","right","bottom","containLabel","boundaryGap","stack","symbol","normal","detailedTwo33","legend","top","itemWidth","itemHeight","itemGap","fontWeight","interval","formatter","position","inverse","align","verticalAlign","lineHeight","barGap","barCharts","legendname","title","text","subtext","subtextStyle","textAlign","x","y","parms","orient","height","total","tarValue","center","radius","clockwise","avoidLabelOverlap","lable","labelLine","length","borderColor","detailen","calculable","roseType","watch"],"sourceRoot":"src/views","sources":["thirtyFiveKV.vue"],"sourcesContent":["<template>\r\n <div class=\"home\">\r\n <div class=\"left\" id=\"left\">\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>预计年/月变化趋势</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div class=\"enselect\">\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n <span class=\"text\">2022</span>\r\n </div>\r\n <div id=\"detailedTwo1\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>年/月总投资变化趋势</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div class=\"enselect\">\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n <span class=\"text\">2022</span>\r\n </div>\r\n <div id=\"detailedTwo2\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"left1\" id=\"left\">\r\n <div class=\"one\" style=\"height: 100%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>县公司预算统计</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div id=\"detailedTwo3\"></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 <img class=\"allimg\" src=\"../assets/indexN/dfsxz.png\" alt=\"\" />\r\n <div class=\"imgboxone\">\r\n <div class=\"contents\">\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <div style=\"display: inline-block\">\r\n <img\r\n style=\"float: left\"\r\n src=\"../assets/index/mainTb1.png\"\r\n alt=\"\"\r\n />\r\n <span>项目数</span>\r\n </div>\r\n <h5 class=\"yellow\">\r\n 9.279 <span style=\"color: #fff\">万</span>\r\n </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 <div style=\"display: inline-block\">\r\n <img\r\n style=\"float: left; height: 30px; width: 30px\"\r\n src=\"../assets/index/mainTb2.png\"\r\n alt=\"\"\r\n />\r\n <span>预算费用总和</span>\r\n </div>\r\n <h5 class=\"orange\">\r\n 118.5<span style=\"color: #fff\">万</span>\r\n </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 <div style=\"display: inline-block\">\r\n <img\r\n style=\"float: left; height: 30px; width: 30px\"\r\n src=\"../assets/index/mainTb1.png\"\r\n alt=\"\"\r\n />\r\n <span>计划数</span>\r\n </div>\r\n <h5 class=\"yellow\"> 44</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 <div style=\"display: inline-block\">\r\n <img\r\n style=\"float: left; height: 30px; width: 30px\"\r\n src=\"../assets/index/mainTb2.png\"\r\n alt=\"\"\r\n />\r\n <span>物科数</span>\r\n </div>\r\n <h5 class=\"orange\"> 10</h5>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"right\" id=\"right\">\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>县物项目总投资比</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div id=\"barCharts\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>县物资占比分配</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div id=\"detailen\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"right1\" id=\"right\">\r\n <div class=\"one\" style=\"height: 100%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>县公司预算统计</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <table>\r\n <thead style=\"color: #fff; font-size: 30px\">\r\n <tr>\r\n <td>县公司名称</td>\r\n <td>物科数量</td>\r\n <td>计划数量</td>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <tr v-for=\"(item, index) in pvTable\" :key=\"index\">\r\n <td>{{ item.name }}</td>\r\n <td>{{ item.stationNumber }}</td>\r\n <td class=\"titleFont\">{{ item.alternatorNumber }}</td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <audio\r\n controls=\"controls\"\r\n hidden\r\n src=\"../assets/videos/police.wav\"\r\n ref=\"audio\"\r\n ></audio>\r\n </div>\r\n</template>\r\n\r\n<script>\r\n//引入echarts\r\nimport * as echarts from \"echarts\";\r\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: \"twentyKV\",\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 name: \"国网东台区供电公司\",\r\n stationNumber: \"0\",\r\n alternatorNumber: \"1\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"23\",\r\n alternatorNumber: \"1\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"1\",\r\n alternatorNumber: \"3\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"1\",\r\n alternatorNumber: \"2\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"14\",\r\n alternatorNumber: \"3\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"45.3w\",\r\n alternatorNumber: \"2\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"13.3w\",\r\n alternatorNumber: \"1\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"23\",\r\n alternatorNumber: \"0\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"23\",\r\n alternatorNumber: \"0\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"356.3w\",\r\n alternatorNumber: \"2\",\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.detailedTwo33();\r\n this.barCharts();\r\n this.detailen();\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 tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n },\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n data: [\"2018\", \"2019\", \"2020\", \"2021\", \"2022\"],\r\n axisLabel: {\r\n show: true,\r\n textStyle: {\r\n color: \"#ffffff\",\r\n fontSize: \"18\",\r\n },\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 },\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 fontSize: \"18\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"预计年变化趋势\",\r\n type: \"bar\",\r\n barWidth: 40,\r\n itemStyle: {\r\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n { offset: 1, color: \"rgba(86,254,226,.2) \" },\r\n { offset: 0.5, color: \"rgb(86,254,226,.6)\" },\r\n { offset: 0, color: \"rgb(86,254,226)\" },\r\n ]),\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n emphasis: {\r\n focus: \"series\",\r\n },\r\n data: [320, 332, 301, 334, 390],\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedTwo22() {\r\n var fontColor = \"#30eee9\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo2\"));\r\n var option = {\r\n tooltip: {\r\n show: true,\r\n trigger: \"item\",\r\n },\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: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: \"#fff\",\r\n fontSize: \"16\",\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: [\"2018\", \"2019\", \"2020\", \"2021\", \"2022\"],\r\n },\r\n yAxis: {\r\n type: \"value\",\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n series: [\r\n {\r\n name: \"总投资\",\r\n type: \"line\",\r\n stack: \"Total\",\r\n symbol: \"none\",\r\n data: [80, 132, 101, 134, 121],\r\n itemStyle: {\r\n normal: {\r\n color: \"yellow\",\r\n lineStyle: {\r\n color: \"yellow\",\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 detailedTwo33() {\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo3\"));\r\n var honorData = [\r\n {\r\n name: \"60天内掉电客户数\",\r\n data: [15.4, 14.1, 13.3, 12.6, 13.6, 14.4, 15.1, 16.3, 18.6, 16.6],\r\n },\r\n {\r\n name: \"60天内掉电总数\",\r\n data: [9.4, 8.1, 7.3, 8.6, 6.6, 9.4, 8.1, 7.3, 8.6, 6.6],\r\n },\r\n ];\r\n var honorXAxisData = [\r\n \"No.10\",\r\n \"No.9\",\r\n \"No.8\",\r\n \"No.7\",\r\n \"No.6\",\r\n \"No.5\",\r\n \"No.4\",\r\n \"No.3\",\r\n \"No.2\",\r\n \"No.1\",\r\n ];\r\n var nameList = [\r\n \"PMS_晨光满园9台区\",\r\n \"滨河华苑3台区\",\r\n \"PMS_晨光满园11台区\",\r\n \"PMS_晨光满园7台区\",\r\n \"PMS_碧桂园10#配变\",\r\n \"PMS_碧桂园12#配变\",\r\n \"晨光满园16台区\",\r\n \"晨光满园14台区\",\r\n \"滨河华苑7台区\",\r\n \"PMS_中合六配变\",\r\n ];\r\n var option = {\r\n color: [\"#0F9AF8\", \"#2039C3\", \"rgba(32,57,195,.5)\", \"#2ECACE\"],\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"none\",\r\n },\r\n },\r\n legend: {\r\n right: 5,\r\n top: \"5%\",\r\n itemWidth: 10,\r\n itemHeight: 10,\r\n itemGap: 25,\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n grid: {\r\n top: \"15%\",\r\n left: \"14%\",\r\n right: \"0%\",\r\n bottom: \"0%\",\r\n },\r\n xAxis: [\r\n {\r\n type: \"value\",\r\n show: false,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: \"#6B9DD7\",\r\n fontSize: 16, // 文字大小\r\n fontWeight: 400,\r\n interval: 0,\r\n formatter: function (value) {\r\n return value + \"(万元)\";\r\n },\r\n },\r\n splitLine: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"category\",\r\n offset: 17,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: \"#fff\",\r\n fontSize: 20, // 文字大小\r\n fontWeight: 700,\r\n interval: 0,\r\n },\r\n data: honorXAxisData,\r\n },\r\n {\r\n //名称\r\n type: \"category\",\r\n offset: -10,\r\n position: \"left\",\r\n axisLine: {\r\n show: false,\r\n },\r\n inverse: true,\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n color: \"#fff\",\r\n align: \"left\",\r\n verticalAlign: \"bottom\",\r\n lineHeight: 40,\r\n fontSize: 20,\r\n },\r\n data: nameList,\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"60天内掉电客户数\",\r\n type: \"bar\",\r\n stack: \"zongliang\",\r\n barWidth: \"25%\",\r\n barGap: 40, // 柱图之间的间距\r\n itemStyle: {\r\n //自定义颜色\r\n // normal: { color: \"orange\" },\r\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"rgba(255,165,0,.4)\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"rgb(255,165,0)\",\r\n },\r\n ]),\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: [\"80%\", \"-100%\"],\r\n formatter: function (params) {\r\n return params.value;\r\n },\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n\r\n data: honorData[0].data,\r\n },\r\n {\r\n name: \"60天内掉电总数\",\r\n type: \"bar\",\r\n stack: \"zongliang\",\r\n barWidth: \"25%\",\r\n barGap: 40, // 柱图之间的间距\r\n itemStyle: {\r\n //自定义颜色\r\n // normal: { color: \"orange\" },\r\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"#005BEA\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"#00C6FB\",\r\n },\r\n ]),\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: [\"80%\", \"-100%\"],\r\n formatter: function (params) {\r\n return params.value;\r\n },\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n data: honorData[1].data,\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n barCharts() {\r\n var m2R2Data = [\r\n {\r\n value: 335,\r\n legendname: \"22%\",\r\n name: \"国网大丰市供电公司\",\r\n itemStyle: { color: \"#8d7fec\" },\r\n },\r\n {\r\n value: 310,\r\n legendname: \"22%\",\r\n name: \"盐城运维检修部(检修分公司)\",\r\n itemStyle: { color: \"#5085f2\" },\r\n },\r\n {\r\n value: 234,\r\n legendname: \"22%\",\r\n name: \"国网射阳县供电公司\",\r\n itemStyle: { color: \"#e75fc3\" },\r\n },\r\n {\r\n value: 154,\r\n legendname: \"22%\",\r\n name: \"国网响水县供电公司\",\r\n itemStyle: { color: \"#f87be2\" },\r\n },\r\n {\r\n value: 335,\r\n legendname: \"22%\",\r\n name: \"设备管理部\",\r\n itemStyle: { color: \"#f2719a\" },\r\n },\r\n {\r\n value: 335,\r\n legendname: \"22%\",\r\n name: \"开发区供电服务中心\",\r\n itemStyle: { color: \"#fca4bb\" },\r\n },\r\n ];\r\n var myChart = this.$echarts.init(document.getElementById(\"barCharts\"));\r\n var option = {\r\n title: [\r\n {\r\n text: \"总计\",\r\n subtext: 59.53 + \"万\",\r\n textStyle: {\r\n fontSize: 20,\r\n color: \"#fff\",\r\n },\r\n subtextStyle: {\r\n fontSize: 20,\r\n color: \"yellow\",\r\n },\r\n textAlign: \"center\",\r\n x: \"34.5%\",\r\n y: \"44%\",\r\n },\r\n ],\r\n tooltip: {\r\n trigger: \"item\",\r\n formatter: function (parms) {\r\n var str =\r\n parms.seriesName +\r\n \"</br>\" +\r\n parms.marker +\r\n \"\" +\r\n parms.data.legendname +\r\n \"</br>\" +\r\n \"数量：\" +\r\n parms.data.value +\r\n \"</br>\" +\r\n \"占比：\" +\r\n parms.percent +\r\n \"%\";\r\n return str;\r\n },\r\n },\r\n legend: {\r\n type: \"scroll\",\r\n orient: \"vertical\",\r\n left: \"70%\",\r\n align: \"left\",\r\n top: \"middle\",\r\n textStyle: {\r\n color: \"white\",\r\n fontSize: 16,\r\n },\r\n height: 250,\r\n //格式化图例文本\r\n formatter(name) {\r\n // console.log(option);\r\n let than = option.series[0].data; //获取series中的data\r\n let total = 0;\r\n let tarValue;\r\n for (let i = 0, l = than.length; i < l; i++) {\r\n total += than[i].value;\r\n if (than[i].name == name) {\r\n tarValue = than[i].value;\r\n }\r\n }\r\n let p = (tarValue / total) * 100;\r\n return name;\r\n },\r\n icon: \"roundRect\",\r\n data: [\r\n \"国网大丰市供电公司\",\r\n \"设备管理部\",\r\n \"国网射阳县供电公司\",\r\n \"国网响水县供电公司\",\r\n \"盐城运维检修部(检修分公司)\",\r\n \"开发区供电服务中心\",\r\n ],\r\n },\r\n series: [\r\n {\r\n type: \"pie\",\r\n center: [\"35%\", \"50%\"],\r\n radius: [\"30%\", \"55%\"],\r\n clockwise: false, //饼图的扇区是否是顺时针排布\r\n avoidLabelOverlap: false,\r\n lable: {\r\n normal: {\r\n show: true,\r\n textStyle: {\r\n fontSize: 18,\r\n },\r\n },\r\n emphasis: {\r\n show: true,\r\n },\r\n },\r\n\r\n labelLine: {\r\n normal: {\r\n length: 10, //第一条线\r\n length: 30, //第二条线\r\n lineStyle: {\r\n width: 3, // 线条的宽度\r\n color: \"rgb(86,254,226)\", //线的颜色设置， 如没有设置颜色则线条的颜色跟随饼状图的颜色\r\n },\r\n },\r\n },\r\n\r\n itemStyle: {\r\n normal: {\r\n borderRadius: 10,\r\n borderColor: \"transparent\",\r\n borderWidth: 2,\r\n label: {\r\n show: true,\r\n formatter: \" {d}% \",\r\n fontSize: 20,\r\n color: \"#fff\",\r\n },\r\n },\r\n },\r\n\r\n data: m2R2Data,\r\n },\r\n {\r\n type: \"pie\",\r\n radius: [\"110\", \"111\"],\r\n center: [\"35%\", \"50%\"],\r\n data: [100],\r\n label: {\r\n show: false,\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 detailen() {\r\n var myChart = this.$echarts.init(document.getElementById(\"detailen\"));\r\n var option = {\r\n color: [\r\n \"#1E9BD1\",\r\n \"#A0CE3A\",\r\n \"#31C5C0\",\r\n \"#0F347B\",\r\n \"#585247\",\r\n \"#7F6AAD\",\r\n ],\r\n tooltip: {\r\n trigger: \"item\",\r\n formatter: \"{a} <br/>{b} : {c} ({d}%)\",\r\n },\r\n legend: {\r\n orient: \"vertical\",\r\n top: \"middle\",\r\n right: \"5%\",\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n //格式化图例文本\r\n formatter(name) {\r\n // console.log(option);\r\n let than = option.series[0].data; //获取series中的data\r\n let total = 0;\r\n let tarValue;\r\n for (let i = 0, l = than.length; i < l; i++) {\r\n total += than[i].value;\r\n if (than[i].name == name) {\r\n tarValue = than[i].value;\r\n }\r\n }\r\n let p = (tarValue / total) * 100;\r\n return p.toFixed(2) + \"%\";\r\n },\r\n },\r\n calculable: true,\r\n series: [\r\n {\r\n type: \"pie\",\r\n center: [\"35%\", \"50%\"],\r\n radius: [25, 100],\r\n roseType: \"area\",\r\n labelLine: {\r\n normal: {\r\n length: 30, //第一条线\r\n length: 10, //第二条线\r\n lineStyle: {\r\n width: 3, // 线条的宽度\r\n color: \"rgb(86,254,226)\", //线的颜色设置， 如没有设置颜色则线条的颜色跟随饼状图的颜色\r\n },\r\n },\r\n },\r\n\r\n itemStyle: {\r\n normal: {\r\n label: {\r\n show: true,\r\n fontSize: 20,\r\n color: \"#fff\",\r\n },\r\n },\r\n },\r\n data: [\r\n { value: 21, name: \"国网射阳县供电公司\" },\r\n { value: 20, name: \"设备管理部\" },\r\n { value: 22, name: \"国网大丰市供电公司\" },\r\n { value: 25, name: \"国网响水县供电公司\" },\r\n { value: 20, name: \"盐城运维检修部(检修分公司)\" },\r\n { value: 30, name: \"开发区供电服务中心\" },\r\n ],\r\n },\r\n {\r\n type: \"pie\",\r\n radius: [\"110\", \"111\"],\r\n center: [\"35%\", \"50%\"],\r\n data: [100],\r\n label: {\r\n show: false,\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 },\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 #detailedTwo1 {\r\n width: 100%;\r\n height: 350px;\r\n }\r\n #detailedTwo2 {\r\n width: 100%;\r\n height: 350px;\r\n }\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 #detailedTwo3 {\r\n width: 100%;\r\n height: 50vh;\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/04/mainW.png\") no-repeat;\r\n width: 100%;\r\n height: 17%;\r\n position: relative;\r\n top: 45%;\r\n left: 30%;\r\n .contents {\r\n // height: 90%;\r\n position: absolute;\r\n padding: 10px;\r\n height: 100%;\r\n width: 53%;\r\n display: flex;\r\n flex-direction: row;\r\n /* 平分剩余空间 */\r\n justify-content: space-around;\r\n .lines {\r\n width: 100%;\r\n padding: 10px 0 0 1px;\r\n background: url(\"../assets/index/mainMin.png\") no-repeat;\r\n }\r\n\r\n .total {\r\n .num {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: center;\r\n align-items: left;\r\n color: #ffffff;\r\n span {\r\n font-size: 20px;\r\n }\r\n h5 {\r\n font-size: 34px;\r\n }\r\n .yellow {\r\n padding-top: 30px;\r\n color: yellow;\r\n }\r\n .orange {\r\n padding-top: 30px;\r\n color: orange;\r\n }\r\n .yellows {\r\n padding-top: 20px;\r\n color: yellow;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n .map {\r\n background: url(\"../assets/indexN/map.png\") no-repeat;\r\n vertical-align: middle;\r\n display: table-cell;\r\n text-align: center;\r\n margin-left: -20%;\r\n .allimg {\r\n position: relative;\r\n left: 20.5%;\r\n top: 35%;\r\n }\r\n }\r\n }\r\n\r\n .right {\r\n // width: 604px;\r\n width: 16.8%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n #barCharts {\r\n // width: 100%;\r\n // height: calc(100% - 52px);\r\n width: 90%;\r\n height: calc(100% - 100px);\r\n position: absolute;\r\n }\r\n #detailqe {\r\n width: 100%;\r\n height: 350px;\r\n }\r\n #detailen {\r\n width: 100%;\r\n height: 350px;\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 #detailstop {\r\n width: 100%;\r\n height: 400px;\r\n }\r\n }\r\n}\r\n\r\n// }\r\n</style>\r\n<style lang=\"less\" scoped>\r\n// .el-popper {\r\n// top: 50%;\r\n// }\r\n\r\n/deep/ .popper__arrow {\r\n left: 171px !important;\r\n top: 95px !important;\r\n}\r\n\r\n/deep/ .el-select-dropdown {\r\n background-color: rgb(14, 30, 46) !important;\r\n border: 1px solid rgba(45, 143, 148, 0.5) !important;\r\n\r\n /deep/ .el-select-dropdown__item {\r\n color: #fff !important;\r\n }\r\n\r\n /deep/ .el-select-dropdown__item.hover,\r\n /deep/ .el-select-dropdown__item:hover {\r\n background-color: rgb(18, 54, 87) !important;\r\n }\r\n}\r\n\r\n/deep/ .el-popper[x-placement^=\"bottom\"] {\r\n margin-top: -146px !important;\r\n}\r\n\r\n/**\r\n表格有滚动效果但是不显示滚动条\r\n*/\r\n</style>\r\n<style lang=\"less\">\r\n.el-table .rowColor0 {\r\n background: red !important;\r\n animation: fade 2000ms infinite ease-in-out;\r\n}\r\n\r\n@keyframes fade {\r\n from {\r\n opacity: 1;\r\n }\r\n\r\n 50% {\r\n opacity: 0.6;\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n }\r\n}\r\n\r\n// .el-pager li:hover{\r\n// color:black\r\n// }\r\n.cartitle {\r\n height: 52px;\r\n width: 100%;\r\n // background: url(\"../assets/images/carTitle.png\") no-repeat;\r\n font-size: 24px;\r\n font-weight: 600;\r\n color: #ffffff;\r\n line-height: 52px;\r\n // text-align: left;\r\n text-indent: 26px;\r\n}\r\n.titleFont {\r\n color: transparent;\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n background-image: linear-gradient(\r\n to bottom,\r\n rgb(255, 255, 255),\r\n rgb(123, 247, 245)\r\n );\r\n img {\r\n margin: 20px;\r\n }\r\n}\r\n.content {\r\n padding: 24px 31px 0 31px;\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n\r\n .line {\r\n width: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n table {\r\n thead {\r\n font-size: 22px !important;\r\n height: 50px;\r\n background: url(\"../assets/02/bgbth.png\") no-repeat;\r\n }\r\n tbody {\r\n tr {\r\n height: 50px;\r\n font-size: 18px !important;\r\n color: #fff;\r\n background: url(\"../assets/02/bgqth.png\") no-repeat;\r\n }\r\n }\r\n }\r\n\r\n .total {\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-around;\r\n margin-bottom: 15%;\r\n\r\n .num {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: center;\r\n align-items: center;\r\n color: #ffffff;\r\n\r\n .numText {\r\n color: #ffffff;\r\n }\r\n\r\n .numText:before {\r\n content: attr(text);\r\n position: absolute;\r\n z-index: 10;\r\n color: rgb(86, 254, 246) !important;\r\n -webkit-mask: linear-gradient(to top, rgb(86, 244, 254), transparent);\r\n }\r\n }\r\n }\r\n\r\n .info {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n\r\n .lists {\r\n width: 100%;\r\n height: 32px;\r\n background: url(\"../assets/images/cardSquare.png\") no-repeat;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n align-items: center;\r\n background-size: 100% 100%;\r\n margin-bottom: 9%;\r\n padding: 0 10px 0 0;\r\n box-sizing: border-box;\r\n\r\n & > div {\r\n font-size: 18px;\r\n color: #ffffff;\r\n }\r\n\r\n .number {\r\n color: rgb(86, 254, 226);\r\n }\r\n }\r\n }\r\n }\r\n}\r\n.two {\r\n background: url(\"../assets/indexN/boxLr.png\") no-repeat;\r\n background-size: 100% 100%;\r\n position: relative;\r\n}\r\n.one {\r\n background: url(\"../assets/02/bgk.png\") no-repeat;\r\n background-size: 100% 100%;\r\n position: relative;\r\n\r\n .unityBtn {\r\n position: absolute;\r\n top: 40px;\r\n left: 30%;\r\n width: 40%;\r\n display: flex;\r\n justify-content: space-between;\r\n\r\n .btn {\r\n width: 100%;\r\n height: 38px;\r\n color: #fff;\r\n font-size: 18px;\r\n line-height: 38px;\r\n background: url(\"../assets/images/btnAct.png\") no-repeat;\r\n background-size: 100% 100%;\r\n margin-bottom: 10px;\r\n margin-right: 15px;\r\n }\r\n\r\n .btnAct {\r\n color: rgb(244, 201, 7);\r\n background: url(\"../assets/images/unityBtn.png\") no-repeat;\r\n background-size: 100% 100%;\r\n margin-right: 15px;\r\n }\r\n }\r\n\r\n .unityIcon {\r\n background: url(\"../assets/images/iconCard.png\") no-repeat;\r\n background-size: 100% 100%;\r\n width: 110px;\r\n height: 168px;\r\n position: absolute;\r\n right: 40px;\r\n bottom: 80px;\r\n display: flex;\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n flex-direction: column;\r\n justify-content: space-around;\r\n align-items: center;\r\n\r\n .unityIconGround {\r\n width: 80%;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n }\r\n\r\n .unityEnlargeBtn {\r\n width: 100px;\r\n display: flex;\r\n justify-content: space-around;\r\n position: absolute;\r\n right: 40px;\r\n top: 40px;\r\n\r\n .content {\r\n width: 38px;\r\n height: 36px;\r\n background: url(\"../assets/images/btnkuang.png\") no-repeat !important;\r\n background-size: 100% 100% !important;\r\n }\r\n }\r\n\r\n .unitySelect {\r\n position: absolute;\r\n left: 40px;\r\n width: 222px;\r\n height: 5%;\r\n bottom: 20px;\r\n display: flex;\r\n align-items: center;\r\n\r\n .unitySuosou {\r\n width: 57px;\r\n height: 53px;\r\n background: url(\"../assets/images/sousuoKuang.png\") no-repeat;\r\n background-size: 100% 100%;\r\n }\r\n }\r\n}\r\n</style>\r\n"]}]}
\ No newline at end of file
+{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\thirtyFiveKV.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\thirtyFiveKV.vue","mtime":1690183045866},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\babel.config.js","mtime":1689557787923},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["import \"core-js/modules/es6.function.name\";\nimport _defineProperty from \"D:/\\u6797\\u8C37\\u667A\\u80FD\\u9879\\u76EE/yanchengPowerSupply/node_modules/@babel/runtime/helpers/esm/defineProperty.js\";\n//引入echarts\nimport * as echarts from \"echarts\";\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: \"twentyKV\",\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 name: \"国网东台区供电公司\",\n stationNumber: \"0\",\n alternatorNumber: \"1\"\n }, {\n name: \"国网东台区供电公司\",\n stationNumber: \"23\",\n alternatorNumber: \"1\"\n }, {\n name: \"国网东台区供电公司\",\n stationNumber: \"1\",\n alternatorNumber: \"3\"\n }, {\n name: \"国网东台区供电公司\",\n stationNumber: \"1\",\n alternatorNumber: \"2\"\n }, {\n name: \"国网东台区供电公司\",\n stationNumber: \"14\",\n alternatorNumber: \"3\"\n }, {\n name: \"国网东台区供电公司\",\n stationNumber: \"45.3w\",\n alternatorNumber: \"2\"\n }, {\n name: \"国网东台区供电公司\",\n stationNumber: \"13.3w\",\n alternatorNumber: \"1\"\n }, {\n name: \"国网东台区供电公司\",\n stationNumber: \"23\",\n alternatorNumber: \"0\"\n }, {\n name: \"国网东台区供电公司\",\n stationNumber: \"23\",\n alternatorNumber: \"0\"\n }, {\n name: \"国网东台区供电公司\",\n stationNumber: \"356.3w\",\n alternatorNumber: \"2\"\n }]), _ref;\n },\n created: function created() {},\n mounted: function mounted() {\n this.detailedTwo11();\n this.detailedTwo22();\n this.detailedTwo33();\n this.barCharts();\n this.detailen();\n },\n methods: {\n detailedTwo11: function detailedTwo11() {\n var fontColor = \"#fff\";\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo1\"));\n var option = {\n tooltip: {\n trigger: \"axis\",\n axisPointer: {\n type: \"shadow\"\n }\n },\n xAxis: [{\n type: \"category\",\n data: [\"2018\", \"2019\", \"2020\", \"2021\", \"2022\"],\n axisLabel: {\n show: true,\n textStyle: {\n color: \"#ffffff\",\n fontSize: \"18\"\n }\n },\n axisLine: {\n show: false\n },\n axisTick: {\n show: false,\n alignWithLabel: true\n },\n splitArea: {\n show: false\n }\n }],\n yAxis: [{\n type: \"value\",\n name: \"\",\n axisLabel: {\n textStyle: {\n color: \"#ffffff\",\n fontSize: \"18\"\n }\n },\n splitLine: {\n show: true,\n lineStyle: {\n type: \"dashed\",\n // color: 'rgba(66, 192, 255, .3)',\n color: \"rgba(102,102,102,0.6)\",\n width: 1\n }\n }\n }],\n series: [{\n name: \"预计年变化趋势\",\n type: \"bar\",\n barWidth: 40,\n itemStyle: {\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{\n offset: 1,\n color: \"rgba(86,254,226,.2) \"\n }, {\n offset: 0.5,\n color: \"rgb(86,254,226,.6)\"\n }, {\n offset: 0,\n color: \"rgb(86,254,226)\"\n }]),\n borderRadius: [7, 7, 0, 0],\n // 柱状图圆角\n borderWidth: 0\n },\n emphasis: {\n focus: \"series\"\n },\n data: [320, 332, 301, 334, 390]\n }]\n };\n myChart.setOption(option);\n window.addEventListener(\"resize\", function () {\n myChart.resize();\n });\n },\n detailedTwo22: function detailedTwo22() {\n var fontColor = \"#30eee9\";\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo2\"));\n var option = {\n tooltip: {\n show: true,\n trigger: \"item\"\n },\n grid: {\n left: \"3%\",\n right: \"4%\",\n bottom: \"3%\",\n containLabel: true\n },\n xAxis: {\n type: \"category\",\n boundaryGap: false,\n axisLabel: {\n color: \"#fff\",\n fontSize: \"16\"\n },\n axisTick: {\n show: false\n },\n splitLine: {\n show: false,\n lineStyle: {\n color: \"#195384\"\n }\n },\n data: [\"2018\", \"2019\", \"2020\", \"2021\", \"2022\"]\n },\n yAxis: {\n type: \"value\",\n axisLine: {\n lineStyle: {\n color: \"#fff\"\n }\n },\n splitLine: {\n show: true,\n lineStyle: {\n type: \"dashed\",\n // color: 'rgba(66, 192, 255, .3)',\n color: \"rgba(102,102,102,0.6)\",\n width: 1\n }\n }\n },\n series: [{\n name: \"总投资\",\n type: \"line\",\n stack: \"Total\",\n symbol: \"none\",\n data: [80, 132, 101, 134, 121],\n itemStyle: {\n normal: {\n color: \"yellow\",\n lineStyle: {\n color: \"yellow\"\n }\n }\n }\n }]\n };\n myChart.setOption(option);\n window.addEventListener(\"resize\", function () {\n myChart.resize();\n });\n },\n detailedTwo33: function detailedTwo33() {\n var bg = \"image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARYAAAAUCAMAAAB/LOLCAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAD9QTFRFAABwAAAAAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwrxv9agAAABV0Uk5T/wA1p053q7yaZs0QRIlVJ++IId4ydKfDYQAAAFtJREFUeJzt0McNwDAQwLBzutPb/rMG/gbawOIIjCQQqYtoqxYxckv1BlvQZAvabEG9LSjbgnZb0GoLOV9byHPbQubFFjLaggZb0GQLumxBvS0ol5aj0U9pEfgA+DsJLXE1TzAAAAAASUVORK5CYII=\";\n var bar = \"image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAP8AAAAUCAYAAABCi+uLAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAChxJREFUeJztXDGyJDUMlWeIuQY34AJLFdEuAQkXIOAAROREHICAA0BCFSkJByDhAgRcgIAYftPdY7mfnp7c/XfD/a7a325blmVZT5I9s9PspbyUl/Jelrb9uX+8vFkfvzze7MfRsziFKPei/bb+e+rP54y7wvdK+536UBYlG66P52be1buSrbctwL+tbcvT47n3wXxtpVuWx5P5LTO5tr7/LK8b67hmpV9sa6JN6e1MV4rHlXmdbiaztzfRBmW5KC/vixxf8eG5n2v/z8VXsy9W3r+tz0+WN+2poLpUMvgd8Ar8k/ogVe3etr3cJuMK/huAWkUPPFMf0aMsO88+ftvkZtRuBz224ZyDNxtjn8vfd+NajmcyPF5zn2/waLGPx4068uYxG88FDFr0BxnYoNXeoV4KPch9ZfsivUj9I/8ncIi3g607Wtddgz1yHulJaw16F+/c7vINgUlHY7zoC09VBx0NPl7u9vMK/s/tHcoB/raCX4HdhcY+dgxiIR7JykWyozGig37esMCjF3QQiQ/IgsYUHBM6C1w3eXIHT0PZSP5FOKa93MDgFOBm4Mf+WzYGNnQELALDxycdzhwBA/ZGulJ8eRy2Oy06Xgc8rH0Aq0fl5IQNdN3bUG+Dj2UbWqo1us7YUdrRj4APssJcgxYd2wlmlH4S1rx9K3f7YXUAX9pblgP8W+RXwqhMoBA4Rf9qYcwP21g6mjcB1g2IgWbQTmNHFOb3yilwCoeG6lFdGLmK3ME43TCE8YaIwgbe09QENo46wD8YJcsFgA5rZIOrxuO74sVZBM5hlG01kNcOvXok9zLoBOjGWMwIyXY84iPIEy+QsbL7ILeJMcB3xkfavj9J997UbfO71QF8bW9RIviVAAgq5cGU4JWXw/G4kWbJowfDYJreH44DCxgH0xmBimh3PssRMb0+5kOA4xg3LurzOaUR4CYqcHb6s8iPIAtRSvSHdtZPFa2rualtgIyPHGfjqz0iAJvzd1kx5RfgR6CltB9kXFgGp1fpOQCQI31wymbJCWDbXp9l0cwL+4sA1PXyzeoAvrVnlgh+ZnrFG2Eft6ORYHSs0ph2gY/ZkZa3I7oHIwRFpvsCdBomDKUCm9Ojc7BjXlyfTC3ZAfR2GW3U8UDoQp5HUX9+PGBgTtZXgpT4GsgtQe/tFZgMdAX2wen0Xr+RnvmIQ2vgex3UUegzvRdjzgXa+lrC/lnmH3Rv1Ic6EfuZsmyiTRkEjGt3++rpdfvenlEO8PuZHwV0CkSKeE9ncVwMgIXbp2cgAkV4msVIi/RK0ZT+mfMC2hFx/BiBvDsvBvhOItL+KmXktaRNFc5iWsc2YcwlrdDN6XxmcwfC/SRbmgvHkU69DVP+wRYit78vYGe4T+n+AJ9m6TY/XaKKrGyAH+ewLDuvT9KQ/pJdo0Mg2lR/0H2xfNZ+sovlAD+m/eytlfcWQoVI4I7B2xj8lQERHQIxna2djo0LZRKOY+9Gh4BRn5xFuoGGC7905sd5q/MkA11EeXQOsxt6eTNN+lsjwhEtJhE4OYVG7dh3AuJTwMMzpcS+NqALt/097R9mRGDnufhM7vPghe2YEx2DkNX5JZ0LOtnnazhL+xUd88E60pt9ujqAX+1CyeCvPE01eeUwvA+88S4fXdo0pOU5CFiz2/7ggIRhD+Bh9MY2vABUhlI5luI+IKxFpYwMNnIS7ATSmoWjkHpRRwiuV2m7olfZQpVFzJwNPEeEpv1MRzRs88AAexoivYHjhfVXt/MpzZ/oYoxxvtV5HPfHYj3oQ9hX2DOb9CGPx/s/69/tOwC/20m5Dv6zPuZaOY4ZYEU/ghk/K1cf+YTIDU+8RArOgN+RF8pImxuiepcp9ZGxy8hPIMX1NMWrxXHTM78VbTNgz+pCxnfi2598lEupuu95B/xe7rB/IvLv2Q5+mcqnA5r0ToA1vlcA2ws6pag9HEM75uW+MB/U0QZVFsIf7yYZjva/1r+vVgfwp03KAX7+nF+BXYH/xCmktB8X6xtaXThRXwAoX7wRuAM/VC6MDbyRDzkDdds/1lb0OU8f78sxmCeAuDDCs8gfxihnQf0ypZ+d/0/mDZnWc5wG0YWsC/RiZiFyhjP/JFoH0KgLQlj37iycD9nF7IIP7a48++O8oq9sw31Sx4KOnfTpwcHnj/X5annd/raiHOA/+6jPXY4rRgkECwjAPnMO3uZHBB/L/WgoENXRS/I86rbfiI43LtGItI7PioPeNwQ3DcAVnIBHEpwDHYKBXNzPBq2A5c+zunK+s/O90K10NtgunEv6HobTIF9aX0Mb6XKG9L1RJqAcQpcnZAuUJbhMEtDtWFJ5jGjEC5+qLkCOtpL4aMDHtmX+NeAI/jMB00ghSCVQ4b1K4RGcHlnFHMEA+UlOIRwh+pdk0o0y0e1F3PQH5+T9YNwqtVcGiXOywQVjLdYXaCZ6CHUE4xl91VZF8yq7mPDCT15C3eI+JDq/ALyBHuzQM35yMxwu2wXwqr5zsT8w5XcVTs76aa1jkMmMs8SX4juj53arvwYcwa8YVulHBXg7oWfa2a0mjA0fzRGtzDIIpFsJkQEMP134db78uXOa06gfaK6e+dHQT0G2Ed0fT5nKsmPgM6oJnrN5GcRgvEHnuL8XMoYgA9UT6EDX+LHe3lek/UPXN3Dq/c/S+UzvZSz24Ts6kqRDXjdlF4medUL1aq7Rjns0y7IX/TXgCH4WQL3TBOFyDCTbvGJ3zNmzETCDh1+g36Bf1MP8DniMwNAfooKn4Ax+nlM5jXZEEyO+bADqaJDOhgwWWIt1HU3/M44bmRu6kKME+RnQDfptQivkTvPyOCWP2XGJ6vuJdkIOYa+jrl0PsL/8SYCBPsM+4D6anot1wMFh5jjCXLj2KqDOgqJ6n/HeF5S/BjwH/5kj4E1WNMXtfFnHp/CkSSl4B0EACqkfZg8NIkKL9EMEan9O5A8f7YD86FgGuNsRnUOkIrqwVm5vlqLf4LfQ2DNgc10Zleqv+M4cj2cRRqBrwGrr3yJI/0ov71cAnVk4u6vv9ks768+Q9Ykjw6Azi47d3yt7tYIG17gc9pHuC9CpsZ6BR0xzRH2JXwOO4GdPZMW7ugCzQ3gpFBsGCIqbjwAa/FTaD5sz2sQGJLmQP89l2WtX4E+03uaOZnL2DU4Db6/R4BgohdHyx2OnY6r6Vs5u5ZWBq3Fenzgrf4Zsi8bv0wEAh14QlFi3AyR+gx905PNgG2ZWOK/SKY8jh2EF7aX0n9s8e1nIFpiW6GW2AG3rY3wN2MH/0Vr70GZF/WhERfe2/dUPU8x+gEP1q3mEt8WCBsA/6sD06Wuhm6H993gOGrHO4SA+WOv/Pp6Jhsal/7DDhee5+mMdih/LU+n8bA4ey7rGHzE52Rc5l+tR6fhkfLqkUzq1vA9j/Jn9qrYZbor5L/1YCvZVPyDCwXgty+vHF4BE10t5KS/lfSj/A0bORlHG5bGkAAAAAElFTkSuQmCC\";\n var data = [20.3, 18.2, 11, 23.4, 29.1, 12, 16, 24];\n var nameList = [\"盐城运维检修部(检修分公司)\", \"国网响水县供电公司\", \"国网滨海县供电公司\", \"国网大丰县供电公司\", \"国网射阳县供电公司\", \"国网东台县供电公司\", \"国网阜宁县供电公司\", \"国网建湖县供电公司\"];\n var barWidth = 20;\n var maxNum = 0;\n for (var i = 0; i < data.length; i++) {\n if (data[i] > maxNum) {\n maxNum = data[i];\n }\n }\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo3\"));\n var option = {\n grid: {\n top: \"10%\",\n left: \"10%\",\n right: \"12%\",\n bottom: \"0%\"\n },\n xAxis: {\n show: false\n },\n yAxis: [{\n data: data.map(function (item, index) {\n return \"No. \".concat(index);\n }),\n splitLine: {\n show: false\n },\n axisLabel: {\n textStyle: {\n fontSize: 18,\n color: \"#30eee9\"\n }\n },\n axisLine: {\n show: false\n },\n axisTick: false\n }, {\n //名称\n type: \"category\",\n offset: -10,\n position: \"left\",\n axisLine: {\n show: false\n },\n inverse: true,\n axisTick: {\n show: false\n },\n axisLabel: {\n interval: 0,\n color: [\"#fff\"],\n align: \"left\",\n verticalAlign: \"bottom\",\n lineHeight: 40,\n fontSize: 20\n },\n data: nameList\n }],\n series: [{\n type: \"pictorialBar\",\n barWidth: barWidth,\n zlevel: 2,\n data: data.map(function (item) {\n return {\n value: item,\n symbol: bar\n };\n })\n }, {\n type: \"pictorialBar\",\n barWidth: barWidth,\n data: data.map(function (item) {\n return {\n realValue: item,\n value: maxNum,\n symbol: bg\n };\n }),\n label: {\n show: true,\n position: \"right\",\n distance: 80,\n align: \"right\",\n formatter: function formatter(params) {\n return params.data.realValue + \" 万\";\n },\n color: \"#30eee9\",\n fontSize: 18\n }\n }]\n };\n myChart.setOption(option);\n window.addEventListener(\"resize\", function () {\n myChart.resize();\n });\n },\n barCharts: function barCharts() {\n var _normal;\n var m2R2Data = [{\n value: 335,\n legendname: \"22%\",\n name: \"国网大丰市供电公司\",\n itemStyle: {\n color: \"#8d7fec\"\n }\n }, {\n value: 310,\n legendname: \"22%\",\n name: \"盐城运维检修部(检修分公司)\",\n itemStyle: {\n color: \"#5085f2\"\n }\n }, {\n value: 234,\n legendname: \"22%\",\n name: \"国网射阳县供电公司\",\n itemStyle: {\n color: \"#e75fc3\"\n }\n }, {\n value: 154,\n legendname: \"22%\",\n name: \"国网响水县供电公司\",\n itemStyle: {\n color: \"#f87be2\"\n }\n }, {\n value: 335,\n legendname: \"22%\",\n name: \"设备管理部\",\n itemStyle: {\n color: \"#f2719a\"\n }\n }, {\n value: 335,\n legendname: \"22%\",\n name: \"开发区供电服务中心\",\n itemStyle: {\n color: \"#fca4bb\"\n }\n }];\n var myChart = this.$echarts.init(document.getElementById(\"barCharts\"));\n var option = {\n title: [{\n text: \"总计\",\n subtext: 59.53 + \"万\",\n textStyle: {\n fontSize: 20,\n color: \"#fff\"\n },\n subtextStyle: {\n fontSize: 20,\n color: \"yellow\"\n },\n textAlign: \"center\",\n x: \"34.5%\",\n y: \"44%\"\n }],\n tooltip: {\n trigger: \"item\",\n formatter: function formatter(parms) {\n var str = parms.seriesName + \"</br>\" + parms.marker + \"\" + parms.data.legendname + \"</br>\" + \"数量：\" + parms.data.value + \"</br>\" + \"占比：\" + parms.percent + \"%\";\n return str;\n }\n },\n legend: {\n type: \"scroll\",\n orient: \"vertical\",\n left: \"70%\",\n align: \"left\",\n top: \"middle\",\n textStyle: {\n color: \"white\",\n fontSize: 18\n },\n height: 250,\n //格式化图例文本\n formatter: function formatter(name) {\n // console.log(option);\n var than = option.series[0].data; //获取series中的data\n var total = 0;\n var tarValue;\n for (var i = 0, l = than.length; i < l; i++) {\n total += than[i].value;\n if (than[i].name == name) {\n tarValue = than[i].value;\n }\n }\n var p = tarValue / total * 100;\n return name;\n },\n icon: \"roundRect\",\n data: [\"国网大丰市供电公司\", \"设备管理部\", \"国网射阳县供电公司\", \"国网响水县供电公司\", \"盐城运维检修部(检修分公司)\", \"开发区供电服务中心\"]\n },\n series: [{\n type: \"pie\",\n center: [\"35%\", \"50%\"],\n radius: [\"30%\", \"55%\"],\n clockwise: false,\n //饼图的扇区是否是顺时针排布\n avoidLabelOverlap: false,\n lable: {\n normal: {\n show: true,\n textStyle: {\n fontSize: 20\n }\n },\n emphasis: {\n show: true\n }\n },\n labelLine: {\n normal: (_normal = {\n length: 10\n }, _defineProperty(_normal, \"length\", 30), _defineProperty(_normal, \"lineStyle\", {\n width: 3,\n // 线条的宽度\n color: \"rgb(86,254,226)\" //线的颜色设置， 如没有设置颜色则线条的颜色跟随饼状图的颜色\n }), _normal)\n },\n itemStyle: {\n normal: {\n borderRadius: 10,\n borderColor: \"transparent\",\n borderWidth: 2,\n label: {\n show: true,\n formatter: \" {d}% \",\n fontSize: 20,\n color: \"#fff\"\n }\n }\n },\n data: m2R2Data\n }, {\n type: \"pie\",\n radius: [\"110\", \"111\"],\n center: [\"35%\", \"50%\"],\n data: [100],\n label: {\n show: false\n }\n }]\n };\n myChart.setOption(option);\n window.addEventListener(\"resize\", function () {\n myChart.resize();\n });\n },\n detailen: function detailen() {\n var _normal2;\n var myChart = this.$echarts.init(document.getElementById(\"detailen\"));\n var option = {\n color: [\"#1E9BD1\", \"#A0CE3A\", \"#31C5C0\", \"#0F347B\", \"#585247\", \"#7F6AAD\"],\n tooltip: {\n trigger: \"item\",\n formatter: \"{a} <br/>{b} : {c} ({d}%)\"\n },\n legend: {\n orient: \"vertical\",\n top: \"middle\",\n right: \"5%\",\n textStyle: {\n color: \"#fff\",\n fontSize: 18\n },\n //格式化图例文本\n formatter: function formatter(name) {\n // console.log(option);\n var than = option.series[0].data; //获取series中的data\n var total = 0;\n var tarValue;\n for (var i = 0, l = than.length; i < l; i++) {\n total += than[i].value;\n if (than[i].name == name) {\n tarValue = than[i].value;\n }\n }\n var p = tarValue / total * 100;\n return p.toFixed(2) + \"%\";\n }\n },\n calculable: true,\n series: [{\n type: \"pie\",\n center: [\"35%\", \"50%\"],\n radius: [25, 100],\n roseType: \"area\",\n labelLine: {\n normal: (_normal2 = {\n length: 30\n }, _defineProperty(_normal2, \"length\", 10), _defineProperty(_normal2, \"lineStyle\", {\n width: 3,\n // 线条的宽度\n color: \"rgb(86,254,226)\" //线的颜色设置， 如没有设置颜色则线条的颜色跟随饼状图的颜色\n }), _normal2)\n },\n itemStyle: {\n normal: {\n label: {\n show: true,\n fontSize: 20,\n color: \"#fff\"\n }\n }\n },\n data: [{\n value: 21,\n name: \"国网射阳县供电公司\"\n }, {\n value: 20,\n name: \"设备管理部\"\n }, {\n value: 22,\n name: \"国网大丰市供电公司\"\n }, {\n value: 25,\n name: \"国网响水县供电公司\"\n }, {\n value: 20,\n name: \"盐城运维检修部(检修分公司)\"\n }, {\n value: 30,\n name: \"开发区供电服务中心\"\n }]\n }, {\n type: \"pie\",\n radius: [\"110\", \"111\"],\n center: [\"35%\", \"50%\"],\n data: [100],\n label: {\n show: false\n }\n }]\n };\n myChart.setOption(option);\n window.addEventListener(\"resize\", function () {\n myChart.resize();\n });\n }\n },\n watch: {}\n};",{"version":3,"mappings":";;AAyMA;AACA;AACA;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;MACAlC;MACAmC;MACAC;IACA,GACA;MACApC;MACAmC;MACAC;IACA,GACA;MACApC;MACAmC;MACAC;IACA,GACA;MACApC;MACAmC;MACAC;IACA,GACA;MACApC;MACAmC;MACAC;IACA,GACA;MACApC;MACAmC;MACAC;IACA,GACA;MACApC;MACAmC;MACAC;IACA,GACA;MACApC;MACAmC;MACAC;IACA,GACA;MACApC;MACAmC;MACAC;IACA,GACA;MACApC;MACAmC;MACAC;IACA,EACA;EAEA;EACAC;EACAC;IACA;IACA;IACA;IACA;IACA;EACA;EACAC;IACAC;MACA;MACA;MACA;QACAC;UACAC;UACAC;YACAC;UACA;QACA;QACAC,QACA;UACAD;UACAtC;UACAwC;YACAC;YACAC;cACAC;cACAC;YACA;UACA;UACAC;YACAJ;UACA;UACAK;YACAL;YACAM;UACA;UACAC;YAAAP;UAAA;QACA,EACA;QACAQ,QACA;UACAX;UACA5C;UACA8C;YACAE;cACAC;cACAC;YACA;UACA;UACAM;YACAT;YACAU;cACAb;cACA;cACAK;cACAS;YACA;UACA;QACA,EACA;QACAC,SACA;UACA3D;UACA4C;UACAgB;UACAC;YACAZ,uDACA;cAAAa;cAAAb;YAAA,GACA;cAAAa;cAAAb;YAAA,GACA;cAAAa;cAAAb;YAAA,EACA;YACAc;YAAA;YACAC;UACA;UACAC;YACAC;UACA;UACA5D;QACA;MAEA;MACA6D;MACAC;QACAD;MACA;IACA;IACAE;MACA;MACA;MACA;QACA5B;UACAM;UACAL;QACA;QACA4B;UACAC;UACAC;UACAC;UACAC;QACA;QACA7B;UACAD;UACA+B;UACA7B;YACAG;YACAC;UACA;UACAE;YACAL;UACA;UACAS;YACAT;YACAU;cACAR;YACA;UACA;UACA3C;QACA;QACAiD;UACAX;UACAO;YACAM;cACAR;YACA;UACA;UACAO;YACAT;YACAU;cACAb;cACA;cACAK;cACAS;YACA;UACA;QACA;QACAC,SACA;UACA3D;UACA4C;UACAgC;UACAC;UACAvE;UACAuD;YACAiB;cACA7B;cACAQ;gBACAR;cACA;YACA;UACA;QACA;MAEA;MACAkB;MACAC;QACAD;MACA;IACA;IACAY;MACA,SACA;MACA,UACA;MACA;MACA,gBACA,kBACA,aACA,aACA,aACA,aACA,aACA,aACA,YACA;MACA;MACA;MACA;QACA;UACAC;QACA;MACA;MACA;MACA;QACAV;UACAW;UACAV;UACAC;UACAC;QACA;QACA5B;UACAE;QACA;QACAQ,QACA;UACAjD;YAAA;UAAA;UACAkD;YACAT;UACA;UACAD;YACAE;cAAAE;cAAAD;YAAA;UACA;UACAE;YACAJ;UACA;UACAK;QACA,GAEA;UACA;UACAR;UACAkB;UACAoB;UACA/B;YACAJ;UACA;UACAoC;UACA/B;YACAL;UACA;UACAD;YACAsC;YACAnC;YACAoC;YACAC;YACAC;YACArC;UACA;UACA5C;QACA,EACA;QACAqD,SACA;UACAf;UACAgB;UACA4B;UACAlF;YACA;cACAwB;cACA+C;YACA;UACA;QACA,GACA;UACAjC;UACAgB;UACAtD;YACA;cACAmF;cACA3D;cACA+C;YACA;UACA;UACA9C;YACAgB;YACAmC;YACAQ;YACAL;YACAM;cACA;YACA;YACA1C;YACAC;UACA;QACA;MAEA;MACAiB;MACAC;QACAD;MACA;IACA;IACAyB;MAAA;MACA,gBACA;QACA9D;QACA+D;QACA7F;QACA6D;UAAAZ;QAAA;MACA,GACA;QACAnB;QACA+D;QACA7F;QACA6D;UAAAZ;QAAA;MACA,GACA;QACAnB;QACA+D;QACA7F;QACA6D;UAAAZ;QAAA;MACA,GACA;QACAnB;QACA+D;QACA7F;QACA6D;UAAAZ;QAAA;MACA,GACA;QACAnB;QACA+D;QACA7F;QACA6D;UAAAZ;QAAA;MACA,GACA;QACAnB;QACA+D;QACA7F;QACA6D;UAAAZ;QAAA;MACA,EACA;MACA;MACA;QACA6C,QACA;UACAC;UACAC;UACAhD;YACAE;YACAD;UACA;UACAgD;YACA/C;YACAD;UACA;UACAiD;UACAC;UACAC;QACA,EACA;QACA3D;UACAC;UACAiD;YACA,UACAU,mBACA,UACAA,eACA,KACAA,wBACA,UACA,QACAA,mBACA,UACA,QACAA,gBACA;YACA;UACA;QACA;QACAC;UACA1D;UACA2D;UACAhC;UACAc;UACAJ;UACAjC;YACAC;YACAC;UACA;UACAsD;UACA;UACAb;YACA;YACA;YACA;YACA;YACA;cACAc;cACA;gBACAC;cACA;YACA;YACA;YACA;UACA;UACAhF;UACApB,OACA,aACA,SACA,aACA,aACA,kBACA;QAEA;QACAqD,SACA;UACAf;UACA+D;UACAC;UACAC;UAAA;UACAC;UACAC;YACAjC;cACA/B;cACAC;gBACAE;cACA;YACA;YACAe;cACAlB;YACA;UACA;UAEAiE;YACAlC;cACAmC;YAAA,sCACA,2CACA;cACAvD;cAAA;cACAT;YACA;UAEA;UAEAY;YACAiB;cACAf;cACAmD;cACAlD;cACAjC;gBACAgB;gBACA4C;gBACAzC;gBACAD;cACA;YACA;UACA;UAEA3C;QACA,GACA;UACAsC;UACAgE;UACAD;UACArG;UACAyB;YACAgB;UACA;QACA;MAEA;MACAoB;MACAC;QACAD;MACA;IACA;IACAgD;MAAA;MACA;MACA;QACAlE,QACA,WACA,WACA,WACA,WACA,WACA,UACA;QACAR;UACAC;UACAiD;QACA;QACAW;UACAC;UACAtB;UACAT;UACAxB;YACAC;YACAC;UACA;UACA;UACAyC;YACA;YACA;YACA;YACA;YACA;cACAc;cACA;gBACAC;cACA;YACA;YACA;YACA;UACA;QACA;QACAU;QACAzD,SACA;UACAf;UACA+D;UACAC;UACAS;UACAL;YACAlC;cACAmC;YAAA,uCACA,4CACA;cACAvD;cAAA;cACAT;YACA;UAEA;UAEAY;YACAiB;cACA/C;gBACAgB;gBACAG;gBACAD;cACA;YACA;UACA;UACA3C,OACA;YAAAwB;YAAA9B;UAAA,GACA;YAAA8B;YAAA9B;UAAA,GACA;YAAA8B;YAAA9B;UAAA,GACA;YAAA8B;YAAA9B;UAAA,GACA;YAAA8B;YAAA9B;UAAA,GACA;YAAA8B;YAAA9B;UAAA;QAEA,GACA;UACA4C;UACAgE;UACAD;UACArG;UACAyB;YACAgB;UACA;QACA;MAEA;MACAoB;MACAC;QACAD;MACA;IACA;EACA;EACAmD;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","stationNumber","alternatorNumber","created","mounted","methods","detailedTwo11","tooltip","trigger","axisPointer","type","xAxis","axisLabel","show","textStyle","color","fontSize","axisLine","axisTick","alignWithLabel","splitArea","yAxis","splitLine","lineStyle","width","series","barWidth","itemStyle","offset","borderRadius","borderWidth","emphasis","focus","myChart","window","detailedTwo22","grid","left","right","bottom","containLabel","boundaryGap","stack","symbol","normal","detailedTwo33","maxNum","top","position","inverse","interval","align","verticalAlign","lineHeight","zlevel","realValue","distance","formatter","barCharts","legendname","title","text","subtext","subtextStyle","textAlign","x","y","parms","legend","orient","height","total","tarValue","center","radius","clockwise","avoidLabelOverlap","lable","labelLine","length","borderColor","detailen","calculable","roseType","watch"],"sourceRoot":"src/views","sources":["thirtyFiveKV.vue"],"sourcesContent":["<template>\r\n <div class=\"home\">\r\n <div class=\"left\" id=\"left\">\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>预计年/月变化趋势</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div class=\"enselect\">\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n <span class=\"text\">2022</span>\r\n </div>\r\n <div id=\"detailedTwo1\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>年/月总投资变化趋势</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div class=\"enselect\">\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n <span class=\"text\">2022</span>\r\n </div>\r\n <div id=\"detailedTwo2\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"left1\" id=\"left\">\r\n <div class=\"one\" style=\"height: 100%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>县公司预算统计</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div id=\"detailedTwo3\"></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 <img class=\"allimg\" src=\"../assets/indexN/dfsxz.png\" alt=\"\" />\r\n <div class=\"imgboxone\">\r\n <div class=\"contents\">\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <div style=\"display: inline-block\">\r\n <img\r\n style=\"float: left\"\r\n src=\"../assets/index/mainTb1.png\"\r\n alt=\"\"\r\n />\r\n <span>项目数</span>\r\n </div>\r\n <h5 class=\"yellow\">\r\n 9.279 <span style=\"color: #fff\">万</span>\r\n </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 <div style=\"display: inline-block\">\r\n <img\r\n style=\"float: left; height: 30px; width: 30px\"\r\n src=\"../assets/index/mainTb2.png\"\r\n alt=\"\"\r\n />\r\n <span>预算费用总和</span>\r\n </div>\r\n <h5 class=\"orange\">\r\n 118.5<span style=\"color: #fff\">万</span>\r\n </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 <div style=\"display: inline-block\">\r\n <img\r\n style=\"float: left; height: 30px; width: 30px\"\r\n src=\"../assets/index/mainTb1.png\"\r\n alt=\"\"\r\n />\r\n <span>计划数</span>\r\n </div>\r\n <h5 class=\"yellow\"> 44</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 <div style=\"display: inline-block\">\r\n <img\r\n style=\"float: left; height: 30px; width: 30px\"\r\n src=\"../assets/index/mainTb2.png\"\r\n alt=\"\"\r\n />\r\n <span>物科数</span>\r\n </div>\r\n <h5 class=\"orange\"> 10</h5>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"right\" id=\"right\">\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>县物项目总投资比</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div id=\"barCharts\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>县物资占比分配</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div id=\"detailen\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"right1\" id=\"right\">\r\n <div class=\"one\" style=\"height: 100%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>县公司预算统计</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <table>\r\n <thead style=\"color: #fff; font-size: 30px\">\r\n <tr>\r\n <td>县公司名称</td>\r\n <td>物科数量</td>\r\n <td>计划数量</td>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <tr v-for=\"(item, index) in pvTable\" :key=\"index\">\r\n <td>{{ item.name }}</td>\r\n <td>{{ item.stationNumber }}</td>\r\n <td class=\"titleFont\">{{ item.alternatorNumber }}</td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <audio\r\n controls=\"controls\"\r\n hidden\r\n src=\"../assets/videos/police.wav\"\r\n ref=\"audio\"\r\n ></audio>\r\n </div>\r\n</template>\r\n\r\n<script>\r\n//引入echarts\r\nimport * as echarts from \"echarts\";\r\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: \"twentyKV\",\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 name: \"国网东台区供电公司\",\r\n stationNumber: \"0\",\r\n alternatorNumber: \"1\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"23\",\r\n alternatorNumber: \"1\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"1\",\r\n alternatorNumber: \"3\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"1\",\r\n alternatorNumber: \"2\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"14\",\r\n alternatorNumber: \"3\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"45.3w\",\r\n alternatorNumber: \"2\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"13.3w\",\r\n alternatorNumber: \"1\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"23\",\r\n alternatorNumber: \"0\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"23\",\r\n alternatorNumber: \"0\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"356.3w\",\r\n alternatorNumber: \"2\",\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.detailedTwo33();\r\n this.barCharts();\r\n this.detailen();\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 tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n },\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n data: [\"2018\", \"2019\", \"2020\", \"2021\", \"2022\"],\r\n axisLabel: {\r\n show: true,\r\n textStyle: {\r\n color: \"#ffffff\",\r\n fontSize: \"18\",\r\n },\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 },\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 fontSize: \"18\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"预计年变化趋势\",\r\n type: \"bar\",\r\n barWidth: 40,\r\n itemStyle: {\r\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n { offset: 1, color: \"rgba(86,254,226,.2) \" },\r\n { offset: 0.5, color: \"rgb(86,254,226,.6)\" },\r\n { offset: 0, color: \"rgb(86,254,226)\" },\r\n ]),\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n emphasis: {\r\n focus: \"series\",\r\n },\r\n data: [320, 332, 301, 334, 390],\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedTwo22() {\r\n var fontColor = \"#30eee9\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo2\"));\r\n var option = {\r\n tooltip: {\r\n show: true,\r\n trigger: \"item\",\r\n },\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: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: \"#fff\",\r\n fontSize: \"16\",\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: [\"2018\", \"2019\", \"2020\", \"2021\", \"2022\"],\r\n },\r\n yAxis: {\r\n type: \"value\",\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n series: [\r\n {\r\n name: \"总投资\",\r\n type: \"line\",\r\n stack: \"Total\",\r\n symbol: \"none\",\r\n data: [80, 132, 101, 134, 121],\r\n itemStyle: {\r\n normal: {\r\n color: \"yellow\",\r\n lineStyle: {\r\n color: \"yellow\",\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 detailedTwo33() {\r\n var bg =\r\n \"image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARYAAAAUCAMAAAB/LOLCAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAD9QTFRFAABwAAAAAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwrxv9agAAABV0Uk5T/wA1p053q7yaZs0QRIlVJ++IId4ydKfDYQAAAFtJREFUeJzt0McNwDAQwLBzutPb/rMG/gbawOIIjCQQqYtoqxYxckv1BlvQZAvabEG9LSjbgnZb0GoLOV9byHPbQubFFjLaggZb0GQLumxBvS0ol5aj0U9pEfgA+DsJLXE1TzAAAAAASUVORK5CYII=\";\r\n var bar =\r\n \"image://data:image/png;base64,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\";\r\n var data = [20.3, 18.2, 11, 23.4, 29.1, 12, 16, 24];\r\n var nameList = [\r\n \"盐城运维检修部(检修分公司)\",\r\n \"国网响水县供电公司\",\r\n \"国网滨海县供电公司\",\r\n \"国网大丰县供电公司\",\r\n \"国网射阳县供电公司\",\r\n \"国网东台县供电公司\",\r\n \"国网阜宁县供电公司\",\r\n \"国网建湖县供电公司\",\r\n ];\r\n var barWidth = 20;\r\n var maxNum = 0;\r\n for (var i = 0; i < data.length; i++) {\r\n if (data[i] > maxNum) {\r\n maxNum = data[i];\r\n }\r\n }\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo3\"));\r\n var option = {\r\n grid: {\r\n top: \"10%\",\r\n left: \"10%\",\r\n right: \"12%\",\r\n bottom: \"0%\",\r\n },\r\n xAxis: {\r\n show: false,\r\n },\r\n yAxis: [\r\n {\r\n data: data.map((item, index) => `No. ${index}`),\r\n splitLine: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n textStyle: { fontSize: 18, color: \"#30eee9\" },\r\n },\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: false,\r\n },\r\n\r\n {\r\n //名称\r\n type: \"category\",\r\n offset: -10,\r\n position: \"left\",\r\n axisLine: {\r\n show: false,\r\n },\r\n inverse: true,\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n color: [\"#fff\"],\r\n align: \"left\",\r\n verticalAlign: \"bottom\",\r\n lineHeight: 40,\r\n fontSize: 20,\r\n },\r\n data: nameList,\r\n },\r\n ],\r\n series: [\r\n {\r\n type: \"pictorialBar\",\r\n barWidth: barWidth,\r\n zlevel: 2,\r\n data: data.map(function (item) {\r\n return {\r\n value: item,\r\n symbol: bar,\r\n };\r\n }),\r\n },\r\n {\r\n type: \"pictorialBar\",\r\n barWidth: barWidth,\r\n data: data.map(function (item) {\r\n return {\r\n realValue: item,\r\n value: maxNum,\r\n symbol: bg,\r\n };\r\n }),\r\n label: {\r\n show: true,\r\n position: \"right\",\r\n distance: 80,\r\n align: \"right\",\r\n formatter: function (params) {\r\n return params.data.realValue + \" 万\";\r\n },\r\n color: \"#30eee9\",\r\n fontSize: 18,\r\n },\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n barCharts() {\r\n var m2R2Data = [\r\n {\r\n value: 335,\r\n legendname: \"22%\",\r\n name: \"国网大丰市供电公司\",\r\n itemStyle: { color: \"#8d7fec\" },\r\n },\r\n {\r\n value: 310,\r\n legendname: \"22%\",\r\n name: \"盐城运维检修部(检修分公司)\",\r\n itemStyle: { color: \"#5085f2\" },\r\n },\r\n {\r\n value: 234,\r\n legendname: \"22%\",\r\n name: \"国网射阳县供电公司\",\r\n itemStyle: { color: \"#e75fc3\" },\r\n },\r\n {\r\n value: 154,\r\n legendname: \"22%\",\r\n name: \"国网响水县供电公司\",\r\n itemStyle: { color: \"#f87be2\" },\r\n },\r\n {\r\n value: 335,\r\n legendname: \"22%\",\r\n name: \"设备管理部\",\r\n itemStyle: { color: \"#f2719a\" },\r\n },\r\n {\r\n value: 335,\r\n legendname: \"22%\",\r\n name: \"开发区供电服务中心\",\r\n itemStyle: { color: \"#fca4bb\" },\r\n },\r\n ];\r\n var myChart = this.$echarts.init(document.getElementById(\"barCharts\"));\r\n var option = {\r\n title: [\r\n {\r\n text: \"总计\",\r\n subtext: 59.53 + \"万\",\r\n textStyle: {\r\n fontSize: 20,\r\n color: \"#fff\",\r\n },\r\n subtextStyle: {\r\n fontSize: 20,\r\n color: \"yellow\",\r\n },\r\n textAlign: \"center\",\r\n x: \"34.5%\",\r\n y: \"44%\",\r\n },\r\n ],\r\n tooltip: {\r\n trigger: \"item\",\r\n formatter: function (parms) {\r\n var str =\r\n parms.seriesName +\r\n \"</br>\" +\r\n parms.marker +\r\n \"\" +\r\n parms.data.legendname +\r\n \"</br>\" +\r\n \"数量：\" +\r\n parms.data.value +\r\n \"</br>\" +\r\n \"占比：\" +\r\n parms.percent +\r\n \"%\";\r\n return str;\r\n },\r\n },\r\n legend: {\r\n type: \"scroll\",\r\n orient: \"vertical\",\r\n left: \"70%\",\r\n align: \"left\",\r\n top: \"middle\",\r\n textStyle: {\r\n color: \"white\",\r\n fontSize: 18,\r\n },\r\n height: 250,\r\n //格式化图例文本\r\n formatter(name) {\r\n // console.log(option);\r\n let than = option.series[0].data; //获取series中的data\r\n let total = 0;\r\n let tarValue;\r\n for (let i = 0, l = than.length; i < l; i++) {\r\n total += than[i].value;\r\n if (than[i].name == name) {\r\n tarValue = than[i].value;\r\n }\r\n }\r\n let p = (tarValue / total) * 100;\r\n return name;\r\n },\r\n icon: \"roundRect\",\r\n data: [\r\n \"国网大丰市供电公司\",\r\n \"设备管理部\",\r\n \"国网射阳县供电公司\",\r\n \"国网响水县供电公司\",\r\n \"盐城运维检修部(检修分公司)\",\r\n \"开发区供电服务中心\",\r\n ],\r\n },\r\n series: [\r\n {\r\n type: \"pie\",\r\n center: [\"35%\", \"50%\"],\r\n radius: [\"30%\", \"55%\"],\r\n clockwise: false, //饼图的扇区是否是顺时针排布\r\n avoidLabelOverlap: false,\r\n lable: {\r\n normal: {\r\n show: true,\r\n textStyle: {\r\n fontSize: 20,\r\n },\r\n },\r\n emphasis: {\r\n show: true,\r\n },\r\n },\r\n\r\n labelLine: {\r\n normal: {\r\n length: 10, //第一条线\r\n length: 30, //第二条线\r\n lineStyle: {\r\n width: 3, // 线条的宽度\r\n color: \"rgb(86,254,226)\", //线的颜色设置， 如没有设置颜色则线条的颜色跟随饼状图的颜色\r\n },\r\n },\r\n },\r\n\r\n itemStyle: {\r\n normal: {\r\n borderRadius: 10,\r\n borderColor: \"transparent\",\r\n borderWidth: 2,\r\n label: {\r\n show: true,\r\n formatter: \" {d}% \",\r\n fontSize: 20,\r\n color: \"#fff\",\r\n },\r\n },\r\n },\r\n\r\n data: m2R2Data,\r\n },\r\n {\r\n type: \"pie\",\r\n radius: [\"110\", \"111\"],\r\n center: [\"35%\", \"50%\"],\r\n data: [100],\r\n label: {\r\n show: false,\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 detailen() {\r\n var myChart = this.$echarts.init(document.getElementById(\"detailen\"));\r\n var option = {\r\n color: [\r\n \"#1E9BD1\",\r\n \"#A0CE3A\",\r\n \"#31C5C0\",\r\n \"#0F347B\",\r\n \"#585247\",\r\n \"#7F6AAD\",\r\n ],\r\n tooltip: {\r\n trigger: \"item\",\r\n formatter: \"{a} <br/>{b} : {c} ({d}%)\",\r\n },\r\n legend: {\r\n orient: \"vertical\",\r\n top: \"middle\",\r\n right: \"5%\",\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n //格式化图例文本\r\n formatter(name) {\r\n // console.log(option);\r\n let than = option.series[0].data; //获取series中的data\r\n let total = 0;\r\n let tarValue;\r\n for (let i = 0, l = than.length; i < l; i++) {\r\n total += than[i].value;\r\n if (than[i].name == name) {\r\n tarValue = than[i].value;\r\n }\r\n }\r\n let p = (tarValue / total) * 100;\r\n return p.toFixed(2) + \"%\";\r\n },\r\n },\r\n calculable: true,\r\n series: [\r\n {\r\n type: \"pie\",\r\n center: [\"35%\", \"50%\"],\r\n radius: [25, 100],\r\n roseType: \"area\",\r\n labelLine: {\r\n normal: {\r\n length: 30, //第一条线\r\n length: 10, //第二条线\r\n lineStyle: {\r\n width: 3, // 线条的宽度\r\n color: \"rgb(86,254,226)\", //线的颜色设置， 如没有设置颜色则线条的颜色跟随饼状图的颜色\r\n },\r\n },\r\n },\r\n\r\n itemStyle: {\r\n normal: {\r\n label: {\r\n show: true,\r\n fontSize: 20,\r\n color: \"#fff\",\r\n },\r\n },\r\n },\r\n data: [\r\n { value: 21, name: \"国网射阳县供电公司\" },\r\n { value: 20, name: \"设备管理部\" },\r\n { value: 22, name: \"国网大丰市供电公司\" },\r\n { value: 25, name: \"国网响水县供电公司\" },\r\n { value: 20, name: \"盐城运维检修部(检修分公司)\" },\r\n { value: 30, name: \"开发区供电服务中心\" },\r\n ],\r\n },\r\n {\r\n type: \"pie\",\r\n radius: [\"110\", \"111\"],\r\n center: [\"35%\", \"50%\"],\r\n data: [100],\r\n label: {\r\n show: false,\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 },\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 #detailedTwo1 {\r\n width: 100%;\r\n height: 350px;\r\n }\r\n #detailedTwo2 {\r\n width: 100%;\r\n height: 350px;\r\n }\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 #detailedTwo3 {\r\n width: 100%;\r\n height: 70vh;\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/04/mainW.png\") no-repeat;\r\n width: 100%;\r\n height: 17%;\r\n position: relative;\r\n top: 45%;\r\n left: 30%;\r\n .contents {\r\n // height: 90%;\r\n position: absolute;\r\n padding: 10px;\r\n height: 100%;\r\n width: 53%;\r\n display: flex;\r\n flex-direction: row;\r\n /* 平分剩余空间 */\r\n justify-content: space-around;\r\n .lines {\r\n width: 100%;\r\n padding: 10px 0 0 1px;\r\n background: url(\"../assets/index/mainMin.png\") no-repeat;\r\n }\r\n\r\n .total {\r\n .num {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: center;\r\n align-items: left;\r\n color: #ffffff;\r\n span {\r\n font-size: 20px;\r\n }\r\n h5 {\r\n font-size: 34px;\r\n }\r\n .yellow {\r\n padding-top: 30px;\r\n color: yellow;\r\n }\r\n .orange {\r\n padding-top: 30px;\r\n color: orange;\r\n }\r\n .yellows {\r\n padding-top: 20px;\r\n color: yellow;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n .map {\r\n background: url(\"../assets/indexN/map.png\") no-repeat;\r\n vertical-align: middle;\r\n display: table-cell;\r\n text-align: center;\r\n margin-left: -20%;\r\n .allimg {\r\n position: relative;\r\n left: 20.5%;\r\n top: 35%;\r\n }\r\n }\r\n }\r\n\r\n .right {\r\n // width: 604px;\r\n width: 16.8%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n #barCharts {\r\n // width: 100%;\r\n // height: calc(100% - 52px);\r\n width: 90%;\r\n height: calc(100% - 100px);\r\n position: absolute;\r\n }\r\n #detailqe {\r\n width: 100%;\r\n height: 350px;\r\n }\r\n #detailen {\r\n width: 100%;\r\n height: 350px;\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 #detailstop {\r\n width: 100%;\r\n height: 400px;\r\n }\r\n }\r\n}\r\n\r\n// }\r\n</style>\r\n<style lang=\"less\" scoped>\r\n// .el-popper {\r\n// top: 50%;\r\n// }\r\n\r\n/deep/ .popper__arrow {\r\n left: 171px !important;\r\n top: 95px !important;\r\n}\r\n\r\n/deep/ .el-select-dropdown {\r\n background-color: rgb(14, 30, 46) !important;\r\n border: 1px solid rgba(45, 143, 148, 0.5) !important;\r\n\r\n /deep/ .el-select-dropdown__item {\r\n color: #fff !important;\r\n }\r\n\r\n /deep/ .el-select-dropdown__item.hover,\r\n /deep/ .el-select-dropdown__item:hover {\r\n background-color: rgb(18, 54, 87) !important;\r\n }\r\n}\r\n\r\n/deep/ .el-popper[x-placement^=\"bottom\"] {\r\n margin-top: -146px !important;\r\n}\r\n\r\n/**\r\n表格有滚动效果但是不显示滚动条\r\n*/\r\n</style>\r\n<style lang=\"less\">\r\n.el-table .rowColor0 {\r\n background: red !important;\r\n animation: fade 2000ms infinite ease-in-out;\r\n}\r\n\r\n@keyframes fade {\r\n from {\r\n opacity: 1;\r\n }\r\n\r\n 50% {\r\n opacity: 0.6;\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n }\r\n}\r\n\r\n// .el-pager li:hover{\r\n// color:black\r\n// }\r\n.cartitle {\r\n height: 52px;\r\n width: 100%;\r\n // background: url(\"../assets/images/carTitle.png\") no-repeat;\r\n font-size: 24px;\r\n font-weight: 600;\r\n color: #ffffff;\r\n line-height: 52px;\r\n // text-align: left;\r\n text-indent: 26px;\r\n}\r\n.titleFont {\r\n color: transparent;\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n background-image: linear-gradient(\r\n to bottom,\r\n rgb(255, 255, 255),\r\n rgb(123, 247, 245)\r\n );\r\n img {\r\n margin: 20px;\r\n }\r\n}\r\n.content {\r\n padding: 24px 31px 0 31px;\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n\r\n .line {\r\n width: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n table {\r\n thead {\r\n font-size: 22px !important;\r\n height: 50px;\r\n background: url(\"../assets/02/bgbth.png\") no-repeat;\r\n }\r\n tbody {\r\n tr {\r\n height: 50px;\r\n font-size: 18px !important;\r\n color: #fff;\r\n background: url(\"../assets/02/bgqth.png\") no-repeat;\r\n }\r\n }\r\n }\r\n\r\n .total {\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-around;\r\n margin-bottom: 15%;\r\n\r\n .num {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: center;\r\n align-items: center;\r\n color: #ffffff;\r\n\r\n .numText {\r\n color: #ffffff;\r\n }\r\n\r\n .numText:before {\r\n content: attr(text);\r\n position: absolute;\r\n z-index: 10;\r\n color: rgb(86, 254, 246) !important;\r\n -webkit-mask: linear-gradient(to top, rgb(86, 244, 254), transparent);\r\n }\r\n }\r\n }\r\n\r\n .info {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n\r\n .lists {\r\n width: 100%;\r\n height: 32px;\r\n background: url(\"../assets/images/cardSquare.png\") no-repeat;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n align-items: center;\r\n background-size: 100% 100%;\r\n margin-bottom: 9%;\r\n padding: 0 10px 0 0;\r\n box-sizing: border-box;\r\n\r\n & > div {\r\n font-size: 18px;\r\n color: #ffffff;\r\n }\r\n\r\n .number {\r\n color: rgb(86, 254, 226);\r\n }\r\n }\r\n }\r\n }\r\n}\r\n.two {\r\n background: url(\"../assets/indexN/boxLr.png\") no-repeat;\r\n background-size: 100% 100%;\r\n position: relative;\r\n}\r\n.one {\r\n background: url(\"../assets/02/bgk.png\") no-repeat;\r\n background-size: 100% 100%;\r\n position: relative;\r\n\r\n .unityBtn {\r\n position: absolute;\r\n top: 40px;\r\n left: 30%;\r\n width: 40%;\r\n display: flex;\r\n justify-content: space-between;\r\n\r\n .btn {\r\n width: 100%;\r\n height: 38px;\r\n color: #fff;\r\n font-size: 18px;\r\n line-height: 38px;\r\n background: url(\"../assets/images/btnAct.png\") no-repeat;\r\n background-size: 100% 100%;\r\n margin-bottom: 10px;\r\n margin-right: 15px;\r\n }\r\n\r\n .btnAct {\r\n color: rgb(244, 201, 7);\r\n background: url(\"../assets/images/unityBtn.png\") no-repeat;\r\n background-size: 100% 100%;\r\n margin-right: 15px;\r\n }\r\n }\r\n\r\n .unityIcon {\r\n background: url(\"../assets/images/iconCard.png\") no-repeat;\r\n background-size: 100% 100%;\r\n width: 110px;\r\n height: 168px;\r\n position: absolute;\r\n right: 40px;\r\n bottom: 80px;\r\n display: flex;\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n flex-direction: column;\r\n justify-content: space-around;\r\n align-items: center;\r\n\r\n .unityIconGround {\r\n width: 80%;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n }\r\n\r\n .unityEnlargeBtn {\r\n width: 100px;\r\n display: flex;\r\n justify-content: space-around;\r\n position: absolute;\r\n right: 40px;\r\n top: 40px;\r\n\r\n .content {\r\n width: 38px;\r\n height: 36px;\r\n background: url(\"../assets/images/btnkuang.png\") no-repeat !important;\r\n background-size: 100% 100% !important;\r\n }\r\n }\r\n\r\n .unitySelect {\r\n position: absolute;\r\n left: 40px;\r\n width: 222px;\r\n height: 5%;\r\n bottom: 20px;\r\n display: flex;\r\n align-items: center;\r\n\r\n .unitySuosou {\r\n width: 57px;\r\n height: 53px;\r\n background: url(\"../assets/images/sousuoKuang.png\") no-repeat;\r\n background-size: 100% 100%;\r\n }\r\n }\r\n}\r\n</style>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/926239699065af2fecbf0748166cdd37.json b/node_modules/.cache/babel-loader/926239699065af2fecbf0748166cdd37.json
index eefb2eec..95d4324b 100644
--- a/node_modules/.cache/babel-loader/926239699065af2fecbf0748166cdd37.json
+++ b/node_modules/.cache/babel-loader/926239699065af2fecbf0748166cdd37.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js!D:\\林谷智能项目\\yanchengPowerSupply\\src\\router.js","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\router.js","mtime":1689729939409},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\babel.config.js","mtime":1689557787923},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000}],"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 //盐城地区分布光伏运行监测\n path: '/stationBuilding',\n name: 'stationBuilding',\n component: function component() {\n return import(\"./views/stationBuilding.vue\");\n }\n }, {\n //盐都东台区供电所数字化分析\n path: '/twentyKV',\n name: 'twentyKV',\n component: function component() {\n return import(\"./views/twentyKV.vue\");\n }\n }, {\n //配网工程全过程物资审计\n path: '/thirtyFiveKV',\n name: 'thirtyFiveKV',\n component: function component() {\n return import(\"./views/thirtyFiveKV.vue\");\n }\n },, {\n //盐城供电公司配网电能质量管控\n path: '/powerQualityControl',\n name: 'powerQualityControl',\n component: function component() {\n return import(\"./views/powerQualityControl.vue\");\n }\n },, {\n //乡村振兴电力综合指数\n path: '/ruralRevitalizationPower',\n name: 'ruralRevitalizationPower',\n component: function component() {\n return import(\"./views/ruralRevitalizationPower.vue\");\n }\n },, {\n //两高行业企业污染监测\n path: '/enterprisePollutionMonitoring',\n name: 'enterprisePollutionMonitoring',\n component: function component() {\n return import(\"./views/enterprisePollutionMonitoring.vue\");\n }\n }, {\n //农村生活污水治理设备电量分析\n path: '/ruralDomesticSewageTreatment',\n name: 'ruralDomesticSewageTreatment',\n component: function component() {\n return import(\"./views/ruralDomesticSewageTreatment.vue\");\n }\n }, {\n //数字化排涝抗旱辅助及检修辅助决策\n path: '/digitalFloodDrainageDroughtRelief',\n name: 'digitalFloodDrainageDroughtRelief',\n component: function component() {\n return import(\"./views/digitalFloodDrainageDroughtRelief.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":["D:/林谷智能项目/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 //盐城地区分布光伏运行监测\r\n path: '/stationBuilding',\r\n name: 'stationBuilding',\r\n component: () => import('./views/stationBuilding.vue')\r\n },\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 //配网工程全过程物资审计\r\n path: '/thirtyFiveKV',\r\n name: 'thirtyFiveKV',\r\n component: () => import('./views/thirtyFiveKV.vue')\r\n },\r\n ,\r\n {\r\n //盐城供电公司配网电能质量管控\r\n path: '/powerQualityControl',\r\n name: 'powerQualityControl',\r\n component: () => import('./views/powerQualityControl.vue')\r\n },\r\n ,\r\n {\r\n //乡村振兴电力综合指数\r\n path: '/ruralRevitalizationPower',\r\n name: 'ruralRevitalizationPower',\r\n component: () => import('./views/ruralRevitalizationPower.vue')\r\n },\r\n ,\r\n {\r\n //两高行业企业污染监测\r\n path: '/enterprisePollutionMonitoring',\r\n name: 'enterprisePollutionMonitoring',\r\n component: () => import('./views/enterprisePollutionMonitoring.vue')\r\n },\r\n {\r\n //农村生活污水治理设备电量分析\r\n path: '/ruralDomesticSewageTreatment',\r\n name: 'ruralDomesticSewageTreatment',\r\n component: () => import('./views/ruralDomesticSewageTreatment.vue')\r\n },\r\n {\r\n //数字化排涝抗旱辅助及检修辅助决策\r\n path: '/digitalFloodDrainageDroughtRelief',\r\n name: 'digitalFloodDrainageDroughtRelief',\r\n component: () => import('./views/digitalFloodDrainageDroughtRelief.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;IACI;IACFH,IAAI,EAAE,kBAAkB;IACxBE,IAAI,EAAE,iBAAiB;IACvBC,SAAS,EAAE;MAAA,OAAM,MAAM,+BAA+B;IAAA;EACxD,CAAC,EACD;IACI;IACFH,IAAI,EAAE,WAAW;IACjBE,IAAI,EAAE,UAAU;IAChBC,SAAS,EAAE;MAAA,OAAM,MAAM,wBAAwB;IAAA;EACjD,CAAC,EACD;IACI;IACFH,IAAI,EAAE,eAAe;IACrBE,IAAI,EAAE,cAAc;IACpBC,SAAS,EAAE;MAAA,OAAM,MAAM,4BAA4B;IAAA;EACrD,CAAC,GAED;IACI;IACFH,IAAI,EAAE,sBAAsB;IAC5BE,IAAI,EAAE,qBAAqB;IAC3BC,SAAS,EAAE;MAAA,OAAM,MAAM,mCAAmC;IAAA;EAC5D,CAAC,GAED;IACI;IACFH,IAAI,EAAE,2BAA2B;IACjCE,IAAI,EAAE,0BAA0B;IAChCC,SAAS,EAAE;MAAA,OAAM,MAAM,wCAAwC;IAAA;EACjE,CAAC,GAED;IACI;IACFH,IAAI,EAAE,gCAAgC;IACtCE,IAAI,EAAE,+BAA+B;IACrCC,SAAS,EAAE;MAAA,OAAM,MAAM,6CAA6C;IAAA;EACtE,CAAC,EACD;IACI;IACFH,IAAI,EAAE,+BAA+B;IACrCE,IAAI,EAAE,8BAA8B;IACpCC,SAAS,EAAE;MAAA,OAAM,MAAM,4CAA4C;IAAA;EACrE,CAAC,EACD;IACI;IACFH,IAAI,EAAE,oCAAoC;IAC1CE,IAAI,EAAE,mCAAmC;IACzCC,SAAS,EAAE;MAAA,OAAM,MAAM,iDAAiD;IAAA;EAC1E,CAAC;AAEL,CAAC,CAAC"}]}
\ No newline at end of file
+{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js!D:\\林谷智能项目\\yanchengPowerSupply\\src\\router.js","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\router.js","mtime":1690167582033},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\babel.config.js","mtime":1689557787923},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000}],"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: process.env.NODE_ENV === \"production\" ? \"history\" : \"\",\n base: process.env.NODE_ENV === \"production\" ? \"/\" : \"\",\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 //盐城地区分布光伏运行监测\n path: '/stationBuilding',\n name: 'stationBuilding',\n component: function component() {\n return import(\"./views/stationBuilding.vue\");\n }\n }, {\n //盐都东台区供电所数字化分析\n path: '/twentyKV',\n name: 'twentyKV',\n component: function component() {\n return import(\"./views/twentyKV.vue\");\n }\n }, {\n //配网工程全过程物资审计\n path: '/thirtyFiveKV',\n name: 'thirtyFiveKV',\n component: function component() {\n return import(\"./views/thirtyFiveKV.vue\");\n }\n },, {\n //盐城供电公司配网电能质量管控\n path: '/powerQualityControl',\n name: 'powerQualityControl',\n component: function component() {\n return import(\"./views/powerQualityControl.vue\");\n }\n },, {\n //乡村振兴电力综合指数\n path: '/ruralRevitalizationPower',\n name: 'ruralRevitalizationPower',\n component: function component() {\n return import(\"./views/ruralRevitalizationPower.vue\");\n }\n },, {\n //两高行业企业污染监测\n path: '/enterprisePollutionMonitoring',\n name: 'enterprisePollutionMonitoring',\n component: function component() {\n return import(\"./views/enterprisePollutionMonitoring.vue\");\n }\n }, {\n //农村生活污水治理设备电量分析\n path: '/ruralDomesticSewageTreatment',\n name: 'ruralDomesticSewageTreatment',\n component: function component() {\n return import(\"./views/ruralDomesticSewageTreatment.vue\");\n }\n }, {\n //数字化排涝抗旱辅助及检修辅助决策\n path: '/digitalFloodDrainageDroughtRelief',\n name: 'digitalFloodDrainageDroughtRelief',\n component: function component() {\n return import(\"./views/digitalFloodDrainageDroughtRelief.vue\");\n }\n }]\n});",{"version":3,"names":["Vue","Router","use","originalPush","prototype","push","location","call","catch","err","mode","process","env","NODE_ENV","base","routes","path","redirect","name","component"],"sources":["D:/林谷智能项目/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\nmode: process.env.NODE_ENV === \"production\" ? \"history\" : \"\",\r\nbase: process.env.NODE_ENV === \"production\" ? \"/\" : \"\",\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 //盐城地区分布光伏运行监测\r\n path: '/stationBuilding',\r\n name: 'stationBuilding',\r\n component: () => import('./views/stationBuilding.vue')\r\n },\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 //配网工程全过程物资审计\r\n path: '/thirtyFiveKV',\r\n name: 'thirtyFiveKV',\r\n component: () => import('./views/thirtyFiveKV.vue')\r\n },\r\n ,\r\n {\r\n //盐城供电公司配网电能质量管控\r\n path: '/powerQualityControl',\r\n name: 'powerQualityControl',\r\n component: () => import('./views/powerQualityControl.vue')\r\n },\r\n ,\r\n {\r\n //乡村振兴电力综合指数\r\n path: '/ruralRevitalizationPower',\r\n name: 'ruralRevitalizationPower',\r\n component: () => import('./views/ruralRevitalizationPower.vue')\r\n },\r\n ,\r\n {\r\n //两高行业企业污染监测\r\n path: '/enterprisePollutionMonitoring',\r\n name: 'enterprisePollutionMonitoring',\r\n component: () => import('./views/enterprisePollutionMonitoring.vue')\r\n },\r\n {\r\n //农村生活污水治理设备电量分析\r\n path: '/ruralDomesticSewageTreatment',\r\n name: 'ruralDomesticSewageTreatment',\r\n component: () => import('./views/ruralDomesticSewageTreatment.vue')\r\n },\r\n {\r\n //数字化排涝抗旱辅助及检修辅助决策\r\n path: '/digitalFloodDrainageDroughtRelief',\r\n name: 'digitalFloodDrainageDroughtRelief',\r\n component: () => import('./views/digitalFloodDrainageDroughtRelief.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;EAC1BS,IAAI,EAAEC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,GAAG,SAAS,GAAG,EAAE;EAC5DC,IAAI,EAAEH,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,GAAG,GAAG,GAAG,EAAE;EACpDE,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;IACI;IACFH,IAAI,EAAE,kBAAkB;IACxBE,IAAI,EAAE,iBAAiB;IACvBC,SAAS,EAAE;MAAA,OAAM,MAAM,+BAA+B;IAAA;EACxD,CAAC,EACD;IACI;IACFH,IAAI,EAAE,WAAW;IACjBE,IAAI,EAAE,UAAU;IAChBC,SAAS,EAAE;MAAA,OAAM,MAAM,wBAAwB;IAAA;EACjD,CAAC,EACD;IACI;IACFH,IAAI,EAAE,eAAe;IACrBE,IAAI,EAAE,cAAc;IACpBC,SAAS,EAAE;MAAA,OAAM,MAAM,4BAA4B;IAAA;EACrD,CAAC,GAED;IACI;IACFH,IAAI,EAAE,sBAAsB;IAC5BE,IAAI,EAAE,qBAAqB;IAC3BC,SAAS,EAAE;MAAA,OAAM,MAAM,mCAAmC;IAAA;EAC5D,CAAC,GAED;IACI;IACFH,IAAI,EAAE,2BAA2B;IACjCE,IAAI,EAAE,0BAA0B;IAChCC,SAAS,EAAE;MAAA,OAAM,MAAM,wCAAwC;IAAA;EACjE,CAAC,GAED;IACI;IACFH,IAAI,EAAE,gCAAgC;IACtCE,IAAI,EAAE,+BAA+B;IACrCC,SAAS,EAAE;MAAA,OAAM,MAAM,6CAA6C;IAAA;EACtE,CAAC,EACD;IACI;IACFH,IAAI,EAAE,+BAA+B;IACrCE,IAAI,EAAE,8BAA8B;IACpCC,SAAS,EAAE;MAAA,OAAM,MAAM,4CAA4C;IAAA;EACrE,CAAC,EACD;IACI;IACFH,IAAI,EAAE,oCAAoC;IAC1CE,IAAI,EAAE,mCAAmC;IACzCC,SAAS,EAAE;MAAA,OAAM,MAAM,iDAAiD;IAAA;EAC1E,CAAC;AAEL,CAAC,CAAC"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/cd316c0a266fc2348a4a67eb70467b28.json b/node_modules/.cache/babel-loader/cd316c0a266fc2348a4a67eb70467b28.json
index 59574ae0..7b4aec1b 100644
--- a/node_modules/.cache/babel-loader/cd316c0a266fc2348a4a67eb70467b28.json
+++ b/node_modules/.cache/babel-loader/cd316c0a266fc2348a4a67eb70467b28.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\App.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\App.vue","mtime":1689921115690},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\babel.config.js","mtime":1689557787923},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["import \"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 // setInterval(()=>{\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;IACA;IACA;IACA;IACAC;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 {{this.$moment().format(\"YYYY.MM.DD\")}} {{nowDate}} | {{week}}\r\n </div>\r\n \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=\"weather\">\r\n <div class=\"pic\">\r\n <img src=\"./assets/images/union.png\" alt=\"\" style=\"height: 100%; width: 100%\" />\r\n </div>\r\n <span>阴转多云</span>|\r\n <span style=\"font-size: 24px; color:#0B4A6B\">25℃~30℃</span>|\r\n <span style=\"font-size: 24px; margin-top: 3px\">东风3~4级</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: 30%;\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: 10px;\r\n color: #ffffff;\r\n // line-height: 97px;\r\n padding-left: 86px;\r\n text-align: left;\r\n display: flex;\r\n margin-left: 1%;\r\n margin-top: 0.5%;\r\n box-sizing: border-box;\r\n .time {\r\n height: 100%;\r\n color: #ffffff;\r\n font-size: 22px;\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 color: #ffffff;\r\n font-size: 22px;\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 font-size: 44px;\r\n font-weight: 700;\r\n letter-spacing: 10px;\r\n margin-right: 1%;\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 color: #ffffff;\r\n font-size: 22px;\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
+{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\App.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\App.vue","mtime":1689927995523},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\babel.config.js","mtime":1689557787923},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["import \"core-js/modules/es6.function.name\";\nimport \"core-js/modules/es7.array.includes\";\nimport \"core-js/modules/es6.string.includes\";\nimport \"core-js/modules/es6.regexp.split\";\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 backShow: false,\n routerTitle: [\"实时监测\", \"安全管控\", \"站房智辅\"],\n routerActive: 0,\n middleImg: require(\"./assets/indexN/titleText.png\"),\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 this.getLoc();\n // let params = new URLSearchParams()\n // let params = {\n // appKey: \"symnzwxdfu1ul8raqrykgbld7zonktga\",\n // appSecret: \"a3tdb6nxfciekxcgcl94ljvtmw2lsafx\",\n // };\n // params.append('appKey','symnzwxdfu1ul8raqrykgbld7zonktga')\n // params.append('appSecret','a3tdb6nxfciekxcgcl94ljvtmw2lsafx')\n // getToken(params).then((res) => {\n // localStorage.setItem(\"token\", res.data.data.token);\n // // console.log(localStorage.getItem('token'),'token');\n // });\n // setInterval(()=>{\n // this. handleWather()\n // },480000)\n setInterval(function () {\n _this.nowDate = _this.$moment().format(\"HH:mm:ss\");\n }, 100);\n window.getLoc = this.getLoc;\n },\n methods: {\n getLoc: function getLoc() {\n var curWwwPath = window.document.location.href;\n console.log(\"curWwwPath\", curWwwPath);\n var paramArr = curWwwPath.split('/');\n var ele = paramArr.pop();\n console.log(\"ele\", ele);\n if (ele == 'index') {\n this.backShow = false;\n this.middleImg = require(\"./assets/indexN/titleText.png\");\n this.$refs.switchBtn.style.height = \"79%\";\n this.$refs.switchBtn.style.width = \"85%\";\n } else if (ele == 'stationBuilding') {\n this.middleImg = require(\"./assets/title/02.png\"), this.backShow = true;\n this.$refs.switchBtn.style.height = \"72%\";\n this.$refs.switchBtn.style.width = \"36%\";\n } else if (ele == 'twentyKV') {\n this.middleImg = require(\"./assets/title/03.png\"), this.backShow = true;\n this.$refs.switchBtn.style.height = \"79%\";\n this.$refs.switchBtn.style.width = \"85%\";\n } else if (ele == 'thirtyFiveKV') {\n this.middleImg = require(\"./assets/title/04.png\"), this.backShow = true;\n this.$refs.switchBtn.style.height = \"79%\";\n this.$refs.switchBtn.style.width = \"85%\";\n } else if (ele == 'powerQualityControl') {\n this.middleImg = require(\"./assets/title/05.png\"), this.backShow = true;\n this.$refs.switchBtn.style.height = \"79%\";\n this.$refs.switchBtn.style.width = \"85%\";\n } else if (ele == 'ruralRevitalizationPower') {\n this.middleImg = require(\"./assets/title/07.png\"), this.backShow = true;\n this.$refs.switchBtn.style.height = \"79%\";\n this.$refs.switchBtn.style.width = \"85%\";\n } else if (ele == 'enterprisePollutionMonitoring') {\n this.middleImg = require(\"./assets/title/08.png\"), this.backShow = true;\n this.$refs.switchBtn.style.height = \"79%\";\n this.$refs.switchBtn.style.width = \"85%\";\n } else if (ele == 'ruralDomesticSewageTreatment') {\n this.middleImg = require(\"./assets/title/07.png\"), this.backShow = true;\n this.$refs.switchBtn.style.height = \"79%\";\n this.$refs.switchBtn.style.width = \"85%\";\n } else if (ele == 'digitalFloodDrainageDroughtRelief') {\n this.middleImg = require(\"./assets/title/09.png\"), this.backShow = true;\n this.$refs.switchBtn.style.height = \"79%\";\n this.$refs.switchBtn.style.width = \"85%\";\n }\n },\n backBtn: function backBtn() {\n this.$router.push(\"/index\");\n },\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":";;;;AAwDA;AACA;AACA;AACA;EACAA;EACAC;EACAC;IACA;MACAC;MACAC;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;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACAC;MACA;IACA;IACAC;EACA;EAEAC;IACAC;MACA;MACAC;MACA;MACA;MACAA;MACA;QACA;QACA;QACA;QACA;MACA;QACA,mDACA;QACA;QACA;MACA;QACA,mDACA;QACA;QACA;MACA;QACA,mDACA;QACA;QACA;MACA;QACA,mDACA;QACA;QACA;MACA;QACA,mDACA;QACA;QACA;MACA;QACA,mDACA;QACA;QACA;MACA;QACA,mDACA;QACA;QACA;MACA;QACA,mDACA;QACA;QACA;MACA;IAEA;IACAC;MACA;IACA;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;YAAAtC;UAAA;QACA;MACA;QACAsC;UAAAtC;QAAA;MACA;MACA;MACA;MACA;MAAA,KACA;QACAsC;UAAAtC;QAAA;MACA;IACA;EACA;AACA","names":["name","mixins","data","addDay","subDay","backShow","routerTitle","routerActive","middleImg","weatherArr","day","temperature","pic","weekList","week","nowDate","mounted","setInterval","window","methods","getLoc","console","backBtn","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 {{this.$moment().format(\"YYYY.MM.DD\")}} {{nowDate}} | {{week}}\r\n </div>\r\n \r\n </div>\r\n <div class=\"middle\">\r\n <div class=\"box\">\r\n \r\n <img :src=\"middleImg\" alt=\"\" ref=\"switchBtn\" /> \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=\"weather\">\r\n <div v-if=\"backShow\" @click=\"backBtn\">\r\n <img src=\"./assets/indexN/back.png\" alt=\"\" style=\"height: 100%; width: 100%\" /> \r\n </div>\r\n <div class=\"pic\">\r\n <img src=\"./assets/images/union.png\" alt=\"\" style=\"height: 100%; width: 100%\" />\r\n </div>\r\n <span>阴转多云</span>|\r\n <span style=\"font-size: 24px; color:#0B4A6B\">25℃~30℃</span>|\r\n <span style=\"font-size: 24px; margin-top: 3px\">东风3~4级</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></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 backShow: false,\r\n routerTitle: [\"实时监测\", \"安全管控\", \"站房智辅\"],\r\n routerActive: 0,\r\n middleImg:require(\"./assets/indexN/titleText.png\"),\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 this.getLoc()\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 window.getLoc = this.getLoc;\r\n },\r\n\r\n methods: {\r\n getLoc(){\r\n var curWwwPath=window.document.location.href;\r\n console.log(\"curWwwPath\",curWwwPath)\r\n let paramArr = curWwwPath.split('/');\r\n let ele = paramArr.pop();\r\n console.log(\"ele\",ele)\r\n if(ele=='index'){\r\n this.backShow = false\r\n this.middleImg = require(\"./assets/indexN/titleText.png\")\r\n this.$refs.switchBtn.style.height = \"79%\";\r\n this.$refs.switchBtn.style.width = \"85%\";\r\n }else if(ele =='stationBuilding'){\r\n this.middleImg = require(\"./assets/title/02.png\"),\r\n this.backShow = true \r\n this.$refs.switchBtn.style.height = \"72%\";\r\n this.$refs.switchBtn.style.width = \"36%\";\r\n }else if(ele =='twentyKV'){\r\n this.middleImg = require(\"./assets/title/03.png\"),\r\n this.backShow = true \r\n this.$refs.switchBtn.style.height = \"79%\";\r\n this.$refs.switchBtn.style.width = \"85%\";\r\n }else if(ele =='thirtyFiveKV'){\r\n this.middleImg = require(\"./assets/title/04.png\"),\r\n this.backShow = true \r\n this.$refs.switchBtn.style.height = \"79%\";\r\n this.$refs.switchBtn.style.width = \"85%\";\r\n }else if(ele =='powerQualityControl'){\r\n this.middleImg = require(\"./assets/title/05.png\"),\r\n this.backShow = true \r\n this.$refs.switchBtn.style.height = \"79%\";\r\n this.$refs.switchBtn.style.width = \"85%\";\r\n }else if(ele =='ruralRevitalizationPower'){\r\n this.middleImg = require(\"./assets/title/07.png\"),\r\n this.backShow = true \r\n this.$refs.switchBtn.style.height = \"79%\";\r\n this.$refs.switchBtn.style.width = \"85%\";\r\n }else if(ele =='enterprisePollutionMonitoring'){\r\n this.middleImg = require(\"./assets/title/08.png\"),\r\n this.backShow = true \r\n this.$refs.switchBtn.style.height = \"79%\";\r\n this.$refs.switchBtn.style.width = \"85%\";\r\n }else if(ele =='ruralDomesticSewageTreatment'){\r\n this.middleImg = require(\"./assets/title/07.png\"),\r\n this.backShow = true \r\n this.$refs.switchBtn.style.height = \"79%\";\r\n this.$refs.switchBtn.style.width = \"85%\";\r\n }else if(ele =='digitalFloodDrainageDroughtRelief'){\r\n this.middleImg = require(\"./assets/title/09.png\"),\r\n this.backShow = true \r\n this.$refs.switchBtn.style.height = \"79%\";\r\n this.$refs.switchBtn.style.width = \"85%\";\r\n }\r\n \r\n },\r\n backBtn(){\r\n this.$router.push(\"/index\");\r\n },\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: 30%;\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: 10px;\r\n color: #ffffff;\r\n // line-height: 97px;\r\n padding-left: 86px;\r\n text-align: left;\r\n display: flex;\r\n margin-left: 1%;\r\n margin-top: 0.5%;\r\n box-sizing: border-box;\r\n .time {\r\n height: 100%;\r\n color: #ffffff;\r\n font-size: 22px;\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 color: #ffffff;\r\n font-size: 22px;\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 font-size: 44px;\r\n font-weight: 700;\r\n letter-spacing: 10px;\r\n margin-right: 1%;\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 color: #ffffff;\r\n font-size: 22px;\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/e4c0ae9d9fb3646c685c9313f99c2d8e.json b/node_modules/.cache/babel-loader/e4c0ae9d9fb3646c685c9313f99c2d8e.json
index ee2c649b..08e98850 100644
--- a/node_modules/.cache/babel-loader/e4c0ae9d9fb3646c685c9313f99c2d8e.json
+++ b/node_modules/.cache/babel-loader/e4c0ae9d9fb3646c685c9313f99c2d8e.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??ref--6!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\thirtyFiveKV.vue?vue&type=template&id=4bdb45b9&scoped=true&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\thirtyFiveKV.vue","mtime":1689927955883},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\babel.config.js","mtime":1689557787923},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1655712169000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["import \"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 }, [_vm._m(0), _vm._m(1), _vm._m(2), _vm._m(3), _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(4), _c(\"div\", {\n staticClass: \"content\"\n }, [_c(\"div\", {\n staticClass: \"line\"\n }, [_c(\"table\", [_vm._m(5), _c(\"tbody\", _vm._l(_vm.pvTable, function (item, index) {\n return _c(\"tr\", {\n key: index\n }, [_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: \"left\",\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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"预计年/月变化趋势\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.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/dqxcxl.png\"),\n alt: \"\"\n }\n }), _c(\"span\", {\n staticClass: \"text\"\n }, [_vm._v(\"2022\")])]), _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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"年/月总投资变化趋势\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.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/dqxcxl.png\"),\n alt: \"\"\n }\n }), _c(\"span\", {\n staticClass: \"text\"\n }, [_vm._v(\"2022\")])]), _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: \"left1\",\n attrs: {\n id: \"left\"\n }\n }, [_c(\"div\", {\n staticClass: \"one\",\n staticStyle: {\n height: \"100%\"\n }\n }, [_c(\"div\", {\n staticClass: \"cartitle\"\n }, [_c(\"div\", {\n staticClass: \"titleFont\"\n }, [_c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"县公司预算统计\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.png\"),\n alt: \"\"\n }\n })])]), _c(\"div\", {\n staticClass: \"content\"\n }, [_c(\"div\", {\n staticClass: \"line\"\n }, [_c(\"div\", {\n attrs: {\n id: \"detailedTwo3\"\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(\"img\", {\n staticClass: \"allimg\",\n attrs: {\n src: require(\"../assets/indexN/dfsxz.png\"),\n alt: \"\"\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(\"div\", {\n staticStyle: {\n display: \"inline-block\"\n }\n }, [_c(\"img\", {\n staticStyle: {\n float: \"left\"\n },\n attrs: {\n src: require(\"../assets/index/mainTb1.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"项目数\")])]), _c(\"h5\", {\n staticClass: \"yellow\"\n }, [_vm._v(\"\\n 9.279 \"), _c(\"span\", {\n staticStyle: {\n color: \"#fff\"\n }\n }, [_vm._v(\"万\")])])])])]), _c(\"div\", {\n staticClass: \"lines\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"div\", {\n staticStyle: {\n display: \"inline-block\"\n }\n }, [_c(\"img\", {\n staticStyle: {\n float: \"left\",\n height: \"30px\",\n width: \"30px\"\n },\n attrs: {\n src: require(\"../assets/index/mainTb2.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"预算费用总和\")])]), _c(\"h5\", {\n staticClass: \"orange\"\n }, [_vm._v(\"\\n 118.5\"), _c(\"span\", {\n staticStyle: {\n color: \"#fff\"\n }\n }, [_vm._v(\"万\")])])])])]), _c(\"div\", {\n staticClass: \"lines\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"div\", {\n staticStyle: {\n display: \"inline-block\"\n }\n }, [_c(\"img\", {\n staticStyle: {\n float: \"left\",\n height: \"30px\",\n width: \"30px\"\n },\n attrs: {\n src: require(\"../assets/index/mainTb1.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"计划数\")])]), _c(\"h5\", {\n staticClass: \"yellow\"\n }, [_vm._v(\" 44\")])])])]), _c(\"div\", {\n staticClass: \"lines\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"div\", {\n staticStyle: {\n display: \"inline-block\"\n }\n }, [_c(\"img\", {\n staticStyle: {\n float: \"left\",\n height: \"30px\",\n width: \"30px\"\n },\n attrs: {\n src: require(\"../assets/index/mainTb2.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"物科数\")])]), _c(\"h5\", {\n staticClass: \"orange\"\n }, [_vm._v(\" 10\")])])])])])])])]);\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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"县物项目总投资比\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.png\"),\n alt: \"\"\n }\n })])]), _c(\"div\", {\n staticClass: \"content\"\n }, [_c(\"div\", {\n staticClass: \"line\"\n }, [_c(\"div\", {\n attrs: {\n id: \"barCharts\"\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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"县物资占比分配\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.png\"),\n alt: \"\"\n }\n })])]), _c(\"div\", {\n staticClass: \"content\"\n }, [_c(\"div\", {\n staticClass: \"line\"\n }, [_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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"县公司预算统计\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.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(\"计划数量\")])])]);\n}];\nrender._withStripped = true;\nexport { render, staticRenderFns };",{"version":3,"names":["render","_vm","_c","_self","staticClass","_m","attrs","id","staticStyle","height","_l","pvTable","item","index","key","_v","_s","name","stationNumber","alternatorNumber","ref","controls","hidden","src","require","staticRenderFns","alt","display","float","color","width","_withStripped"],"sources":["D:/林谷智能项目/yanchengPowerSupply/src/views/thirtyFiveKV.vue"],"sourcesContent":["var render = function render() {\n var _vm = this,\n _c = _vm._self._c\n return _c(\"div\", { staticClass: \"home\" }, [\n _vm._m(0),\n _vm._m(1),\n _vm._m(2),\n _vm._m(3),\n _c(\"div\", { staticClass: \"right1\", attrs: { id: \"right\" } }, [\n _c(\"div\", { staticClass: \"one\", staticStyle: { height: \"100%\" } }, [\n _vm._m(4),\n _c(\"div\", { staticClass: \"content\" }, [\n _c(\"div\", { staticClass: \"line\" }, [\n _c(\"table\", [\n _vm._m(5),\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.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: \"left\", 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: { src: require(\"./../assets/indexN/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"预计年/月变化趋势\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\n }),\n ]),\n ]),\n _c(\"div\", { staticClass: \"content\" }, [\n _c(\"div\", { staticClass: \"line\" }, [\n _c(\"div\", { staticClass: \"enselect\" }, [\n _c(\"img\", {\n attrs: { src: require(\"../assets/02/dqxcxl.png\"), alt: \"\" },\n }),\n _c(\"span\", { staticClass: \"text\" }, [_vm._v(\"2022\")]),\n ]),\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: { src: require(\"./../assets/indexN/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"年/月总投资变化趋势\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\n }),\n ]),\n ]),\n _c(\"div\", { staticClass: \"content\" }, [\n _c(\"div\", { staticClass: \"line\" }, [\n _c(\"div\", { staticClass: \"enselect\" }, [\n _c(\"img\", {\n attrs: { src: require(\"../assets/02/dqxcxl.png\"), alt: \"\" },\n }),\n _c(\"span\", { staticClass: \"text\" }, [_vm._v(\"2022\")]),\n ]),\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: \"left1\", attrs: { id: \"left\" } }, [\n _c(\"div\", { staticClass: \"one\", staticStyle: { height: \"100%\" } }, [\n _c(\"div\", { staticClass: \"cartitle\" }, [\n _c(\"div\", { staticClass: \"titleFont\" }, [\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"县公司预算统计\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\n }),\n ]),\n ]),\n _c(\"div\", { staticClass: \"content\" }, [\n _c(\"div\", { staticClass: \"line\" }, [\n _c(\"div\", { attrs: { id: \"detailedTwo3\" } }),\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(\"img\", {\n staticClass: \"allimg\",\n attrs: { src: require(\"../assets/indexN/dfsxz.png\"), alt: \"\" },\n }),\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(\"div\", { staticStyle: { display: \"inline-block\" } }, [\n _c(\"img\", {\n staticStyle: { float: \"left\" },\n attrs: {\n src: require(\"../assets/index/mainTb1.png\"),\n alt: \"\",\n },\n }),\n _c(\"span\", [_vm._v(\"项目数\")]),\n ]),\n _c(\"h5\", { staticClass: \"yellow\" }, [\n _vm._v(\"\\n 9.279 \"),\n _c(\"span\", { staticStyle: { color: \"#fff\" } }, [\n _vm._v(\"万\"),\n ]),\n ]),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"lines\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\"div\", { staticStyle: { display: \"inline-block\" } }, [\n _c(\"img\", {\n staticStyle: {\n float: \"left\",\n height: \"30px\",\n width: \"30px\",\n },\n attrs: {\n src: require(\"../assets/index/mainTb2.png\"),\n alt: \"\",\n },\n }),\n _c(\"span\", [_vm._v(\"预算费用总和\")]),\n ]),\n _c(\"h5\", { staticClass: \"orange\" }, [\n _vm._v(\"\\n 118.5\"),\n _c(\"span\", { staticStyle: { color: \"#fff\" } }, [\n _vm._v(\"万\"),\n ]),\n ]),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"lines\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\"div\", { staticStyle: { display: \"inline-block\" } }, [\n _c(\"img\", {\n staticStyle: {\n float: \"left\",\n height: \"30px\",\n width: \"30px\",\n },\n attrs: {\n src: require(\"../assets/index/mainTb1.png\"),\n alt: \"\",\n },\n }),\n _c(\"span\", [_vm._v(\"计划数\")]),\n ]),\n _c(\"h5\", { staticClass: \"yellow\" }, [_vm._v(\" 44\")]),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"lines\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\"div\", { staticStyle: { display: \"inline-block\" } }, [\n _c(\"img\", {\n staticStyle: {\n float: \"left\",\n height: \"30px\",\n width: \"30px\",\n },\n attrs: {\n src: require(\"../assets/index/mainTb2.png\"),\n alt: \"\",\n },\n }),\n _c(\"span\", [_vm._v(\"物科数\")]),\n ]),\n _c(\"h5\", { staticClass: \"orange\" }, [_vm._v(\" 10\")]),\n ]),\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: { src: require(\"./../assets/indexN/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"县物项目总投资比\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\n }),\n ]),\n ]),\n _c(\"div\", { staticClass: \"content\" }, [\n _c(\"div\", { staticClass: \"line\" }, [\n _c(\"div\", { attrs: { id: \"barCharts\" } }),\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: { src: require(\"./../assets/indexN/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"县物资占比分配\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\n }),\n ]),\n ]),\n _c(\"div\", { staticClass: \"content\" }, [\n _c(\"div\", { staticClass: \"line\" }, [\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/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"县公司预算统计\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.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 ]),\n ]\n )\n },\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }"],"mappings":"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"}]}
\ No newline at end of file
+{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??ref--6!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\thirtyFiveKV.vue?vue&type=template&id=4bdb45b9&scoped=true&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\thirtyFiveKV.vue","mtime":1690183045866},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\babel.config.js","mtime":1689557787923},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1655712169000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["import \"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 }, [_vm._m(0), _vm._m(1), _vm._m(2), _vm._m(3), _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(4), _c(\"div\", {\n staticClass: \"content\"\n }, [_c(\"div\", {\n staticClass: \"line\"\n }, [_c(\"table\", [_vm._m(5), _c(\"tbody\", _vm._l(_vm.pvTable, function (item, index) {\n return _c(\"tr\", {\n key: index\n }, [_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: \"left\",\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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"预计年/月变化趋势\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.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/dqxcxl.png\"),\n alt: \"\"\n }\n }), _c(\"span\", {\n staticClass: \"text\"\n }, [_vm._v(\"2022\")])]), _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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"年/月总投资变化趋势\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.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/dqxcxl.png\"),\n alt: \"\"\n }\n }), _c(\"span\", {\n staticClass: \"text\"\n }, [_vm._v(\"2022\")])]), _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: \"left1\",\n attrs: {\n id: \"left\"\n }\n }, [_c(\"div\", {\n staticClass: \"one\",\n staticStyle: {\n height: \"100%\"\n }\n }, [_c(\"div\", {\n staticClass: \"cartitle\"\n }, [_c(\"div\", {\n staticClass: \"titleFont\"\n }, [_c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"县公司预算统计\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.png\"),\n alt: \"\"\n }\n })])]), _c(\"div\", {\n staticClass: \"content\"\n }, [_c(\"div\", {\n staticClass: \"line\"\n }, [_c(\"div\", {\n attrs: {\n id: \"detailedTwo3\"\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(\"img\", {\n staticClass: \"allimg\",\n attrs: {\n src: require(\"../assets/indexN/dfsxz.png\"),\n alt: \"\"\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(\"div\", {\n staticStyle: {\n display: \"inline-block\"\n }\n }, [_c(\"img\", {\n staticStyle: {\n float: \"left\"\n },\n attrs: {\n src: require(\"../assets/index/mainTb1.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"项目数\")])]), _c(\"h5\", {\n staticClass: \"yellow\"\n }, [_vm._v(\"\\n 9.279 \"), _c(\"span\", {\n staticStyle: {\n color: \"#fff\"\n }\n }, [_vm._v(\"万\")])])])])]), _c(\"div\", {\n staticClass: \"lines\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"div\", {\n staticStyle: {\n display: \"inline-block\"\n }\n }, [_c(\"img\", {\n staticStyle: {\n float: \"left\",\n height: \"30px\",\n width: \"30px\"\n },\n attrs: {\n src: require(\"../assets/index/mainTb2.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"预算费用总和\")])]), _c(\"h5\", {\n staticClass: \"orange\"\n }, [_vm._v(\"\\n 118.5\"), _c(\"span\", {\n staticStyle: {\n color: \"#fff\"\n }\n }, [_vm._v(\"万\")])])])])]), _c(\"div\", {\n staticClass: \"lines\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"div\", {\n staticStyle: {\n display: \"inline-block\"\n }\n }, [_c(\"img\", {\n staticStyle: {\n float: \"left\",\n height: \"30px\",\n width: \"30px\"\n },\n attrs: {\n src: require(\"../assets/index/mainTb1.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"计划数\")])]), _c(\"h5\", {\n staticClass: \"yellow\"\n }, [_vm._v(\" 44\")])])])]), _c(\"div\", {\n staticClass: \"lines\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"div\", {\n staticStyle: {\n display: \"inline-block\"\n }\n }, [_c(\"img\", {\n staticStyle: {\n float: \"left\",\n height: \"30px\",\n width: \"30px\"\n },\n attrs: {\n src: require(\"../assets/index/mainTb2.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"物科数\")])]), _c(\"h5\", {\n staticClass: \"orange\"\n }, [_vm._v(\" 10\")])])])])])])])]);\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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"县物项目总投资比\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.png\"),\n alt: \"\"\n }\n })])]), _c(\"div\", {\n staticClass: \"content\"\n }, [_c(\"div\", {\n staticClass: \"line\"\n }, [_c(\"div\", {\n attrs: {\n id: \"barCharts\"\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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"县物资占比分配\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.png\"),\n alt: \"\"\n }\n })])]), _c(\"div\", {\n staticClass: \"content\"\n }, [_c(\"div\", {\n staticClass: \"line\"\n }, [_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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"县公司预算统计\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.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(\"计划数量\")])])]);\n}];\nrender._withStripped = true;\nexport { render, staticRenderFns };",{"version":3,"names":["render","_vm","_c","_self","staticClass","_m","attrs","id","staticStyle","height","_l","pvTable","item","index","key","_v","_s","name","stationNumber","alternatorNumber","ref","controls","hidden","src","require","staticRenderFns","alt","display","float","color","width","_withStripped"],"sources":["D:/林谷智能项目/yanchengPowerSupply/src/views/thirtyFiveKV.vue"],"sourcesContent":["var render = function render() {\n var _vm = this,\n _c = _vm._self._c\n return _c(\"div\", { staticClass: \"home\" }, [\n _vm._m(0),\n _vm._m(1),\n _vm._m(2),\n _vm._m(3),\n _c(\"div\", { staticClass: \"right1\", attrs: { id: \"right\" } }, [\n _c(\"div\", { staticClass: \"one\", staticStyle: { height: \"100%\" } }, [\n _vm._m(4),\n _c(\"div\", { staticClass: \"content\" }, [\n _c(\"div\", { staticClass: \"line\" }, [\n _c(\"table\", [\n _vm._m(5),\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.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: \"left\", 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: { src: require(\"./../assets/indexN/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"预计年/月变化趋势\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\n }),\n ]),\n ]),\n _c(\"div\", { staticClass: \"content\" }, [\n _c(\"div\", { staticClass: \"line\" }, [\n _c(\"div\", { staticClass: \"enselect\" }, [\n _c(\"img\", {\n attrs: { src: require(\"../assets/02/dqxcxl.png\"), alt: \"\" },\n }),\n _c(\"span\", { staticClass: \"text\" }, [_vm._v(\"2022\")]),\n ]),\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: { src: require(\"./../assets/indexN/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"年/月总投资变化趋势\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\n }),\n ]),\n ]),\n _c(\"div\", { staticClass: \"content\" }, [\n _c(\"div\", { staticClass: \"line\" }, [\n _c(\"div\", { staticClass: \"enselect\" }, [\n _c(\"img\", {\n attrs: { src: require(\"../assets/02/dqxcxl.png\"), alt: \"\" },\n }),\n _c(\"span\", { staticClass: \"text\" }, [_vm._v(\"2022\")]),\n ]),\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: \"left1\", attrs: { id: \"left\" } }, [\n _c(\"div\", { staticClass: \"one\", staticStyle: { height: \"100%\" } }, [\n _c(\"div\", { staticClass: \"cartitle\" }, [\n _c(\"div\", { staticClass: \"titleFont\" }, [\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"县公司预算统计\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\n }),\n ]),\n ]),\n _c(\"div\", { staticClass: \"content\" }, [\n _c(\"div\", { staticClass: \"line\" }, [\n _c(\"div\", { attrs: { id: \"detailedTwo3\" } }),\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(\"img\", {\n staticClass: \"allimg\",\n attrs: { src: require(\"../assets/indexN/dfsxz.png\"), alt: \"\" },\n }),\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(\"div\", { staticStyle: { display: \"inline-block\" } }, [\n _c(\"img\", {\n staticStyle: { float: \"left\" },\n attrs: {\n src: require(\"../assets/index/mainTb1.png\"),\n alt: \"\",\n },\n }),\n _c(\"span\", [_vm._v(\"项目数\")]),\n ]),\n _c(\"h5\", { staticClass: \"yellow\" }, [\n _vm._v(\"\\n 9.279 \"),\n _c(\"span\", { staticStyle: { color: \"#fff\" } }, [\n _vm._v(\"万\"),\n ]),\n ]),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"lines\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\"div\", { staticStyle: { display: \"inline-block\" } }, [\n _c(\"img\", {\n staticStyle: {\n float: \"left\",\n height: \"30px\",\n width: \"30px\",\n },\n attrs: {\n src: require(\"../assets/index/mainTb2.png\"),\n alt: \"\",\n },\n }),\n _c(\"span\", [_vm._v(\"预算费用总和\")]),\n ]),\n _c(\"h5\", { staticClass: \"orange\" }, [\n _vm._v(\"\\n 118.5\"),\n _c(\"span\", { staticStyle: { color: \"#fff\" } }, [\n _vm._v(\"万\"),\n ]),\n ]),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"lines\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\"div\", { staticStyle: { display: \"inline-block\" } }, [\n _c(\"img\", {\n staticStyle: {\n float: \"left\",\n height: \"30px\",\n width: \"30px\",\n },\n attrs: {\n src: require(\"../assets/index/mainTb1.png\"),\n alt: \"\",\n },\n }),\n _c(\"span\", [_vm._v(\"计划数\")]),\n ]),\n _c(\"h5\", { staticClass: \"yellow\" }, [_vm._v(\" 44\")]),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"lines\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\"div\", { staticStyle: { display: \"inline-block\" } }, [\n _c(\"img\", {\n staticStyle: {\n float: \"left\",\n height: \"30px\",\n width: \"30px\",\n },\n attrs: {\n src: require(\"../assets/index/mainTb2.png\"),\n alt: \"\",\n },\n }),\n _c(\"span\", [_vm._v(\"物科数\")]),\n ]),\n _c(\"h5\", { staticClass: \"orange\" }, [_vm._v(\" 10\")]),\n ]),\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: { src: require(\"./../assets/indexN/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"县物项目总投资比\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\n }),\n ]),\n ]),\n _c(\"div\", { staticClass: \"content\" }, [\n _c(\"div\", { staticClass: \"line\" }, [\n _c(\"div\", { attrs: { id: \"barCharts\" } }),\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: { src: require(\"./../assets/indexN/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"县物资占比分配\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\n }),\n ]),\n ]),\n _c(\"div\", { staticClass: \"content\" }, [\n _c(\"div\", { staticClass: \"line\" }, [\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/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"县公司预算统计\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.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 ]),\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/ecfe67038a66e333e39ccae401336bf7.json b/node_modules/.cache/babel-loader/ecfe67038a66e333e39ccae401336bf7.json
index 86ff17e9..bfcf48fb 100644
--- a/node_modules/.cache/babel-loader/ecfe67038a66e333e39ccae401336bf7.json
+++ b/node_modules/.cache/babel-loader/ecfe67038a66e333e39ccae401336bf7.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??ref--6!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\index.vue?vue&type=template&id=a83bd3b0&scoped=true&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\index.vue","mtime":1689926769457},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\babel.config.js","mtime":1689557787923},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1655712169000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["var 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: \"content3\"\n }, [_c(\"div\", {\n staticClass: \"line3\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"span\", {\n staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"户数高渗透率 \")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"yellow\",\n text: _vm.CompanyInfo.hsgst\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.hsgst) + \"\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\"\n }\n }, [_vm._v(\"%\")])])])])]), _c(\"div\", {\n staticClass: \"line3\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"span\", {\n staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"容量渗透率 \")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"orange\",\n text: _vm.CompanyInfo.rlst\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.rlst) + \"\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\"\n }\n }, [_vm._v(\"%\")])])])])]), _c(\"div\", {\n staticClass: \"line3\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"span\", {\n staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"能量渗透率 \")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"yellow\",\n text: _vm.CompanyInfo.nlst\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.nlst) + \"\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\"\n }\n }, [_vm._v(\"%\")])])])])])]), _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 on: {\n click: function click($event) {\n return _vm.routerTo(\"配网工程全过程物资审计\");\n }\n }\n }, [_vm._m(1)]), _c(\"div\", {\n staticClass: \"content3\",\n staticStyle: {\n display: \"inline\"\n }\n }, [_c(\"div\", {\n staticClass: \"line3\"\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 staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"项目数 \")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"yellow\",\n text: _vm.CompanyInfo.xms\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.xms) + \"\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\"\n }\n }, [_vm._v(\"万\")])])])])]), _c(\"div\", {\n staticClass: \"line3\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"span\", {\n staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"预算费用总和\")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"orange\",\n text: _vm.CompanyInfo.ysfyzh\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.ysfyzh) + \"\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\"\n }\n }, [_vm._v(\"%\")])])])])]), _c(\"div\", {\n staticClass: \"line3\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"span\", {\n staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"计划数\")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"yellow\",\n text: _vm.CompanyInfo.jhs\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.jhs) + \"\\n \")])])])])]), _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 }, [_c(\"div\", {\n staticClass: \"cartitle\",\n on: {\n click: function click($event) {\n return _vm.routerTo(\"盐城东台区供电所数字化分析\");\n }\n }\n }, [_vm._m(2)]), _c(\"div\", {\n staticClass: \"content3\"\n }, [_c(\"div\", {\n staticClass: \"line3\"\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 staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"升档配变数量 \")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"yellow\",\n text: _vm.CompanyInfo.sdpbsl\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.sdpbsl))])])])]), _c(\"div\", {\n staticClass: \"line3\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"span\", {\n staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"降档配比数量\")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"orange\",\n text: _vm.CompanyInfo.jdpbsl\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.jdpbsl))])])])]), _c(\"div\", {\n staticClass: \"line3\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"span\", {\n staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"负荷关注配变数量 \")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"yellow\",\n text: _vm.CompanyInfo.fhgzpb\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.fhgzpb))])])])])]), _c(\"div\", {\n attrs: {\n id: \"horizontalChart\"\n }\n })]), _c(\"div\", {\n staticClass: \"two\",\n staticStyle: {\n height: \"49%\"\n }\n }, [_c(\"div\", {\n staticClass: \"cartitle\",\n on: {\n click: function click($event) {\n return _vm.routerTo(\"盐城供电公司配网电能质量管控\");\n }\n }\n }, [_vm._m(3)]), _c(\"div\", {\n staticClass: \"content3\"\n }, [_c(\"div\", {\n staticClass: \"line3\"\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 staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"月供电可靠性 \")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"yellow\",\n text: _vm.CompanyInfo.ygdkkx\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.ygdkkx) + \"\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\"\n }\n }, [_vm._v(\"%\")])])])])]), _c(\"div\", {\n staticClass: \"line3\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"span\", {\n staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"平均停电频次 \")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"orange\",\n text: _vm.CompanyInfo.pjtdpc\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.pjtdpc) + \"\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\"\n }\n }, [_vm._v(\"次/户\")])])])])]), _c(\"div\", {\n staticClass: \"line3\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"span\", {\n staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"平均停电时间 \")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"yellow\",\n text: _vm.CompanyInfo.pjtdsj\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.pjtdsj) + \"\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\"\n }\n }, [_vm._v(\"小时\")])])])])])]), _c(\"div\", {\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 }, [_c(\"div\", {\n staticClass: \"cartitle\",\n on: {\n click: function click($event) {\n return _vm.routerTo(\"乡村振兴电力综合指数\");\n }\n }\n }, [_vm._m(5)]), _vm._m(6), _vm._m(7), _c(\"div\", {\n attrs: {\n id: \"detailedFive\"\n }\n })]), _c(\"div\", {\n staticClass: \"three\",\n staticStyle: {\n height: \"48%\",\n width: \"100%\"\n }\n }, [_c(\"div\", {\n staticClass: \"cartitle\",\n on: {\n click: function click($event) {\n return _vm.routerTo(\"两高行业企业污染监测\");\n }\n }\n }, [_vm._m(8)]), _c(\"div\", {\n staticClass: \"content3\",\n staticStyle: {\n display: \"inline\"\n }\n }, [_c(\"div\", {\n staticClass: \"line3\"\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 staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"2022年度总碳排放量\")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n text: _vm.CompanyInfo.ztpf,\n id: \"yellow\"\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.ztpf) + \"\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\"\n }\n }, [_vm._v(\"吨碳\")])])])])]), _c(\"div\", {\n staticClass: \"line3\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"span\", {\n staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"2022年度总用电量\")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"orange\",\n text: _vm.CompanyInfo.zydl\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.zydl) + \"\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\"\n }\n }, [_vm._v(\"kwh\")])])])])]), _c(\"div\", {\n staticClass: \"line3\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"span\", {\n staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"2022年度客户总数\")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"yellow\",\n text: _vm.CompanyInfo.khzs\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.khzs) + \"\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\"\n }\n }, [_vm._v(\"人\")])])])])])]), _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 }, [_c(\"div\", {\n staticClass: \"cartitle\",\n on: {\n click: function click($event) {\n return _vm.routerTo(\"农村生活污水治理设备电量分析\");\n }\n }\n }, [_vm._m(9)]), _c(\"div\", {\n staticClass: \"content3\"\n }, [_c(\"div\", {\n staticClass: \"line3\"\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 staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"年度总用电量 \")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"yellow\",\n text: _vm.CompanyInfo.xczydl\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.xczydl) + \"\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\"\n }\n }, [_vm._v(\"万kwh\")])])])])]), _c(\"div\", {\n staticClass: \"line3\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"span\", {\n staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"最大设备规模 \")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"orange\",\n text: _vm.CompanyInfo.zdsbgm\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.zdsbgm) + \"\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\"\n }\n }, [_vm._v(\"吨/日\")])])])])]), _c(\"div\", {\n staticClass: \"line3\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"span\", {\n staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"最小设备规模 \")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"yellow\",\n text: _vm.CompanyInfo.zxsbgm\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.zxsbgm) + \"\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\"\n }\n }, [_vm._v(\"吨/日\")])])])])])]), _c(\"div\", {\n attrs: {\n id: \"detailen\"\n }\n })]), _c(\"div\", {\n staticClass: \"three\",\n staticStyle: {\n height: \"48%\",\n width: \"100%\"\n }\n }, [_c(\"div\", {\n staticClass: \"cartitle\",\n on: {\n click: function click($event) {\n return _vm.routerTo(\"数字化排涝抗旱辅助及检修辅助决策\");\n }\n }\n }, [_vm._m(10)]), _c(\"div\", {\n staticClass: \"content3\"\n }, [_c(\"div\", {\n staticClass: \"line3\"\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 staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"辖区管理供电所 \")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"yellow\",\n text: _vm.CompanyInfo.glgds\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.glgds) + \"\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\"\n }\n }, [_vm._v(\"个\")])])])])]), _c(\"div\", {\n staticClass: \"line3\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"span\", {\n staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"辖区管理台区 \")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"orange\",\n text: _vm.CompanyInfo.gltq\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.gltq) + \"\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\"\n }\n }, [_vm._v(\"个\")])])])])]), _c(\"div\", {\n staticClass: \"line3\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"span\", {\n staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"自然村 \")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"yellow\",\n text: _vm.CompanyInfo.zrc\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.zrc) + \"\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\"\n }\n }, [_vm._v(\"条\")])])])])])]), _c(\"div\", {\n attrs: {\n id: \"shuzihua\"\n }\n })])]), _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: \"content3\"\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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"盐城地区分布光伏运行监测\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.png\"),\n alt: \"\"\n }\n })]);\n}, 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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"配网工程全过程物资审计\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.png\"),\n alt: \"\"\n }\n })]);\n}, 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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"盐城东台区供电所数字化分析\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.png\"),\n alt: \"\"\n }\n })]);\n}, 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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"盐城供电公司配网电能质量管控\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.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(\"canvas\", {\n staticStyle: {\n position: \"absolute\"\n },\n attrs: {\n id: \"myCanvas\",\n width: \"1000\",\n height: \"600\"\n }\n }), _c(\"img\", {\n staticClass: \"leftimg\",\n attrs: {\n src: require(\"../assets/indexN/left.png\"),\n alt: \"\"\n }\n }), _c(\"img\", {\n staticClass: \"rightimg\",\n attrs: {\n src: require(\"../assets/indexN/right.png\"),\n alt: \"\"\n }\n }), _c(\"img\", {\n staticClass: \"allimg\",\n attrs: {\n src: require(\"../assets/indexN/dfsxz.png\"),\n alt: \"\"\n }\n }), _c(\"div\", {\n staticClass: \"imgboxtwo1\"\n }, [_c(\"div\", {\n staticClass: \"cartitle\"\n }, [_c(\"div\", {\n staticClass: \"titleFont\",\n staticStyle: {\n color: \"#fff\",\n \"font-size\": \"26px\"\n }\n }, [_vm._v(\"\\n 大丰区\\n \")])]), _c(\"div\", {\n staticClass: \"content2\"\n }, [_c(\"div\", {\n staticClass: \"line1\"\n }, [_vm._v(\"\\n 用电量 (kwh) \\n \"), _c(\"span\", {\n staticStyle: {\n color: \"yellow\",\n \"font-size\": \"28px\"\n }\n }, [_vm._v(\"2.685亿\")])]), _c(\"div\", {\n staticClass: \"line1\"\n }, [_vm._v(\"\\n 碳排放量 (kg) \\n \"), _c(\"span\", {\n staticStyle: {\n color: \"orange\",\n \"font-size\": \"28px\"\n }\n }, [_vm._v(\"7.303万\")])]), _c(\"div\", {\n staticClass: \"line1\"\n }, [_vm._v(\"\\n 企业数量 \\n \"), _c(\"span\", {\n staticStyle: {\n color: \"yellow\",\n \"font-size\": \"28px\"\n }\n }, [_vm._v(\"713\")])])])]), _c(\"div\", {\n staticClass: \"imgboxone\"\n }, [_c(\"div\", {\n staticClass: \"contents\"\n }, [_c(\"div\", {\n staticClass: \"lines\",\n staticStyle: {\n width: \"55%\"\n }\n }, [_c(\"img\", {\n staticStyle: {\n \"margin-top\": \"15%\"\n },\n attrs: {\n src: require(\"../assets/indexN/tb1.png\")\n }\n }), _c(\"h4\", {\n staticStyle: {\n color: \"#fff\",\n \"margin-top\": \"10%\"\n }\n }, [_vm._v(\"数据目录\")])]), _c(\"div\", {\n staticClass: \"lines\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"span\", [_vm._v(\"发布数量\")]), _c(\"span\", {\n staticClass: \"yellow\"\n }, [_vm._v(\"\\n 100 \"), _c(\"span\", {\n staticStyle: {\n color: \"#fff\"\n }\n }, [_vm._v(\"%\")])])]), _c(\"div\", {\n staticClass: \"num\",\n staticStyle: {\n \"margin-top\": \"5%\"\n }\n }, [_c(\"span\", [_vm._v(\"负面清单\")]), _c(\"span\", {\n staticClass: \"orange\"\n }, [_vm._v(\"\\n 7244\"), _c(\"span\", {\n staticStyle: {\n color: \"#fff\"\n }\n }, [_vm._v(\"个\")])])]), _c(\"div\", {\n staticClass: \"num\",\n staticStyle: {\n \"margin-top\": \"5%\"\n }\n }, [_c(\"span\", [_vm._v(\"涉及系统\")]), _c(\"span\", {\n staticClass: \"yellow\"\n }, [_vm._v(\"\\n 251 \"), _c(\"span\", {\n staticStyle: {\n color: \"#fff\"\n }\n }, [_vm._v(\"个\")])])])])]), _c(\"div\", {\n staticClass: \"lines\",\n staticStyle: {\n width: \"55%\"\n }\n }, [_c(\"img\", {\n staticStyle: {\n \"margin-top\": \"15%\"\n },\n attrs: {\n src: require(\"../assets/indexN/tb2.png\")\n }\n }), _c(\"h4\", {\n staticStyle: {\n color: \"#fff\",\n \"margin-top\": \"10%\"\n }\n }, [_vm._v(\"数据资源\")])]), _c(\"div\", {\n staticClass: \"lines\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"div\", {\n staticStyle: {\n display: \"inline-block\"\n }\n }, [_c(\"span\", [_vm._v(\"接入数量\")])]), _c(\"span\", {\n staticClass: \"yellow\"\n }, [_vm._v(\" 1.6 \"), _c(\"span\", {\n staticStyle: {\n color: \"#fff\"\n }\n }, [_vm._v(\"万个\")])])]), _c(\"div\", {\n staticClass: \"num\",\n staticStyle: {\n \"margin-top\": \"5%\"\n }\n }, [_c(\"div\", {\n staticStyle: {\n display: \"inline-block\"\n }\n }, [_c(\"span\", [_vm._v(\"涉及系统\")])]), _c(\"span\", {\n staticClass: \"orange\"\n }, [_vm._v(\" 123 \"), _c(\"span\", {\n staticStyle: {\n color: \"#fff\"\n }\n }, [_vm._v(\"个\")])])]), _c(\"div\", {\n staticClass: \"num\",\n staticStyle: {\n \"margin-top\": \"5%\"\n }\n }, [_c(\"div\", {\n staticStyle: {\n display: \"inline-block\"\n }\n }, [_c(\"span\", [_vm._v(\"数据资源卡片\")])]), _c(\"span\", {\n staticClass: \"yellow\"\n }, [_vm._v(\"31\"), _c(\"span\", {\n staticStyle: {\n color: \"#fff\"\n }\n }, [_vm._v(\"个\")])])])])]), _c(\"div\", {\n staticClass: \"lines\",\n staticStyle: {\n width: \"55%\"\n }\n }, [_c(\"img\", {\n staticStyle: {\n \"margin-top\": \"15%\"\n },\n attrs: {\n src: require(\"../assets/indexN/tb3.png\")\n }\n }), _c(\"h4\", {\n staticStyle: {\n color: \"#fff\",\n \"margin-top\": \"10%\"\n }\n }, [_vm._v(\"数据服务\")])]), _c(\"div\", {\n staticClass: \"lines\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"div\", {\n staticStyle: {\n display: \"inline-block\"\n }\n }, [_c(\"span\", [_vm._v(\"服务数量\")])]), _c(\"span\", {\n staticClass: \"yellow\"\n }, [_vm._v(\"\\n 1084\"), _c(\"span\", {\n staticStyle: {\n color: \"#fff\"\n }\n }, [_vm._v(\"个\")])])]), _c(\"div\", {\n staticClass: \"num\",\n staticStyle: {\n \"margin-top\": \"5%\"\n }\n }, [_c(\"div\", {\n staticStyle: {\n display: \"inline-block\"\n }\n }, [_c(\"span\", [_vm._v(\"接入数量\")])]), _c(\"span\", {\n staticClass: \"orange\"\n }, [_vm._v(\"\\n 8833\"), _c(\"span\", {\n staticStyle: {\n color: \"#fff\"\n }\n }, [_vm._v(\"个\")])])]), _c(\"div\", {\n staticClass: \"num\",\n staticStyle: {\n \"margin-top\": \"5%\"\n }\n }, [_c(\"div\", {\n staticStyle: {\n display: \"inline-block\"\n }\n }, [_c(\"span\", [_vm._v(\"访问次数\")])]), _c(\"span\", {\n staticClass: \"yellow\"\n }, [_vm._v(\"\\n 5.3 \"), _c(\"span\", {\n staticStyle: {\n color: \"#fff\"\n }\n }, [_vm._v(\"亿个\")])])])])]), _c(\"div\", {\n staticClass: \"lines\",\n staticStyle: {\n width: \"55%\"\n }\n }, [_c(\"img\", {\n staticStyle: {\n \"margin-top\": \"15%\"\n },\n attrs: {\n src: require(\"../assets/indexN/tb4.png\")\n }\n }), _c(\"h4\", {\n staticStyle: {\n color: \"#fff\",\n \"margin-top\": \"10%\"\n }\n }, [_vm._v(\"数据产品\")])]), _c(\"div\", {\n staticClass: \"lines\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"div\", {\n staticStyle: {\n display: \"inline-block\"\n }\n }, [_c(\"span\", [_vm._v(\"报表数量\")])]), _c(\"span\", {\n staticClass: \"yellow\"\n }, [_vm._v(\" 19 \"), _c(\"span\", {\n staticStyle: {\n color: \"#fff\"\n }\n }, [_vm._v(\"个\")])])]), _c(\"div\", {\n staticClass: \"num\",\n staticStyle: {\n \"margin-top\": \"5%\"\n }\n }, [_c(\"div\", {\n staticStyle: {\n display: \"inline-block\"\n }\n }, [_c(\"span\", [_vm._v(\"服务访问次数\")])]), _c(\"span\", {\n staticClass: \"orange\"\n }, [_vm._v(\" 0 \"), _c(\"span\", {\n staticStyle: {\n color: \"#fff\"\n }\n }, [_vm._v(\"次\")])])]), _c(\"div\", {\n staticClass: \"num\",\n staticStyle: {\n \"margin-top\": \"5%\"\n }\n }, [_c(\"div\", {\n staticStyle: {\n display: \"inline-block\"\n }\n }, [_c(\"span\", [_vm._v(\"指标数量\")])]), _c(\"span\", {\n staticClass: \"yellow\"\n }, [_vm._v(\" 477 \"), _c(\"span\", {\n staticStyle: {\n color: \"#fff\"\n }\n }, [_vm._v(\"个\")])])])])])])])])]);\n}, 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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"乡村振兴电力综合指数\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.png\"),\n alt: \"\"\n }\n })]);\n}, function () {\n var _vm = this,\n _c = _vm._self._c;\n return _c(\"div\", {\n staticClass: \"content3\"\n }, [_c(\"div\", {\n staticClass: \"contentUl\"\n }, [_c(\"div\", {\n staticClass: \"top1\"\n }, [_c(\"div\", {\n staticClass: \"texts\"\n }, [_vm._v(\"94.46\")]), _c(\"h4\", [_vm._v(\"产业兴旺\")])]), _c(\"div\", {\n staticClass: \"top2\"\n }, [_c(\"div\", {\n staticClass: \"texts\"\n }, [_vm._v(\"63.95\")]), _c(\"h4\", [_vm._v(\"生活宜居\")])]), _c(\"div\", {\n staticClass: \"top3\"\n }, [_c(\"div\", {\n staticClass: \"texts\"\n }, [_vm._v(\"74.15\")]), _c(\"h4\", [_vm._v(\"生活富裕\")])]), _c(\"div\", {\n staticClass: \"top4\"\n }, [_c(\"div\", {\n staticClass: \"texts\"\n }, [_vm._v(\"56.23\")]), _c(\"h4\", [_vm._v(\"治理有效\")])]), _c(\"div\", {\n staticClass: \"top5\"\n }, [_c(\"div\", {\n staticClass: \"texts\"\n }, [_vm._v(\"86.82\")]), _c(\"h4\", [_vm._v(\"乡风文明\")])]), _c(\"div\", {\n staticClass: \"top\"\n }, [_c(\"img\", {\n attrs: {\n src: require(\"../assets/indexN/xctb1.png\")\n }\n }), _c(\"div\", {\n staticClass: \"texts\",\n staticStyle: {\n color: \"yellow\"\n }\n }, [_vm._v(\"77.17\")])])])]);\n}, function () {\n var _vm = this,\n _c = _vm._self._c;\n return _c(\"div\", {\n staticClass: \"enselect\"\n }, [_c(\"img\", {\n attrs: {\n src: require(\"../assets/02/dqxcxl.png\"),\n alt: \"\"\n }\n }), _c(\"span\", {\n staticClass: \"text\"\n }, [_vm._v(\"乡镇\")])]);\n}, 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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"两高行业企业污染监测\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.png\"),\n alt: \"\"\n }\n })]);\n}, 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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"农村生活污水治理设备电量分析\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.png\"),\n alt: \"\"\n }\n })]);\n}, 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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"数字化排涝抗旱辅助及检修辅助决策\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.png\"),\n alt: \"\"\n }\n })]);\n}, function () {\n var _vm = this,\n _c = _vm._self._c;\n return _c(\"div\", {\n staticClass: \"content3\"\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","_v","text","CompanyInfo","hsgst","_s","color","rlst","nlst","display","openLineDetail","pdxl","xms","ysfyzh","jhs","sdpbsl","jdpbsl","fhgzpb","ygdkkx","pjtdpc","pjtdsj","width","ztpf","zydl","khzs","xczydl","zdsbgm","zxsbgm","glgds","gltq","zrc","directives","name","rawName","value","realTimeAlarmShow","expression","alarmInformationShow","cursor","src","require","handleClose","data","alarmInformationData","rowClass","label","align","scopedSlots","_u","key","fn","scop","$index","prop","pageShow","page","pageSize","layout","total","totals","handleCurrentChange","_e","modelOthers","componentShow","tag","ringMainUnit","device","orderItem","orderShow","routeItem","routeShow","lineItem","top","lineShow","ref","controls","hidden","staticRenderFns","alt","position","_withStripped"],"sources":["D:/林谷智能项目/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: \"content3\" }, [\n _c(\"div\", { staticClass: \"line3\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\n \"span\",\n { staticClass: \"num1\", staticStyle: { \"font-size\": \"18px\" } },\n [_vm._v(\"户数高渗透率 \")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: { \"font-size\": \"40px\", \"font-weight\": \"600\" },\n attrs: { id: \"yellow\", text: _vm.CompanyInfo.hsgst },\n },\n [\n _vm._v(\n _vm._s(_vm.CompanyInfo.hsgst) + \"\\n \"\n ),\n _c(\n \"span\",\n { staticStyle: { \"font-size\": \"18px\", color: \"#fff\" } },\n [_vm._v(\"%\")]\n ),\n ]\n ),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"line3\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\n \"span\",\n { staticClass: \"num1\", staticStyle: { \"font-size\": \"18px\" } },\n [_vm._v(\"容量渗透率 \")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: { \"font-size\": \"40px\", \"font-weight\": \"600\" },\n attrs: { id: \"orange\", text: _vm.CompanyInfo.rlst },\n },\n [\n _vm._v(_vm._s(_vm.CompanyInfo.rlst) + \"\\n \"),\n _c(\n \"span\",\n { staticStyle: { \"font-size\": \"18px\", color: \"#fff\" } },\n [_vm._v(\"%\")]\n ),\n ]\n ),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"line3\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\n \"span\",\n { staticClass: \"num1\", staticStyle: { \"font-size\": \"18px\" } },\n [_vm._v(\"能量渗透率 \")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: { \"font-size\": \"40px\", \"font-weight\": \"600\" },\n attrs: { id: \"yellow\", text: _vm.CompanyInfo.nlst },\n },\n [\n _vm._v(_vm._s(_vm.CompanyInfo.nlst) + \"\\n \"),\n _c(\n \"span\",\n { staticStyle: { \"font-size\": \"18px\", color: \"#fff\" } },\n [_vm._v(\"%\")]\n ),\n ]\n ),\n ]),\n ]),\n ]),\n ]),\n _c(\"div\", { attrs: { id: \"detailedTwo1\" } }),\n ]),\n _c(\"div\", { staticClass: \"two\", staticStyle: { height: \"49%\" } }, [\n _c(\n \"div\",\n {\n staticClass: \"cartitle\",\n on: {\n click: function ($event) {\n return _vm.routerTo(\"配网工程全过程物资审计\")\n },\n },\n },\n [_vm._m(1)]\n ),\n _c(\n \"div\",\n { staticClass: \"content3\", staticStyle: { display: \"inline\" } },\n [\n _c(\"div\", { staticClass: \"line3\" }, [\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(\n \"span\",\n {\n staticClass: \"num1\",\n staticStyle: { \"font-size\": \"18px\" },\n },\n [_vm._v(\"项目数 \")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\",\n },\n attrs: { id: \"yellow\", text: _vm.CompanyInfo.xms },\n },\n [\n _vm._v(\n _vm._s(_vm.CompanyInfo.xms) + \"\\n \"\n ),\n _c(\n \"span\",\n {\n staticStyle: { \"font-size\": \"18px\", color: \"#fff\" },\n },\n [_vm._v(\"万\")]\n ),\n ]\n ),\n ]\n ),\n ]),\n ]),\n _c(\"div\", { staticClass: \"line3\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\n \"span\",\n {\n staticClass: \"num1\",\n staticStyle: { \"font-size\": \"18px\" },\n },\n [_vm._v(\"预算费用总和\")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\",\n },\n attrs: { id: \"orange\", text: _vm.CompanyInfo.ysfyzh },\n },\n [\n _vm._v(\n _vm._s(_vm.CompanyInfo.ysfyzh) + \"\\n \"\n ),\n _c(\n \"span\",\n { staticStyle: { \"font-size\": \"18px\", color: \"#fff\" } },\n [_vm._v(\"%\")]\n ),\n ]\n ),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"line3\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\n \"span\",\n {\n staticClass: \"num1\",\n staticStyle: { \"font-size\": \"18px\" },\n },\n [_vm._v(\"计划数\")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\",\n },\n attrs: { id: \"yellow\", text: _vm.CompanyInfo.jhs },\n },\n [_vm._v(_vm._s(_vm.CompanyInfo.jhs) + \"\\n \")]\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 _c(\n \"div\",\n {\n staticClass: \"cartitle\",\n on: {\n click: function ($event) {\n return _vm.routerTo(\"盐城东台区供电所数字化分析\")\n },\n },\n },\n [_vm._m(2)]\n ),\n _c(\"div\", { staticClass: \"content3\" }, [\n _c(\"div\", { staticClass: \"line3\" }, [\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(\n \"span\",\n {\n staticClass: \"num1\",\n staticStyle: { \"font-size\": \"18px\" },\n },\n [_vm._v(\"升档配变数量 \")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\",\n },\n attrs: { id: \"yellow\", text: _vm.CompanyInfo.sdpbsl },\n },\n [_vm._v(_vm._s(_vm.CompanyInfo.sdpbsl))]\n ),\n ]\n ),\n ]),\n ]),\n _c(\"div\", { staticClass: \"line3\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\n \"span\",\n { staticClass: \"num1\", staticStyle: { \"font-size\": \"18px\" } },\n [_vm._v(\"降档配比数量\")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: { \"font-size\": \"40px\", \"font-weight\": \"600\" },\n attrs: { id: \"orange\", text: _vm.CompanyInfo.jdpbsl },\n },\n [_vm._v(_vm._s(_vm.CompanyInfo.jdpbsl))]\n ),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"line3\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\n \"span\",\n { staticClass: \"num1\", staticStyle: { \"font-size\": \"18px\" } },\n [_vm._v(\"负荷关注配变数量 \")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: { \"font-size\": \"40px\", \"font-weight\": \"600\" },\n attrs: { id: \"yellow\", text: _vm.CompanyInfo.fhgzpb },\n },\n [_vm._v(_vm._s(_vm.CompanyInfo.fhgzpb))]\n ),\n ]),\n ]),\n ]),\n ]),\n _c(\"div\", { attrs: { id: \"horizontalChart\" } }),\n ]),\n _c(\"div\", { staticClass: \"two\", staticStyle: { height: \"49%\" } }, [\n _c(\n \"div\",\n {\n staticClass: \"cartitle\",\n on: {\n click: function ($event) {\n return _vm.routerTo(\"盐城供电公司配网电能质量管控\")\n },\n },\n },\n [_vm._m(3)]\n ),\n _c(\"div\", { staticClass: \"content3\" }, [\n _c(\"div\", { staticClass: \"line3\" }, [\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(\n \"span\",\n {\n staticClass: \"num1\",\n staticStyle: { \"font-size\": \"18px\" },\n },\n [_vm._v(\"月供电可靠性 \")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\",\n },\n attrs: { id: \"yellow\", text: _vm.CompanyInfo.ygdkkx },\n },\n [\n _vm._v(\n _vm._s(_vm.CompanyInfo.ygdkkx) + \"\\n \"\n ),\n _c(\n \"span\",\n { staticStyle: { \"font-size\": \"18px\", color: \"#fff\" } },\n [_vm._v(\"%\")]\n ),\n ]\n ),\n ]\n ),\n ]),\n ]),\n _c(\"div\", { staticClass: \"line3\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\n \"span\",\n { staticClass: \"num1\", staticStyle: { \"font-size\": \"18px\" } },\n [_vm._v(\"平均停电频次 \")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: { \"font-size\": \"40px\", \"font-weight\": \"600\" },\n attrs: { id: \"orange\", text: _vm.CompanyInfo.pjtdpc },\n },\n [\n _vm._v(\n _vm._s(_vm.CompanyInfo.pjtdpc) + \"\\n \"\n ),\n _c(\n \"span\",\n { staticStyle: { \"font-size\": \"18px\", color: \"#fff\" } },\n [_vm._v(\"次/户\")]\n ),\n ]\n ),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"line3\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\n \"span\",\n { staticClass: \"num1\", staticStyle: { \"font-size\": \"18px\" } },\n [_vm._v(\"平均停电时间 \")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: { \"font-size\": \"40px\", \"font-weight\": \"600\" },\n attrs: { id: \"yellow\", text: _vm.CompanyInfo.pjtdsj },\n },\n [\n _vm._v(\n _vm._s(_vm.CompanyInfo.pjtdsj) + \"\\n \"\n ),\n _c(\n \"span\",\n { staticStyle: { \"font-size\": \"18px\", color: \"#fff\" } },\n [_vm._v(\"小时\")]\n ),\n ]\n ),\n ]),\n ]),\n ]),\n ]),\n _c(\"div\", { attrs: { id: \"detailedOne\" } }),\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 _c(\n \"div\",\n {\n staticClass: \"cartitle\",\n on: {\n click: function ($event) {\n return _vm.routerTo(\"乡村振兴电力综合指数\")\n },\n },\n },\n [_vm._m(5)]\n ),\n _vm._m(6),\n _vm._m(7),\n _c(\"div\", { attrs: { id: \"detailedFive\" } }),\n ]\n ),\n _c(\n \"div\",\n { staticClass: \"three\", staticStyle: { height: \"48%\", width: \"100%\" } },\n [\n _c(\n \"div\",\n {\n staticClass: \"cartitle\",\n on: {\n click: function ($event) {\n return _vm.routerTo(\"两高行业企业污染监测\")\n },\n },\n },\n [_vm._m(8)]\n ),\n _c(\n \"div\",\n { staticClass: \"content3\", staticStyle: { display: \"inline\" } },\n [\n _c(\"div\", { staticClass: \"line3\" }, [\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(\n \"span\",\n {\n staticClass: \"num1\",\n staticStyle: { \"font-size\": \"18px\" },\n },\n [_vm._v(\"2022年度总碳排放量\")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\",\n },\n attrs: { text: _vm.CompanyInfo.ztpf, id: \"yellow\" },\n },\n [\n _vm._v(\n _vm._s(_vm.CompanyInfo.ztpf) + \"\\n \"\n ),\n _c(\n \"span\",\n {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\",\n },\n },\n [_vm._v(\"吨碳\")]\n ),\n ]\n ),\n ]\n ),\n ]),\n ]),\n _c(\"div\", { staticClass: \"line3\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\n \"span\",\n {\n staticClass: \"num1\",\n staticStyle: { \"font-size\": \"18px\" },\n },\n [_vm._v(\"2022年度总用电量\")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\",\n },\n attrs: { id: \"orange\", text: _vm.CompanyInfo.zydl },\n },\n [\n _vm._v(\n _vm._s(_vm.CompanyInfo.zydl) + \"\\n \"\n ),\n _c(\n \"span\",\n {\n staticStyle: { \"font-size\": \"18px\", color: \"#fff\" },\n },\n [_vm._v(\"kwh\")]\n ),\n ]\n ),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"line3\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\n \"span\",\n {\n staticClass: \"num1\",\n staticStyle: { \"font-size\": \"18px\" },\n },\n [_vm._v(\"2022年度客户总数\")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\",\n },\n attrs: { id: \"yellow\", text: _vm.CompanyInfo.khzs },\n },\n [\n _vm._v(\n _vm._s(_vm.CompanyInfo.khzs) + \"\\n \"\n ),\n _c(\n \"span\",\n {\n staticStyle: { \"font-size\": \"18px\", color: \"#fff\" },\n },\n [_vm._v(\"人\")]\n ),\n ]\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 _c(\n \"div\",\n {\n staticClass: \"cartitle\",\n on: {\n click: function ($event) {\n return _vm.routerTo(\"农村生活污水治理设备电量分析\")\n },\n },\n },\n [_vm._m(9)]\n ),\n _c(\"div\", { staticClass: \"content3\" }, [\n _c(\"div\", { staticClass: \"line3\" }, [\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(\n \"span\",\n {\n staticClass: \"num1\",\n staticStyle: { \"font-size\": \"18px\" },\n },\n [_vm._v(\"年度总用电量 \")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\",\n },\n attrs: { id: \"yellow\", text: _vm.CompanyInfo.xczydl },\n },\n [\n _vm._v(\n _vm._s(_vm.CompanyInfo.xczydl) + \"\\n \"\n ),\n _c(\n \"span\",\n {\n staticStyle: { \"font-size\": \"18px\", color: \"#fff\" },\n },\n [_vm._v(\"万kwh\")]\n ),\n ]\n ),\n ]\n ),\n ]),\n ]),\n _c(\"div\", { staticClass: \"line3\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\n \"span\",\n {\n staticClass: \"num1\",\n staticStyle: { \"font-size\": \"18px\" },\n },\n [_vm._v(\"最大设备规模 \")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\",\n },\n attrs: { id: \"orange\", text: _vm.CompanyInfo.zdsbgm },\n },\n [\n _vm._v(\n _vm._s(_vm.CompanyInfo.zdsbgm) + \"\\n \"\n ),\n _c(\n \"span\",\n { staticStyle: { \"font-size\": \"18px\", color: \"#fff\" } },\n [_vm._v(\"吨/日\")]\n ),\n ]\n ),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"line3\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\n \"span\",\n {\n staticClass: \"num1\",\n staticStyle: { \"font-size\": \"18px\" },\n },\n [_vm._v(\"最小设备规模 \")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\",\n },\n attrs: { id: \"yellow\", text: _vm.CompanyInfo.zxsbgm },\n },\n [\n _vm._v(\n _vm._s(_vm.CompanyInfo.zxsbgm) + \"\\n \"\n ),\n _c(\n \"span\",\n { staticStyle: { \"font-size\": \"18px\", color: \"#fff\" } },\n [_vm._v(\"吨/日\")]\n ),\n ]\n ),\n ]),\n ]),\n ]),\n ]),\n _c(\"div\", { attrs: { id: \"detailen\" } }),\n ]\n ),\n _c(\n \"div\",\n { staticClass: \"three\", staticStyle: { height: \"48%\", width: \"100%\" } },\n [\n _c(\n \"div\",\n {\n staticClass: \"cartitle\",\n on: {\n click: function ($event) {\n return _vm.routerTo(\"数字化排涝抗旱辅助及检修辅助决策\")\n },\n },\n },\n [_vm._m(10)]\n ),\n _c(\"div\", { staticClass: \"content3\" }, [\n _c(\"div\", { staticClass: \"line3\" }, [\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(\n \"span\",\n {\n staticClass: \"num1\",\n staticStyle: { \"font-size\": \"18px\" },\n },\n [_vm._v(\"辖区管理供电所 \")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\",\n },\n attrs: { id: \"yellow\", text: _vm.CompanyInfo.glgds },\n },\n [\n _vm._v(\n _vm._s(_vm.CompanyInfo.glgds) + \"\\n \"\n ),\n _c(\n \"span\",\n {\n staticStyle: { \"font-size\": \"18px\", color: \"#fff\" },\n },\n [_vm._v(\"个\")]\n ),\n ]\n ),\n ]\n ),\n ]),\n ]),\n _c(\"div\", { staticClass: \"line3\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\n \"span\",\n {\n staticClass: \"num1\",\n staticStyle: { \"font-size\": \"18px\" },\n },\n [_vm._v(\"辖区管理台区 \")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\",\n },\n attrs: { id: \"orange\", text: _vm.CompanyInfo.gltq },\n },\n [\n _vm._v(\n _vm._s(_vm.CompanyInfo.gltq) + \"\\n \"\n ),\n _c(\n \"span\",\n { staticStyle: { \"font-size\": \"18px\", color: \"#fff\" } },\n [_vm._v(\"个\")]\n ),\n ]\n ),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"line3\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\n \"span\",\n {\n staticClass: \"num1\",\n staticStyle: { \"font-size\": \"18px\" },\n },\n [_vm._v(\"自然村 \")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\",\n },\n attrs: { id: \"yellow\", text: _vm.CompanyInfo.zrc },\n },\n [\n _vm._v(\n _vm._s(_vm.CompanyInfo.zrc) + \"\\n \"\n ),\n _c(\n \"span\",\n { staticStyle: { \"font-size\": \"18px\", color: \"#fff\" } },\n [_vm._v(\"条\")]\n ),\n ]\n ),\n ]),\n ]),\n ]),\n ]),\n _c(\"div\", { attrs: { id: \"shuzihua\" } }),\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: \"content3\" }, [\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/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"盐城地区分布光伏运行监测\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\n }),\n ])\n },\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/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"配网工程全过程物资审计\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\n }),\n ])\n },\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/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"盐城东台区供电所数字化分析\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\n }),\n ])\n },\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/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"盐城供电公司配网电能质量管控\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\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(\"canvas\", {\n staticStyle: { position: \"absolute\" },\n attrs: { id: \"myCanvas\", width: \"1000\", height: \"600\" },\n }),\n _c(\"img\", {\n staticClass: \"leftimg\",\n attrs: { src: require(\"../assets/indexN/left.png\"), alt: \"\" },\n }),\n _c(\"img\", {\n staticClass: \"rightimg\",\n attrs: { src: require(\"../assets/indexN/right.png\"), alt: \"\" },\n }),\n _c(\"img\", {\n staticClass: \"allimg\",\n attrs: { src: require(\"../assets/indexN/dfsxz.png\"), alt: \"\" },\n }),\n _c(\"div\", { staticClass: \"imgboxtwo1\" }, [\n _c(\"div\", { staticClass: \"cartitle\" }, [\n _c(\n \"div\",\n {\n staticClass: \"titleFont\",\n staticStyle: { color: \"#fff\", \"font-size\": \"26px\" },\n },\n [_vm._v(\"\\n 大丰区\\n \")]\n ),\n ]),\n _c(\"div\", { staticClass: \"content2\" }, [\n _c(\"div\", { staticClass: \"line1\" }, [\n _vm._v(\"\\n 用电量 (kwh) \\n \"),\n _c(\n \"span\",\n { staticStyle: { color: \"yellow\", \"font-size\": \"28px\" } },\n [_vm._v(\"2.685亿\")]\n ),\n ]),\n _c(\"div\", { staticClass: \"line1\" }, [\n _vm._v(\"\\n 碳排放量 (kg) \\n \"),\n _c(\n \"span\",\n { staticStyle: { color: \"orange\", \"font-size\": \"28px\" } },\n [_vm._v(\"7.303万\")]\n ),\n ]),\n _c(\"div\", { staticClass: \"line1\" }, [\n _vm._v(\"\\n 企业数量 \\n \"),\n _c(\n \"span\",\n { staticStyle: { color: \"yellow\", \"font-size\": \"28px\" } },\n [_vm._v(\"713\")]\n ),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"imgboxone\" }, [\n _c(\"div\", { staticClass: \"contents\" }, [\n _c(\"div\", { staticClass: \"lines\", staticStyle: { width: \"55%\" } }, [\n _c(\"img\", {\n staticStyle: { \"margin-top\": \"15%\" },\n attrs: { src: require(\"../assets/indexN/tb1.png\") },\n }),\n _c(\n \"h4\",\n { staticStyle: { color: \"#fff\", \"margin-top\": \"10%\" } },\n [_vm._v(\"数据目录\")]\n ),\n ]),\n _c(\"div\", { staticClass: \"lines\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\"span\", [_vm._v(\"发布数量\")]),\n _c(\"span\", { staticClass: \"yellow\" }, [\n _vm._v(\"\\n 100 \"),\n _c(\"span\", { staticStyle: { color: \"#fff\" } }, [\n _vm._v(\"%\"),\n ]),\n ]),\n ]),\n _c(\n \"div\",\n { staticClass: \"num\", staticStyle: { \"margin-top\": \"5%\" } },\n [\n _c(\"span\", [_vm._v(\"负面清单\")]),\n _c(\"span\", { staticClass: \"orange\" }, [\n _vm._v(\"\\n 7244\"),\n _c(\"span\", { staticStyle: { color: \"#fff\" } }, [\n _vm._v(\"个\"),\n ]),\n ]),\n ]\n ),\n _c(\n \"div\",\n { staticClass: \"num\", staticStyle: { \"margin-top\": \"5%\" } },\n [\n _c(\"span\", [_vm._v(\"涉及系统\")]),\n _c(\"span\", { staticClass: \"yellow\" }, [\n _vm._v(\"\\n 251 \"),\n _c(\"span\", { staticStyle: { color: \"#fff\" } }, [\n _vm._v(\"个\"),\n ]),\n ]),\n ]\n ),\n ]),\n ]),\n _c(\"div\", { staticClass: \"lines\", staticStyle: { width: \"55%\" } }, [\n _c(\"img\", {\n staticStyle: { \"margin-top\": \"15%\" },\n attrs: { src: require(\"../assets/indexN/tb2.png\") },\n }),\n _c(\n \"h4\",\n { staticStyle: { color: \"#fff\", \"margin-top\": \"10%\" } },\n [_vm._v(\"数据资源\")]\n ),\n ]),\n _c(\"div\", { staticClass: \"lines\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\"div\", { staticStyle: { display: \"inline-block\" } }, [\n _c(\"span\", [_vm._v(\"接入数量\")]),\n ]),\n _c(\"span\", { staticClass: \"yellow\" }, [\n _vm._v(\" 1.6 \"),\n _c(\"span\", { staticStyle: { color: \"#fff\" } }, [\n _vm._v(\"万个\"),\n ]),\n ]),\n ]),\n _c(\n \"div\",\n { staticClass: \"num\", staticStyle: { \"margin-top\": \"5%\" } },\n [\n _c(\"div\", { staticStyle: { display: \"inline-block\" } }, [\n _c(\"span\", [_vm._v(\"涉及系统\")]),\n ]),\n _c(\"span\", { staticClass: \"orange\" }, [\n _vm._v(\" 123 \"),\n _c(\"span\", { staticStyle: { color: \"#fff\" } }, [\n _vm._v(\"个\"),\n ]),\n ]),\n ]\n ),\n _c(\n \"div\",\n { staticClass: \"num\", staticStyle: { \"margin-top\": \"5%\" } },\n [\n _c(\"div\", { staticStyle: { display: \"inline-block\" } }, [\n _c(\"span\", [_vm._v(\"数据资源卡片\")]),\n ]),\n _c(\"span\", { staticClass: \"yellow\" }, [\n _vm._v(\"31\"),\n _c(\"span\", { staticStyle: { color: \"#fff\" } }, [\n _vm._v(\"个\"),\n ]),\n ]),\n ]\n ),\n ]),\n ]),\n _c(\"div\", { staticClass: \"lines\", staticStyle: { width: \"55%\" } }, [\n _c(\"img\", {\n staticStyle: { \"margin-top\": \"15%\" },\n attrs: { src: require(\"../assets/indexN/tb3.png\") },\n }),\n _c(\n \"h4\",\n { staticStyle: { color: \"#fff\", \"margin-top\": \"10%\" } },\n [_vm._v(\"数据服务\")]\n ),\n ]),\n _c(\"div\", { staticClass: \"lines\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\"div\", { staticStyle: { display: \"inline-block\" } }, [\n _c(\"span\", [_vm._v(\"服务数量\")]),\n ]),\n _c(\"span\", { staticClass: \"yellow\" }, [\n _vm._v(\"\\n 1084\"),\n _c(\"span\", { staticStyle: { color: \"#fff\" } }, [\n _vm._v(\"个\"),\n ]),\n ]),\n ]),\n _c(\n \"div\",\n { staticClass: \"num\", staticStyle: { \"margin-top\": \"5%\" } },\n [\n _c(\"div\", { staticStyle: { display: \"inline-block\" } }, [\n _c(\"span\", [_vm._v(\"接入数量\")]),\n ]),\n _c(\"span\", { staticClass: \"orange\" }, [\n _vm._v(\"\\n 8833\"),\n _c(\"span\", { staticStyle: { color: \"#fff\" } }, [\n _vm._v(\"个\"),\n ]),\n ]),\n ]\n ),\n _c(\n \"div\",\n { staticClass: \"num\", staticStyle: { \"margin-top\": \"5%\" } },\n [\n _c(\"div\", { staticStyle: { display: \"inline-block\" } }, [\n _c(\"span\", [_vm._v(\"访问次数\")]),\n ]),\n _c(\"span\", { staticClass: \"yellow\" }, [\n _vm._v(\"\\n 5.3 \"),\n _c(\"span\", { staticStyle: { color: \"#fff\" } }, [\n _vm._v(\"亿个\"),\n ]),\n ]),\n ]\n ),\n ]),\n ]),\n _c(\"div\", { staticClass: \"lines\", staticStyle: { width: \"55%\" } }, [\n _c(\"img\", {\n staticStyle: { \"margin-top\": \"15%\" },\n attrs: { src: require(\"../assets/indexN/tb4.png\") },\n }),\n _c(\n \"h4\",\n { staticStyle: { color: \"#fff\", \"margin-top\": \"10%\" } },\n [_vm._v(\"数据产品\")]\n ),\n ]),\n _c(\"div\", { staticClass: \"lines\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\"div\", { staticStyle: { display: \"inline-block\" } }, [\n _c(\"span\", [_vm._v(\"报表数量\")]),\n ]),\n _c(\"span\", { staticClass: \"yellow\" }, [\n _vm._v(\" 19 \"),\n _c(\"span\", { staticStyle: { color: \"#fff\" } }, [\n _vm._v(\"个\"),\n ]),\n ]),\n ]),\n _c(\n \"div\",\n { staticClass: \"num\", staticStyle: { \"margin-top\": \"5%\" } },\n [\n _c(\"div\", { staticStyle: { display: \"inline-block\" } }, [\n _c(\"span\", [_vm._v(\"服务访问次数\")]),\n ]),\n _c(\"span\", { staticClass: \"orange\" }, [\n _vm._v(\" 0 \"),\n _c(\"span\", { staticStyle: { color: \"#fff\" } }, [\n _vm._v(\"次\"),\n ]),\n ]),\n ]\n ),\n _c(\n \"div\",\n { staticClass: \"num\", staticStyle: { \"margin-top\": \"5%\" } },\n [\n _c(\"div\", { staticStyle: { display: \"inline-block\" } }, [\n _c(\"span\", [_vm._v(\"指标数量\")]),\n ]),\n _c(\"span\", { staticClass: \"yellow\" }, [\n _vm._v(\" 477 \"),\n _c(\"span\", { staticStyle: { color: \"#fff\" } }, [\n _vm._v(\"个\"),\n ]),\n ]),\n ]\n ),\n ]),\n ]),\n ]),\n ]),\n ]),\n ])\n },\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/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"乡村振兴电力综合指数\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\n }),\n ])\n },\n function () {\n var _vm = this,\n _c = _vm._self._c\n return _c(\"div\", { staticClass: \"content3\" }, [\n _c(\"div\", { staticClass: \"contentUl\" }, [\n _c(\"div\", { staticClass: \"top1\" }, [\n _c(\"div\", { staticClass: \"texts\" }, [_vm._v(\"94.46\")]),\n _c(\"h4\", [_vm._v(\"产业兴旺\")]),\n ]),\n _c(\"div\", { staticClass: \"top2\" }, [\n _c(\"div\", { staticClass: \"texts\" }, [_vm._v(\"63.95\")]),\n _c(\"h4\", [_vm._v(\"生活宜居\")]),\n ]),\n _c(\"div\", { staticClass: \"top3\" }, [\n _c(\"div\", { staticClass: \"texts\" }, [_vm._v(\"74.15\")]),\n _c(\"h4\", [_vm._v(\"生活富裕\")]),\n ]),\n _c(\"div\", { staticClass: \"top4\" }, [\n _c(\"div\", { staticClass: \"texts\" }, [_vm._v(\"56.23\")]),\n _c(\"h4\", [_vm._v(\"治理有效\")]),\n ]),\n _c(\"div\", { staticClass: \"top5\" }, [\n _c(\"div\", { staticClass: \"texts\" }, [_vm._v(\"86.82\")]),\n _c(\"h4\", [_vm._v(\"乡风文明\")]),\n ]),\n _c(\"div\", { staticClass: \"top\" }, [\n _c(\"img\", { attrs: { src: require(\"../assets/indexN/xctb1.png\") } }),\n _c(\n \"div\",\n { staticClass: \"texts\", staticStyle: { color: \"yellow\" } },\n [_vm._v(\"77.17\")]\n ),\n ]),\n ]),\n ])\n },\n function () {\n var _vm = this,\n _c = _vm._self._c\n return _c(\"div\", { staticClass: \"enselect\" }, [\n _c(\"img\", {\n attrs: { src: require(\"../assets/02/dqxcxl.png\"), alt: \"\" },\n }),\n _c(\"span\", { staticClass: \"text\" }, [_vm._v(\"乡镇\")]),\n ])\n },\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/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"两高行业企业污染监测\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\n }),\n ])\n },\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/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"农村生活污水治理设备电量分析\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\n }),\n ])\n },\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/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"数字化排涝抗旱辅助及检修辅助决策\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\n }),\n ])\n },\n function () {\n var _vm = this,\n _c = _vm._self._c\n return _c(\"div\", { staticClass: \"content3\" }, [\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
+{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??ref--6!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\index.vue?vue&type=template&id=a83bd3b0&scoped=true&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\index.vue","mtime":1690182000968},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\babel.config.js","mtime":1689557787923},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1655712169000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["var 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: \"content3\"\n }, [_c(\"div\", {\n staticClass: \"line3\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"span\", {\n staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"户数高渗透率 \")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"yellow\",\n text: _vm.CompanyInfo.hsgst\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.hsgst) + \"\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\"\n }\n }, [_vm._v(\"%\")])])])])]), _c(\"div\", {\n staticClass: \"line3\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"span\", {\n staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"容量渗透率 \")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"orange\",\n text: _vm.CompanyInfo.rlst\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.rlst) + \"\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\"\n }\n }, [_vm._v(\"%\")])])])])]), _c(\"div\", {\n staticClass: \"line3\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"span\", {\n staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"能量渗透率 \")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"yellow\",\n text: _vm.CompanyInfo.nlst\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.nlst) + \"\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\"\n }\n }, [_vm._v(\"%\")])])])])])]), _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 on: {\n click: function click($event) {\n return _vm.routerTo(\"配网工程全过程物资审计\");\n }\n }\n }, [_vm._m(1)]), _c(\"div\", {\n staticClass: \"content3\",\n staticStyle: {\n display: \"inline\"\n }\n }, [_c(\"div\", {\n staticClass: \"line3\"\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 staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"项目数 \")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"yellow\",\n text: _vm.CompanyInfo.xms\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.xms) + \"\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\"\n }\n }, [_vm._v(\"万\")])])])])]), _c(\"div\", {\n staticClass: \"line3\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"span\", {\n staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"预算费用总和\")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"orange\",\n text: _vm.CompanyInfo.ysfyzh\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.ysfyzh) + \"\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\"\n }\n }, [_vm._v(\"%\")])])])])]), _c(\"div\", {\n staticClass: \"line3\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"span\", {\n staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"计划数\")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"yellow\",\n text: _vm.CompanyInfo.jhs\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.jhs) + \"\\n \")])])])])]), _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 }, [_c(\"div\", {\n staticClass: \"cartitle\",\n on: {\n click: function click($event) {\n return _vm.routerTo(\"盐城东台区供电所数字化分析\");\n }\n }\n }, [_vm._m(2)]), _c(\"div\", {\n staticClass: \"content3\"\n }, [_c(\"div\", {\n staticClass: \"line3\"\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 staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"升档配变数量 \")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"yellow\",\n text: _vm.CompanyInfo.sdpbsl\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.sdpbsl))])])])]), _c(\"div\", {\n staticClass: \"line3\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"span\", {\n staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"降档配比数量\")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"orange\",\n text: _vm.CompanyInfo.jdpbsl\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.jdpbsl))])])])]), _c(\"div\", {\n staticClass: \"line3\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"span\", {\n staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"负荷关注配变数量 \")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"yellow\",\n text: _vm.CompanyInfo.fhgzpb\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.fhgzpb))])])])])]), _c(\"div\", {\n attrs: {\n id: \"horizontalChart\"\n }\n })]), _c(\"div\", {\n staticClass: \"two\",\n staticStyle: {\n height: \"49%\"\n }\n }, [_c(\"div\", {\n staticClass: \"cartitle\",\n on: {\n click: function click($event) {\n return _vm.routerTo(\"盐城供电公司配网电能质量管控\");\n }\n }\n }, [_vm._m(3)]), _c(\"div\", {\n staticClass: \"content3\"\n }, [_c(\"div\", {\n staticClass: \"line3\"\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 staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"月供电可靠性 \")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"yellow\",\n text: _vm.CompanyInfo.ygdkkx\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.ygdkkx) + \"\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\"\n }\n }, [_vm._v(\"%\")])])])])]), _c(\"div\", {\n staticClass: \"line3\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"span\", {\n staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"平均停电频次 \")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"orange\",\n text: _vm.CompanyInfo.pjtdpc\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.pjtdpc) + \"\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\"\n }\n }, [_vm._v(\"次/户\")])])])])]), _c(\"div\", {\n staticClass: \"line3\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"span\", {\n staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"平均停电时间 \")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"yellow\",\n text: _vm.CompanyInfo.pjtdsj\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.pjtdsj) + \"\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\"\n }\n }, [_vm._v(\"小时\")])])])])])]), _c(\"div\", {\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 }, [_c(\"div\", {\n staticClass: \"cartitle\",\n on: {\n click: function click($event) {\n return _vm.routerTo(\"乡村振兴电力综合指数\");\n }\n }\n }, [_vm._m(5)]), _vm._m(6), _vm._m(7), _c(\"div\", {\n attrs: {\n id: \"detailedFive\"\n }\n })]), _c(\"div\", {\n staticClass: \"three\",\n staticStyle: {\n height: \"48%\",\n width: \"100%\"\n }\n }, [_c(\"div\", {\n staticClass: \"cartitle\",\n on: {\n click: function click($event) {\n return _vm.routerTo(\"两高行业企业污染监测\");\n }\n }\n }, [_vm._m(8)]), _c(\"div\", {\n staticClass: \"content3\",\n staticStyle: {\n display: \"inline\"\n }\n }, [_c(\"div\", {\n staticClass: \"line3\"\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 staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n },\n attrs: {\n id: \"textleft\"\n }\n }, [_vm._v(\"2022年度总碳排放量\")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\",\n \"margin-left\": \"30px\",\n height: \"80px\"\n },\n attrs: {\n text: _vm.CompanyInfo.ztpf,\n id: \"yellow\"\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.ztpf) + \"\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\"\n }\n }, [_vm._v(\"吨碳\")])])])])]), _c(\"div\", {\n staticClass: \"line3\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"span\", {\n staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n },\n attrs: {\n id: \"textleft\"\n }\n }, [_vm._v(\"2022年度总用电量\")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\",\n \"margin-left\": \"30px\",\n height: \"80px\"\n },\n attrs: {\n id: \"orange\",\n text: _vm.CompanyInfo.zydl\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.zydl) + \"\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\"\n }\n }, [_vm._v(\"kwh\")])])])])]), _c(\"div\", {\n staticClass: \"line3\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"span\", {\n staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n },\n attrs: {\n id: \"textleft\"\n }\n }, [_vm._v(\"2022年度客户总数\")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\",\n \"margin-left\": \"30px\",\n height: \"80px\"\n },\n attrs: {\n id: \"yellow\",\n text: _vm.CompanyInfo.khzs\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.khzs) + \"\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\"\n }\n }, [_vm._v(\"人\")])])])])])]), _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 }, [_c(\"div\", {\n staticClass: \"cartitle\",\n on: {\n click: function click($event) {\n return _vm.routerTo(\"农村生活污水治理设备电量分析\");\n }\n }\n }, [_vm._m(9)]), _c(\"div\", {\n staticClass: \"content3\"\n }, [_c(\"div\", {\n staticClass: \"line3\"\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 staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"年度总用电量 \")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"yellow\",\n text: _vm.CompanyInfo.xczydl\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.xczydl) + \"\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\"\n }\n }, [_vm._v(\"万kwh\")])])])])]), _c(\"div\", {\n staticClass: \"line3\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"span\", {\n staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"最大设备规模 \")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"orange\",\n text: _vm.CompanyInfo.zdsbgm\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.zdsbgm) + \"\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\"\n }\n }, [_vm._v(\"吨/日\")])])])])]), _c(\"div\", {\n staticClass: \"line3\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"span\", {\n staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"最小设备规模 \")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"yellow\",\n text: _vm.CompanyInfo.zxsbgm\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.zxsbgm) + \"\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\"\n }\n }, [_vm._v(\"吨/日\")])])])])])]), _c(\"div\", {\n attrs: {\n id: \"detailen\"\n }\n })]), _c(\"div\", {\n staticClass: \"three\",\n staticStyle: {\n height: \"48%\",\n width: \"100%\"\n }\n }, [_c(\"div\", {\n staticClass: \"cartitle\",\n on: {\n click: function click($event) {\n return _vm.routerTo(\"数字化排涝抗旱辅助及检修辅助决策\");\n }\n }\n }, [_vm._m(10)]), _c(\"div\", {\n staticClass: \"content3\"\n }, [_c(\"div\", {\n staticClass: \"line3\"\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 staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"辖区管理供电所 \")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"yellow\",\n text: _vm.CompanyInfo.glgds\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.glgds) + \"\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\"\n }\n }, [_vm._v(\"个\")])])])])]), _c(\"div\", {\n staticClass: \"line3\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"span\", {\n staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"辖区管理台区 \")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"orange\",\n text: _vm.CompanyInfo.gltq\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.gltq) + \"\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\"\n }\n }, [_vm._v(\"个\")])])])])]), _c(\"div\", {\n staticClass: \"line3\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"span\", {\n staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"自然村 \")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"yellow\",\n text: _vm.CompanyInfo.zrc\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.zrc) + \"\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\"\n }\n }, [_vm._v(\"条\")])])])])])]), _c(\"div\", {\n attrs: {\n id: \"shuzihua\"\n }\n })])]), _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: \"content3\"\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)]);\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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"盐城地区分布光伏运行监测\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.png\"),\n alt: \"\"\n }\n })]);\n}, 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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"配网工程全过程物资审计\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.png\"),\n alt: \"\"\n }\n })]);\n}, 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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"盐城东台区供电所数字化分析\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.png\"),\n alt: \"\"\n }\n })]);\n}, 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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"盐城供电公司配网电能质量管控\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.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(\"canvas\", {\n staticStyle: {\n position: \"absolute\"\n },\n attrs: {\n id: \"myCanvas\",\n width: \"1000\",\n height: \"600\"\n }\n }), _c(\"img\", {\n staticClass: \"leftimg\",\n attrs: {\n src: require(\"../assets/indexN/left.png\"),\n alt: \"\"\n }\n }), _c(\"img\", {\n staticClass: \"rightimg\",\n attrs: {\n src: require(\"../assets/indexN/right.png\"),\n alt: \"\"\n }\n }), _c(\"img\", {\n staticClass: \"allimg\",\n attrs: {\n src: require(\"../assets/indexN/dfsxz.png\"),\n alt: \"\"\n }\n }), _c(\"div\", {\n staticClass: \"imgboxtwo1\"\n }, [_c(\"div\", {\n staticClass: \"cartitle\"\n }, [_c(\"div\", {\n staticClass: \"titleFont\",\n staticStyle: {\n color: \"#fff\",\n \"font-size\": \"26px\"\n }\n }, [_vm._v(\"\\n 大丰区\\n \")])]), _c(\"div\", {\n staticClass: \"content2\"\n }, [_c(\"div\", {\n staticClass: \"line1\"\n }, [_vm._v(\"\\n 用电量 (kwh) \\n \"), _c(\"span\", {\n staticStyle: {\n color: \"yellow\",\n \"font-size\": \"28px\"\n }\n }, [_vm._v(\"2.685亿\")])]), _c(\"div\", {\n staticClass: \"line1\"\n }, [_vm._v(\"\\n 碳排放量 (kg) \\n \"), _c(\"span\", {\n staticStyle: {\n color: \"orange\",\n \"font-size\": \"28px\"\n }\n }, [_vm._v(\"7.303万\")])]), _c(\"div\", {\n staticClass: \"line1\"\n }, [_vm._v(\"\\n 企业数量 \\n \"), _c(\"span\", {\n staticStyle: {\n color: \"yellow\",\n \"font-size\": \"28px\"\n }\n }, [_vm._v(\"713\")])])])]), _c(\"div\", {\n staticClass: \"imgboxone\"\n }, [_c(\"div\", {\n staticClass: \"contents\"\n }, [_c(\"div\", {\n staticClass: \"lines\",\n staticStyle: {\n width: \"55%\"\n }\n }, [_c(\"img\", {\n staticStyle: {\n \"margin-top\": \"15%\"\n },\n attrs: {\n src: require(\"../assets/indexN/tb1.png\")\n }\n }), _c(\"h4\", {\n staticStyle: {\n color: \"#fff\",\n \"margin-top\": \"10%\"\n }\n }, [_vm._v(\"数据目录\")])]), _c(\"div\", {\n staticClass: \"lines\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"span\", [_vm._v(\"发布数量\")]), _c(\"span\", {\n staticClass: \"yellow\"\n }, [_vm._v(\"\\n 100 \"), _c(\"span\", {\n staticStyle: {\n color: \"#fff\"\n }\n }, [_vm._v(\"%\")])])]), _c(\"div\", {\n staticClass: \"num\",\n staticStyle: {\n \"margin-top\": \"5%\"\n }\n }, [_c(\"span\", [_vm._v(\"负面清单\")]), _c(\"span\", {\n staticClass: \"orange\"\n }, [_vm._v(\"\\n 7244\"), _c(\"span\", {\n staticStyle: {\n color: \"#fff\"\n }\n }, [_vm._v(\"个\")])])]), _c(\"div\", {\n staticClass: \"num\",\n staticStyle: {\n \"margin-top\": \"5%\"\n }\n }, [_c(\"span\", [_vm._v(\"涉及系统\")]), _c(\"span\", {\n staticClass: \"yellow\"\n }, [_vm._v(\"\\n 251 \"), _c(\"span\", {\n staticStyle: {\n color: \"#fff\"\n }\n }, [_vm._v(\"个\")])])])])]), _c(\"div\", {\n staticClass: \"lines\",\n staticStyle: {\n width: \"55%\"\n }\n }, [_c(\"img\", {\n staticStyle: {\n \"margin-top\": \"15%\"\n },\n attrs: {\n src: require(\"../assets/indexN/tb2.png\")\n }\n }), _c(\"h4\", {\n staticStyle: {\n color: \"#fff\",\n \"margin-top\": \"10%\"\n }\n }, [_vm._v(\"数据资源\")])]), _c(\"div\", {\n staticClass: \"lines\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"div\", {\n staticStyle: {\n display: \"inline-block\"\n }\n }, [_c(\"span\", [_vm._v(\"接入数量\")])]), _c(\"span\", {\n staticClass: \"yellow\"\n }, [_vm._v(\" 1.6 \"), _c(\"span\", {\n staticStyle: {\n color: \"#fff\"\n }\n }, [_vm._v(\"万个\")])])]), _c(\"div\", {\n staticClass: \"num\",\n staticStyle: {\n \"margin-top\": \"5%\"\n }\n }, [_c(\"div\", {\n staticStyle: {\n display: \"inline-block\"\n }\n }, [_c(\"span\", [_vm._v(\"涉及系统\")])]), _c(\"span\", {\n staticClass: \"orange\"\n }, [_vm._v(\" 123 \"), _c(\"span\", {\n staticStyle: {\n color: \"#fff\"\n }\n }, [_vm._v(\"个\")])])]), _c(\"div\", {\n staticClass: \"num\",\n staticStyle: {\n \"margin-top\": \"5%\"\n }\n }, [_c(\"div\", {\n staticStyle: {\n display: \"inline-block\"\n }\n }, [_c(\"span\", [_vm._v(\"数据资源卡片\")])]), _c(\"span\", {\n staticClass: \"yellow\"\n }, [_vm._v(\"31\"), _c(\"span\", {\n staticStyle: {\n color: \"#fff\"\n }\n }, [_vm._v(\"个\")])])])])]), _c(\"div\", {\n staticClass: \"lines\",\n staticStyle: {\n width: \"55%\"\n }\n }, [_c(\"img\", {\n staticStyle: {\n \"margin-top\": \"15%\"\n },\n attrs: {\n src: require(\"../assets/indexN/tb3.png\")\n }\n }), _c(\"h4\", {\n staticStyle: {\n color: \"#fff\",\n \"margin-top\": \"10%\"\n }\n }, [_vm._v(\"数据服务\")])]), _c(\"div\", {\n staticClass: \"lines\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"div\", {\n staticStyle: {\n display: \"inline-block\"\n }\n }, [_c(\"span\", [_vm._v(\"服务数量\")])]), _c(\"span\", {\n staticClass: \"yellow\"\n }, [_vm._v(\"\\n 1084\"), _c(\"span\", {\n staticStyle: {\n color: \"#fff\"\n }\n }, [_vm._v(\"个\")])])]), _c(\"div\", {\n staticClass: \"num\",\n staticStyle: {\n \"margin-top\": \"5%\"\n }\n }, [_c(\"div\", {\n staticStyle: {\n display: \"inline-block\"\n }\n }, [_c(\"span\", [_vm._v(\"接入数量\")])]), _c(\"span\", {\n staticClass: \"orange\"\n }, [_vm._v(\"\\n 8833\"), _c(\"span\", {\n staticStyle: {\n color: \"#fff\"\n }\n }, [_vm._v(\"个\")])])]), _c(\"div\", {\n staticClass: \"num\",\n staticStyle: {\n \"margin-top\": \"5%\"\n }\n }, [_c(\"div\", {\n staticStyle: {\n display: \"inline-block\"\n }\n }, [_c(\"span\", [_vm._v(\"访问次数\")])]), _c(\"span\", {\n staticClass: \"yellow\"\n }, [_vm._v(\"\\n 5.3 \"), _c(\"span\", {\n staticStyle: {\n color: \"#fff\"\n }\n }, [_vm._v(\"亿个\")])])])])]), _c(\"div\", {\n staticClass: \"lines\",\n staticStyle: {\n width: \"55%\"\n }\n }, [_c(\"img\", {\n staticStyle: {\n \"margin-top\": \"15%\"\n },\n attrs: {\n src: require(\"../assets/indexN/tb4.png\")\n }\n }), _c(\"h4\", {\n staticStyle: {\n color: \"#fff\",\n \"margin-top\": \"10%\"\n }\n }, [_vm._v(\"数据产品\")])]), _c(\"div\", {\n staticClass: \"lines\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"div\", {\n staticStyle: {\n display: \"inline-block\"\n }\n }, [_c(\"span\", [_vm._v(\"报表数量\")])]), _c(\"span\", {\n staticClass: \"yellow\"\n }, [_vm._v(\" 19 \"), _c(\"span\", {\n staticStyle: {\n color: \"#fff\"\n }\n }, [_vm._v(\"个\")])])]), _c(\"div\", {\n staticClass: \"num\",\n staticStyle: {\n \"margin-top\": \"5%\"\n }\n }, [_c(\"div\", {\n staticStyle: {\n display: \"inline-block\"\n }\n }, [_c(\"span\", [_vm._v(\"服务访问次数\")])]), _c(\"span\", {\n staticClass: \"orange\"\n }, [_vm._v(\"0\"), _c(\"span\", {\n staticStyle: {\n color: \"#fff\"\n }\n }, [_vm._v(\"次\")])])]), _c(\"div\", {\n staticClass: \"num\",\n staticStyle: {\n \"margin-top\": \"5%\"\n }\n }, [_c(\"div\", {\n staticStyle: {\n display: \"inline-block\"\n }\n }, [_c(\"span\", [_vm._v(\"指标数量\")])]), _c(\"span\", {\n staticClass: \"yellow\"\n }, [_vm._v(\" 477 \"), _c(\"span\", {\n staticStyle: {\n color: \"#fff\"\n }\n }, [_vm._v(\"个\")])])])])])])])])]);\n}, 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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"乡村振兴电力综合指数\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.png\"),\n alt: \"\"\n }\n })]);\n}, function () {\n var _vm = this,\n _c = _vm._self._c;\n return _c(\"div\", {\n staticClass: \"content3\"\n }, [_c(\"div\", {\n staticClass: \"contentUl\"\n }, [_c(\"div\", {\n staticClass: \"top1\"\n }, [_c(\"div\", {\n staticClass: \"texts\"\n }, [_vm._v(\"94.46\")]), _c(\"h4\", [_vm._v(\"产业兴旺\")])]), _c(\"div\", {\n staticClass: \"top2\"\n }, [_c(\"div\", {\n staticClass: \"texts\"\n }, [_vm._v(\"63.95\")]), _c(\"h4\", [_vm._v(\"生活宜居\")])]), _c(\"div\", {\n staticClass: \"top3\"\n }, [_c(\"div\", {\n staticClass: \"texts\"\n }, [_vm._v(\"74.15\")]), _c(\"h4\", [_vm._v(\"生活富裕\")])]), _c(\"div\", {\n staticClass: \"top4\"\n }, [_c(\"div\", {\n staticClass: \"texts\"\n }, [_vm._v(\"56.23\")]), _c(\"h4\", [_vm._v(\"治理有效\")])]), _c(\"div\", {\n staticClass: \"top5\"\n }, [_c(\"div\", {\n staticClass: \"texts\"\n }, [_vm._v(\"86.82\")]), _c(\"h4\", [_vm._v(\"乡风文明\")])]), _c(\"div\", {\n staticClass: \"top\"\n }, [_c(\"img\", {\n attrs: {\n src: require(\"../assets/indexN/xctb1.png\")\n }\n }), _c(\"div\", {\n staticClass: \"texts\",\n staticStyle: {\n color: \"yellow\"\n }\n }, [_vm._v(\"77.17\")])])])]);\n}, function () {\n var _vm = this,\n _c = _vm._self._c;\n return _c(\"div\", {\n staticClass: \"enselect\"\n }, [_c(\"img\", {\n attrs: {\n src: require(\"../assets/02/dqxcxl.png\"),\n alt: \"\"\n }\n }), _c(\"span\", {\n staticClass: \"text\"\n }, [_vm._v(\"乡镇\")])]);\n}, 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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"两高行业企业污染监测\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.png\"),\n alt: \"\"\n }\n })]);\n}, 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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"农村生活污水治理设备电量分析\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.png\"),\n alt: \"\"\n }\n })]);\n}, 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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"数字化排涝抗旱辅助及检修辅助决策\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.png\"),\n alt: \"\"\n }\n })]);\n}, function () {\n var _vm = this,\n _c = _vm._self._c;\n return _c(\"div\", {\n staticClass: \"content3\"\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","_v","text","CompanyInfo","hsgst","_s","color","rlst","nlst","display","openLineDetail","pdxl","xms","ysfyzh","jhs","sdpbsl","jdpbsl","fhgzpb","ygdkkx","pjtdpc","pjtdsj","width","ztpf","zydl","khzs","xczydl","zdsbgm","zxsbgm","glgds","gltq","zrc","directives","name","rawName","value","realTimeAlarmShow","expression","alarmInformationShow","cursor","src","require","handleClose","data","alarmInformationData","rowClass","label","align","scopedSlots","_u","key","fn","scop","$index","prop","pageShow","page","pageSize","layout","total","totals","handleCurrentChange","_e","staticRenderFns","alt","position","_withStripped"],"sources":["D:/林谷智能项目/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: \"content3\" }, [\n _c(\"div\", { staticClass: \"line3\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\n \"span\",\n { staticClass: \"num1\", staticStyle: { \"font-size\": \"18px\" } },\n [_vm._v(\"户数高渗透率 \")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: { \"font-size\": \"40px\", \"font-weight\": \"600\" },\n attrs: { id: \"yellow\", text: _vm.CompanyInfo.hsgst },\n },\n [\n _vm._v(\n _vm._s(_vm.CompanyInfo.hsgst) + \"\\n \"\n ),\n _c(\n \"span\",\n { staticStyle: { \"font-size\": \"18px\", color: \"#fff\" } },\n [_vm._v(\"%\")]\n ),\n ]\n ),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"line3\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\n \"span\",\n { staticClass: \"num1\", staticStyle: { \"font-size\": \"18px\" } },\n [_vm._v(\"容量渗透率 \")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: { \"font-size\": \"40px\", \"font-weight\": \"600\" },\n attrs: { id: \"orange\", text: _vm.CompanyInfo.rlst },\n },\n [\n _vm._v(_vm._s(_vm.CompanyInfo.rlst) + \"\\n \"),\n _c(\n \"span\",\n { staticStyle: { \"font-size\": \"18px\", color: \"#fff\" } },\n [_vm._v(\"%\")]\n ),\n ]\n ),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"line3\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\n \"span\",\n { staticClass: \"num1\", staticStyle: { \"font-size\": \"18px\" } },\n [_vm._v(\"能量渗透率 \")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: { \"font-size\": \"40px\", \"font-weight\": \"600\" },\n attrs: { id: \"yellow\", text: _vm.CompanyInfo.nlst },\n },\n [\n _vm._v(_vm._s(_vm.CompanyInfo.nlst) + \"\\n \"),\n _c(\n \"span\",\n { staticStyle: { \"font-size\": \"18px\", color: \"#fff\" } },\n [_vm._v(\"%\")]\n ),\n ]\n ),\n ]),\n ]),\n ]),\n ]),\n _c(\"div\", { attrs: { id: \"detailedTwo1\" } }),\n ]),\n _c(\"div\", { staticClass: \"two\", staticStyle: { height: \"49%\" } }, [\n _c(\n \"div\",\n {\n staticClass: \"cartitle\",\n on: {\n click: function ($event) {\n return _vm.routerTo(\"配网工程全过程物资审计\")\n },\n },\n },\n [_vm._m(1)]\n ),\n _c(\n \"div\",\n { staticClass: \"content3\", staticStyle: { display: \"inline\" } },\n [\n _c(\"div\", { staticClass: \"line3\" }, [\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(\n \"span\",\n {\n staticClass: \"num1\",\n staticStyle: { \"font-size\": \"18px\" },\n },\n [_vm._v(\"项目数 \")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\",\n },\n attrs: { id: \"yellow\", text: _vm.CompanyInfo.xms },\n },\n [\n _vm._v(\n _vm._s(_vm.CompanyInfo.xms) + \"\\n \"\n ),\n _c(\n \"span\",\n {\n staticStyle: { \"font-size\": \"18px\", color: \"#fff\" },\n },\n [_vm._v(\"万\")]\n ),\n ]\n ),\n ]\n ),\n ]),\n ]),\n _c(\"div\", { staticClass: \"line3\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\n \"span\",\n {\n staticClass: \"num1\",\n staticStyle: { \"font-size\": \"18px\" },\n },\n [_vm._v(\"预算费用总和\")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\",\n },\n attrs: { id: \"orange\", text: _vm.CompanyInfo.ysfyzh },\n },\n [\n _vm._v(\n _vm._s(_vm.CompanyInfo.ysfyzh) + \"\\n \"\n ),\n _c(\n \"span\",\n { staticStyle: { \"font-size\": \"18px\", color: \"#fff\" } },\n [_vm._v(\"%\")]\n ),\n ]\n ),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"line3\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\n \"span\",\n {\n staticClass: \"num1\",\n staticStyle: { \"font-size\": \"18px\" },\n },\n [_vm._v(\"计划数\")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\",\n },\n attrs: { id: \"yellow\", text: _vm.CompanyInfo.jhs },\n },\n [_vm._v(_vm._s(_vm.CompanyInfo.jhs) + \"\\n \")]\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 _c(\n \"div\",\n {\n staticClass: \"cartitle\",\n on: {\n click: function ($event) {\n return _vm.routerTo(\"盐城东台区供电所数字化分析\")\n },\n },\n },\n [_vm._m(2)]\n ),\n _c(\"div\", { staticClass: \"content3\" }, [\n _c(\"div\", { staticClass: \"line3\" }, [\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(\n \"span\",\n {\n staticClass: \"num1\",\n staticStyle: { \"font-size\": \"18px\" },\n },\n [_vm._v(\"升档配变数量 \")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\",\n },\n attrs: { id: \"yellow\", text: _vm.CompanyInfo.sdpbsl },\n },\n [_vm._v(_vm._s(_vm.CompanyInfo.sdpbsl))]\n ),\n ]\n ),\n ]),\n ]),\n _c(\"div\", { staticClass: \"line3\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\n \"span\",\n { staticClass: \"num1\", staticStyle: { \"font-size\": \"18px\" } },\n [_vm._v(\"降档配比数量\")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: { \"font-size\": \"40px\", \"font-weight\": \"600\" },\n attrs: { id: \"orange\", text: _vm.CompanyInfo.jdpbsl },\n },\n [_vm._v(_vm._s(_vm.CompanyInfo.jdpbsl))]\n ),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"line3\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\n \"span\",\n { staticClass: \"num1\", staticStyle: { \"font-size\": \"18px\" } },\n [_vm._v(\"负荷关注配变数量 \")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: { \"font-size\": \"40px\", \"font-weight\": \"600\" },\n attrs: { id: \"yellow\", text: _vm.CompanyInfo.fhgzpb },\n },\n [_vm._v(_vm._s(_vm.CompanyInfo.fhgzpb))]\n ),\n ]),\n ]),\n ]),\n ]),\n _c(\"div\", { attrs: { id: \"horizontalChart\" } }),\n ]),\n _c(\"div\", { staticClass: \"two\", staticStyle: { height: \"49%\" } }, [\n _c(\n \"div\",\n {\n staticClass: \"cartitle\",\n on: {\n click: function ($event) {\n return _vm.routerTo(\"盐城供电公司配网电能质量管控\")\n },\n },\n },\n [_vm._m(3)]\n ),\n _c(\"div\", { staticClass: \"content3\" }, [\n _c(\"div\", { staticClass: \"line3\" }, [\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(\n \"span\",\n {\n staticClass: \"num1\",\n staticStyle: { \"font-size\": \"18px\" },\n },\n [_vm._v(\"月供电可靠性 \")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\",\n },\n attrs: { id: \"yellow\", text: _vm.CompanyInfo.ygdkkx },\n },\n [\n _vm._v(\n _vm._s(_vm.CompanyInfo.ygdkkx) + \"\\n \"\n ),\n _c(\n \"span\",\n { staticStyle: { \"font-size\": \"18px\", color: \"#fff\" } },\n [_vm._v(\"%\")]\n ),\n ]\n ),\n ]\n ),\n ]),\n ]),\n _c(\"div\", { staticClass: \"line3\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\n \"span\",\n { staticClass: \"num1\", staticStyle: { \"font-size\": \"18px\" } },\n [_vm._v(\"平均停电频次 \")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: { \"font-size\": \"40px\", \"font-weight\": \"600\" },\n attrs: { id: \"orange\", text: _vm.CompanyInfo.pjtdpc },\n },\n [\n _vm._v(\n _vm._s(_vm.CompanyInfo.pjtdpc) + \"\\n \"\n ),\n _c(\n \"span\",\n { staticStyle: { \"font-size\": \"18px\", color: \"#fff\" } },\n [_vm._v(\"次/户\")]\n ),\n ]\n ),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"line3\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\n \"span\",\n { staticClass: \"num1\", staticStyle: { \"font-size\": \"18px\" } },\n [_vm._v(\"平均停电时间 \")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: { \"font-size\": \"40px\", \"font-weight\": \"600\" },\n attrs: { id: \"yellow\", text: _vm.CompanyInfo.pjtdsj },\n },\n [\n _vm._v(\n _vm._s(_vm.CompanyInfo.pjtdsj) + \"\\n \"\n ),\n _c(\n \"span\",\n { staticStyle: { \"font-size\": \"18px\", color: \"#fff\" } },\n [_vm._v(\"小时\")]\n ),\n ]\n ),\n ]),\n ]),\n ]),\n ]),\n _c(\"div\", { attrs: { id: \"detailedOne\" } }),\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 _c(\n \"div\",\n {\n staticClass: \"cartitle\",\n on: {\n click: function ($event) {\n return _vm.routerTo(\"乡村振兴电力综合指数\")\n },\n },\n },\n [_vm._m(5)]\n ),\n _vm._m(6),\n _vm._m(7),\n _c(\"div\", { attrs: { id: \"detailedFive\" } }),\n ]\n ),\n _c(\n \"div\",\n { staticClass: \"three\", staticStyle: { height: \"48%\", width: \"100%\" } },\n [\n _c(\n \"div\",\n {\n staticClass: \"cartitle\",\n on: {\n click: function ($event) {\n return _vm.routerTo(\"两高行业企业污染监测\")\n },\n },\n },\n [_vm._m(8)]\n ),\n _c(\n \"div\",\n { staticClass: \"content3\", staticStyle: { display: \"inline\" } },\n [\n _c(\"div\", { staticClass: \"line3\" }, [\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(\n \"span\",\n {\n staticClass: \"num1\",\n staticStyle: { \"font-size\": \"18px\" },\n attrs: { id: \"textleft\" },\n },\n [_vm._v(\"2022年度总碳排放量\")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\",\n \"margin-left\": \"30px\",\n height: \"80px\",\n },\n attrs: { text: _vm.CompanyInfo.ztpf, id: \"yellow\" },\n },\n [\n _vm._v(\n _vm._s(_vm.CompanyInfo.ztpf) + \"\\n \"\n ),\n _c(\n \"span\",\n {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\",\n },\n },\n [_vm._v(\"吨碳\")]\n ),\n ]\n ),\n ]\n ),\n ]),\n ]),\n _c(\"div\", { staticClass: \"line3\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\n \"span\",\n {\n staticClass: \"num1\",\n staticStyle: { \"font-size\": \"18px\" },\n attrs: { id: \"textleft\" },\n },\n [_vm._v(\"2022年度总用电量\")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\",\n \"margin-left\": \"30px\",\n height: \"80px\",\n },\n attrs: { id: \"orange\", text: _vm.CompanyInfo.zydl },\n },\n [\n _vm._v(\n _vm._s(_vm.CompanyInfo.zydl) + \"\\n \"\n ),\n _c(\n \"span\",\n {\n staticStyle: { \"font-size\": \"18px\", color: \"#fff\" },\n },\n [_vm._v(\"kwh\")]\n ),\n ]\n ),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"line3\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\n \"span\",\n {\n staticClass: \"num1\",\n staticStyle: { \"font-size\": \"18px\" },\n attrs: { id: \"textleft\" },\n },\n [_vm._v(\"2022年度客户总数\")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\",\n \"margin-left\": \"30px\",\n height: \"80px\",\n },\n attrs: { id: \"yellow\", text: _vm.CompanyInfo.khzs },\n },\n [\n _vm._v(\n _vm._s(_vm.CompanyInfo.khzs) + \"\\n \"\n ),\n _c(\n \"span\",\n {\n staticStyle: { \"font-size\": \"18px\", color: \"#fff\" },\n },\n [_vm._v(\"人\")]\n ),\n ]\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 _c(\n \"div\",\n {\n staticClass: \"cartitle\",\n on: {\n click: function ($event) {\n return _vm.routerTo(\"农村生活污水治理设备电量分析\")\n },\n },\n },\n [_vm._m(9)]\n ),\n _c(\"div\", { staticClass: \"content3\" }, [\n _c(\"div\", { staticClass: \"line3\" }, [\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(\n \"span\",\n {\n staticClass: \"num1\",\n staticStyle: { \"font-size\": \"18px\" },\n },\n [_vm._v(\"年度总用电量 \")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\",\n },\n attrs: { id: \"yellow\", text: _vm.CompanyInfo.xczydl },\n },\n [\n _vm._v(\n _vm._s(_vm.CompanyInfo.xczydl) + \"\\n \"\n ),\n _c(\n \"span\",\n {\n staticStyle: { \"font-size\": \"18px\", color: \"#fff\" },\n },\n [_vm._v(\"万kwh\")]\n ),\n ]\n ),\n ]\n ),\n ]),\n ]),\n _c(\"div\", { staticClass: \"line3\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\n \"span\",\n {\n staticClass: \"num1\",\n staticStyle: { \"font-size\": \"18px\" },\n },\n [_vm._v(\"最大设备规模 \")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\",\n },\n attrs: { id: \"orange\", text: _vm.CompanyInfo.zdsbgm },\n },\n [\n _vm._v(\n _vm._s(_vm.CompanyInfo.zdsbgm) + \"\\n \"\n ),\n _c(\n \"span\",\n { staticStyle: { \"font-size\": \"18px\", color: \"#fff\" } },\n [_vm._v(\"吨/日\")]\n ),\n ]\n ),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"line3\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\n \"span\",\n {\n staticClass: \"num1\",\n staticStyle: { \"font-size\": \"18px\" },\n },\n [_vm._v(\"最小设备规模 \")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\",\n },\n attrs: { id: \"yellow\", text: _vm.CompanyInfo.zxsbgm },\n },\n [\n _vm._v(\n _vm._s(_vm.CompanyInfo.zxsbgm) + \"\\n \"\n ),\n _c(\n \"span\",\n { staticStyle: { \"font-size\": \"18px\", color: \"#fff\" } },\n [_vm._v(\"吨/日\")]\n ),\n ]\n ),\n ]),\n ]),\n ]),\n ]),\n _c(\"div\", { attrs: { id: \"detailen\" } }),\n ]\n ),\n _c(\n \"div\",\n { staticClass: \"three\", staticStyle: { height: \"48%\", width: \"100%\" } },\n [\n _c(\n \"div\",\n {\n staticClass: \"cartitle\",\n on: {\n click: function ($event) {\n return _vm.routerTo(\"数字化排涝抗旱辅助及检修辅助决策\")\n },\n },\n },\n [_vm._m(10)]\n ),\n _c(\"div\", { staticClass: \"content3\" }, [\n _c(\"div\", { staticClass: \"line3\" }, [\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(\n \"span\",\n {\n staticClass: \"num1\",\n staticStyle: { \"font-size\": \"18px\" },\n },\n [_vm._v(\"辖区管理供电所 \")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\",\n },\n attrs: { id: \"yellow\", text: _vm.CompanyInfo.glgds },\n },\n [\n _vm._v(\n _vm._s(_vm.CompanyInfo.glgds) + \"\\n \"\n ),\n _c(\n \"span\",\n {\n staticStyle: { \"font-size\": \"18px\", color: \"#fff\" },\n },\n [_vm._v(\"个\")]\n ),\n ]\n ),\n ]\n ),\n ]),\n ]),\n _c(\"div\", { staticClass: \"line3\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\n \"span\",\n {\n staticClass: \"num1\",\n staticStyle: { \"font-size\": \"18px\" },\n },\n [_vm._v(\"辖区管理台区 \")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\",\n },\n attrs: { id: \"orange\", text: _vm.CompanyInfo.gltq },\n },\n [\n _vm._v(\n _vm._s(_vm.CompanyInfo.gltq) + \"\\n \"\n ),\n _c(\n \"span\",\n { staticStyle: { \"font-size\": \"18px\", color: \"#fff\" } },\n [_vm._v(\"个\")]\n ),\n ]\n ),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"line3\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\n \"span\",\n {\n staticClass: \"num1\",\n staticStyle: { \"font-size\": \"18px\" },\n },\n [_vm._v(\"自然村 \")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\",\n },\n attrs: { id: \"yellow\", text: _vm.CompanyInfo.zrc },\n },\n [\n _vm._v(\n _vm._s(_vm.CompanyInfo.zrc) + \"\\n \"\n ),\n _c(\n \"span\",\n { staticStyle: { \"font-size\": \"18px\", color: \"#fff\" } },\n [_vm._v(\"条\")]\n ),\n ]\n ),\n ]),\n ]),\n ]),\n ]),\n _c(\"div\", { attrs: { id: \"shuzihua\" } }),\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: \"content3\" }, [\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 ])\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/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"盐城地区分布光伏运行监测\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\n }),\n ])\n },\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/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"配网工程全过程物资审计\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\n }),\n ])\n },\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/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"盐城东台区供电所数字化分析\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\n }),\n ])\n },\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/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"盐城供电公司配网电能质量管控\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\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(\"canvas\", {\n staticStyle: { position: \"absolute\" },\n attrs: { id: \"myCanvas\", width: \"1000\", height: \"600\" },\n }),\n _c(\"img\", {\n staticClass: \"leftimg\",\n attrs: { src: require(\"../assets/indexN/left.png\"), alt: \"\" },\n }),\n _c(\"img\", {\n staticClass: \"rightimg\",\n attrs: { src: require(\"../assets/indexN/right.png\"), alt: \"\" },\n }),\n _c(\"img\", {\n staticClass: \"allimg\",\n attrs: { src: require(\"../assets/indexN/dfsxz.png\"), alt: \"\" },\n }),\n _c(\"div\", { staticClass: \"imgboxtwo1\" }, [\n _c(\"div\", { staticClass: \"cartitle\" }, [\n _c(\n \"div\",\n {\n staticClass: \"titleFont\",\n staticStyle: { color: \"#fff\", \"font-size\": \"26px\" },\n },\n [_vm._v(\"\\n 大丰区\\n \")]\n ),\n ]),\n _c(\"div\", { staticClass: \"content2\" }, [\n _c(\"div\", { staticClass: \"line1\" }, [\n _vm._v(\"\\n 用电量 (kwh) \\n \"),\n _c(\n \"span\",\n { staticStyle: { color: \"yellow\", \"font-size\": \"28px\" } },\n [_vm._v(\"2.685亿\")]\n ),\n ]),\n _c(\"div\", { staticClass: \"line1\" }, [\n _vm._v(\"\\n 碳排放量 (kg) \\n \"),\n _c(\n \"span\",\n { staticStyle: { color: \"orange\", \"font-size\": \"28px\" } },\n [_vm._v(\"7.303万\")]\n ),\n ]),\n _c(\"div\", { staticClass: \"line1\" }, [\n _vm._v(\"\\n 企业数量 \\n \"),\n _c(\n \"span\",\n { staticStyle: { color: \"yellow\", \"font-size\": \"28px\" } },\n [_vm._v(\"713\")]\n ),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"imgboxone\" }, [\n _c(\"div\", { staticClass: \"contents\" }, [\n _c(\"div\", { staticClass: \"lines\", staticStyle: { width: \"55%\" } }, [\n _c(\"img\", {\n staticStyle: { \"margin-top\": \"15%\" },\n attrs: { src: require(\"../assets/indexN/tb1.png\") },\n }),\n _c(\n \"h4\",\n { staticStyle: { color: \"#fff\", \"margin-top\": \"10%\" } },\n [_vm._v(\"数据目录\")]\n ),\n ]),\n _c(\"div\", { staticClass: \"lines\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\"span\", [_vm._v(\"发布数量\")]),\n _c(\"span\", { staticClass: \"yellow\" }, [\n _vm._v(\"\\n 100 \"),\n _c(\"span\", { staticStyle: { color: \"#fff\" } }, [\n _vm._v(\"%\"),\n ]),\n ]),\n ]),\n _c(\n \"div\",\n { staticClass: \"num\", staticStyle: { \"margin-top\": \"5%\" } },\n [\n _c(\"span\", [_vm._v(\"负面清单\")]),\n _c(\"span\", { staticClass: \"orange\" }, [\n _vm._v(\"\\n 7244\"),\n _c(\"span\", { staticStyle: { color: \"#fff\" } }, [\n _vm._v(\"个\"),\n ]),\n ]),\n ]\n ),\n _c(\n \"div\",\n { staticClass: \"num\", staticStyle: { \"margin-top\": \"5%\" } },\n [\n _c(\"span\", [_vm._v(\"涉及系统\")]),\n _c(\"span\", { staticClass: \"yellow\" }, [\n _vm._v(\"\\n 251 \"),\n _c(\"span\", { staticStyle: { color: \"#fff\" } }, [\n _vm._v(\"个\"),\n ]),\n ]),\n ]\n ),\n ]),\n ]),\n _c(\"div\", { staticClass: \"lines\", staticStyle: { width: \"55%\" } }, [\n _c(\"img\", {\n staticStyle: { \"margin-top\": \"15%\" },\n attrs: { src: require(\"../assets/indexN/tb2.png\") },\n }),\n _c(\n \"h4\",\n { staticStyle: { color: \"#fff\", \"margin-top\": \"10%\" } },\n [_vm._v(\"数据资源\")]\n ),\n ]),\n _c(\"div\", { staticClass: \"lines\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\"div\", { staticStyle: { display: \"inline-block\" } }, [\n _c(\"span\", [_vm._v(\"接入数量\")]),\n ]),\n _c(\"span\", { staticClass: \"yellow\" }, [\n _vm._v(\" 1.6 \"),\n _c(\"span\", { staticStyle: { color: \"#fff\" } }, [\n _vm._v(\"万个\"),\n ]),\n ]),\n ]),\n _c(\n \"div\",\n { staticClass: \"num\", staticStyle: { \"margin-top\": \"5%\" } },\n [\n _c(\"div\", { staticStyle: { display: \"inline-block\" } }, [\n _c(\"span\", [_vm._v(\"涉及系统\")]),\n ]),\n _c(\"span\", { staticClass: \"orange\" }, [\n _vm._v(\" 123 \"),\n _c(\"span\", { staticStyle: { color: \"#fff\" } }, [\n _vm._v(\"个\"),\n ]),\n ]),\n ]\n ),\n _c(\n \"div\",\n { staticClass: \"num\", staticStyle: { \"margin-top\": \"5%\" } },\n [\n _c(\"div\", { staticStyle: { display: \"inline-block\" } }, [\n _c(\"span\", [_vm._v(\"数据资源卡片\")]),\n ]),\n _c(\"span\", { staticClass: \"yellow\" }, [\n _vm._v(\"31\"),\n _c(\"span\", { staticStyle: { color: \"#fff\" } }, [\n _vm._v(\"个\"),\n ]),\n ]),\n ]\n ),\n ]),\n ]),\n _c(\"div\", { staticClass: \"lines\", staticStyle: { width: \"55%\" } }, [\n _c(\"img\", {\n staticStyle: { \"margin-top\": \"15%\" },\n attrs: { src: require(\"../assets/indexN/tb3.png\") },\n }),\n _c(\n \"h4\",\n { staticStyle: { color: \"#fff\", \"margin-top\": \"10%\" } },\n [_vm._v(\"数据服务\")]\n ),\n ]),\n _c(\"div\", { staticClass: \"lines\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\"div\", { staticStyle: { display: \"inline-block\" } }, [\n _c(\"span\", [_vm._v(\"服务数量\")]),\n ]),\n _c(\"span\", { staticClass: \"yellow\" }, [\n _vm._v(\"\\n 1084\"),\n _c(\"span\", { staticStyle: { color: \"#fff\" } }, [\n _vm._v(\"个\"),\n ]),\n ]),\n ]),\n _c(\n \"div\",\n { staticClass: \"num\", staticStyle: { \"margin-top\": \"5%\" } },\n [\n _c(\"div\", { staticStyle: { display: \"inline-block\" } }, [\n _c(\"span\", [_vm._v(\"接入数量\")]),\n ]),\n _c(\"span\", { staticClass: \"orange\" }, [\n _vm._v(\"\\n 8833\"),\n _c(\"span\", { staticStyle: { color: \"#fff\" } }, [\n _vm._v(\"个\"),\n ]),\n ]),\n ]\n ),\n _c(\n \"div\",\n { staticClass: \"num\", staticStyle: { \"margin-top\": \"5%\" } },\n [\n _c(\"div\", { staticStyle: { display: \"inline-block\" } }, [\n _c(\"span\", [_vm._v(\"访问次数\")]),\n ]),\n _c(\"span\", { staticClass: \"yellow\" }, [\n _vm._v(\"\\n 5.3 \"),\n _c(\"span\", { staticStyle: { color: \"#fff\" } }, [\n _vm._v(\"亿个\"),\n ]),\n ]),\n ]\n ),\n ]),\n ]),\n _c(\"div\", { staticClass: \"lines\", staticStyle: { width: \"55%\" } }, [\n _c(\"img\", {\n staticStyle: { \"margin-top\": \"15%\" },\n attrs: { src: require(\"../assets/indexN/tb4.png\") },\n }),\n _c(\n \"h4\",\n { staticStyle: { color: \"#fff\", \"margin-top\": \"10%\" } },\n [_vm._v(\"数据产品\")]\n ),\n ]),\n _c(\"div\", { staticClass: \"lines\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\"div\", { staticStyle: { display: \"inline-block\" } }, [\n _c(\"span\", [_vm._v(\"报表数量\")]),\n ]),\n _c(\"span\", { staticClass: \"yellow\" }, [\n _vm._v(\" 19 \"),\n _c(\"span\", { staticStyle: { color: \"#fff\" } }, [\n _vm._v(\"个\"),\n ]),\n ]),\n ]),\n _c(\n \"div\",\n { staticClass: \"num\", staticStyle: { \"margin-top\": \"5%\" } },\n [\n _c(\"div\", { staticStyle: { display: \"inline-block\" } }, [\n _c(\"span\", [_vm._v(\"服务访问次数\")]),\n ]),\n _c(\"span\", { staticClass: \"orange\" }, [\n _vm._v(\"0\"),\n _c(\"span\", { staticStyle: { color: \"#fff\" } }, [\n _vm._v(\"次\"),\n ]),\n ]),\n ]\n ),\n _c(\n \"div\",\n { staticClass: \"num\", staticStyle: { \"margin-top\": \"5%\" } },\n [\n _c(\"div\", { staticStyle: { display: \"inline-block\" } }, [\n _c(\"span\", [_vm._v(\"指标数量\")]),\n ]),\n _c(\"span\", { staticClass: \"yellow\" }, [\n _vm._v(\" 477 \"),\n _c(\"span\", { staticStyle: { color: \"#fff\" } }, [\n _vm._v(\"个\"),\n ]),\n ]),\n ]\n ),\n ]),\n ]),\n ]),\n ]),\n ]),\n ])\n },\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/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"乡村振兴电力综合指数\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\n }),\n ])\n },\n function () {\n var _vm = this,\n _c = _vm._self._c\n return _c(\"div\", { staticClass: \"content3\" }, [\n _c(\"div\", { staticClass: \"contentUl\" }, [\n _c(\"div\", { staticClass: \"top1\" }, [\n _c(\"div\", { staticClass: \"texts\" }, [_vm._v(\"94.46\")]),\n _c(\"h4\", [_vm._v(\"产业兴旺\")]),\n ]),\n _c(\"div\", { staticClass: \"top2\" }, [\n _c(\"div\", { staticClass: \"texts\" }, [_vm._v(\"63.95\")]),\n _c(\"h4\", [_vm._v(\"生活宜居\")]),\n ]),\n _c(\"div\", { staticClass: \"top3\" }, [\n _c(\"div\", { staticClass: \"texts\" }, [_vm._v(\"74.15\")]),\n _c(\"h4\", [_vm._v(\"生活富裕\")]),\n ]),\n _c(\"div\", { staticClass: \"top4\" }, [\n _c(\"div\", { staticClass: \"texts\" }, [_vm._v(\"56.23\")]),\n _c(\"h4\", [_vm._v(\"治理有效\")]),\n ]),\n _c(\"div\", { staticClass: \"top5\" }, [\n _c(\"div\", { staticClass: \"texts\" }, [_vm._v(\"86.82\")]),\n _c(\"h4\", [_vm._v(\"乡风文明\")]),\n ]),\n _c(\"div\", { staticClass: \"top\" }, [\n _c(\"img\", { attrs: { src: require(\"../assets/indexN/xctb1.png\") } }),\n _c(\n \"div\",\n { staticClass: \"texts\", staticStyle: { color: \"yellow\" } },\n [_vm._v(\"77.17\")]\n ),\n ]),\n ]),\n ])\n },\n function () {\n var _vm = this,\n _c = _vm._self._c\n return _c(\"div\", { staticClass: \"enselect\" }, [\n _c(\"img\", {\n attrs: { src: require(\"../assets/02/dqxcxl.png\"), alt: \"\" },\n }),\n _c(\"span\", { staticClass: \"text\" }, [_vm._v(\"乡镇\")]),\n ])\n },\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/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"两高行业企业污染监测\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\n }),\n ])\n },\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/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"农村生活污水治理设备电量分析\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\n }),\n ])\n },\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/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"数字化排涝抗旱辅助及检修辅助决策\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\n }),\n ])\n },\n function () {\n var _vm = this,\n _c = _vm._self._c\n return _c(\"div\", { staticClass: \"content3\" }, [\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":"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;EAAO,CAAC,EAAE,CACxCF,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE,MAAM;IAAEC,KAAK,EAAE;MAAEC,EAAE,EAAE;IAAO;EAAE,CAAC,EAAE,CACxDJ,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE,KAAK;IAAEG,WAAW,EAAE;MAAEC,MAAM,EAAE;IAAM;EAAE,CAAC,EAAE,CAChEN,EAAE,CACA,KAAK,EACL;IACEE,WAAW,EAAE,UAAU;IACvBK,EAAE,EAAE;MACFC,KAAK,EAAE,eAAUC,MAAM,EAAE;QACvB,OAAOV,GAAG,CAACW,QAAQ,CAAC,cAAc,CAAC;MACrC;IACF;EACF,CAAC,EACD,CAACX,GAAG,CAACY,EAAE,CAAC,CAAC,CAAC,CAAC,CACZ,EACDX,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAW,CAAC,EAAE,CACrCF,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAQ,CAAC,EAAE,CAClCF,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAQ,CAAC,EAAE,CAClCF,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAM,CAAC,EAAE,CAChCF,EAAE,CACA,MAAM,EACN;IAAEE,WAAW,EAAE,MAAM;IAAEG,WAAW,EAAE;MAAE,WAAW,EAAE;IAAO;EAAE,CAAC,EAC7D,CAACN,GAAG,CAACa,EAAE,CAAC,SAAS,CAAC,CAAC,CACpB,EACDZ,EAAE,CACA,MAAM,EACN;IACEE,WAAW,EAAE,SAAS;IACtBG,WAAW,EAAE;MAAE,WAAW,EAAE,MAAM;MAAE,aAAa,EAAE;IAAM,CAAC;IAC1DF,KAAK,EAAE;MAAEC,EAAE,EAAE,QAAQ;MAAES,IAAI,EAAEd,GAAG,CAACe,WAAW,CAACC;IAAM;EACrD,CAAC,EACD,CACEhB,GAAG,CAACa,EAAE,CACJb,GAAG,CAACiB,EAAE,CAACjB,GAAG,CAACe,WAAW,CAACC,KAAK,CAAC,GAAG,oBAAoB,CACrD,EACDf,EAAE,CACA,MAAM,EACN;IAAEK,WAAW,EAAE;MAAE,WAAW,EAAE,MAAM;MAAEY,KAAK,EAAE;IAAO;EAAE,CAAC,EACvD,CAAClB,GAAG,CAACa,EAAE,CAAC,GAAG,CAAC,CAAC,CACd,CACF,CACF,CACF,CAAC,CACH,CAAC,CACH,CAAC,EACFZ,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAQ,CAAC,EAAE,CAClCF,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAQ,CAAC,EAAE,CAClCF,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAM,CAAC,EAAE,CAChCF,EAAE,CACA,MAAM,EACN;IAAEE,WAAW,EAAE,MAAM;IAAEG,WAAW,EAAE;MAAE,WAAW,EAAE;IAAO;EAAE,CAAC,EAC7D,CAACN,GAAG,CAACa,EAAE,CAAC,SAAS,CAAC,CAAC,CACpB,EACDZ,EAAE,CACA,MAAM,EACN;IACEE,WAAW,EAAE,SAAS;IACtBG,WAAW,EAAE;MAAE,WAAW,EAAE,MAAM;MAAE,aAAa,EAAE;IAAM,CAAC;IAC1DF,KAAK,EAAE;MAAEC,EAAE,EAAE,QAAQ;MAAES,IAAI,EAAEd,GAAG,CAACe,WAAW,CAACI;IAAK;EACpD,CAAC,EACD,CACEnB,GAAG,CAACa,EAAE,CAACb,GAAG,CAACiB,EAAE,CAACjB,GAAG,CAACe,WAAW,CAACI,IAAI,CAAC,GAAG,oBAAoB,CAAC,EAC3DlB,EAAE,CACA,MAAM,EACN;IAAEK,WAAW,EAAE;MAAE,WAAW,EAAE,MAAM;MAAEY,KAAK,EAAE;IAAO;EAAE,CAAC,EACvD,CAAClB,GAAG,CAACa,EAAE,CAAC,GAAG,CAAC,CAAC,CACd,CACF,CACF,CACF,CAAC,CACH,CAAC,CACH,CAAC,EACFZ,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAQ,CAAC,EAAE,CAClCF,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAQ,CAAC,EAAE,CAClCF,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAM,CAAC,EAAE,CAChCF,EAAE,CACA,MAAM,EACN;IAAEE,WAAW,EAAE,MAAM;IAAEG,WAAW,EAAE;MAAE,WAAW,EAAE;IAAO;EAAE,CAAC,EAC7D,CAACN,GAAG,CAACa,EAAE,CAAC,SAAS,CAAC,CAAC,CACpB,EACDZ,EAAE,CACA,MAAM,EACN;IACEE,WAAW,EAAE,SAAS;IACtBG,WAAW,EAAE;MAAE,WAAW,EAAE,MAAM;MAAE,aAAa,EAAE;IAAM,CAAC;IAC1DF,KAAK,EAAE;MAAEC,EAAE,EAAE,QAAQ;MAAES,IAAI,EAAEd,GAAG,CAACe,WAAW,CAACK;IAAK;EACpD,CAAC,EACD,CACEpB,GAAG,CAACa,EAAE,CAACb,GAAG,CAACiB,EAAE,CAACjB,GAAG,CAACe,WAAW,CAACK,IAAI,CAAC,GAAG,oBAAoB,CAAC,EAC3DnB,EAAE,CACA,MAAM,EACN;IAAEK,WAAW,EAAE;MAAE,WAAW,EAAE,MAAM;MAAEY,KAAK,EAAE;IAAO;EAAE,CAAC,EACvD,CAAClB,GAAG,CAACa,EAAE,CAAC,GAAG,CAAC,CAAC,CACd,CACF,CACF,CACF,CAAC,CACH,CAAC,CACH,CAAC,CACH,CAAC,EACFZ,EAAE,CAAC,KAAK,EAAE;IAAEG,KAAK,EAAE;MAAEC,EAAE,EAAE;IAAe;EAAE,CAAC,CAAC,CAC7C,CAAC,EACFJ,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE,KAAK;IAAEG,WAAW,EAAE;MAAEC,MAAM,EAAE;IAAM;EAAE,CAAC,EAAE,CAChEN,EAAE,CACA,KAAK,EACL;IACEE,WAAW,EAAE,UAAU;IACvBK,EAAE,EAAE;MACFC,KAAK,EAAE,eAAUC,MAAM,EAAE;QACvB,OAAOV,GAAG,CAACW,QAAQ,CAAC,aAAa,CAAC;MACpC;IACF;EACF,CAAC,EACD,CAACX,GAAG,CAACY,EAAE,CAAC,CAAC,CAAC,CAAC,CACZ,EACDX,EAAE,CACA,KAAK,EACL;IAAEE,WAAW,EAAE,UAAU;IAAEG,WAAW,EAAE;MAAEe,OAAO,EAAE;IAAS;EAAE,CAAC,EAC/D,CACEpB,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAQ,CAAC,EAAE,CAClCF,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAQ,CAAC,EAAE,CAClCF,EAAE,CACA,KAAK,EACL;IACEE,WAAW,EAAE,KAAK;IAClBK,EAAE,EAAE;MACFC,KAAK,EAAE,eAAUC,MAAM,EAAE;QACvB,OAAOV,GAAG,CAACsB,cAAc,CAACtB,GAAG,CAACe,WAAW,CAACQ,IAAI,CAAC;MACjD;IACF;EACF,CAAC,EACD,CACEtB,EAAE,CACA,MAAM,EACN;IACEE,WAAW,EAAE,MAAM;IACnBG,WAAW,EAAE;MAAE,WAAW,EAAE;IAAO;EACrC,CAAC,EACD,CAACN,GAAG,CAACa,EAAE,CAAC,MAAM,CAAC,CAAC,CACjB,EACDZ,EAAE,CACA,MAAM,EACN;IACEE,WAAW,EAAE,SAAS;IACtBG,WAAW,EAAE;MACX,WAAW,EAAE,MAAM;MACnB,aAAa,EAAE;IACjB,CAAC;IACDF,KAAK,EAAE;MAAEC,EAAE,EAAE,QAAQ;MAAES,IAAI,EAAEd,GAAG,CAACe,WAAW,CAACS;IAAI;EACnD,CAAC,EACD,CACExB,GAAG,CAACa,EAAE,CACJb,GAAG,CAACiB,EAAE,CAACjB,GAAG,CAACe,WAAW,CAACS,GAAG,CAAC,GAAG,oBAAoB,CACnD,EACDvB,EAAE,CACA,MAAM,EACN;IACEK,WAAW,EAAE;MAAE,WAAW,EAAE,MAAM;MAAEY,KAAK,EAAE;IAAO;EACpD,CAAC,EACD,CAAClB,GAAG,CAACa,EAAE,CAAC,GAAG,CAAC,CAAC,CACd,CACF,CACF,CACF,CACF,CACF,CAAC,CACH,CAAC,EACFZ,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAQ,CAAC,EAAE,CAClCF,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAQ,CAAC,EAAE,CAClCF,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAM,CAAC,EAAE,CAChCF,EAAE,CACA,MAAM,EACN;IACEE,WAAW,EAAE,MAAM;IACnBG,WAAW,EAAE;MAAE,WAAW,EAAE;IAAO;EACrC,CAAC,EACD,CAACN,GAAG,CAACa,EAAE,CAAC,QAAQ,CAAC,CAAC,CACnB,EACDZ,EAAE,CACA,MAAM,EACN;IACEE,WAAW,EAAE,SAAS;IACtBG,WAAW,EAAE;MACX,WAAW,EAAE,MAAM;MACnB,aAAa,EAAE;IACjB,CAAC;IACDF,KAAK,EAAE;MAAEC,EAAE,EAAE,QAAQ;MAAES,IAAI,EAAEd,GAAG,CAACe,WAAW,CAACU;IAAO;EACtD,CAAC,EACD,CACEzB,GAAG,CAACa,EAAE,CACJb,GAAG,CAACiB,EAAE,CAACjB,GAAG,CAACe,WAAW,CAACU,MAAM,CAAC,GAAG,oBAAoB,CACtD,EACDxB,EAAE,CACA,MAAM,EACN;IAAEK,WAAW,EAAE;MAAE,WAAW,EAAE,MAAM;MAAEY,KAAK,EAAE;IAAO;EAAE,CAAC,EACvD,CAAClB,GAAG,CAACa,EAAE,CAAC,GAAG,CAAC,CAAC,CACd,CACF,CACF,CACF,CAAC,CACH,CAAC,CACH,CAAC,EACFZ,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAQ,CAAC,EAAE,CAClCF,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAQ,CAAC,EAAE,CAClCF,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAM,CAAC,EAAE,CAChCF,EAAE,CACA,MAAM,EACN;IACEE,WAAW,EAAE,MAAM;IACnBG,WAAW,EAAE;MAAE,WAAW,EAAE;IAAO;EACrC,CAAC,EACD,CAACN,GAAG,CAACa,EAAE,CAAC,KAAK,CAAC,CAAC,CAChB,EACDZ,EAAE,CACA,MAAM,EACN;IACEE,WAAW,EAAE,SAAS;IACtBG,WAAW,EAAE;MACX,WAAW,EAAE,MAAM;MACnB,aAAa,EAAE;IACjB,CAAC;IACDF,KAAK,EAAE;MAAEC,EAAE,EAAE,QAAQ;MAAES,IAAI,EAAEd,GAAG,CAACe,WAAW,CAACW;IAAI;EACnD,CAAC,EACD,CAAC1B,GAAG,CAACa,EAAE,CAACb,GAAG,CAACiB,EAAE,CAACjB,GAAG,CAACe,WAAW,CAACW,GAAG,CAAC,GAAG,kBAAkB,CAAC,CAAC,CAC3D,CACF,CAAC,CACH,CAAC,CACH,CAAC,CACH,CACF,EACDzB,EAAE,CAAC,KAAK,EAAE;IAAEG,KAAK,EAAE;MAAEC,EAAE,EAAE;IAAY;EAAE,CAAC,CAAC,CAC1C,CAAC,CACH,CAAC,EACFJ,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE,OAAO;IAAEC,KAAK,EAAE;MAAEC,EAAE,EAAE;IAAO;EAAE,CAAC,EAAE,CACzDJ,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE,KAAK;IAAEG,WAAW,EAAE;MAAEC,MAAM,EAAE;IAAM;EAAE,CAAC,EAAE,CAChEN,EAAE,CACA,KAAK,EACL;IACEE,WAAW,EAAE,UAAU;IACvBK,EAAE,EAAE;MACFC,KAAK,EAAE,eAAUC,MAAM,EAAE;QACvB,OAAOV,GAAG,CAACW,QAAQ,CAAC,eAAe,CAAC;MACtC;IACF;EACF,CAAC,EACD,CAACX,GAAG,CAACY,EAAE,CAAC,CAAC,CAAC,CAAC,CACZ,EACDX,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAW,CAAC,EAAE,CACrCF,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAQ,CAAC,EAAE,CAClCF,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAQ,CAAC,EAAE,CAClCF,EAAE,CACA,KAAK,EACL;IACEE,WAAW,EAAE,KAAK;IAClBK,EAAE,EAAE;MACFC,KAAK,EAAE,eAAUC,MAAM,EAAE;QACvB,OAAOV,GAAG,CAACsB,cAAc,CAACtB,GAAG,CAACe,WAAW,CAACQ,IAAI,CAAC;MACjD;IACF;EACF,CAAC,EACD,CACEtB,EAAE,CACA,MAAM,EACN;IACEE,WAAW,EAAE,MAAM;IACnBG,WAAW,EAAE;MAAE,WAAW,EAAE;IAAO;EACrC,CAAC,EACD,CAACN,GAAG,CAACa,EAAE,CAAC,SAAS,CAAC,CAAC,CACpB,EACDZ,EAAE,CACA,MAAM,EACN;IACEE,WAAW,EAAE,SAAS;IACtBG,WAAW,EAAE;MACX,WAAW,EAAE,MAAM;MACnB,aAAa,EAAE;IACjB,CAAC;IACDF,KAAK,EAAE;MAAEC,EAAE,EAAE,QAAQ;MAAES,IAAI,EAAEd,GAAG,CAACe,WAAW,CAACY;IAAO;EACtD,CAAC,EACD,CAAC3B,GAAG,CAACa,EAAE,CAACb,GAAG,CAACiB,EAAE,CAACjB,GAAG,CAACe,WAAW,CAACY,MAAM,CAAC,CAAC,CAAC,CACzC,CACF,CACF,CACF,CAAC,CACH,CAAC,EACF1B,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAQ,CAAC,EAAE,CAClCF,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAQ,CAAC,EAAE,CAClCF,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAM,CAAC,EAAE,CAChCF,EAAE,CACA,MAAM,EACN;IAAEE,WAAW,EAAE,MAAM;IAAEG,WAAW,EAAE;MAAE,WAAW,EAAE;IAAO;EAAE,CAAC,EAC7D,CAACN,GAAG,CAACa,EAAE,CAAC,QAAQ,CAAC,CAAC,CACnB,EACDZ,EAAE,CACA,MAAM,EACN;IACEE,WAAW,EAAE,SAAS;IACtBG,WAAW,EAAE;MAAE,WAAW,EAAE,MAAM;MAAE,aAAa,EAAE;IAAM,CAAC;IAC1DF,KAAK,EAAE;MAAEC,EAAE,EAAE,QAAQ;MAAES,IAAI,EAAEd,GAAG,CAACe,WAAW,CAACa;IAAO;EACtD,CAAC,EACD,CAAC5B,GAAG,CAACa,EAAE,CAACb,GAAG,CAACiB,EAAE,CAACjB,GAAG,CAACe,WAAW,CAACa,MAAM,CAAC,CAAC,CAAC,CACzC,CACF,CAAC,CACH,CAAC,CACH,CAAC,EACF3B,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAQ,CAAC,EAAE,CAClCF,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAQ,CAAC,EAAE,CAClCF,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAM,CAAC,EAAE,CAChCF,EAAE,CACA,MAAM,EACN;IAAEE,WAAW,EAAE,MAAM;IAAEG,WAAW,EAAE;MAAE,WAAW,EAAE;IAAO;EAAE,CAAC,EAC7D,CAACN,GAAG,CAACa,EAAE,CAAC,YAAY,CAAC,CAAC,CACvB,EACDZ,EAAE,CACA,MAAM,EACN;IACEE,WAAW,EAAE,SAAS;IACtBG,WAAW,EAAE;MAAE,WAAW,EAAE,MAAM;MAAE,aAAa,EAAE;IAAM,CAAC;IAC1DF,KAAK,EAAE;MAAEC,EAAE,EAAE,QAAQ;MAAES,IAAI,EAAEd,GAAG,CAACe,WAAW,CAACc;IAAO;EACtD,CAAC,EACD,CAAC7B,GAAG,CAACa,EAAE,CAACb,GAAG,CAACiB,EAAE,CAACjB,GAAG,CAACe,WAAW,CAACc,MAAM,CAAC,CAAC,CAAC,CACzC,CACF,CAAC,CACH,CAAC,CACH,CAAC,CACH,CAAC,EACF5B,EAAE,CAAC,KAAK,EAAE;IAAEG,KAAK,EAAE;MAAEC,EAAE,EAAE;IAAkB;EAAE,CAAC,CAAC,CAChD,CAAC,EACFJ,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE,KAAK;IAAEG,WAAW,EAAE;MAAEC,MAAM,EAAE;IAAM;EAAE,CAAC,EAAE,CAChEN,EAAE,CACA,KAAK,EACL;IACEE,WAAW,EAAE,UAAU;IACvBK,EAAE,EAAE;MACFC,KAAK,EAAE,eAAUC,MAAM,EAAE;QACvB,OAAOV,GAAG,CAACW,QAAQ,CAAC,gBAAgB,CAAC;MACvC;IACF;EACF,CAAC,EACD,CAACX,GAAG,CAACY,EAAE,CAAC,CAAC,CAAC,CAAC,CACZ,EACDX,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAW,CAAC,EAAE,CACrCF,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAQ,CAAC,EAAE,CAClCF,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAQ,CAAC,EAAE,CAClCF,EAAE,CACA,KAAK,EACL;IACEE,WAAW,EAAE,KAAK;IAClBK,EAAE,EAAE;MACFC,KAAK,EAAE,eAAUC,MAAM,EAAE;QACvB,OAAOV,GAAG,CAACsB,cAAc,CAACtB,GAAG,CAACe,WAAW,CAACQ,IAAI,CAAC;MACjD;IACF;EACF,CAAC,EACD,CACEtB,EAAE,CACA,MAAM,EACN;IACEE,WAAW,EAAE,MAAM;IACnBG,WAAW,EAAE;MAAE,WAAW,EAAE;IAAO;EACrC,CAAC,EACD,CAACN,GAAG,CAACa,EAAE,CAAC,SAAS,CAAC,CAAC,CACpB,EACDZ,EAAE,CACA,MAAM,EACN;IACEE,WAAW,EAAE,SAAS;IACtBG,WAAW,EAAE;MACX,WAAW,EAAE,MAAM;MACnB,aAAa,EAAE;IACjB,CAAC;IACDF,KAAK,EAAE;MAAEC,EAAE,EAAE,QAAQ;MAAES,IAAI,EAAEd,GAAG,CAACe,WAAW,CAACe;IAAO;EACtD,CAAC,EACD,CACE9B,GAAG,CAACa,EAAE,CACJb,GAAG,CAACiB,EAAE,CAACjB,GAAG,CAACe,WAAW,CAACe,MAAM,CAAC,GAAG,oBAAoB,CACtD,EACD7B,EAAE,CACA,MAAM,EACN;IAAEK,WAAW,EAAE;MAAE,WAAW,EAAE,MAAM;MAAEY,KAAK,EAAE;IAAO;EAAE,CAAC,EACvD,CAAClB,GAAG,CAACa,EAAE,CAAC,GAAG,CAAC,CAAC,CACd,CACF,CACF,CACF,CACF,CACF,CAAC,CACH,CAAC,EACFZ,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAQ,CAAC,EAAE,CAClCF,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAQ,CAAC,EAAE,CAClCF,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAM,CAAC,EAAE,CAChCF,EAAE,CACA,MAAM,EACN;IAAEE,WAAW,EAAE,MAAM;IAAEG,WAAW,EAAE;MAAE,WAAW,EAAE;IAAO;EAAE,CAAC,EAC7D,CAACN,GAAG,CAACa,EAAE,CAAC,UAAU,CAAC,CAAC,CACrB,EACDZ,EAAE,CACA,MAAM,EACN;IACEE,WAAW,EAAE,SAAS;IACtBG,WAAW,EAAE;MAAE,WAAW,EAAE,MAAM;MAAE,aAAa,EAAE;IAAM,CAAC;IAC1DF,KAAK,EAAE;MAAEC,EAAE,EAAE,QAAQ;MAAES,IAAI,EAAEd,GAAG,CAACe,WAAW,CAACgB;IAAO;EACtD,CAAC,EACD,CACE/B,GAAG,CAACa,EAAE,CACJb,GAAG,CAACiB,EAAE,CAACjB,GAAG,CAACe,WAAW,CAACgB,MAAM,CAAC,GAAG,oBAAoB,CACtD,EACD9B,EAAE,CACA,MAAM,EACN;IAAEK,WAAW,EAAE;MAAE,WAAW,EAAE,MAAM;MAAEY,KAAK,EAAE;IAAO;EAAE,CAAC,EACvD,CAAClB,GAAG,CAACa,EAAE,CAAC,KAAK,CAAC,CAAC,CAChB,CACF,CACF,CACF,CAAC,CACH,CAAC,CACH,CAAC,EACFZ,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAQ,CAAC,EAAE,CAClCF,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAQ,CAAC,EAAE,CAClCF,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAM,CAAC,EAAE,CAChCF,EAAE,CACA,MAAM,EACN;IAAEE,WAAW,EAAE,MAAM;IAAEG,WAAW,EAAE;MAAE,WAAW,EAAE;IAAO;EAAE,CAAC,EAC7D,CAACN,GAAG,CAACa,EAAE,CAAC,UAAU,CAAC,CAAC,CACrB,EACDZ,EAAE,CACA,MAAM,EACN;IACEE,WAAW,EAAE,SAAS;IACtBG,WAAW,EAAE;MAAE,WAAW,EAAE,MAAM;MAAE,aAAa,EAAE;IAAM,CAAC;IAC1DF,KAAK,EAAE;MAAEC,EAAE,EAAE,QAAQ;MAAES,IAAI,EAAEd,GAAG,CAACe,WAAW,CAACiB;IAAO;EACtD,CAAC,EACD,CACEhC,GAAG,CAACa,EAAE,CACJb,GAAG,CAACiB,EAAE,CAACjB,GAAG,CAACe,WAAW,CAACiB,MAAM,CAAC,GAAG,oBAAoB,CACtD,EACD/B,EAAE,CACA,MAAM,EACN;IAAEK,WAAW,EAAE;MAAE,WAAW,EAAE,MAAM;MAAEY,KAAK,EAAE;IAAO;EAAE,CAAC,EACvD,CAAClB,GAAG,CAACa,EAAE,CAAC,IAAI,CAAC,CAAC,CACf,CACF,CACF,CACF,CAAC,CACH,CAAC,CACH,CAAC,CACH,CAAC,EACFZ,EAAE,CAAC,KAAK,EAAE;IAAEG,KAAK,EAAE;MAAEC,EAAE,EAAE;IAAc;EAAE,CAAC,CAAC,CAC5C,CAAC,CACH,CAAC,EACFL,GAAG,CAACY,EAAE,CAAC,CAAC,CAAC,EACTX,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE,OAAO;IAAEC,KAAK,EAAE;MAAEC,EAAE,EAAE;IAAQ;EAAE,CAAC,EAAE,CAC1DJ,EAAE,CACA,KAAK,EACL;IAAEE,WAAW,EAAE,KAAK;IAAEG,WAAW,EAAE;MAAEC,MAAM,EAAE,KAAK;MAAE0B,KAAK,EAAE;IAAO;EAAE,CAAC,EACrE,CACEhC,EAAE,CACA,KAAK,EACL;IACEE,WAAW,EAAE,UAAU;IACvBK,EAAE,EAAE;MACFC,KAAK,EAAE,eAAUC,MAAM,EAAE;QACvB,OAAOV,GAAG,CAACW,QAAQ,CAAC,YAAY,CAAC;MACnC;IACF;EACF,CAAC,EACD,CAACX,GAAG,CAACY,EAAE,CAAC,CAAC,CAAC,CAAC,CACZ,EACDZ,GAAG,CAACY,EAAE,CAAC,CAAC,CAAC,EACTZ,GAAG,CAACY,EAAE,CAAC,CAAC,CAAC,EACTX,EAAE,CAAC,KAAK,EAAE;IAAEG,KAAK,EAAE;MAAEC,EAAE,EAAE;IAAe;EAAE,CAAC,CAAC,CAC7C,CACF,EACDJ,EAAE,CACA,KAAK,EACL;IAAEE,WAAW,EAAE,OAAO;IAAEG,WAAW,EAAE;MAAEC,MAAM,EAAE,KAAK;MAAE0B,KAAK,EAAE;IAAO;EAAE,CAAC,EACvE,CACEhC,EAAE,CACA,KAAK,EACL;IACEE,WAAW,EAAE,UAAU;IACvBK,EAAE,EAAE;MACFC,KAAK,EAAE,eAAUC,MAAM,EAAE;QACvB,OAAOV,GAAG,CAACW,QAAQ,CAAC,YAAY,CAAC;MACnC;IACF;EACF,CAAC,EACD,CAACX,GAAG,CAACY,EAAE,CAAC,CAAC,CAAC,CAAC,CACZ,EACDX,EAAE,CACA,KAAK,EACL;IAAEE,WAAW,EAAE,UAAU;IAAEG,WAAW,EAAE;MAAEe,OAAO,EAAE;IAAS;EAAE,CAAC,EAC/D,CACEpB,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAQ,CAAC,EAAE,CAClCF,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAQ,CAAC,EAAE,CAClCF,EAAE,CACA,KAAK,EACL;IACEE,WAAW,EAAE,KAAK;IAClBK,EAAE,EAAE;MACFC,KAAK,EAAE,eAAUC,MAAM,EAAE;QACvB,OAAOV,GAAG,CAACsB,cAAc,CAACtB,GAAG,CAACe,WAAW,CAACQ,IAAI,CAAC;MACjD;IACF;EACF,CAAC,EACD,CACEtB,EAAE,CACA,MAAM,EACN;IACEE,WAAW,EAAE,MAAM;IACnBG,WAAW,EAAE;MAAE,WAAW,EAAE;IAAO,CAAC;IACpCF,KAAK,EAAE;MAAEC,EAAE,EAAE;IAAW;EAC1B,CAAC,EACD,CAACL,GAAG,CAACa,EAAE,CAAC,aAAa,CAAC,CAAC,CACxB,EACDZ,EAAE,CACA,MAAM,EACN;IACEE,WAAW,EAAE,SAAS;IACtBG,WAAW,EAAE;MACX,WAAW,EAAE,MAAM;MACnB,aAAa,EAAE,KAAK;MACpB,aAAa,EAAE,MAAM;MACrBC,MAAM,EAAE;IACV,CAAC;IACDH,KAAK,EAAE;MAAEU,IAAI,EAAEd,GAAG,CAACe,WAAW,CAACmB,IAAI;MAAE7B,EAAE,EAAE;IAAS;EACpD,CAAC,EACD,CACEL,GAAG,CAACa,EAAE,CACJb,GAAG,CAACiB,EAAE,CAACjB,GAAG,CAACe,WAAW,CAACmB,IAAI,CAAC,GAAG,oBAAoB,CACpD,EACDjC,EAAE,CACA,MAAM,EACN;IACEK,WAAW,EAAE;MACX,WAAW,EAAE,MAAM;MACnBY,KAAK,EAAE;IACT;EACF,CAAC,EACD,CAAClB,GAAG,CAACa,EAAE,CAAC,IAAI,CAAC,CAAC,CACf,CACF,CACF,CACF,CACF,CACF,CAAC,CACH,CAAC,EACFZ,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAQ,CAAC,EAAE,CAClCF,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAQ,CAAC,EAAE,CAClCF,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAM,CAAC,EAAE,CAChCF,EAAE,CACA,MAAM,EACN;IACEE,WAAW,EAAE,MAAM;IACnBG,WAAW,EAAE;MAAE,WAAW,EAAE;IAAO,CAAC;IACpCF,KAAK,EAAE;MAAEC,EAAE,EAAE;IAAW;EAC1B,CAAC,EACD,CAACL,GAAG,CAACa,EAAE,CAAC,YAAY,CAAC,CAAC,CACvB,EACDZ,EAAE,CACA,MAAM,EACN;IACEE,WAAW,EAAE,SAAS;IACtBG,WAAW,EAAE;MACX,WAAW,EAAE,MAAM;MACnB,aAAa,EAAE,KAAK;MACpB,aAAa,EAAE,MAAM;MACrBC,MAAM,EAAE;IACV,CAAC;IACDH,KAAK,EAAE;MAAEC,EAAE,EAAE,QAAQ;MAAES,IAAI,EAAEd,GAAG,CAACe,WAAW,CAACoB;IAAK;EACpD,CAAC,EACD,CACEnC,GAAG,CAACa,EAAE,CACJb,GAAG,CAACiB,EAAE,CAACjB,GAAG,CAACe,WAAW,CAACoB,IAAI,CAAC,GAAG,oBAAoB,CACpD,EACDlC,EAAE,CACA,MAAM,EACN;IACEK,WAAW,EAAE;MAAE,WAAW,EAAE,MAAM;MAAEY,KAAK,EAAE;IAAO;EACpD,CAAC,EACD,CAAClB,GAAG,CAACa,EAAE,CAAC,KAAK,CAAC,CAAC,CAChB,CACF,CACF,CACF,CAAC,CACH,CAAC,CACH,CAAC,EACFZ,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAQ,CAAC,EAAE,CAClCF,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAQ,CAAC,EAAE,CAClCF,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAM,CAAC,EAAE,CAChCF,EAAE,CACA,MAAM,EACN;IACEE,WAAW,EAAE,MAAM;IACnBG,WAAW,EAAE;MAAE,WAAW,EAAE;IAAO,CAAC;IACpCF,KAAK,EAAE;MAAEC,EAAE,EAAE;IAAW;EAC1B,CAAC,EACD,CAACL,GAAG,CAACa,EAAE,CAAC,YAAY,CAAC,CAAC,CACvB,EACDZ,EAAE,CACA,MAAM,EACN;IACEE,WAAW,EAAE,SAAS;IACtBG,WAAW,EAAE;MACX,WAAW,EAAE,MAAM;MACnB,aAAa,EAAE,KAAK;MACpB,aAAa,EAAE,MAAM;MACrBC,MAAM,EAAE;IACV,CAAC;IACDH,KAAK,EAAE;MAAEC,EAAE,EAAE,QAAQ;MAAES,IAAI,EAAEd,GAAG,CAACe,WAAW,CAACqB;IAAK;EACpD,CAAC,EACD,CACEpC,GAAG,CAACa,EAAE,CACJb,GAAG,CAACiB,EAAE,CAACjB,GAAG,CAACe,WAAW,CAACqB,IAAI,CAAC,GAAG,oBAAoB,CACpD,EACDnC,EAAE,CACA,MAAM,EACN;IACEK,WAAW,EAAE;MAAE,WAAW,EAAE,MAAM;MAAEY,KAAK,EAAE;IAAO;EACpD,CAAC,EACD,CAAClB,GAAG,CAACa,EAAE,CAAC,GAAG,CAAC,CAAC,CACd,CACF,CACF,CACF,CAAC,CACH,CAAC,CACH,CAAC,CACH,CACF,EACDZ,EAAE,CAAC,KAAK,EAAE;IAAEG,KAAK,EAAE;MAAEC,EAAE,EAAE;IAAa;EAAE,CAAC,CAAC,CAC3C,CACF,CACF,CAAC,EACFJ,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE,QAAQ;IAAEC,KAAK,EAAE;MAAEC,EAAE,EAAE;IAAQ;EAAE,CAAC,EAAE,CAC3DJ,EAAE,CACA,KAAK,EACL;IAAEE,WAAW,EAAE,KAAK;IAAEG,WAAW,EAAE;MAAEC,MAAM,EAAE,KAAK;MAAE0B,KAAK,EAAE;IAAO;EAAE,CAAC,EACrE,CACEhC,EAAE,CACA,KAAK,EACL;IACEE,WAAW,EAAE,UAAU;IACvBK,EAAE,EAAE;MACFC,KAAK,EAAE,eAAUC,MAAM,EAAE;QACvB,OAAOV,GAAG,CAACW,QAAQ,CAAC,gBAAgB,CAAC;MACvC;IACF;EACF,CAAC,EACD,CAACX,GAAG,CAACY,EAAE,CAAC,CAAC,CAAC,CAAC,CACZ,EACDX,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAW,CAAC,EAAE,CACrCF,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAQ,CAAC,EAAE,CAClCF,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAQ,CAAC,EAAE,CAClCF,EAAE,CACA,KAAK,EACL;IACEE,WAAW,EAAE,KAAK;IAClBK,EAAE,EAAE;MACFC,KAAK,EAAE,eAAUC,MAAM,EAAE;QACvB,OAAOV,GAAG,CAACsB,cAAc,CAACtB,GAAG,CAACe,WAAW,CAACQ,IAAI,CAAC;MACjD;IACF;EACF,CAAC,EACD,CACEtB,EAAE,CACA,MAAM,EACN;IACEE,WAAW,EAAE,MAAM;IACnBG,WAAW,EAAE;MAAE,WAAW,EAAE;IAAO;EACrC,CAAC,EACD,CAACN,GAAG,CAACa,EAAE,CAAC,SAAS,CAAC,CAAC,CACpB,EACDZ,EAAE,CACA,MAAM,EACN;IACEE,WAAW,EAAE,SAAS;IACtBG,WAAW,EAAE;MACX,WAAW,EAAE,MAAM;MACnB,aAAa,EAAE;IACjB,CAAC;IACDF,KAAK,EAAE;MAAEC,EAAE,EAAE,QAAQ;MAAES,IAAI,EAAEd,GAAG,CAACe,WAAW,CAACsB;IAAO;EACtD,CAAC,EACD,CACErC,GAAG,CAACa,EAAE,CACJb,GAAG,CAACiB,EAAE,CAACjB,GAAG,CAACe,WAAW,CAACsB,MAAM,CAAC,GAAG,oBAAoB,CACtD,EACDpC,EAAE,CACA,MAAM,EACN;IACEK,WAAW,EAAE;MAAE,WAAW,EAAE,MAAM;MAAEY,KAAK,EAAE;IAAO;EACpD,CAAC,EACD,CAAClB,GAAG,CAACa,EAAE,CAAC,MAAM,CAAC,CAAC,CACjB,CACF,CACF,CACF,CACF,CACF,CAAC,CACH,CAAC,EACFZ,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAQ,CAAC,EAAE,CAClCF,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAQ,CAAC,EAAE,CAClCF,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAM,CAAC,EAAE,CAChCF,EAAE,CACA,MAAM,EACN;IACEE,WAAW,EAAE,MAAM;IACnBG,WAAW,EAAE;MAAE,WAAW,EAAE;IAAO;EACrC,CAAC,EACD,CAACN,GAAG,CAACa,EAAE,CAAC,UAAU,CAAC,CAAC,CACrB,EACDZ,EAAE,CACA,MAAM,EACN;IACEE,WAAW,EAAE,SAAS;IACtBG,WAAW,EAAE;MACX,WAAW,EAAE,MAAM;MACnB,aAAa,EAAE;IACjB,CAAC;IACDF,KAAK,EAAE;MAAEC,EAAE,EAAE,QAAQ;MAAES,IAAI,EAAEd,GAAG,CAACe,WAAW,CAACuB;IAAO;EACtD,CAAC,EACD,CACEtC,GAAG,CAACa,EAAE,CACJb,GAAG,CAACiB,EAAE,CAACjB,GAAG,CAACe,WAAW,CAACuB,MAAM,CAAC,GAAG,oBAAoB,CACtD,EACDrC,EAAE,CACA,MAAM,EACN;IAAEK,WAAW,EAAE;MAAE,WAAW,EAAE,MAAM;MAAEY,KAAK,EAAE;IAAO;EAAE,CAAC,EACvD,CAAClB,GAAG,CAACa,EAAE,CAAC,KAAK,CAAC,CAAC,CAChB,CACF,CACF,CACF,CAAC,CACH,CAAC,CACH,CAAC,EACFZ,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAQ,CAAC,EAAE,CAClCF,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAQ,CAAC,EAAE,CAClCF,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAM,CAAC,EAAE,CAChCF,EAAE,CACA,MAAM,EACN;IACEE,WAAW,EAAE,MAAM;IACnBG,WAAW,EAAE;MAAE,WAAW,EAAE;IAAO;EACrC,CAAC,EACD,CAACN,GAAG,CAACa,EAAE,CAAC,UAAU,CAAC,CAAC,CACrB,EACDZ,EAAE,CACA,MAAM,EACN;IACEE,WAAW,EAAE,SAAS;IACtBG,WAAW,EAAE;MACX,WAAW,EAAE,MAAM;MACnB,aAAa,EAAE;IACjB,CAAC;IACDF,KAAK,EAAE;MAAEC,EAAE,EAAE,QAAQ;MAAES,IAAI,EAAEd,GAAG,CAACe,WAAW,CAACwB;IAAO;EACtD,CAAC,EACD,CACEvC,GAAG,CAACa,EAAE,CACJb,GAAG,CAACiB,EAAE,CAACjB,GAAG,CAACe,WAAW,CAACwB,MAAM,CAAC,GAAG,oBAAoB,CACtD,EACDtC,EAAE,CACA,MAAM,EACN;IAAEK,WAAW,EAAE;MAAE,WAAW,EAAE,MAAM;MAAEY,KAAK,EAAE;IAAO;EAAE,CAAC,EACvD,CAAClB,GAAG,CAACa,EAAE,CAAC,KAAK,CAAC,CAAC,CAChB,CACF,CACF,CACF,CAAC,CACH,CAAC,CACH,CAAC,CACH,CAAC,EACFZ,EAAE,CAAC,KAAK,EAAE;IAAEG,KAAK,EAAE;MAAEC,EAAE,EAAE;IAAW;EAAE,CAAC,CAAC,CACzC,CACF,EACDJ,EAAE,CACA,KAAK,EACL;IAAEE,WAAW,EAAE,OAAO;IAAEG,WAAW,EAAE;MAAEC,MAAM,EAAE,KAAK;MAAE0B,KAAK,EAAE;IAAO;EAAE,CAAC,EACvE,CACEhC,EAAE,CACA,KAAK,EACL;IACEE,WAAW,EAAE,UAAU;IACvBK,EAAE,EAAE;MACFC,KAAK,EAAE,eAAUC,MAAM,EAAE;QACvB,OAAOV,GAAG,CAACW,QAAQ,CAAC,kBAAkB,CAAC;MACzC;IACF;EACF,CAAC,EACD,CAACX,GAAG,CAACY,EAAE,CAAC,EAAE,CAAC,CAAC,CACb,EACDX,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAW,CAAC,EAAE,CACrCF,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAQ,CAAC,EAAE,CAClCF,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAQ,CAAC,EAAE,CAClCF,EAAE,CACA,KAAK,EACL;IACEE,WAAW,EAAE,KAAK;IAClBK,EAAE,EAAE;MACFC,KAAK,EAAE,eAAUC,MAAM,EAAE;QACvB,OAAOV,GAAG,CAACsB,cAAc,CAACtB,GAAG,CAACe,WAAW,CAACQ,IAAI,CAAC;MACjD;IACF;EACF,CAAC,EACD,CACEtB,EAAE,CACA,MAAM,EACN;IACEE,WAAW,EAAE,MAAM;IACnBG,WAAW,EAAE;MAAE,WAAW,EAAE;IAAO;EACrC,CAAC,EACD,CAACN,GAAG,CAACa,EAAE,CAAC,UAAU,CAAC,CAAC,CACrB,EACDZ,EAAE,CACA,MAAM,EACN;IACEE,WAAW,EAAE,SAAS;IACtBG,WAAW,EAAE;MACX,WAAW,EAAE,MAAM;MACnB,aAAa,EAAE;IACjB,CAAC;IACDF,KAAK,EAAE;MAAEC,EAAE,EAAE,QAAQ;MAAES,IAAI,EAAEd,GAAG,CAACe,WAAW,CAACyB;IAAM;EACrD,CAAC,EACD,CACExC,GAAG,CAACa,EAAE,CACJb,GAAG,CAACiB,EAAE,CAACjB,GAAG,CAACe,WAAW,CAACyB,KAAK,CAAC,GAAG,oBAAoB,CACrD,EACDvC,EAAE,CACA,MAAM,EACN;IACEK,WAAW,EAAE;MAAE,WAAW,EAAE,MAAM;MAAEY,KAAK,EAAE;IAAO;EACpD,CAAC,EACD,CAAClB,GAAG,CAACa,EAAE,CAAC,GAAG,CAAC,CAAC,CACd,CACF,CACF,CACF,CACF,CACF,CAAC,CACH,CAAC,EACFZ,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAQ,CAAC,EAAE,CAClCF,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAQ,CAAC,EAAE,CAClCF,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAM,CAAC,EAAE,CAChCF,EAAE,CACA,MAAM,EACN;IACEE,WAAW,EAAE,MAAM;IACnBG,WAAW,EAAE;MAAE,WAAW,EAAE;IAAO;EACrC,CAAC,EACD,CAACN,GAAG,CAACa,EAAE,CAAC,UAAU,CAAC,CAAC,CACrB,EACDZ,EAAE,CACA,MAAM,EACN;IACEE,WAAW,EAAE,SAAS;IACtBG,WAAW,EAAE;MACX,WAAW,EAAE,MAAM;MACnB,aAAa,EAAE;IACjB,CAAC;IACDF,KAAK,EAAE;MAAEC,EAAE,EAAE,QAAQ;MAAES,IAAI,EAAEd,GAAG,CAACe,WAAW,CAAC0B;IAAK;EACpD,CAAC,EACD,CACEzC,GAAG,CAACa,EAAE,CACJb,GAAG,CAACiB,EAAE,CAACjB,GAAG,CAACe,WAAW,CAAC0B,IAAI,CAAC,GAAG,oBAAoB,CACpD,EACDxC,EAAE,CACA,MAAM,EACN;IAAEK,WAAW,EAAE;MAAE,WAAW,EAAE,MAAM;MAAEY,KAAK,EAAE;IAAO;EAAE,CAAC,EACvD,CAAClB,GAAG,CAACa,EAAE,CAAC,GAAG,CAAC,CAAC,CACd,CACF,CACF,CACF,CAAC,CACH,CAAC,CACH,CAAC,EACFZ,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAQ,CAAC,EAAE,CAClCF,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAQ,CAAC,EAAE,CAClCF,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAM,CAAC,EAAE,CAChCF,EAAE,CACA,MAAM,EACN;IACEE,WAAW,EAAE,MAAM;IACnBG,WAAW,EAAE;MAAE,WAAW,EAAE;IAAO;EACrC,CAAC,EACD,CAACN,GAAG,CAACa,EAAE,CAAC,OAAO,CAAC,CAAC,CAClB,EACDZ,EAAE,CACA,MAAM,EACN;IACEE,WAAW,EAAE,SAAS;IACtBG,WAAW,EAAE;MACX,WAAW,EAAE,MAAM;MACnB,aAAa,EAAE;IACjB,CAAC;IACDF,KAAK,EAAE;MAAEC,EAAE,EAAE,QAAQ;MAAES,IAAI,EAAEd,GAAG,CAACe,WAAW,CAAC2B;IAAI;EACnD,CAAC,EACD,CACE1C,GAAG,CAACa,EAAE,CACJb,GAAG,CAACiB,EAAE,CAACjB,GAAG,CAACe,WAAW,CAAC2B,GAAG,CAAC,GAAG,oBAAoB,CACnD,EACDzC,EAAE,CACA,MAAM,EACN;IAAEK,WAAW,EAAE;MAAE,WAAW,EAAE,MAAM;MAAEY,KAAK,EAAE;IAAO;EAAE,CAAC,EACvD,CAAClB,GAAG,CAACa,EAAE,CAAC,GAAG,CAAC,CAAC,CACd,CACF,CACF,CACF,CAAC,CACH,CAAC,CACH,CAAC,CACH,CAAC,EACFZ,EAAE,CAAC,KAAK,EAAE;IAAEG,KAAK,EAAE;MAAEC,EAAE,EAAE;IAAW;EAAE,CAAC,CAAC,CACzC,CACF,CACF,CAAC,EACFJ,EAAE,CACA,KAAK,EACL;IACE0C,UAAU,EAAE,CACV;MACEC,IAAI,EAAE,MAAM;MACZC,OAAO,EAAE,QAAQ;MACjBC,KAAK,EAAE9C,GAAG,CAAC+C,iBAAiB;MAC5BC,UAAU,EAAE;IACd,CAAC,CACF;IACD7C,WAAW,EAAE;EACf,CAAC,EACD,CAACH,GAAG,CAACY,EAAE,CAAC,EAAE,CAAC,CAAC,CACb,EACDX,EAAE,CACA,KAAK,EACL;IACE0C,UAAU,EAAE,CACV;MACEC,IAAI,EAAE,MAAM;MACZC,OAAO,EAAE,QAAQ;MACjBC,KAAK,EAAE9C,GAAG,CAACiD,oBAAoB;MAC/BD,UAAU,EAAE;IACd,CAAC,CACF;IACD7C,WAAW,EAAE;EACf,CAAC,EACD,CACEF,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAM,CAAC,EAAE,CAChCF,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAQ,CAAC,EAAE,CAACH,GAAG,CAACa,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EACvDZ,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAQ,CAAC,EAAE,CAClCF,EAAE,CAAC,KAAK,EAAE;IACRK,WAAW,EAAE;MAAE4C,MAAM,EAAE;IAAU,CAAC;IAClC9C,KAAK,EAAE;MAAE+C,GAAG,EAAEC,OAAO,CAAC,2BAA2B;IAAE,CAAC;IACpD5C,EAAE,EAAE;MAAEC,KAAK,EAAET,GAAG,CAACqD;IAAY;EAC/B,CAAC,CAAC,CACH,CAAC,CACH,CAAC,EACFpD,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAW,CAAC,EAAE,CACrCF,EAAE,CACA,KAAK,EACL;IAAEE,WAAW,EAAE;EAAoB,CAAC,EACpC,CACEF,EAAE,CACA,UAAU,EACV;IACEK,WAAW,EAAE;MAAE2B,KAAK,EAAE,MAAM;MAAE1B,MAAM,EAAE;IAAO,CAAC;IAC9CH,KAAK,EAAE;MACLkD,IAAI,EAAEtD,GAAG,CAACuD,oBAAoB;MAC9B,mBAAmB,EAAE;QAAE,YAAY,EAAE;MAAS,CAAC;MAC/C,YAAY,EAAE;QAAE,YAAY,EAAE;MAAS,CAAC;MACxC,gBAAgB,EAAEvD,GAAG,CAACwD;IACxB;EACF,CAAC,EACD,CACEvD,EAAE,CAAC,iBAAiB,EAAE;IACpBG,KAAK,EAAE;MAAEqD,KAAK,EAAE,IAAI;MAAExB,KAAK,EAAE,KAAK;MAAEyB,KAAK,EAAE;IAAS,CAAC;IACrDC,WAAW,EAAE3D,GAAG,CAAC4D,EAAE,CAAC,CAClB;MACEC,GAAG,EAAE,SAAS;MACdC,EAAE,EAAE,YAAUC,IAAI,EAAE;QAClB,OAAO,CACL/D,GAAG,CAACa,EAAE,CACJ,kBAAkB,GAChBb,GAAG,CAACiB,EAAE,CAAC8C,IAAI,CAACC,MAAM,GAAG,CAAC,CAAC,GACvB,gBAAgB,CACnB,CACF;MACH;IACF,CAAC,CACF;EACH,CAAC,CAAC,EACF/D,EAAE,CAAC,iBAAiB,EAAE;IACpBG,KAAK,EAAE;MACL6D,IAAI,EAAE,cAAc;MACpBR,KAAK,EAAE,MAAM;MACbC,KAAK,EAAE;IACT;EACF,CAAC,CAAC,EACFzD,EAAE,CAAC,iBAAiB,EAAE;IACpBG,KAAK,EAAE;MACL6D,IAAI,EAAE,YAAY;MAClBR,KAAK,EAAE,MAAM;MACbC,KAAK,EAAE;IACT;EACF,CAAC,CAAC,EACFzD,EAAE,CAAC,iBAAiB,EAAE;IACpBG,KAAK,EAAE;MACL6D,IAAI,EAAE,YAAY;MAClBR,KAAK,EAAE,MAAM;MACbC,KAAK,EAAE;IACT;EACF,CAAC,CAAC,CACH,EACD,CAAC,CACF,CACF,EACD,CAAC,CACF,CACF,CAAC,EACF1D,GAAG,CAACkE,QAAQ,GACRjE,EAAE,CAAC,eAAe,EAAE;IAClBG,KAAK,EAAE;MACL,cAAc,EAAEJ,GAAG,CAACmE,IAAI;MACxB,WAAW,EAAEnE,GAAG,CAACoE,QAAQ;MACzBC,MAAM,EAAE,mBAAmB;MAC3BC,KAAK,EAAEtE,GAAG,CAACuE;IACb,CAAC;IACD/D,EAAE,EAAE;MAAE,gBAAgB,EAAER,GAAG,CAACwE;IAAoB;EAClD,CAAC,CAAC,GACFxE,GAAG,CAACyE,EAAE,EAAE,CACb,EACD,CAAC,CACF,CACF,CAAC;AACJ,CAAC;AACD,IAAIC,eAAe,GAAG,CACpB,YAAY;EACV,IAAI1E,GAAG,GAAG,IAAI;IACZC,EAAE,GAAGD,GAAG,CAACE,KAAK,CAACD,EAAE;EACnB,OAAOA,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAY,CAAC,EAAE,CAC7CF,EAAE,CAAC,KAAK,EAAE;IACRG,KAAK,EAAE;MAAE+C,GAAG,EAAEC,OAAO,+BAA+B;MAAEuB,GAAG,EAAE;IAAG;EAChE,CAAC,CAAC,EACF1E,EAAE,CAAC,MAAM,EAAE,CAACD,GAAG,CAACa,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,EACpCZ,EAAE,CAAC,KAAK,EAAE;IACRG,KAAK,EAAE;MAAE+C,GAAG,EAAEC,OAAO,gCAAgC;MAAEuB,GAAG,EAAE;IAAG;EACjE,CAAC,CAAC,CACH,CAAC;AACJ,CAAC,EACD,YAAY;EACV,IAAI3E,GAAG,GAAG,IAAI;IACZC,EAAE,GAAGD,GAAG,CAACE,KAAK,CAACD,EAAE;EACnB,OAAOA,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAY,CAAC,EAAE,CAC7CF,EAAE,CAAC,KAAK,EAAE;IACRG,KAAK,EAAE;MAAE+C,GAAG,EAAEC,OAAO,+BAA+B;MAAEuB,GAAG,EAAE;IAAG;EAChE,CAAC,CAAC,EACF1E,EAAE,CAAC,MAAM,EAAE,CAACD,GAAG,CAACa,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,EACnCZ,EAAE,CAAC,KAAK,EAAE;IACRG,KAAK,EAAE;MAAE+C,GAAG,EAAEC,OAAO,gCAAgC;MAAEuB,GAAG,EAAE;IAAG;EACjE,CAAC,CAAC,CACH,CAAC;AACJ,CAAC,EACD,YAAY;EACV,IAAI3E,GAAG,GAAG,IAAI;IACZC,EAAE,GAAGD,GAAG,CAACE,KAAK,CAACD,EAAE;EACnB,OAAOA,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAY,CAAC,EAAE,CAC7CF,EAAE,CAAC,KAAK,EAAE;IACRG,KAAK,EAAE;MAAE+C,GAAG,EAAEC,OAAO,+BAA+B;MAAEuB,GAAG,EAAE;IAAG;EAChE,CAAC,CAAC,EACF1E,EAAE,CAAC,MAAM,EAAE,CAACD,GAAG,CAACa,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC,EACrCZ,EAAE,CAAC,KAAK,EAAE;IACRG,KAAK,EAAE;MAAE+C,GAAG,EAAEC,OAAO,gCAAgC;MAAEuB,GAAG,EAAE;IAAG;EACjE,CAAC,CAAC,CACH,CAAC;AACJ,CAAC,EACD,YAAY;EACV,IAAI3E,GAAG,GAAG,IAAI;IACZC,EAAE,GAAGD,GAAG,CAACE,KAAK,CAACD,EAAE;EACnB,OAAOA,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAY,CAAC,EAAE,CAC7CF,EAAE,CAAC,KAAK,EAAE;IACRG,KAAK,EAAE;MAAE+C,GAAG,EAAEC,OAAO,+BAA+B;MAAEuB,GAAG,EAAE;IAAG;EAChE,CAAC,CAAC,EACF1E,EAAE,CAAC,MAAM,EAAE,CAACD,GAAG,CAACa,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC,EACtCZ,EAAE,CAAC,KAAK,EAAE;IACRG,KAAK,EAAE;MAAE+C,GAAG,EAAEC,OAAO,gCAAgC;MAAEuB,GAAG,EAAE;IAAG;EACjE,CAAC,CAAC,CACH,CAAC;AACJ,CAAC,EACD,YAAY;EACV,IAAI3E,GAAG,GAAG,IAAI;IACZC,EAAE,GAAGD,GAAG,CAACE,KAAK,CAACD,EAAE;EACnB,OAAOA,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE,QAAQ;IAAEC,KAAK,EAAE;MAAEC,EAAE,EAAE;IAAS;EAAE,CAAC,EAAE,CACnEJ,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE,KAAK;IAAEG,WAAW,EAAE;MAAEC,MAAM,EAAE;IAAO;EAAE,CAAC,EAAE,CACjEN,EAAE,CAAC,QAAQ,EAAE;IACXK,WAAW,EAAE;MAAEsE,QAAQ,EAAE;IAAW,CAAC;IACrCxE,KAAK,EAAE;MAAEC,EAAE,EAAE,UAAU;MAAE4B,KAAK,EAAE,MAAM;MAAE1B,MAAM,EAAE;IAAM;EACxD,CAAC,CAAC,EACFN,EAAE,CAAC,KAAK,EAAE;IACRE,WAAW,EAAE,SAAS;IACtBC,KAAK,EAAE;MAAE+C,GAAG,EAAEC,OAAO,6BAA6B;MAAEuB,GAAG,EAAE;IAAG;EAC9D,CAAC,CAAC,EACF1E,EAAE,CAAC,KAAK,EAAE;IACRE,WAAW,EAAE,UAAU;IACvBC,KAAK,EAAE;MAAE+C,GAAG,EAAEC,OAAO,8BAA8B;MAAEuB,GAAG,EAAE;IAAG;EAC/D,CAAC,CAAC,EACF1E,EAAE,CAAC,KAAK,EAAE;IACRE,WAAW,EAAE,QAAQ;IACrBC,KAAK,EAAE;MAAE+C,GAAG,EAAEC,OAAO,8BAA8B;MAAEuB,GAAG,EAAE;IAAG;EAC/D,CAAC,CAAC,EACF1E,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAa,CAAC,EAAE,CACvCF,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAW,CAAC,EAAE,CACrCF,EAAE,CACA,KAAK,EACL;IACEE,WAAW,EAAE,WAAW;IACxBG,WAAW,EAAE;MAAEY,KAAK,EAAE,MAAM;MAAE,WAAW,EAAE;IAAO;EACpD,CAAC,EACD,CAAClB,GAAG,CAACa,EAAE,CAAC,+BAA+B,CAAC,CAAC,CAC1C,CACF,CAAC,EACFZ,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAW,CAAC,EAAE,CACrCF,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAQ,CAAC,EAAE,CAClCH,GAAG,CAACa,EAAE,CAAC,0CAA0C,CAAC,EAClDZ,EAAE,CACA,MAAM,EACN;IAAEK,WAAW,EAAE;MAAEY,KAAK,EAAE,QAAQ;MAAE,WAAW,EAAE;IAAO;EAAE,CAAC,EACzD,CAAClB,GAAG,CAACa,EAAE,CAAC,QAAQ,CAAC,CAAC,CACnB,CACF,CAAC,EACFZ,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAQ,CAAC,EAAE,CAClCH,GAAG,CAACa,EAAE,CAAC,yCAAyC,CAAC,EACjDZ,EAAE,CACA,MAAM,EACN;IAAEK,WAAW,EAAE;MAAEY,KAAK,EAAE,QAAQ;MAAE,WAAW,EAAE;IAAO;EAAE,CAAC,EACzD,CAAClB,GAAG,CAACa,EAAE,CAAC,QAAQ,CAAC,CAAC,CACnB,CACF,CAAC,EACFZ,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAQ,CAAC,EAAE,CAClCH,GAAG,CAACa,EAAE,CAAC,2CAA2C,CAAC,EACnDZ,EAAE,CACA,MAAM,EACN;IAAEK,WAAW,EAAE;MAAEY,KAAK,EAAE,QAAQ;MAAE,WAAW,EAAE;IAAO;EAAE,CAAC,EACzD,CAAClB,GAAG,CAACa,EAAE,CAAC,KAAK,CAAC,CAAC,CAChB,CACF,CAAC,CACH,CAAC,CACH,CAAC,EACFZ,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAY,CAAC,EAAE,CACtCF,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAW,CAAC,EAAE,CACrCF,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE,OAAO;IAAEG,WAAW,EAAE;MAAE2B,KAAK,EAAE;IAAM;EAAE,CAAC,EAAE,CACjEhC,EAAE,CAAC,KAAK,EAAE;IACRK,WAAW,EAAE;MAAE,YAAY,EAAE;IAAM,CAAC;IACpCF,KAAK,EAAE;MAAE+C,GAAG,EAAEC,OAAO;IAA6B;EACpD,CAAC,CAAC,EACFnD,EAAE,CACA,IAAI,EACJ;IAAEK,WAAW,EAAE;MAAEY,KAAK,EAAE,MAAM;MAAE,YAAY,EAAE;IAAM;EAAE,CAAC,EACvD,CAAClB,GAAG,CAACa,EAAE,CAAC,MAAM,CAAC,CAAC,CACjB,CACF,CAAC,EACFZ,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAQ,CAAC,EAAE,CAClCF,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAQ,CAAC,EAAE,CAClCF,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAM,CAAC,EAAE,CAChCF,EAAE,CAAC,MAAM,EAAE,CAACD,GAAG,CAACa,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,EAC5BZ,EAAE,CAAC,MAAM,EAAE;IAAEE,WAAW,EAAE;EAAS,CAAC,EAAE,CACpCH,GAAG,CAACa,EAAE,CAAC,0BAA0B,CAAC,EAClCZ,EAAE,CAAC,MAAM,EAAE;IAAEK,WAAW,EAAE;MAAEY,KAAK,EAAE;IAAO;EAAE,CAAC,EAAE,CAC7ClB,GAAG,CAACa,EAAE,CAAC,GAAG,CAAC,CACZ,CAAC,CACH,CAAC,CACH,CAAC,EACFZ,EAAE,CACA,KAAK,EACL;IAAEE,WAAW,EAAE,KAAK;IAAEG,WAAW,EAAE;MAAE,YAAY,EAAE;IAAK;EAAE,CAAC,EAC3D,CACEL,EAAE,CAAC,MAAM,EAAE,CAACD,GAAG,CAACa,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,EAC5BZ,EAAE,CAAC,MAAM,EAAE;IAAEE,WAAW,EAAE;EAAS,CAAC,EAAE,CACpCH,GAAG,CAACa,EAAE,CAAC,0BAA0B,CAAC,EAClCZ,EAAE,CAAC,MAAM,EAAE;IAAEK,WAAW,EAAE;MAAEY,KAAK,EAAE;IAAO;EAAE,CAAC,EAAE,CAC7ClB,GAAG,CAACa,EAAE,CAAC,GAAG,CAAC,CACZ,CAAC,CACH,CAAC,CACH,CACF,EACDZ,EAAE,CACA,KAAK,EACL;IAAEE,WAAW,EAAE,KAAK;IAAEG,WAAW,EAAE;MAAE,YAAY,EAAE;IAAK;EAAE,CAAC,EAC3D,CACEL,EAAE,CAAC,MAAM,EAAE,CAACD,GAAG,CAACa,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,EAC5BZ,EAAE,CAAC,MAAM,EAAE;IAAEE,WAAW,EAAE;EAAS,CAAC,EAAE,CACpCH,GAAG,CAACa,EAAE,CAAC,2BAA2B,CAAC,EACnCZ,EAAE,CAAC,MAAM,EAAE;IAAEK,WAAW,EAAE;MAAEY,KAAK,EAAE;IAAO;EAAE,CAAC,EAAE,CAC7ClB,GAAG,CAACa,EAAE,CAAC,GAAG,CAAC,CACZ,CAAC,CACH,CAAC,CACH,CACF,CACF,CAAC,CACH,CAAC,EACFZ,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE,OAAO;IAAEG,WAAW,EAAE;MAAE2B,KAAK,EAAE;IAAM;EAAE,CAAC,EAAE,CACjEhC,EAAE,CAAC,KAAK,EAAE;IACRK,WAAW,EAAE;MAAE,YAAY,EAAE;IAAM,CAAC;IACpCF,KAAK,EAAE;MAAE+C,GAAG,EAAEC,OAAO;IAA6B;EACpD,CAAC,CAAC,EACFnD,EAAE,CACA,IAAI,EACJ;IAAEK,WAAW,EAAE;MAAEY,KAAK,EAAE,MAAM;MAAE,YAAY,EAAE;IAAM;EAAE,CAAC,EACvD,CAAClB,GAAG,CAACa,EAAE,CAAC,MAAM,CAAC,CAAC,CACjB,CACF,CAAC,EACFZ,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAQ,CAAC,EAAE,CAClCF,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAQ,CAAC,EAAE,CAClCF,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAM,CAAC,EAAE,CAChCF,EAAE,CAAC,KAAK,EAAE;IAAEK,WAAW,EAAE;MAAEe,OAAO,EAAE;IAAe;EAAE,CAAC,EAAE,CACtDpB,EAAE,CAAC,MAAM,EAAE,CAACD,GAAG,CAACa,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAC7B,CAAC,EACFZ,EAAE,CAAC,MAAM,EAAE;IAAEE,WAAW,EAAE;EAAS,CAAC,EAAE,CACpCH,GAAG,CAACa,EAAE,CAAC,OAAO,CAAC,EACfZ,EAAE,CAAC,MAAM,EAAE;IAAEK,WAAW,EAAE;MAAEY,KAAK,EAAE;IAAO;EAAE,CAAC,EAAE,CAC7ClB,GAAG,CAACa,EAAE,CAAC,IAAI,CAAC,CACb,CAAC,CACH,CAAC,CACH,CAAC,EACFZ,EAAE,CACA,KAAK,EACL;IAAEE,WAAW,EAAE,KAAK;IAAEG,WAAW,EAAE;MAAE,YAAY,EAAE;IAAK;EAAE,CAAC,EAC3D,CACEL,EAAE,CAAC,KAAK,EAAE;IAAEK,WAAW,EAAE;MAAEe,OAAO,EAAE;IAAe;EAAE,CAAC,EAAE,CACtDpB,EAAE,CAAC,MAAM,EAAE,CAACD,GAAG,CAACa,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAC7B,CAAC,EACFZ,EAAE,CAAC,MAAM,EAAE;IAAEE,WAAW,EAAE;EAAS,CAAC,EAAE,CACpCH,GAAG,CAACa,EAAE,CAAC,OAAO,CAAC,EACfZ,EAAE,CAAC,MAAM,EAAE;IAAEK,WAAW,EAAE;MAAEY,KAAK,EAAE;IAAO;EAAE,CAAC,EAAE,CAC7ClB,GAAG,CAACa,EAAE,CAAC,GAAG,CAAC,CACZ,CAAC,CACH,CAAC,CACH,CACF,EACDZ,EAAE,CACA,KAAK,EACL;IAAEE,WAAW,EAAE,KAAK;IAAEG,WAAW,EAAE;MAAE,YAAY,EAAE;IAAK;EAAE,CAAC,EAC3D,CACEL,EAAE,CAAC,KAAK,EAAE;IAAEK,WAAW,EAAE;MAAEe,OAAO,EAAE;IAAe;EAAE,CAAC,EAAE,CACtDpB,EAAE,CAAC,MAAM,EAAE,CAACD,GAAG,CAACa,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAC/B,CAAC,EACFZ,EAAE,CAAC,MAAM,EAAE;IAAEE,WAAW,EAAE;EAAS,CAAC,EAAE,CACpCH,GAAG,CAACa,EAAE,CAAC,IAAI,CAAC,EACZZ,EAAE,CAAC,MAAM,EAAE;IAAEK,WAAW,EAAE;MAAEY,KAAK,EAAE;IAAO;EAAE,CAAC,EAAE,CAC7ClB,GAAG,CAACa,EAAE,CAAC,GAAG,CAAC,CACZ,CAAC,CACH,CAAC,CACH,CACF,CACF,CAAC,CACH,CAAC,EACFZ,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE,OAAO;IAAEG,WAAW,EAAE;MAAE2B,KAAK,EAAE;IAAM;EAAE,CAAC,EAAE,CACjEhC,EAAE,CAAC,KAAK,EAAE;IACRK,WAAW,EAAE;MAAE,YAAY,EAAE;IAAM,CAAC;IACpCF,KAAK,EAAE;MAAE+C,GAAG,EAAEC,OAAO;IAA6B;EACpD,CAAC,CAAC,EACFnD,EAAE,CACA,IAAI,EACJ;IAAEK,WAAW,EAAE;MAAEY,KAAK,EAAE,MAAM;MAAE,YAAY,EAAE;IAAM;EAAE,CAAC,EACvD,CAAClB,GAAG,CAACa,EAAE,CAAC,MAAM,CAAC,CAAC,CACjB,CACF,CAAC,EACFZ,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAQ,CAAC,EAAE,CAClCF,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAQ,CAAC,EAAE,CAClCF,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAM,CAAC,EAAE,CAChCF,EAAE,CAAC,KAAK,EAAE;IAAEK,WAAW,EAAE;MAAEe,OAAO,EAAE;IAAe;EAAE,CAAC,EAAE,CACtDpB,EAAE,CAAC,MAAM,EAAE,CAACD,GAAG,CAACa,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAC7B,CAAC,EACFZ,EAAE,CAAC,MAAM,EAAE;IAAEE,WAAW,EAAE;EAAS,CAAC,EAAE,CACpCH,GAAG,CAACa,EAAE,CAAC,0BAA0B,CAAC,EAClCZ,EAAE,CAAC,MAAM,EAAE;IAAEK,WAAW,EAAE;MAAEY,KAAK,EAAE;IAAO;EAAE,CAAC,EAAE,CAC7ClB,GAAG,CAACa,EAAE,CAAC,GAAG,CAAC,CACZ,CAAC,CACH,CAAC,CACH,CAAC,EACFZ,EAAE,CACA,KAAK,EACL;IAAEE,WAAW,EAAE,KAAK;IAAEG,WAAW,EAAE;MAAE,YAAY,EAAE;IAAK;EAAE,CAAC,EAC3D,CACEL,EAAE,CAAC,KAAK,EAAE;IAAEK,WAAW,EAAE;MAAEe,OAAO,EAAE;IAAe;EAAE,CAAC,EAAE,CACtDpB,EAAE,CAAC,MAAM,EAAE,CAACD,GAAG,CAACa,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAC7B,CAAC,EACFZ,EAAE,CAAC,MAAM,EAAE;IAAEE,WAAW,EAAE;EAAS,CAAC,EAAE,CACpCH,GAAG,CAACa,EAAE,CAAC,0BAA0B,CAAC,EAClCZ,EAAE,CAAC,MAAM,EAAE;IAAEK,WAAW,EAAE;MAAEY,KAAK,EAAE;IAAO;EAAE,CAAC,EAAE,CAC7ClB,GAAG,CAACa,EAAE,CAAC,GAAG,CAAC,CACZ,CAAC,CACH,CAAC,CACH,CACF,EACDZ,EAAE,CACA,KAAK,EACL;IAAEE,WAAW,EAAE,KAAK;IAAEG,WAAW,EAAE;MAAE,YAAY,EAAE;IAAK;EAAE,CAAC,EAC3D,CACEL,EAAE,CAAC,KAAK,EAAE;IAAEK,WAAW,EAAE;MAAEe,OAAO,EAAE;IAAe;EAAE,CAAC,EAAE,CACtDpB,EAAE,CAAC,MAAM,EAAE,CAACD,GAAG,CAACa,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAC7B,CAAC,EACFZ,EAAE,CAAC,MAAM,EAAE;IAAEE,WAAW,EAAE;EAAS,CAAC,EAAE,CACpCH,GAAG,CAACa,EAAE,CAAC,0BAA0B,CAAC,EAClCZ,EAAE,CAAC,MAAM,EAAE;IAAEK,WAAW,EAAE;MAAEY,KAAK,EAAE;IAAO;EAAE,CAAC,EAAE,CAC7ClB,GAAG,CAACa,EAAE,CAAC,IAAI,CAAC,CACb,CAAC,CACH,CAAC,CACH,CACF,CACF,CAAC,CACH,CAAC,EACFZ,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE,OAAO;IAAEG,WAAW,EAAE;MAAE2B,KAAK,EAAE;IAAM;EAAE,CAAC,EAAE,CACjEhC,EAAE,CAAC,KAAK,EAAE;IACRK,WAAW,EAAE;MAAE,YAAY,EAAE;IAAM,CAAC;IACpCF,KAAK,EAAE;MAAE+C,GAAG,EAAEC,OAAO;IAA6B;EACpD,CAAC,CAAC,EACFnD,EAAE,CACA,IAAI,EACJ;IAAEK,WAAW,EAAE;MAAEY,KAAK,EAAE,MAAM;MAAE,YAAY,EAAE;IAAM;EAAE,CAAC,EACvD,CAAClB,GAAG,CAACa,EAAE,CAAC,MAAM,CAAC,CAAC,CACjB,CACF,CAAC,EACFZ,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAQ,CAAC,EAAE,CAClCF,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAQ,CAAC,EAAE,CAClCF,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAM,CAAC,EAAE,CAChCF,EAAE,CAAC,KAAK,EAAE;IAAEK,WAAW,EAAE;MAAEe,OAAO,EAAE;IAAe;EAAE,CAAC,EAAE,CACtDpB,EAAE,CAAC,MAAM,EAAE,CAACD,GAAG,CAACa,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAC7B,CAAC,EACFZ,EAAE,CAAC,MAAM,EAAE;IAAEE,WAAW,EAAE;EAAS,CAAC,EAAE,CACpCH,GAAG,CAACa,EAAE,CAAC,MAAM,CAAC,EACdZ,EAAE,CAAC,MAAM,EAAE;IAAEK,WAAW,EAAE;MAAEY,KAAK,EAAE;IAAO;EAAE,CAAC,EAAE,CAC7ClB,GAAG,CAACa,EAAE,CAAC,GAAG,CAAC,CACZ,CAAC,CACH,CAAC,CACH,CAAC,EACFZ,EAAE,CACA,KAAK,EACL;IAAEE,WAAW,EAAE,KAAK;IAAEG,WAAW,EAAE;MAAE,YAAY,EAAE;IAAK;EAAE,CAAC,EAC3D,CACEL,EAAE,CAAC,KAAK,EAAE;IAAEK,WAAW,EAAE;MAAEe,OAAO,EAAE;IAAe;EAAE,CAAC,EAAE,CACtDpB,EAAE,CAAC,MAAM,EAAE,CAACD,GAAG,CAACa,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAC/B,CAAC,EACFZ,EAAE,CAAC,MAAM,EAAE;IAAEE,WAAW,EAAE;EAAS,CAAC,EAAE,CACpCH,GAAG,CAACa,EAAE,CAAC,GAAG,CAAC,EACXZ,EAAE,CAAC,MAAM,EAAE;IAAEK,WAAW,EAAE;MAAEY,KAAK,EAAE;IAAO;EAAE,CAAC,EAAE,CAC7ClB,GAAG,CAACa,EAAE,CAAC,GAAG,CAAC,CACZ,CAAC,CACH,CAAC,CACH,CACF,EACDZ,EAAE,CACA,KAAK,EACL;IAAEE,WAAW,EAAE,KAAK;IAAEG,WAAW,EAAE;MAAE,YAAY,EAAE;IAAK;EAAE,CAAC,EAC3D,CACEL,EAAE,CAAC,KAAK,EAAE;IAAEK,WAAW,EAAE;MAAEe,OAAO,EAAE;IAAe;EAAE,CAAC,EAAE,CACtDpB,EAAE,CAAC,MAAM,EAAE,CAACD,GAAG,CAACa,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAC7B,CAAC,EACFZ,EAAE,CAAC,MAAM,EAAE;IAAEE,WAAW,EAAE;EAAS,CAAC,EAAE,CACpCH,GAAG,CAACa,EAAE,CAAC,OAAO,CAAC,EACfZ,EAAE,CAAC,MAAM,EAAE;IAAEK,WAAW,EAAE;MAAEY,KAAK,EAAE;IAAO;EAAE,CAAC,EAAE,CAC7ClB,GAAG,CAACa,EAAE,CAAC,GAAG,CAAC,CACZ,CAAC,CACH,CAAC,CACH,CACF,CACF,CAAC,CACH,CAAC,CACH,CAAC,CACH,CAAC,CACH,CAAC,CACH,CAAC;AACJ,CAAC,EACD,YAAY;EACV,IAAIb,GAAG,GAAG,IAAI;IACZC,EAAE,GAAGD,GAAG,CAACE,KAAK,CAACD,EAAE;EACnB,OAAOA,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAY,CAAC,EAAE,CAC7CF,EAAE,CAAC,KAAK,EAAE;IACRG,KAAK,EAAE;MAAE+C,GAAG,EAAEC,OAAO,+BAA+B;MAAEuB,GAAG,EAAE;IAAG;EAChE,CAAC,CAAC,EACF1E,EAAE,CAAC,MAAM,EAAE,CAACD,GAAG,CAACa,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,EAClCZ,EAAE,CAAC,KAAK,EAAE;IACRG,KAAK,EAAE;MAAE+C,GAAG,EAAEC,OAAO,gCAAgC;MAAEuB,GAAG,EAAE;IAAG;EACjE,CAAC,CAAC,CACH,CAAC;AACJ,CAAC,EACD,YAAY;EACV,IAAI3E,GAAG,GAAG,IAAI;IACZC,EAAE,GAAGD,GAAG,CAACE,KAAK,CAACD,EAAE;EACnB,OAAOA,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAW,CAAC,EAAE,CAC5CF,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAY,CAAC,EAAE,CACtCF,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAO,CAAC,EAAE,CACjCF,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAQ,CAAC,EAAE,CAACH,GAAG,CAACa,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EACtDZ,EAAE,CAAC,IAAI,EAAE,CAACD,GAAG,CAACa,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAC3B,CAAC,EACFZ,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAO,CAAC,EAAE,CACjCF,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAQ,CAAC,EAAE,CAACH,GAAG,CAACa,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EACtDZ,EAAE,CAAC,IAAI,EAAE,CAACD,GAAG,CAACa,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAC3B,CAAC,EACFZ,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAO,CAAC,EAAE,CACjCF,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAQ,CAAC,EAAE,CAACH,GAAG,CAACa,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EACtDZ,EAAE,CAAC,IAAI,EAAE,CAACD,GAAG,CAACa,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAC3B,CAAC,EACFZ,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAO,CAAC,EAAE,CACjCF,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAQ,CAAC,EAAE,CAACH,GAAG,CAACa,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EACtDZ,EAAE,CAAC,IAAI,EAAE,CAACD,GAAG,CAACa,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAC3B,CAAC,EACFZ,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAO,CAAC,EAAE,CACjCF,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAQ,CAAC,EAAE,CAACH,GAAG,CAACa,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EACtDZ,EAAE,CAAC,IAAI,EAAE,CAACD,GAAG,CAACa,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAC3B,CAAC,EACFZ,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAM,CAAC,EAAE,CAChCF,EAAE,CAAC,KAAK,EAAE;IAAEG,KAAK,EAAE;MAAE+C,GAAG,EAAEC,OAAO;IAA+B;EAAE,CAAC,CAAC,EACpEnD,EAAE,CACA,KAAK,EACL;IAAEE,WAAW,EAAE,OAAO;IAAEG,WAAW,EAAE;MAAEY,KAAK,EAAE;IAAS;EAAE,CAAC,EAC1D,CAAClB,GAAG,CAACa,EAAE,CAAC,OAAO,CAAC,CAAC,CAClB,CACF,CAAC,CACH,CAAC,CACH,CAAC;AACJ,CAAC,EACD,YAAY;EACV,IAAIb,GAAG,GAAG,IAAI;IACZC,EAAE,GAAGD,GAAG,CAACE,KAAK,CAACD,EAAE;EACnB,OAAOA,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAW,CAAC,EAAE,CAC5CF,EAAE,CAAC,KAAK,EAAE;IACRG,KAAK,EAAE;MAAE+C,GAAG,EAAEC,OAAO,2BAA2B;MAAEuB,GAAG,EAAE;IAAG;EAC5D,CAAC,CAAC,EACF1E,EAAE,CAAC,MAAM,EAAE;IAAEE,WAAW,EAAE;EAAO,CAAC,EAAE,CAACH,GAAG,CAACa,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CACpD,CAAC;AACJ,CAAC,EACD,YAAY;EACV,IAAIb,GAAG,GAAG,IAAI;IACZC,EAAE,GAAGD,GAAG,CAACE,KAAK,CAACD,EAAE;EACnB,OAAOA,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAY,CAAC,EAAE,CAC7CF,EAAE,CAAC,KAAK,EAAE;IACRG,KAAK,EAAE;MAAE+C,GAAG,EAAEC,OAAO,+BAA+B;MAAEuB,GAAG,EAAE;IAAG;EAChE,CAAC,CAAC,EACF1E,EAAE,CAAC,MAAM,EAAE,CAACD,GAAG,CAACa,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,EAClCZ,EAAE,CAAC,KAAK,EAAE;IACRG,KAAK,EAAE;MAAE+C,GAAG,EAAEC,OAAO,gCAAgC;MAAEuB,GAAG,EAAE;IAAG;EACjE,CAAC,CAAC,CACH,CAAC;AACJ,CAAC,EACD,YAAY;EACV,IAAI3E,GAAG,GAAG,IAAI;IACZC,EAAE,GAAGD,GAAG,CAACE,KAAK,CAACD,EAAE;EACnB,OAAOA,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAY,CAAC,EAAE,CAC7CF,EAAE,CAAC,KAAK,EAAE;IACRG,KAAK,EAAE;MAAE+C,GAAG,EAAEC,OAAO,+BAA+B;MAAEuB,GAAG,EAAE;IAAG;EAChE,CAAC,CAAC,EACF1E,EAAE,CAAC,MAAM,EAAE,CAACD,GAAG,CAACa,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC,EACtCZ,EAAE,CAAC,KAAK,EAAE;IACRG,KAAK,EAAE;MAAE+C,GAAG,EAAEC,OAAO,gCAAgC;MAAEuB,GAAG,EAAE;IAAG;EACjE,CAAC,CAAC,CACH,CAAC;AACJ,CAAC,EACD,YAAY;EACV,IAAI3E,GAAG,GAAG,IAAI;IACZC,EAAE,GAAGD,GAAG,CAACE,KAAK,CAACD,EAAE;EACnB,OAAOA,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAY,CAAC,EAAE,CAC7CF,EAAE,CAAC,KAAK,EAAE;IACRG,KAAK,EAAE;MAAE+C,GAAG,EAAEC,OAAO,+BAA+B;MAAEuB,GAAG,EAAE;IAAG;EAChE,CAAC,CAAC,EACF1E,EAAE,CAAC,MAAM,EAAE,CAACD,GAAG,CAACa,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC,EACxCZ,EAAE,CAAC,KAAK,EAAE;IACRG,KAAK,EAAE;MAAE+C,GAAG,EAAEC,OAAO,gCAAgC;MAAEuB,GAAG,EAAE;IAAG;EACjE,CAAC,CAAC,CACH,CAAC;AACJ,CAAC,EACD,YAAY;EACV,IAAI3E,GAAG,GAAG,IAAI;IACZC,EAAE,GAAGD,GAAG,CAACE,KAAK,CAACD,EAAE;EACnB,OAAOA,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAW,CAAC,EAAE,CAC5CF,EAAE,CAAC,KAAK,EAAE;IAAEG,KAAK,EAAE;MAAE+C,GAAG,EAAEC,OAAO;IAAiC;EAAE,CAAC,CAAC,EACtEnD,EAAE,CAAC,KAAK,EAAE,CAACD,GAAG,CAACa,EAAE,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAC5C,CAAC;AACJ,CAAC,CACF;AACDd,MAAM,CAAC8E,aAAa,GAAG,IAAI;AAE3B,SAAS9E,MAAM,EAAE2E,eAAe"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/00ce7b906cd73882ae51920784346db6.json b/node_modules/.cache/vue-loader/00ce7b906cd73882ae51920784346db6.json
index 11dc9857..9be13938 100644
--- a/node_modules/.cache/vue-loader/00ce7b906cd73882ae51920784346db6.json
+++ b/node_modules/.cache/vue-loader/00ce7b906cd73882ae51920784346db6.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\twentyKV.vue","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\twentyKV.vue","mtime":1689921115709},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["import { 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&\"\nimport style1 from \"./twentyKV.vue?vue&type=style&index=1&id=e9df6994&lang=less&scoped=true&\"\nimport style2 from \"./twentyKV.vue?vue&type=style&index=2&id=e9df6994&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 \"e9df6994\",\n null\n \n)\n\n/* hot reload */\nif (module.hot) {\n var api = require(\"D:\\\\林谷智能项目\\\\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
+{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\twentyKV.vue","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\twentyKV.vue","mtime":1689929341388},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["import { 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&\"\nimport style1 from \"./twentyKV.vue?vue&type=style&index=1&id=e9df6994&lang=less&scoped=true&\"\nimport style2 from \"./twentyKV.vue?vue&type=style&index=2&id=e9df6994&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 \"e9df6994\",\n null\n \n)\n\n/* hot reload */\nif (module.hot) {\n var api = require(\"D:\\\\林谷智能项目\\\\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/0a19a6588538bdcfddd36ec581b0d448.json b/node_modules/.cache/vue-loader/0a19a6588538bdcfddd36ec581b0d448.json
index 2869cb8c..931f0120 100644
--- a/node_modules/.cache/vue-loader/0a19a6588538bdcfddd36ec581b0d448.json
+++ b/node_modules/.cache/vue-loader/0a19a6588538bdcfddd36ec581b0d448.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\stationBuilding.vue","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\stationBuilding.vue","mtime":1689927415772},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["import { 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(\"D:\\\\林谷智能项目\\\\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
+{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\stationBuilding.vue","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\stationBuilding.vue","mtime":1690161674337},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["import { 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(\"D:\\\\林谷智能项目\\\\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/1b4dae3ff3566df36967d343564bb14b.json b/node_modules/.cache/vue-loader/1b4dae3ff3566df36967d343564bb14b.json
index c1880df6..1dd6c8b6 100644
--- a/node_modules/.cache/vue-loader/1b4dae3ff3566df36967d343564bb14b.json
+++ b/node_modules/.cache/vue-loader/1b4dae3ff3566df36967d343564bb14b.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\stationBuilding.vue?vue&type=template&id=878d5e44&scoped=true&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\stationBuilding.vue","mtime":1689927415772},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1655712169000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["\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/btjt.png\" alt=\"\" />\n <span>光伏台账</span>\n <img src=\"./../assets/indexN/btjt1.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/btjt.png\" alt=\"\" />\n <span>上网功率</span>\n <img src=\"./../assets/indexN/btjt1.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/btjt.png\" alt=\"\" />\n <span>配变负载率TOP5</span>\n <img src=\"./../assets/indexN/btjt1.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 <canvas\n id=\"myCanvas\"\n width=\"1000\"\n height=\"600\"\n style=\"position: absolute\"\n ></canvas>\n\n <img src=\"../assets/indexN/dfsxz.png\" alt=\"\" />\n <div class=\"imgboxone\">\n <div class=\"contents\">\n <div class=\"lines\">\n <div class=\"total\">\n <div class=\"num\">\n <span>户数高渗透率</span>\n <h5 class=\"yellow\">3.40%</h5>\n </div>\n </div>\n </div>\n <div class=\"lines\">\n <div class=\"total\">\n <div class=\"num\">\n <span>容量渗透率</span>\n <h5 class=\"orange\">0.01%</h5>\n </div>\n </div>\n </div>\n <div class=\"lines\">\n <div class=\"total\">\n <div class=\"num\">\n <span>能量渗透率</span>\n <h5 class=\"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/btjt.png\" alt=\"\" />\n <span>分布式光伏电量</span>\n <img src=\"./../assets/indexN/btjt1.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/dqxcxl.png\" alt=\"\" />\n <span>用户:</span>\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\n <span>范围:</span>\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\n <span>日期:</span>\n <img src=\"../assets/02/dqxcxl.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/btjt.png\" alt=\"\" />\n <span>能量/容量</span>\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\n </div>\n </div>\n <div class=\"content\">\n <div class=\"line\">\n <div class=\"enselect\">\n <img src=\"../assets/02/dqxcxl.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/btjt.png\" alt=\"\" />\n <span>渗透率统计</span>\n <img src=\"./../assets/indexN/btjt1.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>光伏全年电量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 <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
+{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\stationBuilding.vue?vue&type=template&id=878d5e44&scoped=true&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\stationBuilding.vue","mtime":1690161674337},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1655712169000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["\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/btjt.png\" alt=\"\" />\n <span>光伏台账</span>\n <img src=\"./../assets/indexN/btjt1.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/btjt.png\" alt=\"\" />\n <span>上网功率</span>\n <img src=\"./../assets/indexN/btjt1.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/btjt.png\" alt=\"\" />\n <span>配变负载率TOP5</span>\n <img src=\"./../assets/indexN/btjt1.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 <canvas\n id=\"myCanvas\"\n width=\"1000\"\n height=\"600\"\n style=\"position: absolute\"\n ></canvas>\n\n <img src=\"../assets/indexN/dfsxz.png\" alt=\"\" />\n <div class=\"imgboxone\">\n <div class=\"contents\">\n <div class=\"lines\">\n <div class=\"total\">\n <div class=\"num\">\n <span>户数高渗透率</span>\n <h5 class=\"yellow\">3.40%</h5>\n </div>\n </div>\n </div>\n <div class=\"lines\">\n <div class=\"total\">\n <div class=\"num\">\n <span>容量渗透率</span>\n <h5 class=\"orange\">0.01%</h5>\n </div>\n </div>\n </div>\n <div class=\"lines\">\n <div class=\"total\">\n <div class=\"num\">\n <span>能量渗透率</span>\n <h5 class=\"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/btjt.png\" alt=\"\" />\n <span>分布式光伏电量</span>\n <img src=\"./../assets/indexN/btjt1.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/dqxcxl.png\" alt=\"\" />\n <span>用户:</span>\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\n <span>范围:</span>\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\n <span>日期:</span>\n <img src=\"../assets/02/dqxcxl.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/btjt.png\" alt=\"\" />\n <span>能量/容量</span>\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\n </div>\n </div>\n <div class=\"content\">\n <div class=\"line\">\n <div class=\"enselect\">\n <img src=\"../assets/02/dqxcxl.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/btjt.png\" alt=\"\" />\n <span>渗透率统计</span>\n <img src=\"./../assets/indexN/btjt1.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>光伏全年电量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 <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/20248d8e7e9cfe5eed4728dc4a929148.json b/node_modules/.cache/vue-loader/20248d8e7e9cfe5eed4728dc4a929148.json
index 07e38d6b..86256413 100644
--- a/node_modules/.cache/vue-loader/20248d8e7e9cfe5eed4728dc4a929148.json
+++ b/node_modules/.cache/vue-loader/20248d8e7e9cfe5eed4728dc4a929148.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\stationBuilding.vue?vue&type=style&index=0&id=878d5e44&lang=less&scoped=true&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\stationBuilding.vue","mtime":1689927415772},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1655715156000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\less-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["\r\n.content {\r\n /deep/ .el-table__body td .cell {\r\n white-space: normal !important;\r\n }\r\n}\r\n\r\n.two {\r\n /deep/ .el-table__body-wrapper {\r\n height: 195px !important;\r\n }\r\n .enselect {\r\n position: absolute;\r\n right: 30px;\r\n img {\r\n float: right;\r\n }\r\n .text {\r\n float: right;\r\n // right: -10px;\r\n margin-right: -60px;\r\n font-size: 20px;\r\n\r\n color: #fff;\r\n }\r\n }\r\n}\r\n\r\n// 滚动条的宽度\r\n/deep/ .el-table__body-wrapper::-webkit-scrollbar {\r\n width: 6px; // 横向滚动条\r\n height: 6px; // 纵向滚动条 必写\r\n // display: block !important;\r\n}\r\n\r\n// 滚动条的滑块\r\n/deep/ .el-table__body-wrapper::-webkit-scrollbar-thumb {\r\n background-color: rgba(35, 160, 247, 1);\r\n border-radius: 3px;\r\n}\r\n\r\n/deep/ .el-table--scrollable-x .el-table__body-wrapper {\r\n overflow-x: hidden;\r\n}\r\n\r\n.user_skills {\r\n /deep/ .el-table {\r\n background-color: transparent !important;\r\n }\r\n\r\n /deep/ .el-table th {\r\n background-color: transparent !important;\r\n }\r\n\r\n /deep/ .el-table__header {\r\n width: 100% !important;\r\n height: 70px;\r\n background: url(\"../assets/images/tableBg.png\") no-repeat;\r\n background-size: 100% 100%;\r\n\r\n .cell {\r\n text-align: center !important;\r\n justify-content: center;\r\n }\r\n }\r\n\r\n /deep/ .el-table__header th {\r\n border: none;\r\n padding: 0;\r\n height: 48px;\r\n\r\n .cell {\r\n height: 100%;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n &.el-table__cell.is-leaf {\r\n border: none !important;\r\n }\r\n }\r\n\r\n /deep/ .el-table tr {\r\n background-color: transparent;\r\n }\r\n\r\n /deep/ .el-table--enable-row-transition .el-table__body td,\r\n .el-table .cell {\r\n background-color: transparent !important;\r\n border: none;\r\n color: #ffffff;\r\n }\r\n\r\n /deep/ .el-table__body td .cell {\r\n white-space: nowrap;\r\n // word-break: break-all;\r\n display: flex !important;\r\n justify-content: center !important;\r\n }\r\n\r\n /deep/ .el-table th.el-table__cell > .cell {\r\n color: rgb(86, 254, 226);\r\n }\r\n\r\n /deep/.el-table__body,\r\n .el-table__footer,\r\n .el-table__header {\r\n width: 100% !important;\r\n }\r\n\r\n /deep/ .el-table__body td .cell {\r\n // width: 60px !important;\r\n }\r\n\r\n // &::before {\r\n // //去除底部白线\r\n // left: 0;\r\n // bottom: 0;\r\n // width: 100%;\r\n // height: 0px;\r\n // }\r\n .el-table::before {\r\n background-color: transparent;\r\n }\r\n}\r\n\r\n.home {\r\n width: 100%;\r\n height: 100%;\r\n padding: 15px 28px;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n box-sizing: border-box;\r\n\r\n .left {\r\n padding-right: 15px;\r\n // width: 604px;\r\n width: 17.18%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n }\r\n\r\n .left1 {\r\n // width: 604px;\r\n // padding: 0 10px;\r\n width: 17.18%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n #detailedTwo1 {\r\n width: 100%;\r\n height: 400px;\r\n }\r\n #detailedTwo2 {\r\n width: 100%;\r\n height: 350px;\r\n }\r\n }\r\n\r\n .middle {\r\n // width: 1590px;\r\n width: 32.7%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n .imgboxone {\r\n background: url(\"../assets/02/dttksgsj.png\") no-repeat;\r\n background-size: 100%;\r\n float: right;\r\n width: 40vh;\r\n height: 10vh;\r\n position: relative;\r\n top: 5vh;\r\n right: 1vh;\r\n .contents {\r\n height: 90%;\r\n padding: 10px 10px 10px 10px;\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n\r\n .lines {\r\n width: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n background: url(\"../assets/02/tkxkz.png\") no-repeat;\r\n }\r\n\r\n .total {\r\n .num {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: center;\r\n align-items: center;\r\n color: #ffffff;\r\n h5 {\r\n font-size: 28px;\r\n }\r\n .yellow {\r\n color: yellow;\r\n }\r\n .orange {\r\n color: orange;\r\n }\r\n span {\r\n float: left;\r\n font-size: 18px;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n .imgboxtwo {\r\n padding: 0 0 0 20px;\r\n background: url(\"../assets/02/map4.png\") no-repeat;\r\n background-size: 100%;\r\n float: left;\r\n width: 40vh;\r\n height: 25vh;\r\n position: relative;\r\n top: 52vh;\r\n left: 30vh;\r\n display: flex;\r\n .contentUl {\r\n display: flex;\r\n margin: 0;\r\n padding: 10px;\r\n width: 100%;\r\n /* flex布局 */\r\n display: flex;\r\n // 开启换行\r\n flex-wrap: wrap;\r\n // 主轴上两端对齐\r\n justify-content: space-between;\r\n // 副轴上两端对齐\r\n align-content: space-between;\r\n //li盒子大小设置\r\n li {\r\n h5 {\r\n float: left;\r\n }\r\n span {\r\n font-size: 30px;\r\n }\r\n width: 49.5%;\r\n //高度调整\r\n height: 50%;\r\n list-style: none;\r\n font-size: 24px;\r\n color: #fff;\r\n background: url(\"../assets/02/tkxkz.png\") no-repeat;\r\n background-size: 100%;\r\n }\r\n }\r\n }\r\n\r\n .map {\r\n background: url(\"../assets/indexN/map.png\") no-repeat;\r\n vertical-align: middle;\r\n display: table-cell;\r\n text-align: center;\r\n margin-left: -20%;\r\n img {\r\n position: relative;\r\n left: 20%;\r\n top: 35%;\r\n }\r\n }\r\n }\r\n\r\n .right {\r\n // width: 604px;\r\n width: 16.8%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n #detailqe {\r\n width: 100%;\r\n height: 350px;\r\n }\r\n #detailen {\r\n width: 100%;\r\n height: 400px;\r\n }\r\n .eqselect {\r\n span {\r\n font-size: 20px;\r\n color: #f8f8f8;\r\n }\r\n img {\r\n margin-right: 7px;\r\n }\r\n }\r\n }\r\n\r\n .right1 {\r\n // width: 604px;\r\n width: 17.18%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n }\r\n}\r\n\r\n// }\r\n",{"version":3,"sources":["stationBuilding.vue"],"names":[],"mappings":";AA2+BA;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;AACA;;AAEA;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;;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;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/btjt.png\" alt=\"\" />\r\n <span>光伏台账</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <table>\r\n <thead style=\"color: #fff; font-size: 30px\">\r\n <tr>\r\n <td>序号</td>\r\n <td>单位名称</td>\r\n <td>台区编号</td>\r\n <td>发电客户编号</td>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <tr v-for=\"(item, index) in pvTable\" :key=\"index\">\r\n <td>{{ item.id }}</td>\r\n <td>{{ item.name }}</td>\r\n <td>{{ item.stationNumber }}</td>\r\n <td class=\"titleFont\">{{ item.alternatorNumber }}</td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"left1\" id=\"left\">\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>上网功率</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div id=\"detailedTwo1\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>配变负载率TOP5</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div id=\"detailedTwo2\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"middle\" id=\"middle\">\r\n <div class=\"map\" style=\"height: 100%\">\r\n <canvas\r\n id=\"myCanvas\"\r\n width=\"1000\"\r\n height=\"600\"\r\n style=\"position: absolute\"\r\n ></canvas>\r\n\r\n <img src=\"../assets/indexN/dfsxz.png\" alt=\"\" />\r\n <div class=\"imgboxone\">\r\n <div class=\"contents\">\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span>户数高渗透率</span>\r\n <h5 class=\"yellow\">3.40%</h5>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span>容量渗透率</span>\r\n <h5 class=\"orange\">0.01%</h5>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span>能量渗透率</span>\r\n <h5 class=\"yellow\">0.44%</h5>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"imgboxtwo\">\r\n <ul class=\"contentUl\">\r\n <li>\r\n <h5>发电客户数</h5>\r\n <br />\r\n <span style=\"color: yellow\">4721</span>\r\n </li>\r\n <li>\r\n <h5>变电站数量</h5>\r\n <br />\r\n <span style=\"color: orange\">90</span>\r\n </li>\r\n <li>\r\n <h5>台区总数</h5>\r\n <br />\r\n <span style=\"color: yellow\">17416</span>\r\n </li>\r\n <li>\r\n <h5>当前负载率</h5>\r\n <br />\r\n <span style=\"color: orange\">40.19%</span>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"right\" id=\"right\">\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>分布式光伏电量</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div class=\"eqselect\">\r\n <span>地区:</span>\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n <span>用户:</span>\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n <span>范围:</span>\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n <span>日期:</span>\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n </div>\r\n <div id=\"detailqe\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>能量/容量</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div class=\"enselect\">\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n <span class=\"text\">能量</span>\r\n </div>\r\n <div id=\"detailen\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"right1\" id=\"right\">\r\n <div class=\"one\" style=\"height: 100%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>渗透率统计</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <table>\r\n <thead style=\"color: #fff; font-size: 30px\">\r\n <tr>\r\n <td>序号</td>\r\n <td>供电公司</td>\r\n <td>线路名称</td>\r\n <td>光伏全年电量KWF</td>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <tr v-for=\"(item, index) in pvTable\" :key=\"index\">\r\n <td>{{ item.id }}</td>\r\n <td>{{ item.name }}</td>\r\n <td>{{ item.stationNumber }}</td>\r\n <td class=\"titleFont\">{{ item.alternatorNumber }}</td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <audio\r\n controls=\"controls\"\r\n hidden\r\n src=\"../assets/videos/police.wav\"\r\n ref=\"audio\"\r\n ></audio>\r\n </div>\r\n</template>\r\n\r\n<script>\r\n//引入echarts\r\nimport * as echarts from \"echarts\";\r\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: \"stationRuilding\",\r\n components: {\r\n ringMainUnit, //环网柜弹窗\r\n workOrder, //工单统计弹窗\r\n routeDetail, //线路故障跳闸明细\r\n lineDetail, //线路详情弹窗\r\n },\r\n data() {\r\n return {\r\n pageShow: true,\r\n totals: 5,\r\n pageSize: 10,\r\n page: 1,\r\n threeImg: require(\"../assets/images/pieBorder.png\"),\r\n enlargeShow: true,\r\n dateList: [\"周\", \"月\"],\r\n acolor: true, //是否展示颜色\r\n currentIndex: -1,\r\n alarmInformationData: [],\r\n alarmInformationShow: false, //报警详情信息弹窗\r\n realTimeAlarmShow: false, //实时报警弹窗\r\n modelOthers: false,\r\n componentShow: \"\",\r\n CompanyInfo: {},\r\n tableData: [],\r\n btnArr: [\"总览\", \"环网柜\", \"分支箱\", \"箱变\", \"开闭所\"],\r\n btnActive: 0,\r\n iconGround: [\r\n {\r\n icon: require(\"@/assets/images/huanwanggui.png\"),\r\n name: \"环网柜\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/fenzhixiang.png\"),\r\n name: \"分支箱\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/xiangbian.png\"),\r\n name: \"箱变\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/kaibisuo.png\"),\r\n name: \"开闭所\",\r\n },\r\n ],\r\n btnEnlarge: [\r\n {\r\n icon: require(\"@/assets/images/btnTiShi.png\"),\r\n },\r\n {\r\n icon: require(\"@/assets/images/btnFangDa.png\"),\r\n },\r\n ],\r\n btnEnlarge1: [\r\n {\r\n icon: require(\"@/assets/images/btnTiShi.png\"),\r\n },\r\n {\r\n icon: require(\"@/assets/images/suoxiao.png\"),\r\n },\r\n ],\r\n options: [\r\n {\r\n value: \"\",\r\n label: \"\",\r\n },\r\n ],\r\n value: \"\",\r\n topContent: [\r\n {\r\n name: \"配变数量\",\r\n count: \"\",\r\n },\r\n {\r\n name: \"重复停运台次\",\r\n count: \"\",\r\n },\r\n {\r\n name: \"配变重复停运率\",\r\n count: \"\",\r\n },\r\n ],\r\n device: \"\",\r\n tableData: [],\r\n tableKey: +new Date(),\r\n scrollTop: 0, //table距离顶部距离\r\n option: null,\r\n myChartBin: null,\r\n // 工单\r\n orderItem: null,\r\n orderShow: \"\",\r\n // 线路故障明细\r\n routeItem: null,\r\n routeShow: \"\",\r\n // 配电线路\r\n lineItem: null,\r\n lineShow: \"\",\r\n timer: null, //定时器\r\n emergencyList: [], //告警数据\r\n rowTime: \"\",\r\n pvTable: [\r\n {\r\n id: 1,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-1\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 2,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-2\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 3,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-3\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 4,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-4\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 5,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-5\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 6,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-6\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 7,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-7\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 8,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-8\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 9,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-9\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 10,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-10\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 11,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-11\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 12,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-12\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n ],\r\n psTable: [\r\n {\r\n id: 1,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 2,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 3,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 4,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 5,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 6,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 7,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 8,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 9,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 10,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 11,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 12,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n ],\r\n };\r\n },\r\n created() {},\r\n mounted() {\r\n this.detailedTwo11();\r\n this.detailedTwo22();\r\n this.detailqe1();\r\n this.detailen1();\r\n this.xianDuan();\r\n },\r\n methods: {\r\n //地图画线\r\n xianDuan() {\r\n var canvas = document.getElementById(\"myCanvas\");\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.moveTo(500, 500); // moveTo(x,y) 定义线条开始坐标\r\n ctx.lineTo(700, 150); // lineTo(x,y) 定义线条结束坐标\r\n ctx.moveTo(400, 500); // moveTo(x,y) 定义线条开始坐标\r\n ctx.lineTo(160, 600); // lineTo(x,y) 定义线条结束坐标\r\n ctx.strokeStyle = \"orange\";\r\n ctx.lineWidth = 5;\r\n ctx.stroke();\r\n },\r\n detailedTwo11() {\r\n var fontColor = \"#fff\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo1\"));\r\n var option = {\r\n grid: {\r\n left: \"5%\",\r\n right: \"10%\",\r\n top: \"20%\",\r\n bottom: \"15%\",\r\n containLabel: true,\r\n },\r\n tooltip: {\r\n show: true,\r\n trigger: \"item\",\r\n },\r\n legend: {\r\n show: true,\r\n x: \"center\",\r\n y: \"35\",\r\n icon: \"stack\",\r\n itemWidth: 10,\r\n itemHeight: 10,\r\n textStyle: {\r\n color: \"#1bb4f6\",\r\n },\r\n data: [\"已采纳\", \"已发布\", \"浏览量\"],\r\n },\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: fontColor,\r\n },\r\n axisLine: {\r\n show: true,\r\n lineStyle: {\r\n color: \"#397cbc\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#195384\",\r\n },\r\n },\r\n data: [\r\n \"0:00\",\r\n \"3:00\",\r\n \"6:00\",\r\n \"9:00\",\r\n \"12:00\",\r\n \"15:00\",\r\n \"18:00\",\r\n \"21:00\",\r\n \"24:00\",\r\n ],\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"信息量\",\r\n min: 0,\r\n max: 1000,\r\n show: false,\r\n axisLabel: {\r\n formatter: \"{value}\",\r\n textStyle: {\r\n color: \"#2ad1d2\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#27b4c2\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n // name: \"已发布\",\r\n type: \"line\",\r\n stack: \"总量\",\r\n symbol: \"none\",\r\n symbolSize: 8,\r\n itemStyle: {\r\n normal: {\r\n color: \"yellow\",\r\n lineStyle: {\r\n color: \"yellow\",\r\n width: 3,\r\n type: \"solid\",\r\n },\r\n },\r\n },\r\n data: [10, 12, 801, 844, 790, 830, 610, 501, 654, 490, 530, 310],\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedTwo22() {\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo2\"));\r\n var honorData = [\r\n {\r\n name: \"用电量（单位：亿）\",\r\n data: [13.4, 14.1, 17.3, 18.6, 16.6],\r\n },\r\n {\r\n name: \"碳排放量（单位：万）\",\r\n data: [9.4, 8.1, 7.3, 8.6, 6.6],\r\n },\r\n ];\r\n var honorXAxisData = [\"No.5\", \"No.4\", \"No.3\", \"No.2\", \"No.1\"];\r\n var nameList = [\r\n \"自然19#\",\r\n \"民权5#变\",\r\n \"民权5#变\",\r\n \"光顺09号\",\r\n \"PMS_碧桂园10#配变\",\r\n ];\r\n var option = {\r\n color: [\"#0F9AF8\", \"#2039C3\", \"rgba(32,57,195,.5)\", \"#2ECACE\"],\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"none\",\r\n },\r\n },\r\n legend: {\r\n right: 5,\r\n top: \"5%\",\r\n itemWidth: 10,\r\n itemHeight: 10,\r\n itemGap: 15,\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n grid: {\r\n top: \"15%\",\r\n left: \"14%\",\r\n right: \"0%\",\r\n bottom: \"0%\",\r\n },\r\n xAxis: [\r\n {\r\n type: \"value\",\r\n show: false,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: \"#6B9DD7\",\r\n fontSize: 16, // 文字大小\r\n fontWeight: 400,\r\n interval: 0,\r\n formatter: function (value) {\r\n return value + \"(万元)\";\r\n },\r\n },\r\n splitLine: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"category\",\r\n offset: 17,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: \"#fff\",\r\n fontSize: 20, // 文字大小\r\n fontWeight: 700,\r\n interval: 0,\r\n },\r\n\r\n data: honorXAxisData,\r\n },\r\n {\r\n //名称\r\n type: \"category\",\r\n offset: -10,\r\n position: \"left\",\r\n axisLine: {\r\n show: false,\r\n },\r\n inverse: true,\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n color: \"#fff\",\r\n align: \"left\",\r\n verticalAlign: \"bottom\",\r\n lineHeight: 40,\r\n fontSize: 20,\r\n },\r\n data: nameList,\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"60天内掉电客户数\",\r\n type: \"bar\",\r\n stack: \"zongliang\",\r\n barWidth: \"25%\",\r\n barGap: 15, // 柱图之间的间距\r\n itemStyle: {\r\n //自定义颜色\r\n // normal: { color: \"orange\" },\r\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"rgba(255,165,0,.4)\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"rgb(255,165,0)\",\r\n },\r\n ]),\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: [\"80%\", \"-100%\"],\r\n formatter: function (params) {\r\n return params.value;\r\n },\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n\r\n data: honorData[0].data,\r\n },\r\n {\r\n name: \"60天内掉电总数\",\r\n type: \"bar\",\r\n stack: \"zongliang\",\r\n barWidth: \"25%\",\r\n itemStyle: {\r\n //自定义颜色\r\n // normal: { color: \"orange\" },\r\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"#005BEA\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"#00C6FB\",\r\n },\r\n ]),\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: [\"80%\", \"-100%\"],\r\n formatter: function (params) {\r\n return params.value;\r\n },\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n data: honorData[1].data,\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailqe1() {\r\n var fontColor = \"#fff\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailqe\"));\r\n var option = {\r\n xAxis: {\r\n type: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: fontColor,\r\n },\r\n axisLine: {\r\n show: true,\r\n lineStyle: {\r\n color: \"#397cbc\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#195384\",\r\n },\r\n },\r\n data: [\r\n \"0:00\",\r\n \"3:00\",\r\n \"6:00\",\r\n \"9:00\",\r\n \"12:00\",\r\n \"15:00\",\r\n \"18:00\",\r\n \"21:00\",\r\n \"24:00\",\r\n ],\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"单位：kw\",\r\n min: 0,\r\n max: 1000,\r\n show: true,\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n axisLabel: {\r\n formatter: \"{value}\",\r\n textStyle: {\r\n color: \"#2ad1d2\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#27b4c2\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n data: [720, 632, 801, 734, 470, 670, 720, 123, 567],\r\n type: \"line\",\r\n symbol: \"none\",\r\n lineStyle: {\r\n color: \"#00ffff\",\r\n width: 2,\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: \"00ffff\",\r\n lineStyle: {\r\n color: \"00ffff\",\r\n width: 3,\r\n type: \"solid\",\r\n },\r\n },\r\n },\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailen1() {\r\n var fontColor = \"#30eee9\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailen\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n },\r\n\r\n data: [\"关联电网事故\", \"关联检修单\"],\r\n },\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n data: [\r\n \"10kv北红线124\",\r\n \"10kv北红线125\",\r\n \"10kv北红线126\",\r\n \"10kv北红线127\",\r\n \"10kv北红线128\",\r\n ],\r\n axisLabel: {\r\n show: true,\r\n textStyle: {\r\n color: \"#ffffff\",\r\n },\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"\",\r\n axisLabel: {\r\n textStyle: {\r\n color: \"#ffffff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"关联电网事故\",\r\n type: \"bar\",\r\n itemStyle: {\r\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n { offset: 1, color: \"rgba(86,254,226,.2) \" },\r\n { offset: 0.5, color: \"rgb(86,254,226,.6)\" },\r\n { offset: 0, color: \"rgb(86,254,226)\" },\r\n ]),\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n emphasis: {\r\n focus: \"series\",\r\n },\r\n data: [320, 332, 301, 334, 390],\r\n },\r\n {\r\n name: \"关联检修单\",\r\n type: \"bar\",\r\n itemStyle: {\r\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n { offset: 1, color: \"rgba(237,125,49,.2) \" },\r\n { offset: 0.5, color: \"rgb(237,125,49,.6)\" },\r\n { offset: 0, color: \"rgb(237,125,49)\" },\r\n ]),\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n emphasis: {\r\n focus: \"series\",\r\n },\r\n data: [220, 182, 191, 234, 290],\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n },\r\n watch: {},\r\n};\r\n</script>\r\n<style lang=\"less\" scoped>\r\n.content {\r\n /deep/ .el-table__body td .cell {\r\n white-space: normal !important;\r\n }\r\n}\r\n\r\n.two {\r\n /deep/ .el-table__body-wrapper {\r\n height: 195px !important;\r\n }\r\n .enselect {\r\n position: absolute;\r\n right: 30px;\r\n img {\r\n float: right;\r\n }\r\n .text {\r\n float: right;\r\n // right: -10px;\r\n margin-right: -60px;\r\n font-size: 20px;\r\n\r\n color: #fff;\r\n }\r\n }\r\n}\r\n\r\n// 滚动条的宽度\r\n/deep/ .el-table__body-wrapper::-webkit-scrollbar {\r\n width: 6px; // 横向滚动条\r\n height: 6px; // 纵向滚动条 必写\r\n // display: block !important;\r\n}\r\n\r\n// 滚动条的滑块\r\n/deep/ .el-table__body-wrapper::-webkit-scrollbar-thumb {\r\n background-color: rgba(35, 160, 247, 1);\r\n border-radius: 3px;\r\n}\r\n\r\n/deep/ .el-table--scrollable-x .el-table__body-wrapper {\r\n overflow-x: hidden;\r\n}\r\n\r\n.user_skills {\r\n /deep/ .el-table {\r\n background-color: transparent !important;\r\n }\r\n\r\n /deep/ .el-table th {\r\n background-color: transparent !important;\r\n }\r\n\r\n /deep/ .el-table__header {\r\n width: 100% !important;\r\n height: 70px;\r\n background: url(\"../assets/images/tableBg.png\") no-repeat;\r\n background-size: 100% 100%;\r\n\r\n .cell {\r\n text-align: center !important;\r\n justify-content: center;\r\n }\r\n }\r\n\r\n /deep/ .el-table__header th {\r\n border: none;\r\n padding: 0;\r\n height: 48px;\r\n\r\n .cell {\r\n height: 100%;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n &.el-table__cell.is-leaf {\r\n border: none !important;\r\n }\r\n }\r\n\r\n /deep/ .el-table tr {\r\n background-color: transparent;\r\n }\r\n\r\n /deep/ .el-table--enable-row-transition .el-table__body td,\r\n .el-table .cell {\r\n background-color: transparent !important;\r\n border: none;\r\n color: #ffffff;\r\n }\r\n\r\n /deep/ .el-table__body td .cell {\r\n white-space: nowrap;\r\n // word-break: break-all;\r\n display: flex !important;\r\n justify-content: center !important;\r\n }\r\n\r\n /deep/ .el-table th.el-table__cell > .cell {\r\n color: rgb(86, 254, 226);\r\n }\r\n\r\n /deep/.el-table__body,\r\n .el-table__footer,\r\n .el-table__header {\r\n width: 100% !important;\r\n }\r\n\r\n /deep/ .el-table__body td .cell {\r\n // width: 60px !important;\r\n }\r\n\r\n // &::before {\r\n // //去除底部白线\r\n // left: 0;\r\n // bottom: 0;\r\n // width: 100%;\r\n // height: 0px;\r\n // }\r\n .el-table::before {\r\n background-color: transparent;\r\n }\r\n}\r\n\r\n.home {\r\n width: 100%;\r\n height: 100%;\r\n padding: 15px 28px;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n box-sizing: border-box;\r\n\r\n .left {\r\n padding-right: 15px;\r\n // width: 604px;\r\n width: 17.18%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n }\r\n\r\n .left1 {\r\n // width: 604px;\r\n // padding: 0 10px;\r\n width: 17.18%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n #detailedTwo1 {\r\n width: 100%;\r\n height: 400px;\r\n }\r\n #detailedTwo2 {\r\n width: 100%;\r\n height: 350px;\r\n }\r\n }\r\n\r\n .middle {\r\n // width: 1590px;\r\n width: 32.7%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n .imgboxone {\r\n background: url(\"../assets/02/dttksgsj.png\") no-repeat;\r\n background-size: 100%;\r\n float: right;\r\n width: 40vh;\r\n height: 10vh;\r\n position: relative;\r\n top: 5vh;\r\n right: 1vh;\r\n .contents {\r\n height: 90%;\r\n padding: 10px 10px 10px 10px;\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n\r\n .lines {\r\n width: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n background: url(\"../assets/02/tkxkz.png\") no-repeat;\r\n }\r\n\r\n .total {\r\n .num {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: center;\r\n align-items: center;\r\n color: #ffffff;\r\n h5 {\r\n font-size: 28px;\r\n }\r\n .yellow {\r\n color: yellow;\r\n }\r\n .orange {\r\n color: orange;\r\n }\r\n span {\r\n float: left;\r\n font-size: 18px;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n .imgboxtwo {\r\n padding: 0 0 0 20px;\r\n background: url(\"../assets/02/map4.png\") no-repeat;\r\n background-size: 100%;\r\n float: left;\r\n width: 40vh;\r\n height: 25vh;\r\n position: relative;\r\n top: 52vh;\r\n left: 30vh;\r\n display: flex;\r\n .contentUl {\r\n display: flex;\r\n margin: 0;\r\n padding: 10px;\r\n width: 100%;\r\n /* flex布局 */\r\n display: flex;\r\n // 开启换行\r\n flex-wrap: wrap;\r\n // 主轴上两端对齐\r\n justify-content: space-between;\r\n // 副轴上两端对齐\r\n align-content: space-between;\r\n //li盒子大小设置\r\n li {\r\n h5 {\r\n float: left;\r\n }\r\n span {\r\n font-size: 30px;\r\n }\r\n width: 49.5%;\r\n //高度调整\r\n height: 50%;\r\n list-style: none;\r\n font-size: 24px;\r\n color: #fff;\r\n background: url(\"../assets/02/tkxkz.png\") no-repeat;\r\n background-size: 100%;\r\n }\r\n }\r\n }\r\n\r\n .map {\r\n background: url(\"../assets/indexN/map.png\") no-repeat;\r\n vertical-align: middle;\r\n display: table-cell;\r\n text-align: center;\r\n margin-left: -20%;\r\n img {\r\n position: relative;\r\n left: 20%;\r\n top: 35%;\r\n }\r\n }\r\n }\r\n\r\n .right {\r\n // width: 604px;\r\n width: 16.8%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n #detailqe {\r\n width: 100%;\r\n height: 350px;\r\n }\r\n #detailen {\r\n width: 100%;\r\n height: 400px;\r\n }\r\n .eqselect {\r\n span {\r\n font-size: 20px;\r\n color: #f8f8f8;\r\n }\r\n img {\r\n margin-right: 7px;\r\n }\r\n }\r\n }\r\n\r\n .right1 {\r\n // width: 604px;\r\n width: 17.18%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n }\r\n}\r\n\r\n// }\r\n</style>\r\n<style lang=\"less\" scoped>\r\n// .el-popper {\r\n// top: 50%;\r\n// }\r\n\r\n/deep/ .popper__arrow {\r\n left: 171px !important;\r\n top: 95px !important;\r\n}\r\n\r\n/deep/ .el-select-dropdown {\r\n background-color: rgb(14, 30, 46) !important;\r\n border: 1px solid rgba(45, 143, 148, 0.5) !important;\r\n\r\n /deep/ .el-select-dropdown__item {\r\n color: #fff !important;\r\n }\r\n\r\n /deep/ .el-select-dropdown__item.hover,\r\n /deep/ .el-select-dropdown__item:hover {\r\n background-color: rgb(18, 54, 87) !important;\r\n }\r\n}\r\n\r\n/deep/ .el-popper[x-placement^=\"bottom\"] {\r\n margin-top: -146px !important;\r\n}\r\n\r\n/**\r\n表格有滚动效果但是不显示滚动条\r\n*/\r\n</style>\r\n<style lang=\"less\">\r\n.el-table .rowColor0 {\r\n background: red !important;\r\n animation: fade 2000ms infinite ease-in-out;\r\n}\r\n\r\n@keyframes fade {\r\n from {\r\n opacity: 1;\r\n }\r\n\r\n 50% {\r\n opacity: 0.6;\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n }\r\n}\r\n\r\n// .el-pager li:hover{\r\n// color:black\r\n// }\r\n.cartitle {\r\n height: 52px;\r\n width: 100%;\r\n // background: url(\"../assets/images/carTitle.png\") no-repeat;\r\n font-size: 24px;\r\n font-weight: 600;\r\n color: #ffffff;\r\n line-height: 52px;\r\n // text-align: left;\r\n text-indent: 26px;\r\n}\r\n.titleFont {\r\n color: transparent;\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n background-image: linear-gradient(\r\n to bottom,\r\n rgb(255, 255, 255),\r\n rgb(123, 247, 245)\r\n );\r\n img {\r\n margin: 20px;\r\n }\r\n}\r\n.content {\r\n padding: 24px 31px 0 31px;\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n\r\n .line {\r\n width: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n table {\r\n thead {\r\n font-size: 22px !important;\r\n height: 50px;\r\n background: url(\"../assets/02/bgbth.png\") no-repeat;\r\n }\r\n tbody {\r\n tr {\r\n height: 50px;\r\n font-size: 18px !important;\r\n color: #fff;\r\n background: url(\"../assets/02/bgqth.png\") no-repeat;\r\n }\r\n }\r\n }\r\n\r\n .total {\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-around;\r\n margin-bottom: 15%;\r\n\r\n .num {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: center;\r\n align-items: center;\r\n color: #ffffff;\r\n\r\n .numText {\r\n color: #ffffff;\r\n }\r\n\r\n .numText:before {\r\n content: attr(text);\r\n position: absolute;\r\n z-index: 10;\r\n color: rgb(86, 254, 246) !important;\r\n -webkit-mask: linear-gradient(to top, rgb(86, 244, 254), transparent);\r\n }\r\n }\r\n }\r\n\r\n .info {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n\r\n .lists {\r\n width: 100%;\r\n height: 32px;\r\n background: url(\"../assets/images/cardSquare.png\") no-repeat;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n align-items: center;\r\n background-size: 100% 100%;\r\n margin-bottom: 9%;\r\n padding: 0 10px 0 0;\r\n box-sizing: border-box;\r\n\r\n & > div {\r\n font-size: 18px;\r\n color: #ffffff;\r\n }\r\n\r\n .number {\r\n color: rgb(86, 254, 226);\r\n }\r\n }\r\n }\r\n }\r\n}\r\n.two {\r\n background: url(\"../assets/indexN/boxLr.png\") no-repeat;\r\n background-size: 100% 100%;\r\n position: relative;\r\n}\r\n.one {\r\n background: url(\"../assets/02/bgk.png\") no-repeat;\r\n background-size: 100% 100%;\r\n position: relative;\r\n\r\n .unityBtn {\r\n position: absolute;\r\n top: 40px;\r\n left: 30%;\r\n width: 40%;\r\n display: flex;\r\n justify-content: space-between;\r\n\r\n .btn {\r\n width: 100%;\r\n height: 38px;\r\n color: #fff;\r\n font-size: 18px;\r\n line-height: 38px;\r\n background: url(\"../assets/images/btnAct.png\") no-repeat;\r\n background-size: 100% 100%;\r\n margin-bottom: 10px;\r\n margin-right: 15px;\r\n }\r\n\r\n .btnAct {\r\n color: rgb(244, 201, 7);\r\n background: url(\"../assets/images/unityBtn.png\") no-repeat;\r\n background-size: 100% 100%;\r\n margin-right: 15px;\r\n }\r\n }\r\n\r\n .unityIcon {\r\n background: url(\"../assets/images/iconCard.png\") no-repeat;\r\n background-size: 100% 100%;\r\n width: 110px;\r\n height: 168px;\r\n position: absolute;\r\n right: 40px;\r\n bottom: 80px;\r\n display: flex;\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n flex-direction: column;\r\n justify-content: space-around;\r\n align-items: center;\r\n\r\n .unityIconGround {\r\n width: 80%;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n }\r\n\r\n .unityEnlargeBtn {\r\n width: 100px;\r\n display: flex;\r\n justify-content: space-around;\r\n position: absolute;\r\n right: 40px;\r\n top: 40px;\r\n\r\n .content {\r\n width: 38px;\r\n height: 36px;\r\n background: url(\"../assets/images/btnkuang.png\") no-repeat !important;\r\n background-size: 100% 100% !important;\r\n }\r\n }\r\n\r\n .unitySelect {\r\n position: absolute;\r\n left: 40px;\r\n width: 222px;\r\n height: 5%;\r\n bottom: 20px;\r\n display: flex;\r\n align-items: center;\r\n\r\n .unitySuosou {\r\n width: 57px;\r\n height: 53px;\r\n background: url(\"../assets/images/sousuoKuang.png\") no-repeat;\r\n background-size: 100% 100%;\r\n }\r\n }\r\n}\r\n</style>\r\n"]}]}
\ No newline at end of file
+{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\stationBuilding.vue?vue&type=style&index=0&id=878d5e44&lang=less&scoped=true&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\stationBuilding.vue","mtime":1690161674337},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1655715156000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\less-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["\r\n.content {\r\n /deep/ .el-table__body td .cell {\r\n white-space: normal !important;\r\n }\r\n}\r\n\r\n.two {\r\n /deep/ .el-table__body-wrapper {\r\n height: 195px !important;\r\n }\r\n .enselect {\r\n position: absolute;\r\n right: 30px;\r\n img {\r\n float: right;\r\n }\r\n .text {\r\n float: right;\r\n // right: -10px;\r\n margin-right: -60px;\r\n font-size: 20px;\r\n\r\n color: #fff;\r\n }\r\n }\r\n}\r\n\r\n// 滚动条的宽度\r\n/deep/ .el-table__body-wrapper::-webkit-scrollbar {\r\n width: 6px; // 横向滚动条\r\n height: 6px; // 纵向滚动条 必写\r\n // display: block !important;\r\n}\r\n\r\n// 滚动条的滑块\r\n/deep/ .el-table__body-wrapper::-webkit-scrollbar-thumb {\r\n background-color: rgba(35, 160, 247, 1);\r\n border-radius: 3px;\r\n}\r\n\r\n/deep/ .el-table--scrollable-x .el-table__body-wrapper {\r\n overflow-x: hidden;\r\n}\r\n\r\n.user_skills {\r\n /deep/ .el-table {\r\n background-color: transparent !important;\r\n }\r\n\r\n /deep/ .el-table th {\r\n background-color: transparent !important;\r\n }\r\n\r\n /deep/ .el-table__header {\r\n width: 100% !important;\r\n height: 70px;\r\n background: url(\"../assets/images/tableBg.png\") no-repeat;\r\n background-size: 100% 100%;\r\n\r\n .cell {\r\n text-align: center !important;\r\n justify-content: center;\r\n }\r\n }\r\n\r\n /deep/ .el-table__header th {\r\n border: none;\r\n padding: 0;\r\n height: 48px;\r\n\r\n .cell {\r\n height: 100%;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n &.el-table__cell.is-leaf {\r\n border: none !important;\r\n }\r\n }\r\n\r\n /deep/ .el-table tr {\r\n background-color: transparent;\r\n }\r\n\r\n /deep/ .el-table--enable-row-transition .el-table__body td,\r\n .el-table .cell {\r\n background-color: transparent !important;\r\n border: none;\r\n color: #ffffff;\r\n }\r\n\r\n /deep/ .el-table__body td .cell {\r\n white-space: nowrap;\r\n // word-break: break-all;\r\n display: flex !important;\r\n justify-content: center !important;\r\n }\r\n\r\n /deep/ .el-table th.el-table__cell > .cell {\r\n color: rgb(86, 254, 226);\r\n }\r\n\r\n /deep/.el-table__body,\r\n .el-table__footer,\r\n .el-table__header {\r\n width: 100% !important;\r\n }\r\n\r\n /deep/ .el-table__body td .cell {\r\n // width: 60px !important;\r\n }\r\n\r\n // &::before {\r\n // //去除底部白线\r\n // left: 0;\r\n // bottom: 0;\r\n // width: 100%;\r\n // height: 0px;\r\n // }\r\n .el-table::before {\r\n background-color: transparent;\r\n }\r\n}\r\n\r\n.home {\r\n width: 100%;\r\n height: 100%;\r\n padding: 15px 28px;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n box-sizing: border-box;\r\n\r\n .left {\r\n padding-right: 15px;\r\n // width: 604px;\r\n width: 17.18%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n }\r\n\r\n .left1 {\r\n // width: 604px;\r\n // padding: 0 10px;\r\n width: 17.18%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n #detailedTwo1 {\r\n width: 100%;\r\n height: 400px;\r\n }\r\n #detailedTwo2 {\r\n width: 100%;\r\n height: 350px;\r\n }\r\n }\r\n\r\n .middle {\r\n // width: 1590px;\r\n width: 32.7%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n .imgboxone {\r\n background: url(\"../assets/02/dttksgsj.png\") no-repeat;\r\n background-size: 100%;\r\n float: right;\r\n width: 40vh;\r\n height: 10vh;\r\n position: relative;\r\n top: 5vh;\r\n right: 1vh;\r\n .contents {\r\n height: 90%;\r\n padding: 10px 10px 10px 10px;\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n\r\n .lines {\r\n width: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n background: url(\"../assets/02/tkxkz.png\") no-repeat;\r\n }\r\n\r\n .total {\r\n .num {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: center;\r\n align-items: center;\r\n color: #ffffff;\r\n h5 {\r\n font-size: 28px;\r\n }\r\n .yellow {\r\n color: yellow;\r\n }\r\n .orange {\r\n color: orange;\r\n }\r\n span {\r\n float: left;\r\n font-size: 18px;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n .imgboxtwo {\r\n padding: 0 0 0 20px;\r\n background: url(\"../assets/02/map4.png\") no-repeat;\r\n background-size: 100%;\r\n float: left;\r\n width: 40vh;\r\n height: 25vh;\r\n position: relative;\r\n top: 52vh;\r\n left: 30vh;\r\n display: flex;\r\n .contentUl {\r\n display: flex;\r\n margin: 0;\r\n padding: 10px;\r\n width: 100%;\r\n /* flex布局 */\r\n display: flex;\r\n // 开启换行\r\n flex-wrap: wrap;\r\n // 主轴上两端对齐\r\n justify-content: space-between;\r\n // 副轴上两端对齐\r\n align-content: space-between;\r\n //li盒子大小设置\r\n li {\r\n h5 {\r\n float: left;\r\n }\r\n span {\r\n font-size: 30px;\r\n }\r\n width: 49.5%;\r\n //高度调整\r\n height: 50%;\r\n list-style: none;\r\n font-size: 24px;\r\n color: #fff;\r\n background: url(\"../assets/02/tkxkz.png\") no-repeat;\r\n background-size: 100%;\r\n }\r\n }\r\n }\r\n\r\n .map {\r\n background: url(\"../assets/indexN/map.png\") no-repeat;\r\n vertical-align: middle;\r\n display: table-cell;\r\n text-align: center;\r\n margin-left: -20%;\r\n img {\r\n position: relative;\r\n left: 20%;\r\n top: 35%;\r\n }\r\n }\r\n }\r\n\r\n .right {\r\n // width: 604px;\r\n width: 16.8%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n #detailqe {\r\n width: 100%;\r\n height: 350px;\r\n }\r\n #detailen {\r\n width: 100%;\r\n height: 400px;\r\n }\r\n .eqselect {\r\n span {\r\n font-size: 20px;\r\n color: #f8f8f8;\r\n }\r\n img {\r\n margin-right: 7px;\r\n }\r\n }\r\n }\r\n\r\n .right1 {\r\n // width: 604px;\r\n width: 17.18%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n }\r\n}\r\n\r\n// }\r\n",{"version":3,"sources":["stationBuilding.vue"],"names":[],"mappings":";AAy/BA;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;AACA;;AAEA;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;;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;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/btjt.png\" alt=\"\" />\r\n <span>光伏台账</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <table>\r\n <thead style=\"color: #fff; font-size: 30px\">\r\n <tr>\r\n <td>序号</td>\r\n <td>单位名称</td>\r\n <td>台区编号</td>\r\n <td>发电客户编号</td>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <tr v-for=\"(item, index) in pvTable\" :key=\"index\">\r\n <td>{{ item.id }}</td>\r\n <td>{{ item.name }}</td>\r\n <td>{{ item.stationNumber }}</td>\r\n <td class=\"titleFont\">{{ item.alternatorNumber }}</td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"left1\" id=\"left\">\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>上网功率</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div id=\"detailedTwo1\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>配变负载率TOP5</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div id=\"detailedTwo2\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"middle\" id=\"middle\">\r\n <div class=\"map\" style=\"height: 100%\">\r\n <canvas\r\n id=\"myCanvas\"\r\n width=\"1000\"\r\n height=\"600\"\r\n style=\"position: absolute\"\r\n ></canvas>\r\n\r\n <img src=\"../assets/indexN/dfsxz.png\" alt=\"\" />\r\n <div class=\"imgboxone\">\r\n <div class=\"contents\">\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span>户数高渗透率</span>\r\n <h5 class=\"yellow\">3.40%</h5>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span>容量渗透率</span>\r\n <h5 class=\"orange\">0.01%</h5>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span>能量渗透率</span>\r\n <h5 class=\"yellow\">0.44%</h5>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"imgboxtwo\">\r\n <ul class=\"contentUl\">\r\n <li>\r\n <h5>发电客户数</h5>\r\n <br />\r\n <span style=\"color: yellow\">4721</span>\r\n </li>\r\n <li>\r\n <h5>变电站数量</h5>\r\n <br />\r\n <span style=\"color: orange\">90</span>\r\n </li>\r\n <li>\r\n <h5>台区总数</h5>\r\n <br />\r\n <span style=\"color: yellow\">17416</span>\r\n </li>\r\n <li>\r\n <h5>当前负载率</h5>\r\n <br />\r\n <span style=\"color: orange\">40.19%</span>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"right\" id=\"right\">\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>分布式光伏电量</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div class=\"eqselect\">\r\n <span>地区:</span>\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n <span>用户:</span>\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n <span>范围:</span>\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n <span>日期:</span>\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n </div>\r\n <div id=\"detailqe\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>能量/容量</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div class=\"enselect\">\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n <span class=\"text\">能量</span>\r\n </div>\r\n <div id=\"detailen\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"right1\" id=\"right\">\r\n <div class=\"one\" style=\"height: 100%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>渗透率统计</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <table>\r\n <thead style=\"color: #fff; font-size: 30px\">\r\n <tr>\r\n <td>序号</td>\r\n <td>供电公司</td>\r\n <td>线路名称</td>\r\n <td>光伏全年电量KWF</td>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <tr v-for=\"(item, index) in pvTable\" :key=\"index\">\r\n <td>{{ item.id }}</td>\r\n <td>{{ item.name }}</td>\r\n <td>{{ item.stationNumber }}</td>\r\n <td class=\"titleFont\">{{ item.alternatorNumber }}</td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <audio\r\n controls=\"controls\"\r\n hidden\r\n src=\"../assets/videos/police.wav\"\r\n ref=\"audio\"\r\n ></audio>\r\n </div>\r\n</template>\r\n\r\n<script>\r\n//引入echarts\r\nimport * as echarts from \"echarts\";\r\nimport { loadRateTop5 } from \"../api/stationBuilding.js\";\r\n// 工单统计弹窗组件\r\n// import workOrder from \"../component/workOrder.vue\";\r\n// import ringMainUnit from \"./HomePop/ringMainUnit.vue\";\r\n// import routeDetail from \"../component/routeDetail.vue\";\r\n\r\n// 线路详情\r\nimport lineDetail from \"../component/lineDetail.vue\";\r\nexport default {\r\n name: \"stationRuilding\",\r\n components: {\r\n // ringMainUnit, //环网柜弹窗\r\n // workOrder, //工单统计弹窗\r\n // routeDetail, //线路故障跳闸明细\r\n lineDetail, //线路详情弹窗\r\n },\r\n data() {\r\n return {\r\n pageShow: true,\r\n totals: 5,\r\n pageSize: 10,\r\n page: 1,\r\n threeImg: require(\"../assets/images/pieBorder.png\"),\r\n enlargeShow: true,\r\n dateList: [\"周\", \"月\"],\r\n acolor: true, //是否展示颜色\r\n currentIndex: -1,\r\n alarmInformationData: [],\r\n alarmInformationShow: false, //报警详情信息弹窗\r\n realTimeAlarmShow: false, //实时报警弹窗\r\n modelOthers: false,\r\n componentShow: \"\",\r\n CompanyInfo: {},\r\n tableData: [],\r\n btnArr: [\"总览\", \"环网柜\", \"分支箱\", \"箱变\", \"开闭所\"],\r\n btnActive: 0,\r\n iconGround: [\r\n {\r\n icon: require(\"@/assets/images/huanwanggui.png\"),\r\n name: \"环网柜\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/fenzhixiang.png\"),\r\n name: \"分支箱\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/xiangbian.png\"),\r\n name: \"箱变\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/kaibisuo.png\"),\r\n name: \"开闭所\",\r\n },\r\n ],\r\n btnEnlarge: [\r\n {\r\n icon: require(\"@/assets/images/btnTiShi.png\"),\r\n },\r\n {\r\n icon: require(\"@/assets/images/btnFangDa.png\"),\r\n },\r\n ],\r\n btnEnlarge1: [\r\n {\r\n icon: require(\"@/assets/images/btnTiShi.png\"),\r\n },\r\n {\r\n icon: require(\"@/assets/images/suoxiao.png\"),\r\n },\r\n ],\r\n options: [\r\n {\r\n value: \"\",\r\n label: \"\",\r\n },\r\n ],\r\n value: \"\",\r\n topContent: [\r\n {\r\n name: \"配变数量\",\r\n count: \"\",\r\n },\r\n {\r\n name: \"重复停运台次\",\r\n count: \"\",\r\n },\r\n {\r\n name: \"配变重复停运率\",\r\n count: \"\",\r\n },\r\n ],\r\n device: \"\",\r\n tableData: [],\r\n tableKey: +new Date(),\r\n scrollTop: 0, //table距离顶部距离\r\n option: null,\r\n myChartBin: null,\r\n // 工单\r\n orderItem: null,\r\n orderShow: \"\",\r\n // 线路故障明细\r\n routeItem: null,\r\n routeShow: \"\",\r\n // 配电线路\r\n lineItem: null,\r\n lineShow: \"\",\r\n timer: null, //定时器\r\n emergencyList: [], //告警数据\r\n rowTime: \"\",\r\n pvTable: [\r\n {\r\n id: 1,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-1\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 2,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-2\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 3,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-3\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 4,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-4\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 5,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-5\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 6,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-6\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 7,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-7\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 8,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-8\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 9,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-9\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 10,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-10\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 11,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-11\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 12,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-12\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n ],\r\n psTable: [\r\n {\r\n id: 1,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 2,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 3,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 4,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 5,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 6,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 7,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 8,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 9,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 10,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 11,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 12,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n ],\r\n };\r\n },\r\n created() {},\r\n mounted() {\r\n this.init();\r\n this.detailedTwo11();\r\n this.detailedTwo22();\r\n this.detailqe1();\r\n this.detailen1();\r\n this.xianDuan();\r\n window.parent.getLoc();\r\n },\r\n methods: {\r\n init() {\r\n loadRateTop5({\r\n area: \"大丰区\",\r\n date: \"2023-7-24\",\r\n }).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 xianDuan() {\r\n var canvas = document.getElementById(\"myCanvas\");\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.moveTo(500, 500); // moveTo(x,y) 定义线条开始坐标\r\n ctx.lineTo(700, 150); // lineTo(x,y) 定义线条结束坐标\r\n ctx.moveTo(400, 500); // moveTo(x,y) 定义线条开始坐标\r\n ctx.lineTo(160, 600); // lineTo(x,y) 定义线条结束坐标\r\n ctx.strokeStyle = \"orange\";\r\n ctx.lineWidth = 5;\r\n ctx.stroke();\r\n },\r\n detailedTwo11() {\r\n var fontColor = \"#fff\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo1\"));\r\n var option = {\r\n grid: {\r\n left: \"5%\",\r\n right: \"10%\",\r\n top: \"20%\",\r\n bottom: \"15%\",\r\n containLabel: true,\r\n },\r\n tooltip: {\r\n show: true,\r\n trigger: \"item\",\r\n },\r\n legend: {\r\n show: true,\r\n x: \"center\",\r\n y: \"35\",\r\n icon: \"stack\",\r\n itemWidth: 10,\r\n itemHeight: 10,\r\n textStyle: {\r\n color: \"#1bb4f6\",\r\n },\r\n data: [\"已采纳\", \"已发布\", \"浏览量\"],\r\n },\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: fontColor,\r\n },\r\n axisLine: {\r\n show: true,\r\n lineStyle: {\r\n color: \"#397cbc\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#195384\",\r\n },\r\n },\r\n data: [\r\n \"0:00\",\r\n \"3:00\",\r\n \"6:00\",\r\n \"9:00\",\r\n \"12:00\",\r\n \"15:00\",\r\n \"18:00\",\r\n \"21:00\",\r\n \"24:00\",\r\n ],\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"信息量\",\r\n min: 0,\r\n max: 1000,\r\n show: false,\r\n axisLabel: {\r\n formatter: \"{value}\",\r\n textStyle: {\r\n color: \"#2ad1d2\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#27b4c2\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n // name: \"已发布\",\r\n type: \"line\",\r\n stack: \"总量\",\r\n symbol: \"none\",\r\n symbolSize: 8,\r\n itemStyle: {\r\n normal: {\r\n color: \"yellow\",\r\n lineStyle: {\r\n color: \"yellow\",\r\n width: 3,\r\n type: \"solid\",\r\n },\r\n },\r\n },\r\n data: [10, 12, 801, 844, 790, 830, 610, 501, 654, 490, 530, 310],\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedTwo22() {\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo2\"));\r\n var honorData = [\r\n {\r\n name: \"用电量（单位：亿）\",\r\n data: [17.4, 14.1, 17.3, 18.6, 16.6],\r\n },\r\n {\r\n name: \"碳排放量（单位：万）\",\r\n data: [9.4, 8.1, 7.3, 8.6, 6.6],\r\n },\r\n ];\r\n var honorXAxisData = [\"No.5\", \"No.4\", \"No.3\", \"No.2\", \"No.1\"];\r\n var nameList = [\r\n \"自然19#\",\r\n \"民权5#变\",\r\n \"民权5#变\",\r\n \"光顺09号\",\r\n \"PMS_碧桂园10#配变\",\r\n ];\r\n var option = {\r\n color: [\"#0F9AF8\", \"#2039C3\", \"rgba(32,57,195,.5)\", \"#2ECACE\"],\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"none\",\r\n },\r\n },\r\n grid: {\r\n top: \"15%\",\r\n left: \"14%\",\r\n right: \"0%\",\r\n bottom: \"0%\",\r\n },\r\n xAxis: [\r\n {\r\n type: \"value\",\r\n show: false,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: \"#6B9DD7\",\r\n fontSize: 16, // 文字大小\r\n fontWeight: 400,\r\n interval: 0,\r\n formatter: function (value) {\r\n return value + \"(万元)\";\r\n },\r\n },\r\n splitLine: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"category\",\r\n offset: 17,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: \"#fff\",\r\n fontSize: 20, // 文字大小\r\n fontWeight: 700,\r\n interval: 0,\r\n },\r\n\r\n data: honorXAxisData,\r\n },\r\n {\r\n //名称\r\n type: \"category\",\r\n offset: -10,\r\n position: \"left\",\r\n axisLine: {\r\n show: false,\r\n },\r\n inverse: true,\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n color: \"#fff\",\r\n align: \"left\",\r\n verticalAlign: \"bottom\",\r\n lineHeight: 40,\r\n fontSize: 20,\r\n },\r\n data: nameList,\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"60天内掉电客户数\",\r\n type: \"bar\",\r\n stack: \"zongliang\",\r\n barWidth: \"25%\",\r\n barGap: 15, // 柱图之间的间距\r\n itemStyle: {\r\n //自定义颜色\r\n // normal: { color: \"orange\" },\r\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"rgba(255,165,0,.4)\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"rgb(255,165,0)\",\r\n },\r\n ]),\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: [\"80%\", \"-100%\"],\r\n formatter: function (params) {\r\n return params.value;\r\n },\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n\r\n data: honorData[0].data,\r\n },\r\n {\r\n name: \"60天内掉电总数\",\r\n type: \"bar\",\r\n stack: \"zongliang\",\r\n barWidth: \"25%\",\r\n itemStyle: {\r\n //自定义颜色\r\n // normal: { color: \"orange\" },\r\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"#005BEA\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"#00C6FB\",\r\n },\r\n ]),\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: [\"80%\", \"-100%\"],\r\n formatter: function (params) {\r\n return params.value;\r\n },\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n data: honorData[1].data,\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailqe1() {\r\n var fontColor = \"#fff\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailqe\"));\r\n var option = {\r\n xAxis: {\r\n type: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: fontColor,\r\n },\r\n axisLine: {\r\n show: true,\r\n lineStyle: {\r\n color: \"#397cbc\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#195384\",\r\n },\r\n },\r\n data: [\r\n \"0:00\",\r\n \"3:00\",\r\n \"6:00\",\r\n \"9:00\",\r\n \"12:00\",\r\n \"15:00\",\r\n \"18:00\",\r\n \"21:00\",\r\n \"24:00\",\r\n ],\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"单位：kw\",\r\n min: 0,\r\n max: 1000,\r\n show: true,\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n axisLabel: {\r\n formatter: \"{value}\",\r\n textStyle: {\r\n color: \"#2ad1d2\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#27b4c2\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n data: [720, 632, 801, 734, 470, 670, 720, 123, 567],\r\n type: \"line\",\r\n symbol: \"none\",\r\n lineStyle: {\r\n color: \"#00ffff\",\r\n width: 2,\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: \"00ffff\",\r\n lineStyle: {\r\n color: \"00ffff\",\r\n width: 3,\r\n type: \"solid\",\r\n },\r\n },\r\n },\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailen1() {\r\n var fontColor = \"#30eee9\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailen\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n },\r\n\r\n data: [\"关联电网事故\", \"关联检修单\"],\r\n },\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n data: [\r\n \"10kv北红线124\",\r\n \"10kv北红线125\",\r\n \"10kv北红线126\",\r\n \"10kv北红线127\",\r\n \"10kv北红线128\",\r\n ],\r\n axisLabel: {\r\n show: true,\r\n textStyle: {\r\n color: \"#ffffff\",\r\n },\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"\",\r\n axisLabel: {\r\n textStyle: {\r\n color: \"#ffffff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"关联电网事故\",\r\n type: \"bar\",\r\n itemStyle: {\r\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n { offset: 1, color: \"rgba(86,254,226,.2) \" },\r\n { offset: 0.5, color: \"rgb(86,254,226,.6)\" },\r\n { offset: 0, color: \"rgb(86,254,226)\" },\r\n ]),\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n emphasis: {\r\n focus: \"series\",\r\n },\r\n data: [320, 332, 301, 334, 390],\r\n },\r\n {\r\n name: \"关联检修单\",\r\n type: \"bar\",\r\n itemStyle: {\r\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n { offset: 1, color: \"rgba(237,125,49,.2) \" },\r\n { offset: 0.5, color: \"rgb(237,125,49,.6)\" },\r\n { offset: 0, color: \"rgb(237,125,49)\" },\r\n ]),\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n emphasis: {\r\n focus: \"series\",\r\n },\r\n data: [220, 182, 191, 234, 290],\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n },\r\n watch: {},\r\n};\r\n</script>\r\n<style lang=\"less\" scoped>\r\n.content {\r\n /deep/ .el-table__body td .cell {\r\n white-space: normal !important;\r\n }\r\n}\r\n\r\n.two {\r\n /deep/ .el-table__body-wrapper {\r\n height: 195px !important;\r\n }\r\n .enselect {\r\n position: absolute;\r\n right: 30px;\r\n img {\r\n float: right;\r\n }\r\n .text {\r\n float: right;\r\n // right: -10px;\r\n margin-right: -60px;\r\n font-size: 20px;\r\n\r\n color: #fff;\r\n }\r\n }\r\n}\r\n\r\n// 滚动条的宽度\r\n/deep/ .el-table__body-wrapper::-webkit-scrollbar {\r\n width: 6px; // 横向滚动条\r\n height: 6px; // 纵向滚动条 必写\r\n // display: block !important;\r\n}\r\n\r\n// 滚动条的滑块\r\n/deep/ .el-table__body-wrapper::-webkit-scrollbar-thumb {\r\n background-color: rgba(35, 160, 247, 1);\r\n border-radius: 3px;\r\n}\r\n\r\n/deep/ .el-table--scrollable-x .el-table__body-wrapper {\r\n overflow-x: hidden;\r\n}\r\n\r\n.user_skills {\r\n /deep/ .el-table {\r\n background-color: transparent !important;\r\n }\r\n\r\n /deep/ .el-table th {\r\n background-color: transparent !important;\r\n }\r\n\r\n /deep/ .el-table__header {\r\n width: 100% !important;\r\n height: 70px;\r\n background: url(\"../assets/images/tableBg.png\") no-repeat;\r\n background-size: 100% 100%;\r\n\r\n .cell {\r\n text-align: center !important;\r\n justify-content: center;\r\n }\r\n }\r\n\r\n /deep/ .el-table__header th {\r\n border: none;\r\n padding: 0;\r\n height: 48px;\r\n\r\n .cell {\r\n height: 100%;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n &.el-table__cell.is-leaf {\r\n border: none !important;\r\n }\r\n }\r\n\r\n /deep/ .el-table tr {\r\n background-color: transparent;\r\n }\r\n\r\n /deep/ .el-table--enable-row-transition .el-table__body td,\r\n .el-table .cell {\r\n background-color: transparent !important;\r\n border: none;\r\n color: #ffffff;\r\n }\r\n\r\n /deep/ .el-table__body td .cell {\r\n white-space: nowrap;\r\n // word-break: break-all;\r\n display: flex !important;\r\n justify-content: center !important;\r\n }\r\n\r\n /deep/ .el-table th.el-table__cell > .cell {\r\n color: rgb(86, 254, 226);\r\n }\r\n\r\n /deep/.el-table__body,\r\n .el-table__footer,\r\n .el-table__header {\r\n width: 100% !important;\r\n }\r\n\r\n /deep/ .el-table__body td .cell {\r\n // width: 60px !important;\r\n }\r\n\r\n // &::before {\r\n // //去除底部白线\r\n // left: 0;\r\n // bottom: 0;\r\n // width: 100%;\r\n // height: 0px;\r\n // }\r\n .el-table::before {\r\n background-color: transparent;\r\n }\r\n}\r\n\r\n.home {\r\n width: 100%;\r\n height: 100%;\r\n padding: 15px 28px;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n box-sizing: border-box;\r\n\r\n .left {\r\n padding-right: 15px;\r\n // width: 604px;\r\n width: 17.18%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n }\r\n\r\n .left1 {\r\n // width: 604px;\r\n // padding: 0 10px;\r\n width: 17.18%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n #detailedTwo1 {\r\n width: 100%;\r\n height: 400px;\r\n }\r\n #detailedTwo2 {\r\n width: 100%;\r\n height: 350px;\r\n }\r\n }\r\n\r\n .middle {\r\n // width: 1590px;\r\n width: 32.7%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n .imgboxone {\r\n background: url(\"../assets/02/dttksgsj.png\") no-repeat;\r\n background-size: 100%;\r\n float: right;\r\n width: 40vh;\r\n height: 10vh;\r\n position: relative;\r\n top: 5vh;\r\n right: 1vh;\r\n .contents {\r\n height: 90%;\r\n padding: 10px 10px 10px 10px;\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n\r\n .lines {\r\n width: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n background: url(\"../assets/02/tkxkz.png\") no-repeat;\r\n }\r\n\r\n .total {\r\n .num {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: center;\r\n align-items: center;\r\n color: #ffffff;\r\n h5 {\r\n font-size: 28px;\r\n }\r\n .yellow {\r\n color: yellow;\r\n }\r\n .orange {\r\n color: orange;\r\n }\r\n span {\r\n float: left;\r\n font-size: 18px;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n .imgboxtwo {\r\n padding: 0 0 0 20px;\r\n background: url(\"../assets/02/map4.png\") no-repeat;\r\n background-size: 100%;\r\n float: left;\r\n width: 40vh;\r\n height: 25vh;\r\n position: relative;\r\n top: 52vh;\r\n left: 30vh;\r\n display: flex;\r\n .contentUl {\r\n display: flex;\r\n margin: 0;\r\n padding: 10px;\r\n width: 100%;\r\n /* flex布局 */\r\n display: flex;\r\n // 开启换行\r\n flex-wrap: wrap;\r\n // 主轴上两端对齐\r\n justify-content: space-between;\r\n // 副轴上两端对齐\r\n align-content: space-between;\r\n //li盒子大小设置\r\n li {\r\n h5 {\r\n float: left;\r\n }\r\n span {\r\n font-size: 30px;\r\n }\r\n width: 49.5%;\r\n //高度调整\r\n height: 50%;\r\n list-style: none;\r\n font-size: 24px;\r\n color: #fff;\r\n background: url(\"../assets/02/tkxkz.png\") no-repeat;\r\n background-size: 100%;\r\n }\r\n }\r\n }\r\n\r\n .map {\r\n background: url(\"../assets/indexN/map.png\") no-repeat;\r\n vertical-align: middle;\r\n display: table-cell;\r\n text-align: center;\r\n margin-left: -20%;\r\n img {\r\n position: relative;\r\n left: 20%;\r\n top: 35%;\r\n }\r\n }\r\n }\r\n\r\n .right {\r\n // width: 604px;\r\n width: 16.8%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n #detailqe {\r\n width: 100%;\r\n height: 350px;\r\n }\r\n #detailen {\r\n width: 100%;\r\n height: 400px;\r\n }\r\n .eqselect {\r\n span {\r\n font-size: 20px;\r\n color: #f8f8f8;\r\n }\r\n img {\r\n margin-right: 7px;\r\n }\r\n }\r\n }\r\n\r\n .right1 {\r\n // width: 604px;\r\n width: 17.18%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n }\r\n}\r\n\r\n// }\r\n</style>\r\n<style lang=\"less\" scoped>\r\n// .el-popper {\r\n// top: 50%;\r\n// }\r\n\r\n/deep/ .popper__arrow {\r\n left: 171px !important;\r\n top: 95px !important;\r\n}\r\n\r\n/deep/ .el-select-dropdown {\r\n background-color: rgb(14, 30, 46) !important;\r\n border: 1px solid rgba(45, 143, 148, 0.5) !important;\r\n\r\n /deep/ .el-select-dropdown__item {\r\n color: #fff !important;\r\n }\r\n\r\n /deep/ .el-select-dropdown__item.hover,\r\n /deep/ .el-select-dropdown__item:hover {\r\n background-color: rgb(18, 54, 87) !important;\r\n }\r\n}\r\n\r\n/deep/ .el-popper[x-placement^=\"bottom\"] {\r\n margin-top: -146px !important;\r\n}\r\n\r\n/**\r\n表格有滚动效果但是不显示滚动条\r\n*/\r\n</style>\r\n<style lang=\"less\">\r\n.el-table .rowColor0 {\r\n background: red !important;\r\n animation: fade 2000ms infinite ease-in-out;\r\n}\r\n\r\n@keyframes fade {\r\n from {\r\n opacity: 1;\r\n }\r\n\r\n 50% {\r\n opacity: 0.6;\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n }\r\n}\r\n\r\n// .el-pager li:hover{\r\n// color:black\r\n// }\r\n.cartitle {\r\n height: 52px;\r\n width: 100%;\r\n // background: url(\"../assets/images/carTitle.png\") no-repeat;\r\n font-size: 24px;\r\n font-weight: 600;\r\n color: #ffffff;\r\n line-height: 52px;\r\n // text-align: left;\r\n text-indent: 26px;\r\n}\r\n.titleFont {\r\n color: transparent;\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n background-image: linear-gradient(\r\n to bottom,\r\n rgb(255, 255, 255),\r\n rgb(123, 247, 245)\r\n );\r\n img {\r\n margin: 20px;\r\n }\r\n}\r\n.content {\r\n padding: 24px 31px 0 31px;\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n\r\n .line {\r\n width: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n table {\r\n thead {\r\n font-size: 22px !important;\r\n height: 50px;\r\n background: url(\"../assets/02/bgbth.png\") no-repeat;\r\n }\r\n tbody {\r\n tr {\r\n height: 50px;\r\n font-size: 18px !important;\r\n color: #fff;\r\n background: url(\"../assets/02/bgqth.png\") no-repeat;\r\n }\r\n }\r\n }\r\n\r\n .total {\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-around;\r\n margin-bottom: 15%;\r\n\r\n .num {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: center;\r\n align-items: center;\r\n color: #ffffff;\r\n\r\n .numText {\r\n color: #ffffff;\r\n }\r\n\r\n .numText:before {\r\n content: attr(text);\r\n position: absolute;\r\n z-index: 10;\r\n color: rgb(86, 254, 246) !important;\r\n -webkit-mask: linear-gradient(to top, rgb(86, 244, 254), transparent);\r\n }\r\n }\r\n }\r\n\r\n .info {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n\r\n .lists {\r\n width: 100%;\r\n height: 32px;\r\n background: url(\"../assets/images/cardSquare.png\") no-repeat;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n align-items: center;\r\n background-size: 100% 100%;\r\n margin-bottom: 9%;\r\n padding: 0 10px 0 0;\r\n box-sizing: border-box;\r\n\r\n & > div {\r\n font-size: 18px;\r\n color: #ffffff;\r\n }\r\n\r\n .number {\r\n color: rgb(86, 254, 226);\r\n }\r\n }\r\n }\r\n }\r\n}\r\n.two {\r\n background: url(\"../assets/indexN/boxLr.png\") no-repeat;\r\n background-size: 100% 100%;\r\n position: relative;\r\n}\r\n.one {\r\n background: url(\"../assets/02/bgk.png\") no-repeat;\r\n background-size: 100% 100%;\r\n position: relative;\r\n\r\n .unityBtn {\r\n position: absolute;\r\n top: 40px;\r\n left: 30%;\r\n width: 40%;\r\n display: flex;\r\n justify-content: space-between;\r\n\r\n .btn {\r\n width: 100%;\r\n height: 38px;\r\n color: #fff;\r\n font-size: 18px;\r\n line-height: 38px;\r\n background: url(\"../assets/images/btnAct.png\") no-repeat;\r\n background-size: 100% 100%;\r\n margin-bottom: 10px;\r\n margin-right: 15px;\r\n }\r\n\r\n .btnAct {\r\n color: rgb(244, 201, 7);\r\n background: url(\"../assets/images/unityBtn.png\") no-repeat;\r\n background-size: 100% 100%;\r\n margin-right: 15px;\r\n }\r\n }\r\n\r\n .unityIcon {\r\n background: url(\"../assets/images/iconCard.png\") no-repeat;\r\n background-size: 100% 100%;\r\n width: 110px;\r\n height: 168px;\r\n position: absolute;\r\n right: 40px;\r\n bottom: 80px;\r\n display: flex;\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n flex-direction: column;\r\n justify-content: space-around;\r\n align-items: center;\r\n\r\n .unityIconGround {\r\n width: 80%;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n }\r\n\r\n .unityEnlargeBtn {\r\n width: 100px;\r\n display: flex;\r\n justify-content: space-around;\r\n position: absolute;\r\n right: 40px;\r\n top: 40px;\r\n\r\n .content {\r\n width: 38px;\r\n height: 36px;\r\n background: url(\"../assets/images/btnkuang.png\") no-repeat !important;\r\n background-size: 100% 100% !important;\r\n }\r\n }\r\n\r\n .unitySelect {\r\n position: absolute;\r\n left: 40px;\r\n width: 222px;\r\n height: 5%;\r\n bottom: 20px;\r\n display: flex;\r\n align-items: center;\r\n\r\n .unitySuosou {\r\n width: 57px;\r\n height: 53px;\r\n background: url(\"../assets/images/sousuoKuang.png\") no-repeat;\r\n background-size: 100% 100%;\r\n }\r\n }\r\n}\r\n</style>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/20fa0d2cd74766cae97dc3e4ae9c6813.json b/node_modules/.cache/vue-loader/20fa0d2cd74766cae97dc3e4ae9c6813.json
index 3e37a057..7248856b 100644
--- a/node_modules/.cache/vue-loader/20fa0d2cd74766cae97dc3e4ae9c6813.json
+++ b/node_modules/.cache/vue-loader/20fa0d2cd74766cae97dc3e4ae9c6813.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--12-0!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??ref--6!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\stationBuilding.vue?vue&type=template&id=878d5e44&scoped=true&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\stationBuilding.vue","mtime":1689927415772},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\babel.config.js","mtime":1689557787923},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1655712169000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["import \"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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"光伏台账\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"上网功率\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"配变负载率TOP5\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.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(\"canvas\", {\n staticStyle: {\n position: \"absolute\"\n },\n attrs: {\n id: \"myCanvas\",\n width: \"1000\",\n height: \"600\"\n }\n }), _c(\"img\", {\n attrs: {\n src: require(\"../assets/indexN/dfsxz.png\"),\n alt: \"\"\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\", [_vm._v(\"户数高渗透率\")]), _c(\"h5\", {\n staticClass: \"yellow\"\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\", [_vm._v(\"容量渗透率\")]), _c(\"h5\", {\n staticClass: \"orange\"\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\", [_vm._v(\"能量渗透率\")]), _c(\"h5\", {\n staticClass: \"yellow\"\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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"分布式光伏电量\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.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/dqxcxl.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"用户:\")]), _c(\"img\", {\n attrs: {\n src: require(\"../assets/02/dqxcxl.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"范围:\")]), _c(\"img\", {\n attrs: {\n src: require(\"../assets/02/dqxcxl.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"日期:\")]), _c(\"img\", {\n attrs: {\n src: require(\"../assets/02/dqxcxl.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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"能量/容量\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.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/dqxcxl.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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"渗透率统计\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.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","position","width","_withStripped"],"sources":["D:/林谷智能项目/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/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"光伏台账\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.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: { src: require(\"./../assets/indexN/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"上网功率\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\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: { src: require(\"./../assets/indexN/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"配变负载率TOP5\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\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(\"canvas\", {\n staticStyle: { position: \"absolute\" },\n attrs: { id: \"myCanvas\", width: \"1000\", height: \"600\" },\n }),\n _c(\"img\", {\n attrs: { src: require(\"../assets/indexN/dfsxz.png\"), alt: \"\" },\n }),\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\", [_vm._v(\"户数高渗透率\")]),\n _c(\"h5\", { staticClass: \"yellow\" }, [_vm._v(\"3.40%\")]),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"lines\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\"span\", [_vm._v(\"容量渗透率\")]),\n _c(\"h5\", { staticClass: \"orange\" }, [_vm._v(\"0.01%\")]),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"lines\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\"span\", [_vm._v(\"能量渗透率\")]),\n _c(\"h5\", { staticClass: \"yellow\" }, [_vm._v(\"0.44%\")]),\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: { src: require(\"./../assets/indexN/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"分布式光伏电量\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\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: { src: require(\"../assets/02/dqxcxl.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"用户:\")]),\n _c(\"img\", {\n attrs: { src: require(\"../assets/02/dqxcxl.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"范围:\")]),\n _c(\"img\", {\n attrs: { src: require(\"../assets/02/dqxcxl.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"日期:\")]),\n _c(\"img\", {\n attrs: { src: require(\"../assets/02/dqxcxl.png\"), alt: \"\" },\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: { src: require(\"./../assets/indexN/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"能量/容量\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\n }),\n ]),\n ]),\n _c(\"div\", { staticClass: \"content\" }, [\n _c(\"div\", { staticClass: \"line\" }, [\n _c(\"div\", { staticClass: \"enselect\" }, [\n _c(\"img\", {\n attrs: { src: require(\"../assets/02/dqxcxl.png\"), alt: \"\" },\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/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"渗透率统计\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.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
+{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--12-0!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??ref--6!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\stationBuilding.vue?vue&type=template&id=878d5e44&scoped=true&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\stationBuilding.vue","mtime":1690161674337},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\babel.config.js","mtime":1689557787923},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1655712169000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["import \"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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"光伏台账\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"上网功率\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"配变负载率TOP5\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.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(\"canvas\", {\n staticStyle: {\n position: \"absolute\"\n },\n attrs: {\n id: \"myCanvas\",\n width: \"1000\",\n height: \"600\"\n }\n }), _c(\"img\", {\n attrs: {\n src: require(\"../assets/indexN/dfsxz.png\"),\n alt: \"\"\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\", [_vm._v(\"户数高渗透率\")]), _c(\"h5\", {\n staticClass: \"yellow\"\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\", [_vm._v(\"容量渗透率\")]), _c(\"h5\", {\n staticClass: \"orange\"\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\", [_vm._v(\"能量渗透率\")]), _c(\"h5\", {\n staticClass: \"yellow\"\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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"分布式光伏电量\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.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/dqxcxl.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"用户:\")]), _c(\"img\", {\n attrs: {\n src: require(\"../assets/02/dqxcxl.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"范围:\")]), _c(\"img\", {\n attrs: {\n src: require(\"../assets/02/dqxcxl.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"日期:\")]), _c(\"img\", {\n attrs: {\n src: require(\"../assets/02/dqxcxl.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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"能量/容量\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.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/dqxcxl.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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"渗透率统计\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.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","position","width","_withStripped"],"sources":["D:/林谷智能项目/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/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"光伏台账\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.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: { src: require(\"./../assets/indexN/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"上网功率\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\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: { src: require(\"./../assets/indexN/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"配变负载率TOP5\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\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(\"canvas\", {\n staticStyle: { position: \"absolute\" },\n attrs: { id: \"myCanvas\", width: \"1000\", height: \"600\" },\n }),\n _c(\"img\", {\n attrs: { src: require(\"../assets/indexN/dfsxz.png\"), alt: \"\" },\n }),\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\", [_vm._v(\"户数高渗透率\")]),\n _c(\"h5\", { staticClass: \"yellow\" }, [_vm._v(\"3.40%\")]),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"lines\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\"span\", [_vm._v(\"容量渗透率\")]),\n _c(\"h5\", { staticClass: \"orange\" }, [_vm._v(\"0.01%\")]),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"lines\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\"span\", [_vm._v(\"能量渗透率\")]),\n _c(\"h5\", { staticClass: \"yellow\" }, [_vm._v(\"0.44%\")]),\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: { src: require(\"./../assets/indexN/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"分布式光伏电量\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\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: { src: require(\"../assets/02/dqxcxl.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"用户:\")]),\n _c(\"img\", {\n attrs: { src: require(\"../assets/02/dqxcxl.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"范围:\")]),\n _c(\"img\", {\n attrs: { src: require(\"../assets/02/dqxcxl.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"日期:\")]),\n _c(\"img\", {\n attrs: { src: require(\"../assets/02/dqxcxl.png\"), alt: \"\" },\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: { src: require(\"./../assets/indexN/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"能量/容量\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\n }),\n ]),\n ]),\n _c(\"div\", { staticClass: \"content\" }, [\n _c(\"div\", { staticClass: \"line\" }, [\n _c(\"div\", { staticClass: \"enselect\" }, [\n _c(\"img\", {\n attrs: { src: require(\"../assets/02/dqxcxl.png\"), alt: \"\" },\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/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"渗透率统计\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.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/27a71520e161e1e766ad73250c46e3d5.json b/node_modules/.cache/vue-loader/27a71520e161e1e766ad73250c46e3d5.json
index e9d2d5c7..87a14fc5 100644
--- a/node_modules/.cache/vue-loader/27a71520e161e1e766ad73250c46e3d5.json
+++ b/node_modules/.cache/vue-loader/27a71520e161e1e766ad73250c46e3d5.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--12-0!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??ref--6!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\twentyKV.vue?vue&type=template&id=e9df6994&scoped=true&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\twentyKV.vue","mtime":1689921115709},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\babel.config.js","mtime":1689557787923},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1655712169000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["import \"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 }, [_vm._m(0), _vm._m(1), _vm._m(2), _vm._m(3), _c(\"div\", {\n staticClass: \"right1\",\n attrs: {\n id: \"right\"\n }\n }, [_c(\"div\", {\n staticClass: \"two\",\n staticStyle: {\n height: \"49%\"\n }\n }, [_vm._m(4), _c(\"div\", {\n staticClass: \"content\"\n }, [_c(\"div\", {\n staticClass: \"line\"\n }, [_c(\"table\", [_vm._m(5), _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(6)]), _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: \"left\",\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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"园区供电所居民用户异常月电量\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"园区供电所居民用户月电量\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.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: \"left1\",\n attrs: {\n id: \"left\"\n }\n }, [_c(\"div\", {\n staticClass: \"one\",\n staticStyle: {\n height: \"100%\"\n }\n }, [_c(\"div\", {\n staticClass: \"cartitle\"\n }, [_c(\"div\", {\n staticClass: \"titleFont\"\n }, [_c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"60天内台区掉电客户数TOP10\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.png\"),\n alt: \"\"\n }\n })])]), _c(\"div\", {\n staticClass: \"content\"\n }, [_c(\"div\", {\n staticClass: \"line\"\n }, [_c(\"div\", {\n attrs: {\n id: \"detailedTwo3\"\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(\"img\", {\n staticClass: \"allimg\",\n attrs: {\n src: require(\"../assets/indexN/dfsxz.png\"),\n alt: \"\"\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(\"div\", {\n staticStyle: {\n display: \"inline-block\"\n }\n }, [_c(\"img\", {\n staticStyle: {\n float: \"left\"\n },\n attrs: {\n src: require(\"../assets/index/mainTb1.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\" 台区总数\")])]), _c(\"h5\", {\n staticClass: \"yellow\"\n }, [_vm._v(\"679\")])])])]), _c(\"div\", {\n staticClass: \"lines\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"div\", {\n staticStyle: {\n display: \"inherit\"\n }\n }, [_c(\"img\", {\n staticStyle: {\n float: \"left\",\n height: \"30px\",\n width: \"30px\"\n },\n attrs: {\n src: require(\"../assets/index/mainTb2.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"近60天内发生过停电的配变数\")])]), _c(\"h5\", {\n staticClass: \"oranges\"\n }, [_vm._v(\"234\")])])])]), _c(\"div\", {\n staticClass: \"lines\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"div\", {\n staticStyle: {\n display: \"inherit\"\n }\n }, [_c(\"img\", {\n staticStyle: {\n float: \"left\",\n height: \"30px\",\n width: \"30px\"\n },\n attrs: {\n src: require(\"../assets/index/mainTb1.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"近60天三相不平衡台区数\")])]), _c(\"h5\", {\n staticClass: \"yellow\"\n }, [_vm._v(\"0\")])])])]), _c(\"div\", {\n staticClass: \"lines\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"div\", {\n staticStyle: {\n display: \"inherit\"\n }\n }, [_c(\"img\", {\n staticStyle: {\n float: \"left\",\n height: \"30px\",\n width: \"30px\"\n },\n attrs: {\n src: require(\"../assets/index/mainTb2.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"近一周线损异常台区数\")])]), _c(\"h5\", {\n staticClass: \"orange\"\n }, [_vm._v(\"0\")])])])]), _c(\"div\", {\n staticClass: \"lines\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"div\", {\n staticStyle: {\n display: \"inherit\"\n }\n }, [_c(\"img\", {\n staticStyle: {\n float: \"left\",\n height: \"30px\",\n width: \"30px\"\n },\n attrs: {\n src: require(\"../assets/index/mainTb1.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"近60天内发生过停电的中压线路数\")])]), _c(\"h5\", {\n staticClass: \"yellows\"\n }, [_vm._v(\"0\")])])])])])])])]);\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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"月合格率波动图\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.png\"),\n alt: \"\"\n }\n })])]), _c(\"div\", {\n staticClass: \"content\"\n }, [_c(\"div\", {\n staticClass: \"line\"\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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"日合格率波动图\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.png\"),\n alt: \"\"\n }\n })])]), _c(\"div\", {\n staticClass: \"content\"\n }, [_c(\"div\", {\n staticClass: \"line\"\n }, [_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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"进60天配变停电时间分析\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.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: \"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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"近60天频繁停电配变\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.png\"),\n alt: \"\"\n }\n })])]), _c(\"div\", {\n staticClass: \"content\"\n }, [_c(\"div\", {\n staticClass: \"line\"\n }, [_c(\"div\", {\n attrs: {\n id: \"detailstop\"\n }\n })])])]);\n}];\nrender._withStripped = true;\nexport { render, staticRenderFns };",{"version":3,"names":["render","_vm","_c","_self","staticClass","_m","attrs","id","staticStyle","height","_l","pvTable","item","index","key","_v","_s","name","stationNumber","alternatorNumber","ref","controls","hidden","src","require","staticRenderFns","alt","display","float","width","color","_withStripped"],"sources":["D:/林谷智能项目/yanchengPowerSupply/src/views/twentyKV.vue"],"sourcesContent":["var render = function render() {\n var _vm = this,\n _c = _vm._self._c\n return _c(\"div\", { staticClass: \"home\" }, [\n _vm._m(0),\n _vm._m(1),\n _vm._m(2),\n _vm._m(3),\n _c(\"div\", { staticClass: \"right1\", attrs: { id: \"right\" } }, [\n _c(\"div\", { staticClass: \"two\", staticStyle: { height: \"49%\" } }, [\n _vm._m(4),\n _c(\"div\", { staticClass: \"content\" }, [\n _c(\"div\", { staticClass: \"line\" }, [\n _c(\"table\", [\n _vm._m(5),\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 _vm._m(6),\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: \"left\", 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: { src: require(\"./../assets/indexN/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"园区供电所居民用户异常月电量\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\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: { src: require(\"./../assets/indexN/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"园区供电所居民用户月电量\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\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: \"left1\", attrs: { id: \"left\" } }, [\n _c(\"div\", { staticClass: \"one\", staticStyle: { height: \"100%\" } }, [\n _c(\"div\", { staticClass: \"cartitle\" }, [\n _c(\"div\", { staticClass: \"titleFont\" }, [\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"60天内台区掉电客户数TOP10\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\n }),\n ]),\n ]),\n _c(\"div\", { staticClass: \"content\" }, [\n _c(\"div\", { staticClass: \"line\" }, [\n _c(\"div\", { attrs: { id: \"detailedTwo3\" } }),\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(\"img\", {\n staticClass: \"allimg\",\n attrs: { src: require(\"../assets/indexN/dfsxz.png\"), alt: \"\" },\n }),\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(\"div\", { staticStyle: { display: \"inline-block\" } }, [\n _c(\"img\", {\n staticStyle: { float: \"left\" },\n attrs: {\n src: require(\"../assets/index/mainTb1.png\"),\n alt: \"\",\n },\n }),\n _c(\"span\", [_vm._v(\" 台区总数\")]),\n ]),\n _c(\"h5\", { staticClass: \"yellow\" }, [_vm._v(\"679\")]),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"lines\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\"div\", { staticStyle: { display: \"inherit\" } }, [\n _c(\"img\", {\n staticStyle: {\n float: \"left\",\n height: \"30px\",\n width: \"30px\",\n },\n attrs: {\n src: require(\"../assets/index/mainTb2.png\"),\n alt: \"\",\n },\n }),\n _c(\"span\", [_vm._v(\"近60天内发生过停电的配变数\")]),\n ]),\n _c(\"h5\", { staticClass: \"oranges\" }, [_vm._v(\"234\")]),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"lines\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\"div\", { staticStyle: { display: \"inherit\" } }, [\n _c(\"img\", {\n staticStyle: {\n float: \"left\",\n height: \"30px\",\n width: \"30px\",\n },\n attrs: {\n src: require(\"../assets/index/mainTb1.png\"),\n alt: \"\",\n },\n }),\n _c(\"span\", [_vm._v(\"近60天三相不平衡台区数\")]),\n ]),\n _c(\"h5\", { staticClass: \"yellow\" }, [_vm._v(\"0\")]),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"lines\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\"div\", { staticStyle: { display: \"inherit\" } }, [\n _c(\"img\", {\n staticStyle: {\n float: \"left\",\n height: \"30px\",\n width: \"30px\",\n },\n attrs: {\n src: require(\"../assets/index/mainTb2.png\"),\n alt: \"\",\n },\n }),\n _c(\"span\", [_vm._v(\"近一周线损异常台区数\")]),\n ]),\n _c(\"h5\", { staticClass: \"orange\" }, [_vm._v(\"0\")]),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"lines\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\"div\", { staticStyle: { display: \"inherit\" } }, [\n _c(\"img\", {\n staticStyle: {\n float: \"left\",\n height: \"30px\",\n width: \"30px\",\n },\n attrs: {\n src: require(\"../assets/index/mainTb1.png\"),\n alt: \"\",\n },\n }),\n _c(\"span\", [_vm._v(\"近60天内发生过停电的中压线路数\")]),\n ]),\n _c(\"h5\", { staticClass: \"yellows\" }, [_vm._v(\"0\")]),\n ]),\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: { src: require(\"./../assets/indexN/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"月合格率波动图\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\n }),\n ]),\n ]),\n _c(\"div\", { staticClass: \"content\" }, [\n _c(\"div\", { staticClass: \"line\" }, [\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: { src: require(\"./../assets/indexN/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"日合格率波动图\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\n }),\n ]),\n ]),\n _c(\"div\", { staticClass: \"content\" }, [\n _c(\"div\", { staticClass: \"line\" }, [\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/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"进60天配变停电时间分析\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.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: \"two\", staticStyle: { height: \"49%\" } }, [\n _c(\"div\", { staticClass: \"cartitle\" }, [\n _c(\"div\", { staticClass: \"titleFont\" }, [\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"近60天频繁停电配变\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\n }),\n ]),\n ]),\n _c(\"div\", { staticClass: \"content\" }, [\n _c(\"div\", { staticClass: \"line\" }, [\n _c(\"div\", { attrs: { id: \"detailstop\" } }),\n ]),\n ]),\n ])\n },\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }"],"mappings":"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"}]}
\ No newline at end of file
+{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--12-0!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??ref--6!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\twentyKV.vue?vue&type=template&id=e9df6994&scoped=true&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\twentyKV.vue","mtime":1689929341388},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\babel.config.js","mtime":1689557787923},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1655712169000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["import \"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 }, [_vm._m(0), _vm._m(1), _vm._m(2), _vm._m(3), _c(\"div\", {\n staticClass: \"right1\",\n attrs: {\n id: \"right\"\n }\n }, [_c(\"div\", {\n staticClass: \"two\",\n staticStyle: {\n height: \"49%\"\n }\n }, [_vm._m(4), _c(\"div\", {\n staticClass: \"content\"\n }, [_c(\"div\", {\n staticClass: \"line\"\n }, [_c(\"table\", [_vm._m(5), _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(6)]), _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: \"left\",\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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"园区供电所居民用户异常月电量\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"园区供电所居民用户月电量\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.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: \"left1\",\n attrs: {\n id: \"left\"\n }\n }, [_c(\"div\", {\n staticClass: \"one\",\n staticStyle: {\n height: \"100%\"\n }\n }, [_c(\"div\", {\n staticClass: \"cartitle\"\n }, [_c(\"div\", {\n staticClass: \"titleFont\"\n }, [_c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"60天内台区掉电客户数TOP10\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.png\"),\n alt: \"\"\n }\n })])]), _c(\"div\", {\n staticClass: \"content\"\n }, [_c(\"div\", {\n staticClass: \"line\"\n }, [_c(\"div\", {\n attrs: {\n id: \"detailedTwo3\"\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(\"img\", {\n staticClass: \"allimg\",\n attrs: {\n src: require(\"../assets/indexN/dfsxz.png\"),\n alt: \"\"\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(\"div\", {\n staticStyle: {\n display: \"inline-block\"\n }\n }, [_c(\"img\", {\n staticStyle: {\n float: \"left\"\n },\n attrs: {\n src: require(\"../assets/index/mainTb1.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\" 台区总数\")])]), _c(\"h5\", {\n staticClass: \"yellow\"\n }, [_vm._v(\"679\")])])])]), _c(\"div\", {\n staticClass: \"lines\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"div\", {\n staticStyle: {\n display: \"inherit\"\n }\n }, [_c(\"img\", {\n staticStyle: {\n float: \"left\",\n height: \"30px\",\n width: \"30px\"\n },\n attrs: {\n src: require(\"../assets/index/mainTb2.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"近60天内发生过停电的配变数\")])]), _c(\"h5\", {\n staticClass: \"oranges\"\n }, [_vm._v(\"234\")])])])]), _c(\"div\", {\n staticClass: \"lines\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"div\", {\n staticStyle: {\n display: \"inherit\"\n }\n }, [_c(\"img\", {\n staticStyle: {\n float: \"left\",\n height: \"30px\",\n width: \"30px\"\n },\n attrs: {\n src: require(\"../assets/index/mainTb1.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"近60天三相不平衡台区数\")])]), _c(\"h5\", {\n staticClass: \"yellow\"\n }, [_vm._v(\"0\")])])])]), _c(\"div\", {\n staticClass: \"lines\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"div\", {\n staticStyle: {\n display: \"inherit\"\n }\n }, [_c(\"img\", {\n staticStyle: {\n float: \"left\",\n height: \"30px\",\n width: \"30px\"\n },\n attrs: {\n src: require(\"../assets/index/mainTb2.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"近一周线损异常台区数\")])]), _c(\"h5\", {\n staticClass: \"orange\"\n }, [_vm._v(\"0\")])])])]), _c(\"div\", {\n staticClass: \"lines\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"div\", {\n staticStyle: {\n display: \"inherit\"\n }\n }, [_c(\"img\", {\n staticStyle: {\n float: \"left\",\n height: \"30px\",\n width: \"30px\"\n },\n attrs: {\n src: require(\"../assets/index/mainTb1.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"近60天内发生过停电的中压线路数\")])]), _c(\"h5\", {\n staticClass: \"yellows\"\n }, [_vm._v(\"0\")])])])])])])])]);\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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"月合格率波动图\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.png\"),\n alt: \"\"\n }\n })])]), _c(\"div\", {\n staticClass: \"content\"\n }, [_c(\"div\", {\n staticClass: \"line\"\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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"日合格率波动图\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.png\"),\n alt: \"\"\n }\n })])]), _c(\"div\", {\n staticClass: \"content\"\n }, [_c(\"div\", {\n staticClass: \"line\"\n }, [_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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"进60天配变停电时间分析\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.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: \"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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"近60天频繁停电配变\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.png\"),\n alt: \"\"\n }\n })])]), _c(\"div\", {\n staticClass: \"content\"\n }, [_c(\"div\", {\n staticClass: \"line\"\n }, [_c(\"div\", {\n attrs: {\n id: \"detailstop\"\n }\n })])])]);\n}];\nrender._withStripped = true;\nexport { render, staticRenderFns };",{"version":3,"names":["render","_vm","_c","_self","staticClass","_m","attrs","id","staticStyle","height","_l","pvTable","item","index","key","_v","_s","name","stationNumber","alternatorNumber","ref","controls","hidden","src","require","staticRenderFns","alt","display","float","width","color","_withStripped"],"sources":["D:/林谷智能项目/yanchengPowerSupply/src/views/twentyKV.vue"],"sourcesContent":["var render = function render() {\n var _vm = this,\n _c = _vm._self._c\n return _c(\"div\", { staticClass: \"home\" }, [\n _vm._m(0),\n _vm._m(1),\n _vm._m(2),\n _vm._m(3),\n _c(\"div\", { staticClass: \"right1\", attrs: { id: \"right\" } }, [\n _c(\"div\", { staticClass: \"two\", staticStyle: { height: \"49%\" } }, [\n _vm._m(4),\n _c(\"div\", { staticClass: \"content\" }, [\n _c(\"div\", { staticClass: \"line\" }, [\n _c(\"table\", [\n _vm._m(5),\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 _vm._m(6),\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: \"left\", 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: { src: require(\"./../assets/indexN/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"园区供电所居民用户异常月电量\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\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: { src: require(\"./../assets/indexN/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"园区供电所居民用户月电量\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\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: \"left1\", attrs: { id: \"left\" } }, [\n _c(\"div\", { staticClass: \"one\", staticStyle: { height: \"100%\" } }, [\n _c(\"div\", { staticClass: \"cartitle\" }, [\n _c(\"div\", { staticClass: \"titleFont\" }, [\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"60天内台区掉电客户数TOP10\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\n }),\n ]),\n ]),\n _c(\"div\", { staticClass: \"content\" }, [\n _c(\"div\", { staticClass: \"line\" }, [\n _c(\"div\", { attrs: { id: \"detailedTwo3\" } }),\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(\"img\", {\n staticClass: \"allimg\",\n attrs: { src: require(\"../assets/indexN/dfsxz.png\"), alt: \"\" },\n }),\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(\"div\", { staticStyle: { display: \"inline-block\" } }, [\n _c(\"img\", {\n staticStyle: { float: \"left\" },\n attrs: {\n src: require(\"../assets/index/mainTb1.png\"),\n alt: \"\",\n },\n }),\n _c(\"span\", [_vm._v(\" 台区总数\")]),\n ]),\n _c(\"h5\", { staticClass: \"yellow\" }, [_vm._v(\"679\")]),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"lines\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\"div\", { staticStyle: { display: \"inherit\" } }, [\n _c(\"img\", {\n staticStyle: {\n float: \"left\",\n height: \"30px\",\n width: \"30px\",\n },\n attrs: {\n src: require(\"../assets/index/mainTb2.png\"),\n alt: \"\",\n },\n }),\n _c(\"span\", [_vm._v(\"近60天内发生过停电的配变数\")]),\n ]),\n _c(\"h5\", { staticClass: \"oranges\" }, [_vm._v(\"234\")]),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"lines\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\"div\", { staticStyle: { display: \"inherit\" } }, [\n _c(\"img\", {\n staticStyle: {\n float: \"left\",\n height: \"30px\",\n width: \"30px\",\n },\n attrs: {\n src: require(\"../assets/index/mainTb1.png\"),\n alt: \"\",\n },\n }),\n _c(\"span\", [_vm._v(\"近60天三相不平衡台区数\")]),\n ]),\n _c(\"h5\", { staticClass: \"yellow\" }, [_vm._v(\"0\")]),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"lines\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\"div\", { staticStyle: { display: \"inherit\" } }, [\n _c(\"img\", {\n staticStyle: {\n float: \"left\",\n height: \"30px\",\n width: \"30px\",\n },\n attrs: {\n src: require(\"../assets/index/mainTb2.png\"),\n alt: \"\",\n },\n }),\n _c(\"span\", [_vm._v(\"近一周线损异常台区数\")]),\n ]),\n _c(\"h5\", { staticClass: \"orange\" }, [_vm._v(\"0\")]),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"lines\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\"div\", { staticStyle: { display: \"inherit\" } }, [\n _c(\"img\", {\n staticStyle: {\n float: \"left\",\n height: \"30px\",\n width: \"30px\",\n },\n attrs: {\n src: require(\"../assets/index/mainTb1.png\"),\n alt: \"\",\n },\n }),\n _c(\"span\", [_vm._v(\"近60天内发生过停电的中压线路数\")]),\n ]),\n _c(\"h5\", { staticClass: \"yellows\" }, [_vm._v(\"0\")]),\n ]),\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: { src: require(\"./../assets/indexN/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"月合格率波动图\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\n }),\n ]),\n ]),\n _c(\"div\", { staticClass: \"content\" }, [\n _c(\"div\", { staticClass: \"line\" }, [\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: { src: require(\"./../assets/indexN/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"日合格率波动图\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\n }),\n ]),\n ]),\n _c(\"div\", { staticClass: \"content\" }, [\n _c(\"div\", { staticClass: \"line\" }, [\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/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"进60天配变停电时间分析\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.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: \"two\", staticStyle: { height: \"49%\" } }, [\n _c(\"div\", { staticClass: \"cartitle\" }, [\n _c(\"div\", { staticClass: \"titleFont\" }, [\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"近60天频繁停电配变\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\n }),\n ]),\n ]),\n _c(\"div\", { staticClass: \"content\" }, [\n _c(\"div\", { staticClass: \"line\" }, [\n _c(\"div\", { attrs: { id: \"detailstop\" } }),\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/3d431fa1d4ee6958813486cac0af620a.json b/node_modules/.cache/vue-loader/3d431fa1d4ee6958813486cac0af620a.json
index a7513a73..16caf6e6 100644
--- a/node_modules/.cache/vue-loader/3d431fa1d4ee6958813486cac0af620a.json
+++ b/node_modules/.cache/vue-loader/3d431fa1d4ee6958813486cac0af620a.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\index.vue","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\index.vue","mtime":1689926769457},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["import { 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(\"D:\\\\林谷智能项目\\\\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
+{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\index.vue","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\index.vue","mtime":1690160299337},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["import { 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(\"D:\\\\林谷智能项目\\\\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/42d74b1a2c1109c4891da1fe26c92c9f.json b/node_modules/.cache/vue-loader/42d74b1a2c1109c4891da1fe26c92c9f.json
index db48b468..cd4b70c5 100644
--- a/node_modules/.cache/vue-loader/42d74b1a2c1109c4891da1fe26c92c9f.json
+++ b/node_modules/.cache/vue-loader/42d74b1a2c1109c4891da1fe26c92c9f.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\index.vue?vue&type=style&index=2&id=a83bd3b0&lang=less&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\index.vue","mtime":1689926769457},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1655715156000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\less-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["\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":";AAohJA;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 <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>盐城地区分布光伏运行监测</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content3\">\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >户数高渗透率 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.hsgst\"\r\n >{{ CompanyInfo.hsgst }}\r\n <span style=\"font-size: 18px; color: #fff\">%</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >容量渗透率 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"orange\"\r\n :text=\"CompanyInfo.rlst\"\r\n >{{ CompanyInfo.rlst }}\r\n <span style=\"font-size: 18px; color: #fff\">%</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >能量渗透率 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.nlst\"\r\n >{{ CompanyInfo.nlst }}\r\n <span style=\"font-size: 18px; color: #fff\">%</span>\r\n </span>\r\n </div>\r\n </div>\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\" @click=\"routerTo('配网工程全过程物资审计')\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>配网工程全过程物资审计</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content3\" style=\"display: inline\">\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n <span style=\"font-size: 18px\" class=\"num1\">项目数 </span>\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.xms\"\r\n >{{ CompanyInfo.xms }}\r\n <span style=\"font-size: 18px; color: #fff\">万</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\">预算费用总和</span>\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"orange\"\r\n :text=\"CompanyInfo.ysfyzh\"\r\n >{{ CompanyInfo.ysfyzh }}\r\n <span style=\"font-size: 18px; color: #fff\">%</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\">计划数</span>\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.jhs\"\r\n >{{ CompanyInfo.jhs }}\r\n </span>\r\n </div>\r\n </div>\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\" @click=\"routerTo('盐城东台区供电所数字化分析')\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>盐城东台区供电所数字化分析</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content3\">\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >升档配变数量 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.sdpbsl\"\r\n >{{ CompanyInfo.sdpbsl }}</span\r\n >\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\">降档配比数量</span>\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"orange\"\r\n :text=\"CompanyInfo.jdpbsl\"\r\n >{{ CompanyInfo.jdpbsl }}</span\r\n >\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >负荷关注配变数量 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.fhgzpb\"\r\n >{{ CompanyInfo.fhgzpb }}</span\r\n >\r\n </div>\r\n </div>\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\" @click=\"routerTo('盐城供电公司配网电能质量管控')\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>盐城供电公司配网电能质量管控</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content3\">\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >月供电可靠性 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.ygdkkx\"\r\n >{{ CompanyInfo.ygdkkx }}\r\n <span style=\"font-size: 18px; color: #fff\">%</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >平均停电频次 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"orange\"\r\n :text=\"CompanyInfo.pjtdpc\"\r\n >{{ CompanyInfo.pjtdpc }}\r\n <span style=\"font-size: 18px; color: #fff\">次/户</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >平均停电时间 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.pjtdsj\"\r\n >{{ CompanyInfo.pjtdsj }}\r\n <span style=\"font-size: 18px; color: #fff\">小时</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div id=\"detailedOne\"></div>\r\n </div>\r\n </div>\r\n <div class=\"middle\" id=\"middle\">\r\n <div class=\"map\" style=\"height: 100%\">\r\n <canvas\r\n id=\"myCanvas\"\r\n width=\"1000\"\r\n height=\"600\"\r\n style=\"position: absolute\"\r\n ></canvas>\r\n <img src=\"../assets/indexN/left.png\" class=\"leftimg\" alt=\"\" />\r\n <img src=\"../assets/indexN/right.png\" class=\"rightimg\" alt=\"\" />\r\n <img class=\"allimg\" src=\"../assets/indexN/dfsxz.png\" alt=\"\" />\r\n <div class=\"imgboxtwo1\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\" style=\"color: #fff; font-size: 26px\">\r\n 大丰区\r\n </div>\r\n </div>\r\n <div class=\"content2\">\r\n <div class=\"line1\">\r\n 用电量 (kwh) \r\n <span style=\"color: yellow; font-size: 28px\">2.685亿</span>\r\n </div>\r\n <div class=\"line1\">\r\n 碳排放量 (kg) \r\n <span style=\"color: orange; font-size: 28px\">7.303万</span>\r\n </div>\r\n <div class=\"line1\">\r\n 企业数量 \r\n <span style=\"color: yellow; font-size: 28px\">713</span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"imgboxone\">\r\n <div class=\"contents\">\r\n <div class=\"lines\" style=\"width: 55%\">\r\n <img src=\"../assets/indexN/tb1.png\" style=\"margin-top: 15%\" />\r\n <h4 style=\"color: #fff; margin-top: 10%\">数据目录</h4>\r\n </div>\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span>发布数量</span>\r\n <span class=\"yellow\">\r\n 100 <span style=\"color: #fff\">%</span>\r\n </span>\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <span>负面清单</span>\r\n <span class=\"orange\">\r\n 7244<span style=\"color: #fff\">个</span>\r\n </span>\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <span>涉及系统</span>\r\n <span class=\"yellow\">\r\n 251 <span style=\"color: #fff\">个</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"lines\" style=\"width: 55%\">\r\n <img src=\"../assets/indexN/tb2.png\" style=\"margin-top: 15%\" />\r\n <h4 style=\"color: #fff; margin-top: 10%\">数据资源</h4>\r\n </div>\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <div style=\"display: inline-block\">\r\n <span>接入数量</span>\r\n </div>\r\n <span class=\"yellow\"\r\n > 1.6 <span style=\"color: #fff\">万个</span></span\r\n >\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <div style=\"display: inline-block\">\r\n <span>涉及系统</span>\r\n </div>\r\n <span class=\"orange\"\r\n > 123 <span style=\"color: #fff\">个</span></span\r\n >\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <div style=\"display: inline-block\">\r\n <span>数据资源卡片</span>\r\n </div>\r\n <span class=\"yellow\"\r\n >31<span style=\"color: #fff\">个</span></span\r\n >\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"lines\" style=\"width: 55%\">\r\n <img src=\"../assets/indexN/tb3.png\" style=\"margin-top: 15%\" />\r\n <h4 style=\"color: #fff; margin-top: 10%\">数据服务</h4>\r\n </div>\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <div style=\"display: inline-block\">\r\n <span>服务数量</span>\r\n </div>\r\n <span class=\"yellow\">\r\n 1084<span style=\"color: #fff\">个</span>\r\n </span>\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <div style=\"display: inline-block\">\r\n <span>接入数量</span>\r\n </div>\r\n <span class=\"orange\">\r\n 8833<span style=\"color: #fff\">个</span>\r\n </span>\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <div style=\"display: inline-block\">\r\n <span>访问次数</span>\r\n </div>\r\n <span class=\"yellow\">\r\n 5.3 <span style=\"color: #fff\">亿个</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"lines\" style=\"width: 55%\">\r\n <img src=\"../assets/indexN/tb4.png\" style=\"margin-top: 15%\" />\r\n <h4 style=\"color: #fff; margin-top: 10%\">数据产品</h4>\r\n </div>\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <div style=\"display: inline-block\">\r\n <span>报表数量</span>\r\n </div>\r\n <span class=\"yellow\"\r\n > 19 <span style=\"color: #fff\">个</span></span\r\n >\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <div style=\"display: inline-block\">\r\n <span>服务访问次数</span>\r\n </div>\r\n <span class=\"orange\"\r\n > 0 <span style=\"color: #fff\">次</span></span\r\n >\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <div style=\"display: inline-block\">\r\n <span>指标数量</span>\r\n </div>\r\n <span class=\"yellow\"\r\n > 477 <span style=\"color: #fff\">个</span></span\r\n >\r\n </div>\r\n </div>\r\n </div>\r\n </div>\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\" @click=\"routerTo('乡村振兴电力综合指数')\">\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\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>乡村振兴电力综合指数</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n <!-- <div 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=\"content3\">\r\n <div class=\"contentUl\">\r\n <div class=\"top1\">\r\n <!-- <img src=\"../assets/indexN/xctb2.png\" /> -->\r\n <div class=\"texts\">94.46</div>\r\n <h4>产业兴旺</h4>\r\n </div>\r\n <div class=\"top2\">\r\n <!-- <img src=\"../assets/indexN/xctb2.png\" /> -->\r\n <div class=\"texts\">63.95</div>\r\n <h4>生活宜居</h4>\r\n </div>\r\n <div class=\"top3\">\r\n <div class=\"texts\">74.15</div>\r\n <h4>生活富裕</h4>\r\n </div>\r\n <div class=\"top4\">\r\n <div class=\"texts\">56.23</div>\r\n <h4>治理有效</h4>\r\n </div>\r\n <div class=\"top5\">\r\n <div class=\"texts\">86.82</div>\r\n <h4>乡风文明</h4>\r\n </div>\r\n <div class=\"top\">\r\n <img src=\"../assets/indexN/xctb1.png\" />\r\n <div class=\"texts\" style=\"color: yellow\">77.17</div>\r\n </div>\r\n <!-- <div class=\"top\">\r\n <img src=\"../assets/05/sjfx.png\" />\r\n <div class=\"texts\" style=\"color: yellow\">\r\n 0\r\n <span style=\"font-size: 15px; color: #fff\">个</span>\r\n </div>\r\n <h4>自然村</h4>\r\n </div> -->\r\n </div>\r\n </div>\r\n <div class=\"enselect\">\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n <span class=\"text\">乡镇</span>\r\n </div>\r\n <div id=\"detailedFive\"></div>\r\n </div>\r\n\r\n <div class=\"three\" style=\"height: 48%; width: 100%\">\r\n <div class=\"cartitle\" @click=\"routerTo('两高行业企业污染监测')\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>两高行业企业污染监测</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <!-- <div class=\"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=\"content3\" style=\"display: inline\">\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >2022年度总碳排放量</span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n :text=\"CompanyInfo.ztpf\"\r\n id=\"yellow\"\r\n >{{ CompanyInfo.ztpf }}\r\n <span style=\"font-size: 18px; color: #fff\">吨碳</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >2022年度总用电量</span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"orange\"\r\n :text=\"CompanyInfo.zydl\"\r\n >{{ CompanyInfo.zydl }}\r\n <span style=\"font-size: 18px; color: #fff\">kwh</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >2022年度客户总数</span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.khzs\"\r\n >{{ CompanyInfo.khzs }}\r\n <span style=\"font-size: 18px; color: #fff\">人</span>\r\n </span>\r\n </div>\r\n </div>\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\" @click=\"routerTo('农村生活污水治理设备电量分析')\">\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\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>农村生活污水治理设备电量分析</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n <!-- <div 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\r\n <div class=\"content3\">\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >年度总用电量 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.xczydl\"\r\n >{{ CompanyInfo.xczydl }}\r\n <span style=\"font-size: 18px; color: #fff\">万kwh</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >最大设备规模 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"orange\"\r\n :text=\"CompanyInfo.zdsbgm\"\r\n >{{ CompanyInfo.zdsbgm }}\r\n <span style=\"font-size: 18px; color: #fff\">吨/日</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >最小设备规模 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.zxsbgm\"\r\n >{{ CompanyInfo.zxsbgm }}\r\n <span style=\"font-size: 18px; color: #fff\">吨/日</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div id=\"detailen\"></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\r\n class=\"cartitle\"\r\n @click=\"routerTo('数字化排涝抗旱辅助及检修辅助决策')\"\r\n >\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>数字化排涝抗旱辅助及检修辅助决策</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content3\">\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >辖区管理供电所 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.glgds\"\r\n >{{ CompanyInfo.glgds }}\r\n <span style=\"font-size: 18px; color: #fff\">个</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >辖区管理台区 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"orange\"\r\n :text=\"CompanyInfo.gltq\"\r\n >{{ CompanyInfo.gltq }}\r\n <span style=\"font-size: 18px; color: #fff\">个</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >自然村 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.zrc\"\r\n >{{ CompanyInfo.zrc }}\r\n <span style=\"font-size: 18px; color: #fff\">条</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div id=\"shuzihua\"></div>\r\n </div>\r\n </div>\r\n <div class=\"realTimeAlarm\" v-show=\"realTimeAlarmShow\">\r\n <div class=\"content3\">\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\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=\"content3\">\r\n <div class=\"table user_skills\">\r\n <el-table\r\n :data=\"alarmInformationData\"\r\n style=\"width: 100%; height: 100%\"\r\n :header-cell-style=\"{ 'text-align': 'center' }\"\r\n :cell-style=\"{ 'text-align': 'center' }\"\r\n :row-class-name=\"rowClass\"\r\n >\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\r\n prop=\"cabinet_name\"\r\n label=\"告警位置\"\r\n align=\"center\"\r\n >\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\r\n @current-change=\"handleCurrentChange\"\r\n :current-page=\"page\"\r\n :page-size=\"pageSize\"\r\n layout=\"prev, pager, next\"\r\n :total=\"totals\"\r\n v-if=\"pageShow\"\r\n >\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\r\n class=\"componentShow\"\r\n style=\"display: block; height: calc(100% - 100px); top: 100px\"\r\n v-if=\"lineItem != null\"\r\n >\r\n <component :is=\"lineShow\" :lineItem=\"lineItem\"></component>\r\n </div>\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\nimport {\r\n getCompanyInfo,\r\n getLine,\r\n getBanzugz,\r\n getGdtj,\r\n getDwbzgz,\r\n getGdsgdzl,\r\n getPbtyqk,\r\n getCabinetInfo,\r\n getCabinetList,\r\n getfaultReportList,\r\n getCabinetAlarmList,\r\n} from \"../api/index.js\";\r\n//引入echarts\r\nimport * as echarts from \"echarts\";\r\n// 工单统计弹窗组件\r\nimport workOrder from \"../component/workOrder.vue\";\r\nimport ringMainUnit from \"./HomePop/ringMainUnit.vue\";\r\nimport routeDetail from \"../component/routeDetail.vue\";\r\n\r\n// 线路详情\r\nimport lineDetail from \"../component/lineDetail.vue\";\r\nexport default {\r\n name: \"home\",\r\n components: {\r\n ringMainUnit, //环网柜弹窗\r\n workOrder, //工单统计弹窗\r\n routeDetail, //线路故障跳闸明细\r\n lineDetail, //线路详情弹窗\r\n },\r\n data() {\r\n return {\r\n pageShow: true,\r\n totals: 5,\r\n pageSize: 10,\r\n page: 1,\r\n threeImg: require(\"../assets/images/pieBorder.png\"),\r\n\r\n enlargeShow: true,\r\n dataGzList: [\r\n {\r\n bz: \"大冈\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"配网二班\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"配网一班\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"尚庄\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"秦南\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"郭猛\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"大纵湖\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"潘黄\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"学富\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"龙冈\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"西区\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"楼王\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n ], //年故障数组\r\n dateList: [\"周\", \"月\"],\r\n acolor: true, //是否展示颜色\r\n currentIndex: -1,\r\n alarmInformationData: [],\r\n alarmInformationShow: false, //报警详情信息弹窗\r\n realTimeAlarmShow: false, //实时报警弹窗\r\n modelOthers: false,\r\n componentShow: \"\",\r\n CompanyInfo: {\r\n hsgst: \"3.4\",\r\n rlst: \"0.01\",\r\n nlst: \"0.44\",\r\n xms: \"9.279\",\r\n ysfyzh: \"118.5\",\r\n jhs: \"44\",\r\n sdpbsl: \"12\",\r\n jdpbsl: \"7\",\r\n fhgzpb: \"87\",\r\n ygdkkx: \"99.95\",\r\n pjtdpc: \"0.39\",\r\n pjtdsj: \"0.37\",\r\n ztpf: \"108.3万\",\r\n zydl: \"39.83亿\",\r\n khzs: \"4968\",\r\n xczydl: \"723.6\",\r\n zdsbgm: \"1250\",\r\n zxsbgm: \"3673\",\r\n glgds: \"10\",\r\n gltq: \"13884\",\r\n zrc: \"306\",\r\n },\r\n tableData: [],\r\n btnArr: [\"总览\", \"环网柜\", \"分支箱\", \"箱变\", \"开闭所\"],\r\n btnActive: 0,\r\n iconGround: [\r\n {\r\n icon: require(\"@/assets/images/huanwanggui.png\"),\r\n name: \"环网柜\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/fenzhixiang.png\"),\r\n name: \"分支箱\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/xiangbian.png\"),\r\n name: \"箱变\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/kaibisuo.png\"),\r\n name: \"开闭所\",\r\n },\r\n ],\r\n btnEnlarge: [\r\n {\r\n icon: require(\"@/assets/images/btnTiShi.png\"),\r\n },\r\n {\r\n icon: require(\"@/assets/images/btnFangDa.png\"),\r\n },\r\n ],\r\n btnEnlarge1: [\r\n {\r\n icon: require(\"@/assets/images/btnTiShi.png\"),\r\n },\r\n {\r\n icon: require(\"@/assets/images/suoxiao.png\"),\r\n },\r\n ],\r\n options: [\r\n {\r\n value: \"\",\r\n label: \"\",\r\n },\r\n ],\r\n value: \"\",\r\n topContent: [\r\n {\r\n name: \"配变数量\",\r\n count: \"\",\r\n },\r\n {\r\n name: \"重复停运台次\",\r\n count: \"\",\r\n },\r\n {\r\n name: \"配变重复停运率\",\r\n count: \"\",\r\n },\r\n ],\r\n device: \"\",\r\n tableData: [],\r\n tableKey: +new Date(),\r\n scrollTop: 0, //table距离顶部距离\r\n option: null,\r\n myChartBin: null,\r\n\r\n gongdanList: [\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"频繁停电\",\r\n total: 0,\r\n },\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"处理时间长\",\r\n total: 0,\r\n },\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"运检类投诉\",\r\n total: 0,\r\n },\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"运检类意见\",\r\n total: 0,\r\n },\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"民事赔偿\",\r\n total: 0,\r\n },\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"多次停电\",\r\n total: 0,\r\n },\r\n ],\r\n\r\n // 工单\r\n orderItem: null,\r\n\r\n orderShow: \"\",\r\n // 线路故障明细\r\n routeItem: null,\r\n routeShow: \"\",\r\n\r\n // 配电线路\r\n lineItem: null,\r\n lineShow: \"\",\r\n timer: null, //定时器\r\n emergencyList: [], //告警数据\r\n rowTime: \"\",\r\n };\r\n },\r\n created() {},\r\n mounted() {\r\n // this.beginShowing();\r\n // 监听浏览器窗口大小变化\r\n window.onresize = () => {\r\n clearInterval(this.myTimer);\r\n this.beginShowing();\r\n };\r\n this.xianDuan();\r\n this.detailedTwo11();\r\n this.horizontalChart();\r\n this.detailedOne();\r\n this.barCharts();\r\n this.detailedFive();\r\n this.shuzihuaCharts();\r\n this.roseCharts();\r\n this.detailen1();\r\n this.handleDate(0);\r\n\r\n let that = this;\r\n\r\n //历史故障接口\r\n let faultData = {\r\n token: localStorage.getItem(\"token\"),\r\n pageSize: \"500\",\r\n page: \"1\",\r\n };\r\n },\r\n // beforeDestroy() {\r\n // this.dataDestroy(); // 页面摧毁前，关闭定时器\r\n // },\r\n beforeDestroy() {\r\n // 离开当前路由前的操作\r\n clearInterval(this.timer);\r\n this.timer = null;\r\n },\r\n methods: {\r\n //地图画线\r\n xianDuan() {\r\n var canvas = document.getElementById(\"myCanvas\");\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.moveTo(650, 450); // moveTo(x,y) 定义线条开始坐标\r\n ctx.lineTo(735, 250); // lineTo(x,y) 定义线条结束坐标\r\n ctx.strokeStyle = \"orange\";\r\n ctx.lineWidth = 3;\r\n ctx.stroke();\r\n },\r\n routerTo(data) {\r\n if (data == \"盐城地区分布光伏运行监测\") {\r\n this.$router.push(\"/stationBuilding\");\r\n }\r\n if (data == \"盐城东台区供电所数字化分析\") {\r\n this.$router.push(\"/twentyKV\");\r\n }\r\n if (data == \"配网工程全过程物资审计\") {\r\n this.$router.push(\"/thirtyFiveKV\");\r\n }\r\n if (data == \"盐城供电公司配网电能质量管控\") {\r\n this.$router.push(\"/powerQualityControl\");\r\n }\r\n if (data == \"乡村振兴电力综合指数\") {\r\n this.$router.push(\"/ruralRevitalizationPower\");\r\n }\r\n if (data == \"两高行业企业污染监测\") {\r\n this.$router.push(\"/enterprisePollutionMonitoring\");\r\n }\r\n if (data == \"农村生活污水治理设备电量分析\") {\r\n this.$router.push(\"/ruralDomesticSewageTreatment\");\r\n }\r\n if (data == \"数字化排涝抗旱辅助及检修辅助决策\") {\r\n this.$router.push(\"/digitalFloodDrainageDroughtRelief\");\r\n }\r\n },\r\n detailen1() {\r\n var fontColor = \"#30eee9\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailen\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n },\r\n grid: {\r\n left: \"0%\", //图表距离容器左侧多少距离\r\n right: \"10%\", //图表距离容器右侧侧多少距离\r\n bottom: \"20%\", //图表距离容器上面多少距离\r\n top: \"10%\", //图表距离容器下面多少距离\r\n containLabel: true, //防止标签溢出\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n },\r\n\r\n data: [\"电量KWH\"],\r\n },\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n data: [\r\n \"安丰镇\",\r\n \"草堰镇\",\r\n \"龙岗镇\",\r\n \"新丰镇\",\r\n \"伍佑街道\",\r\n \"步凤镇\",\r\n ],\r\n axisLabel: {\r\n show: true,\r\n textStyle: {\r\n color: \"#ffffff\",\r\n fontSize: 18,\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 fontSize: 18,\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"电量kwh\",\r\n type: \"bar\",\r\n barWidth: 40, // 柱子宽度核心代码，\r\n itemStyle: {\r\n normal: {\r\n color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"rgba(2,255,255,.3)\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"rgb(2,255,255)\",\r\n },\r\n ]),\r\n label: {\r\n show: true, //开启显示\r\n position: \"top\", //在上方显示\r\n formatter: function (params) {\r\n //核心部分 formatter 可以为字符串也可以是回调\r\n if (params.value) {\r\n //如果当前值存在则拼接\r\n return params.value + \"万\";\r\n } else {\r\n //否则返回个空\r\n return \"\";\r\n }\r\n },\r\n textStyle: {\r\n //数值样式\r\n color: \"#00ffff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n data: [320, 332, 301, 334, 390, 288, 299],\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n //班组\r\n getbanzhu() {\r\n getBanzugz({\r\n action: \"detail\",\r\n }).then((res) => {\r\n console.log(res, \"班组故障详情\");\r\n for (let i = 0; i < res.data.data.length; i++) {\r\n if (res.data.data[i].gz_time_deal) {\r\n let date = new Date(res.data.data[i].gz_time_deal);\r\n res.data.data[i].gz_time_deal =\r\n this.$moment(date).format(\"YYYY-MM-DD HH:mm\");\r\n // console.log(res.data.data[i].gz_time_deal,'转换后');\r\n }\r\n if (res.data.data[i].gz_time) {\r\n let time = new Date(res.data.data[i].gz_time);\r\n res.data.data[i].gz_time =\r\n this.$moment(time).format(\"YYYY-MM-DD HH:mm\");\r\n }\r\n this.tableData.push(res.data.data[i]);\r\n }\r\n });\r\n },\r\n //工单\r\n getGongdan() {\r\n getGdtj({ action: \"tongji\" }).then((res) => {\r\n console.log(res, \"工单统计数据\");\r\n let dataList = res.data.data;\r\n\r\n for (let i = 0; i < this.gongdanList.length; i++) {\r\n for (let j = 0; j < res.data.data.length; j++) {\r\n if (\r\n this.gongdanList[i].gd_type_name == res.data.data[j].gd_type_name\r\n ) {\r\n this.gongdanList[i].total = res.data.data[j].total;\r\n this.gongdanList[i].gd_type_id = res.data.data[j].gd_type_id;\r\n }\r\n }\r\n }\r\n // this.gongdanList = res.data.data;\r\n this.detailedThree(dataList);\r\n // this.$nextTick(() => {\r\n // this.detailedThree(dataList);\r\n // setInterval(() => {\r\n // this.doing();\r\n // }, 200);\r\n // });\r\n });\r\n },\r\n // //表格第一行颜色\r\n rowClass(row, rowIndex) {\r\n if (row.rowIndex === 0) {\r\n return \"rowColor0\";\r\n } else {\r\n return \"\";\r\n }\r\n },\r\n //切换当前页\r\n handleCurrentChange(val) {\r\n this.page = val;\r\n let tableData = [];\r\n if (this.emergencyList.length != 0) {\r\n tableData = this.emergencyList;\r\n if (val == 1) {\r\n this.alarmInformationData = tableData.slice(0, 10);\r\n document.getElementsByClassName(\"rowColor0\")[0].style.display = \"\";\r\n } else if (val == 2) {\r\n document.getElementsByClassName(\"rowColor0\")[0].style.display =\r\n \"none\";\r\n this.alarmInformationData = tableData.slice(10, 20);\r\n } else if (val == 3) {\r\n this.alarmInformationData = tableData.slice(20, 30);\r\n document.getElementsByClassName(\"rowColor0\")[0].style.display =\r\n \"none\";\r\n } else if (val == 4) {\r\n this.alarmInformationData = tableData.slice(30, 40);\r\n document.getElementsByClassName(\"rowColor0\")[0].style.display =\r\n \"none\";\r\n } else if (val == 5) {\r\n this.alarmInformationData = tableData.slice(40, 50);\r\n document.getElementsByClassName(\"rowColor0\")[0].style.display =\r\n \"none\";\r\n }\r\n } else {\r\n return false;\r\n }\r\n },\r\n // 线路详情弹窗\r\n openLineDetail(e) {\r\n // console.log(e);\r\n // var line = e + ''\r\n // console.log(line);\r\n getLine({ action: \"pdxl\" }).then(({ data }) => {\r\n console.log(data);\r\n this.lineShow = \"lineDetail\";\r\n this.lineItem = data.data;\r\n });\r\n },\r\n // 线路故障跳闸明细弹窗\r\n rowHandle(e) {\r\n // console.log(e, \"参数\");\r\n this.routeItem = e;\r\n this.routeShow = \"routeDetail\";\r\n // console.log(this.routeItem,'线路组件名称');\r\n },\r\n // 工单统计的弹窗\r\n openGdDetail(item) {\r\n this.orderItem = item;\r\n this.orderShow = \"workOrder\";\r\n },\r\n // 鼠标进入表格\r\n // mouseover() {\r\n // clearInterval(this.myTimer);\r\n // },\r\n // 鼠标离开表格\r\n mouseout() {\r\n this.roll();\r\n },\r\n //调用unity方法\r\n handleUnity(index, item) {\r\n this.btnActive = index;\r\n this.$refs.iframe.contentWindow.handleChange(item);\r\n },\r\n //选择线路\r\n selectLine(value) {\r\n getLine({\r\n action: \"query\",\r\n line_code: value,\r\n }).then((res) => {\r\n // console.log(res,'选择线路');\r\n if (res.data.data != 0 && res.data.data != null) {\r\n this.$refs.iframe.contentWindow.handleChangeLine(\r\n res.data.data.line_name\r\n );\r\n } else if (res.data.data == null) {\r\n this.$refs.iframe.contentWindow.handleChangeLine(\"\");\r\n }\r\n });\r\n },\r\n detailedOne() {\r\n let myChart = this.$echarts.init(document.getElementById(\"detailedOne\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n },\r\n\r\n data: [\"配变停电\"],\r\n },\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n data: [\r\n \"亭湖区\",\r\n \"东台市\",\r\n \"建湖县\",\r\n \"阜宁县\",\r\n \"响水县\",\r\n \"滨海县\",\r\n \"射阳县\",\r\n \"大丰区\",\r\n ],\r\n axisLabel: {\r\n show: true,\r\n textStyle: {\r\n color: \"#ffffff\",\r\n fontSize: 16,\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 fontSize: 16,\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"配变停电\",\r\n type: \"bar\",\r\n barWidth: 40, // 柱子宽度核心代码，\r\n itemStyle: {\r\n normal: {\r\n color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"rgba(2,255,255,.3)\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"rgb(2,255,255)\",\r\n },\r\n ]),\r\n label: {\r\n show: true, //开启显示\r\n position: \"top\", //在上方显示\r\n textStyle: {\r\n //数值样式\r\n color: \"#00ffff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n data: [5109, 5520, 5354, 5511, 4789, 5254, 5411, 4889],\r\n },\r\n ],\r\n };\r\n\r\n myChart.setOption(option);\r\n\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n shuzihuaCharts() {\r\n let myChart = this.$echarts.init(document.getElementById(\"shuzihua\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"cross\",\r\n crossStyle: {\r\n color: \"#999\",\r\n },\r\n },\r\n },\r\n grid: {\r\n left: \"5%\", //图表距离容器左侧多少距离\r\n right: \"8%\", //图表距离容器右侧侧多少距离\r\n bottom: \"20%\", //图表距离容器上面多少距离\r\n top: \"15%\", //图表距离容器下面多少距离\r\n containLabel: true, //防止标签溢出\r\n },\r\n legend: [\r\n {\r\n x: \"center\",\r\n data: [\r\n \"投运15年以上设备数量\",\r\n \"统计时间所辖线路设备数量\",\r\n \"设备老化占比\",\r\n ],\r\n textStyle: {\r\n fontSize: 18,\r\n color: \"#fff\",\r\n },\r\n },\r\n ],\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n data: [\r\n \"10kv星雨线163\",\r\n \"10kv智谋线183\",\r\n \"10kv朝阳线164\",\r\n \"10kv杨庄线181\",\r\n \"10kv森达线174\",\r\n ],\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n axisLabel: {\r\n rotate: -15, //60度角倾斜显示\r\n interval: 0, //横轴信息全部显示\r\n color: \"#fff\",\r\n fontSize: 20,\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n min: 0,\r\n max: 160,\r\n interval: 40,\r\n axisLabel: {\r\n textStyle: {\r\n fontSize: \"18\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n {\r\n type: \"value\",\r\n min: 0,\r\n max: 80,\r\n interval: 20,\r\n axisLabel: {\r\n formatter: \"{value}%\",\r\n textStyle: {\r\n fontSize: \"18\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"投运15年以上设备数量\",\r\n type: \"bar\",\r\n tooltip: {\r\n valueFormatter: function (value) {\r\n return value;\r\n },\r\n },\r\n itemStyle: {\r\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n { offset: 1, color: \"rgba(240,230,140,.2) \" },\r\n { offset: 0.5, color: \"rgb(240,230,140,.6)\" },\r\n { offset: 0, color: \"rgb(240,230,140)\" },\r\n ]),\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n data: [55, 66, 89, 113, 123],\r\n },\r\n {\r\n name: \"统计时间所辖线路设备数量\",\r\n type: \"bar\",\r\n tooltip: {\r\n valueFormatter: function (value) {\r\n return value;\r\n },\r\n },\r\n itemStyle: {\r\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n { offset: 1, color: \"rgba(65,105,225,.2) \" },\r\n { offset: 0.5, color: \"rgb(65,105,225,.6)\" },\r\n { offset: 0, color: \"rgb(65,105,225)\" },\r\n ]),\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n data: [46, 56, 99, 103, 123],\r\n },\r\n {\r\n name: \"设备老化占比\",\r\n type: \"line\",\r\n yAxisIndex: 1,\r\n tooltip: {\r\n valueFormatter: function (value) {\r\n return value;\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: \"#0080ff\",\r\n lineStyle: {\r\n color: \"#0080ff\",\r\n },\r\n },\r\n },\r\n data: [20, 40, 60, 80, 67],\r\n },\r\n ],\r\n };\r\n\r\n myChart.setOption(option);\r\n\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedTwo() {\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo1\"));\r\n var option = {\r\n xAxis: {\r\n type: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: fontColor,\r\n },\r\n axisLine: {\r\n show: true,\r\n lineStyle: {\r\n color: \"#397cbc\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#195384\",\r\n },\r\n },\r\n data: [\r\n \"0:00\",\r\n \"3:00\",\r\n \"6:00\",\r\n \"9:00\",\r\n \"12:00\",\r\n \"15:00\",\r\n \"18:00\",\r\n \"21:00\",\r\n \"24:00\",\r\n ],\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"单位：kw\",\r\n min: 0,\r\n max: 1000,\r\n show: true,\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n axisLabel: {\r\n formatter: \"{value}\",\r\n textStyle: {\r\n color: \"#2ad1d2\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#27b4c2\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n data: [720, 632, 801, 734, 470, 670, 720, 123, 567],\r\n type: \"line\",\r\n symbol: \"none\",\r\n lineStyle: {\r\n color: \"#00ffff\",\r\n width: 2,\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: \"00ffff\",\r\n lineStyle: {\r\n color: \"00ffff\",\r\n width: 3,\r\n type: \"solid\",\r\n },\r\n },\r\n },\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedTwo11() {\r\n var fontColor = \"#30eee9\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo1\"));\r\n var option = {\r\n xAxis: {\r\n type: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: fontColor,\r\n },\r\n axisLine: {\r\n show: true,\r\n lineStyle: {\r\n color: \"#397cbc\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#195384\",\r\n },\r\n },\r\n data: [\r\n \"0:00\",\r\n \"3:00\",\r\n \"6:00\",\r\n \"9:00\",\r\n \"12:00\",\r\n \"15:00\",\r\n \"18:00\",\r\n \"21:00\",\r\n \"24:00\",\r\n ],\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"单位：kw\",\r\n min: 0,\r\n max: 1000,\r\n show: true,\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n axisLabel: {\r\n formatter: \"{value}\",\r\n textStyle: {\r\n color: \"#2ad1d2\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#27b4c2\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n data: [720, 632, 801, 734, 470, 670, 720, 123, 567],\r\n type: \"line\",\r\n symbol: \"none\",\r\n lineStyle: {\r\n color: \"#00ffff\",\r\n width: 2,\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: \"00ffff\",\r\n lineStyle: {\r\n color: \"00ffff\",\r\n width: 3,\r\n type: \"solid\",\r\n },\r\n },\r\n },\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n horizontalChart() {\r\n var myChart = this.$echarts.init(\r\n document.getElementById(\"horizontalChart\")\r\n );\r\n var honorData = [\r\n {\r\n name: \"60天内掉电客户数\",\r\n data: [13.4, 12.1, 14.3],\r\n },\r\n {\r\n name: \"60天内掉电总数\",\r\n data: [9.4, 8.1, 7.3],\r\n },\r\n ];\r\n var honorXAxisData = [\"No.3\", \"No.2\", \"No.1\"];\r\n var nameList = [\r\n \"PMS_晨光满园9台区\",\r\n \"滨河华苑3台区\",\r\n \"PMS_晨光满园11台区\",\r\n ];\r\n var option = {\r\n color: [\"#0F9AF8\", \"#2039C3\", \"rgba(32,57,195,.5)\", \"#2ECACE\"],\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"none\",\r\n },\r\n },\r\n legend: {\r\n right: 20,\r\n top: \"5%\",\r\n itemWidth: 10,\r\n itemHeight: 10,\r\n itemGap: 15,\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n grid: {\r\n top: \"15%\",\r\n left: \"14%\",\r\n right: \"0%\",\r\n bottom: \"0%\",\r\n },\r\n xAxis: [\r\n {\r\n type: \"value\",\r\n show: false,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: \"#6B9DD7\",\r\n fontSize: 16, // 文字大小\r\n fontWeight: 400,\r\n interval: 0,\r\n formatter: function (value) {\r\n return value + \"(万元)\";\r\n },\r\n },\r\n splitLine: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"category\",\r\n offset: 17,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: \"#00FFFF\",\r\n fontSize: 20, // 文字大小\r\n fontWeight: 700,\r\n interval: 0,\r\n },\r\n\r\n data: honorXAxisData,\r\n },\r\n {\r\n //名称\r\n type: \"category\",\r\n offset: -10,\r\n position: \"left\",\r\n axisLine: {\r\n show: false,\r\n },\r\n inverse: true,\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n color: \"#fff\",\r\n align: \"left\",\r\n verticalAlign: \"bottom\",\r\n lineHeight: 40,\r\n fontSize: 20,\r\n },\r\n data: nameList,\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"60天内掉电客户数\",\r\n type: \"bar\",\r\n stack: \"zongliang\",\r\n barWidth: \"25%\",\r\n barGap: 15, // 柱图之间的间距\r\n itemStyle: {\r\n //自定义颜色\r\n // normal: { color: \"orange\" },\r\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"rgba(255,165,0,.4)\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"rgb(255,165,0)\",\r\n },\r\n ]),\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: [\"80%\", \"-100%\"],\r\n formatter: function (params) {\r\n return params.value;\r\n },\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n\r\n data: honorData[0].data,\r\n },\r\n {\r\n name: \"60天内掉电总数\",\r\n type: \"bar\",\r\n stack: \"zongliang\",\r\n barWidth: \"25%\",\r\n itemStyle: {\r\n //自定义颜色\r\n // normal: { color: \"orange\" },\r\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"#005BEA\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"#00C6FB\",\r\n },\r\n ]),\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: [\"80%\", \"-100%\"],\r\n formatter: function (params) {\r\n return params.value;\r\n },\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n data: honorData[1].data,\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n 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 {\r\n type: \"pie\",\r\n radius: [\"80\", \"120\"],\r\n center: [\"50%\", \"50%\"],\r\n color: [\"#80C269\", \"#00FFFF\", \"#0090F1\", \"#FFA800\", \"#4658F6\"],\r\n itemStyle: {\r\n normal: {\r\n borderWidth: 5,\r\n borderColor: \"#031845\",\r\n },\r\n },\r\n data: [\r\n {\r\n value: 27,\r\n name: \"国网大丰市供电公司\",\r\n },\r\n {\r\n value: 30,\r\n name: \"国网射阳县供电公司\",\r\n },\r\n {\r\n value: 24,\r\n name: \"开发区供电服务中心\",\r\n },\r\n {\r\n value: 27,\r\n name: \"盐城运维检修部\",\r\n },\r\n {\r\n value: 27,\r\n name: \"设备管理部\",\r\n },\r\n {\r\n value: 27,\r\n name: \"国网响水县供电公司\",\r\n },\r\n ],\r\n labelLine: {\r\n normal: {\r\n show: true,\r\n length: 20,\r\n length2: 10,\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: 20,\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: 20,\r\n align: \"center\",\r\n padding: 4,\r\n color: \"#fff\",\r\n },\r\n },\r\n },\r\n },\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n roseCharts() {\r\n var myChart = this.$echarts.init(document.getElementById(\"roseCharts\"));\r\n var option = {\r\n color: [\r\n \"#EAEA26\",\r\n \"#906BF9\",\r\n \"#FE5656\",\r\n \"#01E17E\",\r\n \"#3DD1F9\",\r\n \"#FFAD05\",\r\n ],\r\n 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\r\n polar: {},\r\n angleAxis: {\r\n interval: 1,\r\n type: \"category\",\r\n data: [],\r\n z: 10,\r\n axisLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#0B4A6B\",\r\n width: 1,\r\n type: \"solid\",\r\n },\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n show: true,\r\n color: \"#0B4A6B\",\r\n margin: 8,\r\n fontSize: 16,\r\n },\r\n },\r\n radiusAxis: {\r\n min: 40,\r\n max: 120,\r\n interval: 20,\r\n axisLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#0B3E5E\",\r\n width: 1,\r\n type: \"solid\",\r\n },\r\n },\r\n axisLabel: {\r\n formatter: \"{value} %\",\r\n show: false,\r\n padding: [0, 0, 20, 0],\r\n color: \"#0B3E5E\",\r\n fontSize: 16,\r\n },\r\n splitLine: {\r\n lineStyle: {\r\n color: \"#0B3E5E\",\r\n width: 2,\r\n type: \"solid\",\r\n },\r\n },\r\n },\r\n calculable: true,\r\n series: [\r\n {\r\n type: \"pie\",\r\n radius: [\"5%\", \"10%\"],\r\n hoverAnimation: false,\r\n labelLine: {\r\n normal: {\r\n show: false,\r\n length: 30,\r\n length2: 55,\r\n },\r\n emphasis: {\r\n show: false,\r\n },\r\n },\r\n data: [\r\n {\r\n name: \"\",\r\n value: 0,\r\n itemStyle: {\r\n normal: {\r\n color: \"#0B4A6B\",\r\n },\r\n },\r\n },\r\n ],\r\n },\r\n {\r\n type: \"pie\",\r\n radius: [\"90%\", \"95%\"],\r\n hoverAnimation: false,\r\n labelLine: {\r\n normal: {\r\n show: false,\r\n length: 30,\r\n length2: 55,\r\n },\r\n emphasis: {\r\n show: false,\r\n },\r\n },\r\n name: \"\",\r\n data: [\r\n {\r\n name: \"\",\r\n value: 0,\r\n itemStyle: {\r\n normal: {\r\n color: \"#0B4A6B\",\r\n },\r\n },\r\n },\r\n ],\r\n },\r\n {\r\n stack: \"a\",\r\n type: \"pie\",\r\n radius: [\"20%\", \"80%\"],\r\n roseType: \"area\",\r\n zlevel: 10,\r\n label: {\r\n normal: {\r\n show: true,\r\n formatter: \"{b} {d} %\",\r\n textStyle: {\r\n fontSize: 20,\r\n color: \"#fff\",\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: 35,\r\n borderWidth: 4,\r\n },\r\n emphasis: {\r\n show: false,\r\n },\r\n },\r\n data: [\r\n {\r\n value: 15,\r\n name: \"东台市\",\r\n },\r\n {\r\n value: 7,\r\n name: \"阜宁县\",\r\n },\r\n {\r\n value: 14,\r\n name: \"盐都区\",\r\n },\r\n {\r\n value: 23,\r\n name: \"滨海县\",\r\n },\r\n {\r\n value: 18,\r\n name: \"建湖县\",\r\n },\r\n {\r\n value: 35,\r\n name: \"射阳县\",\r\n },\r\n {\r\n value: 31,\r\n name: \"大丰区\",\r\n },\r\n {\r\n value: 28,\r\n name: \"响水县\",\r\n },\r\n {\r\n value: 36,\r\n name: \"亭湖区\",\r\n },\r\n ],\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedThree(dataList) {\r\n // console.log(this.threeImg,'图片');\r\n // var equipment = [dataList.yjlts, dataList.yjlyj];\r\n var that = this;\r\n // console.log(that,'指向');\r\n var colorList = [\r\n \"#0090ff\",\r\n \"#06d3c4\",\r\n \"#66b0ed\",\r\n \"#7cb79d\",\r\n \"#2361b4\",\r\n \"rgb(198,123,244)\",\r\n ];\r\n var colorList1 = [\"rgb(198,123,244)\", \"#2361b4\"];\r\n // 饼图数据\r\n var threeList = dataList.map((ele) => {\r\n return { name: ele.gd_type_name, value: ele.total };\r\n });\r\n // console.log(threeList, \"饼图数据\");\r\n // var legendData = dataList.concat(\r\n // {\r\n // value: equipment[0],\r\n // name: \"运检类投诉\",\r\n // },\r\n // {\r\n // value: equipment[1],\r\n // name: \"运检类意见\",\r\n // }\r\n // );\r\n this.myChartBin = this.$echarts.init(\r\n document.getElementById(\"detailedThree\")\r\n );\r\n // var graphicList = [];\r\n // legendData.forEach((ele, index) => {\r\n // if (index <= 2) {\r\n // graphicList.push({\r\n // type: \"image\",\r\n // style: {\r\n // image: this.threeImg,\r\n // width: 164,\r\n // height: 41,\r\n // x: 250,\r\n // y: 55 * (index + 1),\r\n // },\r\n // });\r\n // } else {\r\n // graphicList.push({\r\n // type: \"image\",\r\n // style: {\r\n // image: this.threeImg,\r\n // width: 164,\r\n // height: 41,\r\n // x: 424,\r\n // y: 55 * (index - 2),\r\n // },\r\n // });\r\n // }\r\n // });\r\n this.option = {\r\n borderColor: \"none\",\r\n\r\n tooltip: {\r\n formatter: function (param) {\r\n if (param.data.type == null) {\r\n return param.data.name + \":\" + param.value + \"个\";\r\n } else {\r\n return param.data.name + \":\" + param.value + \"个\";\r\n }\r\n },\r\n },\r\n\r\n legend: {\r\n icon: \"pin\",\r\n // height: 90,\r\n top: 20,\r\n show: false,\r\n // bottom:0,\r\n // itemGap: 40,\r\n // lineHeight: 80,\r\n // padding: [30, 0, 30, 0],\r\n // right: '20%',\r\n // orient: \"vertical\", //垂直显示\r\n x: \"center\", //延Y轴居中\r\n data: dataList.map((ele) => {\r\n return ele.gd_type_name;\r\n }),\r\n textStyle: {\r\n color: \"#ffffff\",\r\n fontSize: 15,\r\n\r\n // width:20,\r\n // height:60,\r\n },\r\n },\r\n series: [\r\n {\r\n name: \"\",\r\n type: \"pie\",\r\n radius: [0, \"70%\"],\r\n center: [\"50%\", \"50%\"],\r\n startAngle: 60, //默认角度\r\n label: {\r\n position: \"inner\",\r\n show: false,\r\n },\r\n\r\n itemStyle: {\r\n normal: {\r\n borderColor: \"none\",\r\n borderWidth: 2,\r\n fontSize: 16,\r\n color: function (params) {\r\n return colorList[params.dataIndex];\r\n },\r\n },\r\n },\r\n\r\n selectedMode: \"single\",\r\n data: threeList,\r\n },\r\n // {\r\n // name: \"运检类\",\r\n // type: \"pie\",\r\n // radius: [\"70%\", \"80%\"],\r\n // center: [\"20%\", \"50%\"],\r\n // startAngle: 30,\r\n // itemStyle: {\r\n // normal: {\r\n // fontSize: 16,\r\n // color: function (params) {\r\n // return colorList1[params.dataIndex];\r\n // },\r\n // // color:'#F4C907',\r\n // },\r\n // },\r\n // label: {\r\n // normal: {\r\n // formatter: function (params) {\r\n // return params.data.name + \":\" + params.data.type + \"个\";\r\n // },\r\n // color: \"auto\",\r\n // show: false,\r\n // fontSize: 16,\r\n // },\r\n // },\r\n\r\n // data: [\r\n // {\r\n // value: equipment[0],\r\n // name: \"运检类投诉\",\r\n // type: equipment[0],\r\n // },\r\n // {\r\n // value: equipment[1],\r\n // name: \"运检类意见\",\r\n // type: equipment[1],\r\n // },\r\n // ],\r\n // animation: false,\r\n // },\r\n ],\r\n };\r\n this.myChartBin.setOption(this.option);\r\n window.addEventListener(\"resize\", () => {\r\n this.myChartBin.resize();\r\n });\r\n },\r\n doing() {\r\n this.option.series[0].startAngle = this.option.series[0].startAngle - 5;\r\n this.option.series[1].startAngle = this.option.series[1].startAngle - 5;\r\n this.myChartBin.setOption(this.option);\r\n },\r\n detailedFour(dataList) {\r\n let yearBzData = [];\r\n let yearChcg = [];\r\n let yearChbc = [];\r\n let yearWchz = [];\r\n let yearJieDi = [];\r\n let yearFenJi = [];\r\n for (let i = 0; i < dataList.length; i++) {\r\n yearBzData.push(dataList[i].bz);\r\n yearChcg.push(dataList[i].chcg);\r\n yearChbc.push(dataList[i].chbc);\r\n yearWchz.push(dataList[i].wchz);\r\n yearJieDi.push(dataList[i].jd);\r\n yearFenJi.push(dataList[i].fjbh);\r\n }\r\n // console.log(yearJieDi,'接地数据');\r\n let that = this;\r\n let myChart = this.$echarts.init(document.getElementById(\"detailedFour\"));\r\n var option = {\r\n tooltip: {\r\n axisPointer: {\r\n type: \"shadow\",\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 16,\r\n },\r\n },\r\n },\r\n grid: {\r\n borderWidth: 0,\r\n top: 30,\r\n bottom: \"17%\",\r\n left: \"6%\",\r\n right: \"6%\",\r\n textStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n legend: {\r\n icon: \"rect\",\r\n right: \"4%\",\r\n textStyle: {\r\n color: \"#ffffff\",\r\n },\r\n data: [\"重合成功\", \"重合不成\", \"无重合闸\", \"接地\", \"分级保护\"],\r\n },\r\n calculable: true,\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n trigger: \"axis\",\r\n axisLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#fff\",\r\n fontSize: 16,\r\n },\r\n },\r\n splitLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitArea: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n fontSize: 14,\r\n rotate: 30,\r\n },\r\n data: yearBzData,\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n color: \"rgb(83,83,83)\",\r\n fontSize: 16,\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n fontSize: 16,\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n },\r\n splitArea: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"重合成功\",\r\n type: \"bar\",\r\n stack: \"Total1\",\r\n barMaxWidth: 15,\r\n barGap: \"10%\",\r\n label: {\r\n show: true,\r\n formatter: function (params) {\r\n if (params.value == 0) {\r\n return \"\";\r\n } else {\r\n return params.value;\r\n }\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n {\r\n offset: 0,\r\n color: \"rgba(194,190,190,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(194,190,190,0)\",\r\n },\r\n ]),\r\n borderColor: new that.$echarts.graphic.LinearGradient(\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n [\r\n {\r\n offset: 0,\r\n color: \"rgba(194,190,190,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(194,190,190,0)\",\r\n },\r\n ]\r\n ),\r\n },\r\n },\r\n data: yearChcg,\r\n },\r\n {\r\n name: \"重合不成\",\r\n type: \"bar\",\r\n barMaxWidth: 15,\r\n stack: \"Total1\",\r\n label: {\r\n show: true,\r\n formatter: function (params) {\r\n if (params.value == 0) {\r\n return \"\";\r\n } else {\r\n return params.value;\r\n }\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n {\r\n offset: 0,\r\n color: \"rgba(86,254,226,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(86,254,226,0)\",\r\n },\r\n ]),\r\n borderColor: new that.$echarts.graphic.LinearGradient(\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n [\r\n {\r\n offset: 0,\r\n color: \"rgba(86,254,226,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(86,254,226,0)\",\r\n },\r\n ]\r\n ),\r\n },\r\n },\r\n data: yearChbc,\r\n },\r\n {\r\n name: \"无重合闸\",\r\n type: \"bar\",\r\n barMaxWidth: 15,\r\n stack: \"Total1\",\r\n label: {\r\n show: true,\r\n formatter: function (params) {\r\n if (params.value == 0) {\r\n return \"\";\r\n } else {\r\n return params.value;\r\n }\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n {\r\n offset: 0,\r\n color: \"rgba(237,125,49,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(237,125,49,0)\",\r\n },\r\n ]),\r\n borderColor: new that.$echarts.graphic.LinearGradient(\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n [\r\n {\r\n offset: 0,\r\n color: \"rgba(237,125,49,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(237,125,49,0)\",\r\n },\r\n ]\r\n ),\r\n barBorderRadius: 0,\r\n },\r\n },\r\n data: yearWchz,\r\n },\r\n {\r\n name: \"接地\",\r\n type: \"bar\",\r\n barMaxWidth: 15,\r\n stack: \"Total1\",\r\n label: {\r\n show: true,\r\n formatter: function (params) {\r\n if (params.value == 0) {\r\n return \"\";\r\n } else {\r\n return params.value;\r\n }\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n {\r\n offset: 0,\r\n color: \"rgba(35,160,247,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(35,160,247,0)\",\r\n },\r\n ]),\r\n borderColor: new that.$echarts.graphic.LinearGradient(\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n [\r\n {\r\n offset: 0,\r\n color: \"rgba(35,160,247,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(35,160,247,0)\",\r\n },\r\n ]\r\n ),\r\n barBorderRadius: 0,\r\n },\r\n },\r\n data: yearJieDi,\r\n },\r\n {\r\n name: \"分级保护\",\r\n type: \"bar\",\r\n barMaxWidth: 15,\r\n stack: \"Total1\",\r\n label: {\r\n show: true,\r\n formatter: function (params) {\r\n if (params.value == 0) {\r\n return \"\";\r\n } else {\r\n return params.value;\r\n }\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n {\r\n offset: 0,\r\n color: \"rgba(156,73,200,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(156,73,200,0)\",\r\n },\r\n ]),\r\n borderColor: new that.$echarts.graphic.LinearGradient(\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n [\r\n {\r\n offset: 0,\r\n color: \"rgba(156,73,200,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(156,73,200,0)\",\r\n },\r\n ]\r\n ),\r\n barBorderRadius: 0,\r\n },\r\n },\r\n data: yearFenJi,\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedFive() {\r\n let myChart = this.$echarts.init(document.getElementById(\"detailedFive\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n },\r\n grid: {\r\n left: \"5%\", //图表距离容器左侧多少距离\r\n right: \"5%\", //图表距离容器右侧侧多少距离\r\n bottom: \"0%\", //图表距离容器上面多少距离\r\n top: \"30%\", //图表距离容器下面多少距离\r\n containLabel: true, //防止标签溢出\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 \"长荡镇\",\r\n \"河海镇\",\r\n \"黄沙港镇\",\r\n \"临海镇\",\r\n \"兴桥镇\",\r\n \"合德镇\",\r\n \"四明镇\",\r\n \"特庸镇\",\r\n ],\r\n axisLabel: {\r\n interval: 0, //横轴信息全部显示\r\n show: true,\r\n textStyle: {\r\n color: \"#ffffff\",\r\n fontSize: 18,\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 fontSize: 18,\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"配变名称\",\r\n type: \"bar\",\r\n barWidth: 40, // 柱子宽度核心代码\r\n itemStyle: {\r\n normal: {\r\n color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"rgba(232, 155, 0,.3)\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"rgb(232, 155, 0)\",\r\n },\r\n ]),\r\n label: {\r\n show: true, //开启显示\r\n position: \"top\", //在上方显示\r\n textStyle: {\r\n //数值样式\r\n color: \"rgb(232, 155, 0)\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n },\r\n data: [87.69, 84.69, 82.69, 83.69, 77.69, 67.69, 57.69, 47.69],\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.content3 {\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 .content3 {\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 .line3 {\r\n width: 30%;\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 margin-bottom: 1%;\r\n height: 100%;\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 width: 100%;\r\n\r\n .num1 {\r\n background: url(\"../assets/indexN/zsjbtk.png\") no-repeat;\r\n width: 100%;\r\n height: 100%;\r\n background-size: 100%;\r\n line-height: 250%;\r\n text-align: center;\r\n }\r\n .numText {\r\n color: #ffffff;\r\n background: url(\"../assets/indexN/main.png\") no-repeat;\r\n background-size: 100%;\r\n width: 100%;\r\n height: 74px;\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(254, 209, 86) !important;\r\n -webkit-mask: linear-gradient(\r\n to top,\r\n rgb(254, 162, 86),\r\n transparent\r\n );\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% - 150px);\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 .content3 {\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 .line3 {\r\n width: 30%;\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: 1%;\r\n height: 100%;\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 width: 100%;\r\n\r\n .num1 {\r\n background: url(\"../assets/indexN/zsjbtk.png\") no-repeat;\r\n width: 100%;\r\n // height: 100%;\r\n background-size: 100%;\r\n line-height: 250%;\r\n text-align: center;\r\n }\r\n .numText {\r\n color: #ffffff;\r\n background: url(\"../assets/indexN/main.png\") no-repeat;\r\n background-size: 100%;\r\n width: 100%;\r\n height: 74px;\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(254, 209, 86) !important;\r\n -webkit-mask: linear-gradient(\r\n to top,\r\n rgb(254, 162, 86),\r\n transparent\r\n );\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 #detailedOne {\r\n width: 100%;\r\n height: calc(100% - 160px);\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/indexN/midzsj.png\") no-repeat;\r\n background-size: 100%;\r\n width: 65%;\r\n height: 20%;\r\n position: relative;\r\n top: -28%;\r\n left: 25%;\r\n .contents {\r\n // height: 90%;\r\n position: absolute;\r\n padding: 10px;\r\n height: 100%;\r\n width: 96%;\r\n display: flex;\r\n flex-direction: row;\r\n /* 平分剩余空间 */\r\n justify-content: space-around;\r\n .lines {\r\n width: 106%;\r\n padding: 10px 0 0 0px;\r\n // background: url(\"../assets/index/mainMin.png\") no-repeat;\r\n }\r\n\r\n .total {\r\n .num {\r\n // display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: center;\r\n align-items: left;\r\n color: #ffffff;\r\n span {\r\n font-size: 18px;\r\n }\r\n h5 {\r\n font-size: 34px;\r\n }\r\n .yellow {\r\n padding-top: 30px;\r\n color: yellow;\r\n font-size: 24px;\r\n }\r\n .orange {\r\n padding-top: 30px;\r\n color: orange;\r\n font-size: 24px;\r\n }\r\n .yellows {\r\n padding-top: 20px;\r\n color: yellow;\r\n font-size: 24px;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n .imgboxtwo1 {\r\n background: url(\"../assets/indexN/tk.png\") no-repeat;\r\n background-size: 100%;\r\n float: right;\r\n right: 8%;\r\n top: 20%;\r\n width: 28vh;\r\n height: 100%;\r\n position: relative;\r\n .content2 {\r\n padding: 5px;\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 .line1 {\r\n width: 100%;\r\n height: 100%;\r\n margin-left: 5%;\r\n text-align: left;\r\n font-size: 24px;\r\n color: #fff;\r\n }\r\n }\r\n }\r\n .map {\r\n background: url(\"../assets/indexN/map.png\") no-repeat;\r\n vertical-align: middle;\r\n display: table-cell;\r\n text-align: center;\r\n margin-left: -20%;\r\n .leftimg {\r\n position: absolute;\r\n left: 34.5%;\r\n }\r\n .rightimg {\r\n position: absolute;\r\n right: 35%;\r\n }\r\n .allimg {\r\n position: relative;\r\n left: 28.5%;\r\n top: 34%;\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 .enselect {\r\n position: absolute;\r\n right: 30px;\r\n top: 50%;\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 & > 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 .content3 {\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 .contentUl {\r\n display: flex;\r\n flex-wrap: wrap;\r\n height: 20%;\r\n width: 100%;\r\n position: relative;\r\n .top {\r\n position: relative;\r\n flex-basis: calc(100% / 3);\r\n height: 50%;\r\n left: 33%;\r\n img {\r\n margin-top: 15%;\r\n }\r\n .texts {\r\n color: orange;\r\n position: absolute;\r\n z-index: 2;\r\n left: 32%;\r\n top: 25%;\r\n align-items: center;\r\n font-size: 32px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 10%;\r\n }\r\n }\r\n .top1 {\r\n position: absolute;\r\n flex-basis: calc(100% / 3);\r\n height: 100%;\r\n img {\r\n margin-top: 30%;\r\n }\r\n .texts {\r\n color: #fff;\r\n position: absolute;\r\n z-index: 2;\r\n left: 0%;\r\n top: 27%;\r\n width: 87%;\r\n height: 100%;\r\n padding-top: 27%;\r\n background: url(\"../assets/indexN/xctb2.png\") no-repeat;\r\n background-size: 100%;\r\n align-items: center;\r\n font-size: 24px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 130%;\r\n }\r\n }\r\n .top2 {\r\n position: absolute;\r\n flex-basis: calc(100% / 3);\r\n height: 100%;\r\n left: 21%;\r\n top: -33%;\r\n img {\r\n margin-top: 30%;\r\n }\r\n .texts {\r\n color: #fff;\r\n position: absolute;\r\n z-index: 2;\r\n left: 0%;\r\n top: 27%;\r\n width: 87%;\r\n height: 100%;\r\n padding-top: 27%;\r\n background: url(\"../assets/indexN/xctb2.png\") no-repeat;\r\n background-size: 100%;\r\n align-items: center;\r\n font-size: 24px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 130%;\r\n }\r\n }\r\n .top3 {\r\n position: absolute;\r\n flex-basis: calc(100% / 3);\r\n height: 100%;\r\n left: 29%;\r\n top: 50%;\r\n img {\r\n margin-top: 30%;\r\n }\r\n .texts {\r\n color: #fff;\r\n position: absolute;\r\n z-index: 2;\r\n left: 0%;\r\n top: 27%;\r\n width: 87%;\r\n height: 100%;\r\n padding-top: 27%;\r\n background: url(\"../assets/indexN/xctb2.png\") no-repeat;\r\n background-size: 100%;\r\n align-items: center;\r\n font-size: 24px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 130%;\r\n }\r\n }\r\n .top4 {\r\n position: absolute;\r\n flex-basis: calc(100% / 3);\r\n height: 100%;\r\n left: 64%;\r\n top: 15%;\r\n img {\r\n margin-top: 30%;\r\n }\r\n .texts {\r\n color: #fff;\r\n position: absolute;\r\n z-index: 2;\r\n left: 0%;\r\n top: 27%;\r\n width: 87%;\r\n height: 100%;\r\n padding-top: 27%;\r\n background: url(\"../assets/indexN/xctb2.png\") no-repeat;\r\n background-size: 100%;\r\n align-items: center;\r\n font-size: 24px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 130%;\r\n }\r\n }\r\n .top5 {\r\n position: absolute;\r\n flex-basis: calc(100% / 3);\r\n height: 100%;\r\n left: 82%;\r\n top: -22%;\r\n img {\r\n margin-top: 30%;\r\n }\r\n .texts {\r\n color: #fff;\r\n position: absolute;\r\n z-index: 2;\r\n left: 0%;\r\n top: 27%;\r\n width: 87%;\r\n height: 100%;\r\n padding-top: 27%;\r\n background: url(\"../assets/indexN/xctb2.png\") no-repeat;\r\n background-size: 100%;\r\n align-items: center;\r\n font-size: 24px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 130%;\r\n }\r\n }\r\n }\r\n .line3 {\r\n width: 30%;\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: 1%;\r\n height: 100%;\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 width: 100%;\r\n\r\n .num1 {\r\n background: url(\"../assets/indexN/zsjbtk.png\") no-repeat;\r\n width: 100%;\r\n height: 100%;\r\n background-size: 100%;\r\n line-height: 200%;\r\n text-align: center;\r\n }\r\n .numText {\r\n color: #ffffff;\r\n background: url(\"../assets/indexN/main.png\") no-repeat;\r\n background-size: 100%;\r\n width: 100%;\r\n height: 74px;\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(254, 209, 86) !important;\r\n -webkit-mask: linear-gradient(\r\n to top,\r\n rgb(254, 162, 86),\r\n transparent\r\n );\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\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% - 190px);\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 .content3 {\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 .line3 {\r\n width: 30%;\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: 1%;\r\n height: 100%;\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 width: 100%;\r\n\r\n .num1 {\r\n background: url(\"../assets/indexN/zsjbtk.png\") no-repeat;\r\n width: 100%;\r\n // height: 100%;\r\n background-size: 100%;\r\n line-height: 250%;\r\n text-align: center;\r\n }\r\n .numText {\r\n color: #ffffff;\r\n background: url(\"../assets/indexN/main.png\") no-repeat;\r\n background-size: 100%;\r\n width: 100%;\r\n height: 74px;\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(254, 209, 86) !important;\r\n -webkit-mask: linear-gradient(\r\n to top,\r\n rgb(254, 162, 86),\r\n transparent\r\n );\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 #detailen {\r\n width: 100%;\r\n height: calc(100% - 150px);\r\n }\r\n #shuzihua {\r\n width: 100%;\r\n height: calc(100% - 150px);\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% - 150px);\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(\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\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 .content3 {\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(\r\n to bottom,\r\n rgb(255, 255, 255),\r\n rgb(86, 244, 254)\r\n );\r\n }\r\n }\r\n\r\n .content3 {\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\r\n .el-table--striped\r\n .el-table__body\r\n tr.el-table__row--striped\r\n 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#yellow {\r\n color: yellow;\r\n}\r\n#orange {\r\n color: rgb(232, 155, 0);\r\n}\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 .content3 {\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 .line3 {\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: 1%;\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(\r\n to top,\r\n rgb(86, 244, 254),\r\n transparent\r\n );\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 #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.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>\r\n"]}]}
\ No newline at end of file
+{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\index.vue?vue&type=style&index=2&id=a83bd3b0&lang=less&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\index.vue","mtime":1690160299337},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1655715156000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\less-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["\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":";AA4hJA;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 <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>盐城地区分布光伏运行监测</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content3\">\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >户数高渗透率 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.hsgst\"\r\n >{{ CompanyInfo.hsgst }}\r\n <span style=\"font-size: 18px; color: #fff\">%</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >容量渗透率 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"orange\"\r\n :text=\"CompanyInfo.rlst\"\r\n >{{ CompanyInfo.rlst }}\r\n <span style=\"font-size: 18px; color: #fff\">%</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >能量渗透率 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.nlst\"\r\n >{{ CompanyInfo.nlst }}\r\n <span style=\"font-size: 18px; color: #fff\">%</span>\r\n </span>\r\n </div>\r\n </div>\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\" @click=\"routerTo('配网工程全过程物资审计')\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>配网工程全过程物资审计</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content3\" style=\"display: inline\">\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n <span style=\"font-size: 18px\" class=\"num1\">项目数 </span>\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.xms\"\r\n >{{ CompanyInfo.xms }}\r\n <span style=\"font-size: 18px; color: #fff\">万</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\">预算费用总和</span>\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"orange\"\r\n :text=\"CompanyInfo.ysfyzh\"\r\n >{{ CompanyInfo.ysfyzh }}\r\n <span style=\"font-size: 18px; color: #fff\">%</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\">计划数</span>\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.jhs\"\r\n >{{ CompanyInfo.jhs }}\r\n </span>\r\n </div>\r\n </div>\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\" @click=\"routerTo('盐城东台区供电所数字化分析')\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>盐城东台区供电所数字化分析</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content3\">\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >升档配变数量 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.sdpbsl\"\r\n >{{ CompanyInfo.sdpbsl }}</span\r\n >\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\">降档配比数量</span>\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"orange\"\r\n :text=\"CompanyInfo.jdpbsl\"\r\n >{{ CompanyInfo.jdpbsl }}</span\r\n >\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >负荷关注配变数量 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.fhgzpb\"\r\n >{{ CompanyInfo.fhgzpb }}</span\r\n >\r\n </div>\r\n </div>\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\" @click=\"routerTo('盐城供电公司配网电能质量管控')\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>盐城供电公司配网电能质量管控</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content3\">\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >月供电可靠性 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.ygdkkx\"\r\n >{{ CompanyInfo.ygdkkx }}\r\n <span style=\"font-size: 18px; color: #fff\">%</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >平均停电频次 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"orange\"\r\n :text=\"CompanyInfo.pjtdpc\"\r\n >{{ CompanyInfo.pjtdpc }}\r\n <span style=\"font-size: 18px; color: #fff\">次/户</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >平均停电时间 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.pjtdsj\"\r\n >{{ CompanyInfo.pjtdsj }}\r\n <span style=\"font-size: 18px; color: #fff\">小时</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div id=\"detailedOne\"></div>\r\n </div>\r\n </div>\r\n <div class=\"middle\" id=\"middle\">\r\n <div class=\"map\" style=\"height: 100%\">\r\n <canvas\r\n id=\"myCanvas\"\r\n width=\"1000\"\r\n height=\"600\"\r\n style=\"position: absolute\"\r\n ></canvas>\r\n <img src=\"../assets/indexN/left.png\" class=\"leftimg\" alt=\"\" />\r\n <img src=\"../assets/indexN/right.png\" class=\"rightimg\" alt=\"\" />\r\n <img class=\"allimg\" src=\"../assets/indexN/dfsxz.png\" alt=\"\" />\r\n <div class=\"imgboxtwo1\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\" style=\"color: #fff; font-size: 26px\">\r\n 大丰区\r\n </div>\r\n </div>\r\n <div class=\"content2\">\r\n <div class=\"line1\">\r\n 用电量 (kwh) \r\n <span style=\"color: yellow; font-size: 28px\">2.685亿</span>\r\n </div>\r\n <div class=\"line1\">\r\n 碳排放量 (kg) \r\n <span style=\"color: orange; font-size: 28px\">7.303万</span>\r\n </div>\r\n <div class=\"line1\">\r\n 企业数量 \r\n <span style=\"color: yellow; font-size: 28px\">713</span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"imgboxone\">\r\n <div class=\"contents\">\r\n <div class=\"lines\" style=\"width: 55%\">\r\n <img src=\"../assets/indexN/tb1.png\" style=\"margin-top: 15%\" />\r\n <h4 style=\"color: #fff; margin-top: 10%\">数据目录</h4>\r\n </div>\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span>发布数量</span>\r\n <span class=\"yellow\">\r\n 100 <span style=\"color: #fff\">%</span>\r\n </span>\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <span>负面清单</span>\r\n <span class=\"orange\">\r\n 7244<span style=\"color: #fff\">个</span>\r\n </span>\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <span>涉及系统</span>\r\n <span class=\"yellow\">\r\n 251 <span style=\"color: #fff\">个</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"lines\" style=\"width: 55%\">\r\n <img src=\"../assets/indexN/tb2.png\" style=\"margin-top: 15%\" />\r\n <h4 style=\"color: #fff; margin-top: 10%\">数据资源</h4>\r\n </div>\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <div style=\"display: inline-block\">\r\n <span>接入数量</span>\r\n </div>\r\n <span class=\"yellow\"\r\n > 1.6 <span style=\"color: #fff\">万个</span></span\r\n >\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <div style=\"display: inline-block\">\r\n <span>涉及系统</span>\r\n </div>\r\n <span class=\"orange\"\r\n > 123 <span style=\"color: #fff\">个</span></span\r\n >\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <div style=\"display: inline-block\">\r\n <span>数据资源卡片</span>\r\n </div>\r\n <span class=\"yellow\"\r\n >31<span style=\"color: #fff\">个</span></span\r\n >\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"lines\" style=\"width: 55%\">\r\n <img src=\"../assets/indexN/tb3.png\" style=\"margin-top: 15%\" />\r\n <h4 style=\"color: #fff; margin-top: 10%\">数据服务</h4>\r\n </div>\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <div style=\"display: inline-block\">\r\n <span>服务数量</span>\r\n </div>\r\n <span class=\"yellow\">\r\n 1084<span style=\"color: #fff\">个</span>\r\n </span>\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <div style=\"display: inline-block\">\r\n <span>接入数量</span>\r\n </div>\r\n <span class=\"orange\">\r\n 8833<span style=\"color: #fff\">个</span>\r\n </span>\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <div style=\"display: inline-block\">\r\n <span>访问次数</span>\r\n </div>\r\n <span class=\"yellow\">\r\n 5.3 <span style=\"color: #fff\">亿个</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"lines\" style=\"width: 55%\">\r\n <img src=\"../assets/indexN/tb4.png\" style=\"margin-top: 15%\" />\r\n <h4 style=\"color: #fff; margin-top: 10%\">数据产品</h4>\r\n </div>\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <div style=\"display: inline-block\">\r\n <span>报表数量</span>\r\n </div>\r\n <span class=\"yellow\"\r\n > 19 <span style=\"color: #fff\">个</span></span\r\n >\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <div style=\"display: inline-block\">\r\n <span>服务访问次数</span>\r\n </div>\r\n <span class=\"orange\"\r\n > 0 <span style=\"color: #fff\">次</span></span\r\n >\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <div style=\"display: inline-block\">\r\n <span>指标数量</span>\r\n </div>\r\n <span class=\"yellow\"\r\n > 477 <span style=\"color: #fff\">个</span></span\r\n >\r\n </div>\r\n </div>\r\n </div>\r\n </div>\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\" @click=\"routerTo('乡村振兴电力综合指数')\">\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\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>乡村振兴电力综合指数</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n <!-- <div 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=\"content3\">\r\n <div class=\"contentUl\">\r\n <div class=\"top1\">\r\n <!-- <img src=\"../assets/indexN/xctb2.png\" /> -->\r\n <div class=\"texts\">94.46</div>\r\n <h4>产业兴旺</h4>\r\n </div>\r\n <div class=\"top2\">\r\n <!-- <img src=\"../assets/indexN/xctb2.png\" /> -->\r\n <div class=\"texts\">63.95</div>\r\n <h4>生活宜居</h4>\r\n </div>\r\n <div class=\"top3\">\r\n <div class=\"texts\">74.15</div>\r\n <h4>生活富裕</h4>\r\n </div>\r\n <div class=\"top4\">\r\n <div class=\"texts\">56.23</div>\r\n <h4>治理有效</h4>\r\n </div>\r\n <div class=\"top5\">\r\n <div class=\"texts\">86.82</div>\r\n <h4>乡风文明</h4>\r\n </div>\r\n <div class=\"top\">\r\n <img src=\"../assets/indexN/xctb1.png\" />\r\n <div class=\"texts\" style=\"color: yellow\">77.17</div>\r\n </div>\r\n <!-- <div class=\"top\">\r\n <img src=\"../assets/05/sjfx.png\" />\r\n <div class=\"texts\" style=\"color: yellow\">\r\n 0\r\n <span style=\"font-size: 15px; color: #fff\">个</span>\r\n </div>\r\n <h4>自然村</h4>\r\n </div> -->\r\n </div>\r\n </div>\r\n <div class=\"enselect\">\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n <span class=\"text\">乡镇</span>\r\n </div>\r\n <div id=\"detailedFive\"></div>\r\n </div>\r\n\r\n <div class=\"three\" style=\"height: 48%; width: 100%\">\r\n <div class=\"cartitle\" @click=\"routerTo('两高行业企业污染监测')\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>两高行业企业污染监测</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <!-- <div class=\"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=\"content3\" style=\"display: inline\">\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n <span style=\"font-size: 18px\" class=\"num1\" id=\"textleft\"\r\n >2022年度总碳排放量</span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600; margin-left: 30px\"\r\n class=\"numText\"\r\n :text=\"CompanyInfo.ztpf\"\r\n id=\"yellow\"\r\n >{{ CompanyInfo.ztpf }}\r\n <span style=\"font-size: 18px; color: #fff\">吨碳</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\" id=\"textleft\"\r\n >2022年度总用电量</span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600; margin-left: 30px\"\r\n class=\"numText\"\r\n id=\"orange\"\r\n :text=\"CompanyInfo.zydl\"\r\n >{{ CompanyInfo.zydl }}\r\n <span style=\"font-size: 18px; color: #fff\">kwh</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\" id=\"textleft\"\r\n >2022年度客户总数</span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600; margin-left: 30px\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.khzs\"\r\n >{{ CompanyInfo.khzs }}\r\n <span style=\"font-size: 18px; color: #fff\">人</span>\r\n </span>\r\n </div>\r\n </div>\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\" @click=\"routerTo('农村生活污水治理设备电量分析')\">\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\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>农村生活污水治理设备电量分析</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n <!-- <div 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\r\n <div class=\"content3\">\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >年度总用电量 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.xczydl\"\r\n >{{ CompanyInfo.xczydl }}\r\n <span style=\"font-size: 18px; color: #fff\">万kwh</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >最大设备规模 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"orange\"\r\n :text=\"CompanyInfo.zdsbgm\"\r\n >{{ CompanyInfo.zdsbgm }}\r\n <span style=\"font-size: 18px; color: #fff\">吨/日</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >最小设备规模 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.zxsbgm\"\r\n >{{ CompanyInfo.zxsbgm }}\r\n <span style=\"font-size: 18px; color: #fff\">吨/日</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div id=\"detailen\"></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\r\n class=\"cartitle\"\r\n @click=\"routerTo('数字化排涝抗旱辅助及检修辅助决策')\"\r\n >\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>数字化排涝抗旱辅助及检修辅助决策</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content3\">\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >辖区管理供电所 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.glgds\"\r\n >{{ CompanyInfo.glgds }}\r\n <span style=\"font-size: 18px; color: #fff\">个</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >辖区管理台区 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"orange\"\r\n :text=\"CompanyInfo.gltq\"\r\n >{{ CompanyInfo.gltq }}\r\n <span style=\"font-size: 18px; color: #fff\">个</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >自然村 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.zrc\"\r\n >{{ CompanyInfo.zrc }}\r\n <span style=\"font-size: 18px; color: #fff\">条</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div id=\"shuzihua\"></div>\r\n </div>\r\n </div>\r\n <div class=\"realTimeAlarm\" v-show=\"realTimeAlarmShow\">\r\n <div class=\"content3\">\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\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=\"content3\">\r\n <div class=\"table user_skills\">\r\n <el-table\r\n :data=\"alarmInformationData\"\r\n style=\"width: 100%; height: 100%\"\r\n :header-cell-style=\"{ 'text-align': 'center' }\"\r\n :cell-style=\"{ 'text-align': 'center' }\"\r\n :row-class-name=\"rowClass\"\r\n >\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\r\n prop=\"cabinet_name\"\r\n label=\"告警位置\"\r\n align=\"center\"\r\n >\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\r\n @current-change=\"handleCurrentChange\"\r\n :current-page=\"page\"\r\n :page-size=\"pageSize\"\r\n layout=\"prev, pager, next\"\r\n :total=\"totals\"\r\n v-if=\"pageShow\"\r\n >\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\r\n class=\"componentShow\"\r\n style=\"display: block; height: calc(100% - 100px); top: 100px\"\r\n v-if=\"lineItem != null\"\r\n >\r\n <component :is=\"lineShow\" :lineItem=\"lineItem\"></component>\r\n </div> -->\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\nimport {\r\n getCompanyInfo,\r\n getLine,\r\n getBanzugz,\r\n getGdtj,\r\n getDwbzgz,\r\n getGdsgdzl,\r\n getPbtyqk,\r\n getCabinetInfo,\r\n getCabinetList,\r\n getfaultReportList,\r\n getCabinetAlarmList,\r\n} from \"../api/index.js\";\r\n//引入echarts\r\nimport * as echarts from \"echarts\";\r\n// 工单统计弹窗组件\r\nimport workOrder from \"../component/workOrder.vue\";\r\n// import 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 hsgst: \"3.4\",\r\n rlst: \"0.01\",\r\n nlst: \"0.44\",\r\n xms: \"9.279\",\r\n ysfyzh: \"118.5\",\r\n jhs: \"44\",\r\n sdpbsl: \"12\",\r\n jdpbsl: \"7\",\r\n fhgzpb: \"87\",\r\n ygdkkx: \"99.95\",\r\n pjtdpc: \"0.39\",\r\n pjtdsj: \"0.37\",\r\n ztpf: \"108.3万\",\r\n zydl: \"39.83亿\",\r\n khzs: \"4968\",\r\n xczydl: \"723.6\",\r\n zdsbgm: \"1250\",\r\n zxsbgm: \"3673\",\r\n glgds: \"10\",\r\n gltq: \"13884\",\r\n zrc: \"306\",\r\n },\r\n tableData: [],\r\n btnArr: [\"总览\", \"环网柜\", \"分支箱\", \"箱变\", \"开闭所\"],\r\n btnActive: 0,\r\n iconGround: [\r\n {\r\n icon: require(\"@/assets/images/huanwanggui.png\"),\r\n name: \"环网柜\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/fenzhixiang.png\"),\r\n name: \"分支箱\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/xiangbian.png\"),\r\n name: \"箱变\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/kaibisuo.png\"),\r\n name: \"开闭所\",\r\n },\r\n ],\r\n btnEnlarge: [\r\n {\r\n icon: require(\"@/assets/images/btnTiShi.png\"),\r\n },\r\n {\r\n icon: require(\"@/assets/images/btnFangDa.png\"),\r\n },\r\n ],\r\n btnEnlarge1: [\r\n {\r\n icon: require(\"@/assets/images/btnTiShi.png\"),\r\n },\r\n {\r\n icon: require(\"@/assets/images/suoxiao.png\"),\r\n },\r\n ],\r\n options: [\r\n {\r\n value: \"\",\r\n label: \"\",\r\n },\r\n ],\r\n value: \"\",\r\n topContent: [\r\n {\r\n name: \"配变数量\",\r\n count: \"\",\r\n },\r\n {\r\n name: \"重复停运台次\",\r\n count: \"\",\r\n },\r\n {\r\n name: \"配变重复停运率\",\r\n count: \"\",\r\n },\r\n ],\r\n device: \"\",\r\n tableData: [],\r\n tableKey: +new Date(),\r\n scrollTop: 0, //table距离顶部距离\r\n option: null,\r\n myChartBin: null,\r\n\r\n gongdanList: [\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"频繁停电\",\r\n total: 0,\r\n },\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"处理时间长\",\r\n total: 0,\r\n },\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"运检类投诉\",\r\n total: 0,\r\n },\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"运检类意见\",\r\n total: 0,\r\n },\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"民事赔偿\",\r\n total: 0,\r\n },\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"多次停电\",\r\n total: 0,\r\n },\r\n ],\r\n\r\n // 工单\r\n orderItem: null,\r\n\r\n orderShow: \"\",\r\n // 线路故障明细\r\n routeItem: null,\r\n routeShow: \"\",\r\n\r\n // 配电线路\r\n lineItem: null,\r\n lineShow: \"\",\r\n timer: null, //定时器\r\n emergencyList: [], //告警数据\r\n rowTime: \"\",\r\n };\r\n },\r\n created() {},\r\n mounted() {\r\n // this.beginShowing();\r\n // 监听浏览器窗口大小变化\r\n window.onresize = () => {\r\n clearInterval(this.myTimer);\r\n this.beginShowing();\r\n };\r\n window.parent.getLoc();\r\n this.xianDuan();\r\n this.detailedTwo11();\r\n this.horizontalChart();\r\n this.detailedOne();\r\n this.barCharts();\r\n this.detailedFive();\r\n this.shuzihuaCharts();\r\n this.roseCharts();\r\n this.detailen1();\r\n // this.handleDate(0);\r\n\r\n let that = this;\r\n\r\n // //历史故障接口\r\n // let faultData = {\r\n // token: localStorage.getItem(\"token\"),\r\n // pageSize: \"500\",\r\n // page: \"1\",\r\n // };\r\n },\r\n // beforeDestroy() {\r\n // this.dataDestroy(); // 页面摧毁前，关闭定时器\r\n // },\r\n beforeDestroy() {\r\n // 离开当前路由前的操作\r\n clearInterval(this.timer);\r\n this.timer = null;\r\n },\r\n methods: {\r\n //地图画线\r\n xianDuan() {\r\n var canvas = document.getElementById(\"myCanvas\");\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.moveTo(650, 450); // moveTo(x,y) 定义线条开始坐标\r\n ctx.lineTo(735, 250); // lineTo(x,y) 定义线条结束坐标\r\n ctx.strokeStyle = \"orange\";\r\n ctx.lineWidth = 3;\r\n ctx.stroke();\r\n },\r\n routerTo(data) {\r\n if (data == \"盐城地区分布光伏运行监测\") {\r\n this.$router.push(\"/stationBuilding\");\r\n }\r\n if (data == \"盐城东台区供电所数字化分析\") {\r\n this.$router.push(\"/twentyKV\");\r\n }\r\n if (data == \"配网工程全过程物资审计\") {\r\n this.$router.push(\"/thirtyFiveKV\");\r\n }\r\n if (data == \"盐城供电公司配网电能质量管控\") {\r\n this.$router.push(\"/powerQualityControl\");\r\n }\r\n if (data == \"乡村振兴电力综合指数\") {\r\n this.$router.push(\"/ruralRevitalizationPower\");\r\n }\r\n if (data == \"两高行业企业污染监测\") {\r\n this.$router.push(\"/enterprisePollutionMonitoring\");\r\n }\r\n if (data == \"农村生活污水治理设备电量分析\") {\r\n this.$router.push(\"/ruralDomesticSewageTreatment\");\r\n }\r\n if (data == \"数字化排涝抗旱辅助及检修辅助决策\") {\r\n this.$router.push(\"/digitalFloodDrainageDroughtRelief\");\r\n }\r\n },\r\n detailen1() {\r\n var fontColor = \"#30eee9\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailen\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n },\r\n grid: {\r\n left: \"0%\", //图表距离容器左侧多少距离\r\n right: \"10%\", //图表距离容器右侧侧多少距离\r\n bottom: \"20%\", //图表距离容器上面多少距离\r\n top: \"10%\", //图表距离容器下面多少距离\r\n containLabel: true, //防止标签溢出\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n },\r\n\r\n data: [\"电量KWH\"],\r\n },\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n data: [\r\n \"安丰镇\",\r\n \"草堰镇\",\r\n \"龙岗镇\",\r\n \"新丰镇\",\r\n \"伍佑街道\",\r\n \"步凤镇\",\r\n ],\r\n axisLabel: {\r\n show: true,\r\n textStyle: {\r\n color: \"#ffffff\",\r\n fontSize: 18,\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 fontSize: 18,\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"电量kwh\",\r\n type: \"bar\",\r\n barWidth: 40, // 柱子宽度核心代码，\r\n itemStyle: {\r\n normal: {\r\n color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"rgba(2,255,255,.1)\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"rgb(2,255,255)\",\r\n },\r\n ]),\r\n label: {\r\n show: true, //开启显示\r\n position: \"top\", //在上方显示\r\n formatter: function (params) {\r\n //核心部分 formatter 可以为字符串也可以是回调\r\n if (params.value) {\r\n //如果当前值存在则拼接\r\n return params.value + \"万\";\r\n } else {\r\n //否则返回个空\r\n return \"\";\r\n }\r\n },\r\n textStyle: {\r\n //数值样式\r\n color: \"#00ffff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n data: [320, 332, 301, 334, 390, 288, 299],\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n //班组\r\n getbanzhu() {\r\n getBanzugz({\r\n action: \"detail\",\r\n }).then((res) => {\r\n console.log(res, \"班组故障详情\");\r\n for (let i = 0; i < res.data.data.length; i++) {\r\n if (res.data.data[i].gz_time_deal) {\r\n let date = new Date(res.data.data[i].gz_time_deal);\r\n res.data.data[i].gz_time_deal =\r\n this.$moment(date).format(\"YYYY-MM-DD HH:mm\");\r\n // console.log(res.data.data[i].gz_time_deal,'转换后');\r\n }\r\n if (res.data.data[i].gz_time) {\r\n let time = new Date(res.data.data[i].gz_time);\r\n res.data.data[i].gz_time =\r\n this.$moment(time).format(\"YYYY-MM-DD HH:mm\");\r\n }\r\n this.tableData.push(res.data.data[i]);\r\n }\r\n });\r\n },\r\n //工单\r\n getGongdan() {\r\n getGdtj({ action: \"tongji\" }).then((res) => {\r\n console.log(res, \"工单统计数据\");\r\n let dataList = res.data.data;\r\n\r\n for (let i = 0; i < this.gongdanList.length; i++) {\r\n for (let j = 0; j < res.data.data.length; j++) {\r\n if (\r\n this.gongdanList[i].gd_type_name == res.data.data[j].gd_type_name\r\n ) {\r\n this.gongdanList[i].total = res.data.data[j].total;\r\n this.gongdanList[i].gd_type_id = res.data.data[j].gd_type_id;\r\n }\r\n }\r\n }\r\n // this.gongdanList = res.data.data;\r\n this.detailedThree(dataList);\r\n // this.$nextTick(() => {\r\n // this.detailedThree(dataList);\r\n // setInterval(() => {\r\n // this.doing();\r\n // }, 200);\r\n // });\r\n });\r\n },\r\n // //表格第一行颜色\r\n rowClass(row, rowIndex) {\r\n if (row.rowIndex === 0) {\r\n return \"rowColor0\";\r\n } else {\r\n return \"\";\r\n }\r\n },\r\n //切换当前页\r\n handleCurrentChange(val) {\r\n this.page = val;\r\n let tableData = [];\r\n if (this.emergencyList.length != 0) {\r\n tableData = this.emergencyList;\r\n if (val == 1) {\r\n this.alarmInformationData = tableData.slice(0, 10);\r\n document.getElementsByClassName(\"rowColor0\")[0].style.display = \"\";\r\n } else if (val == 2) {\r\n document.getElementsByClassName(\"rowColor0\")[0].style.display =\r\n \"none\";\r\n this.alarmInformationData = tableData.slice(10, 20);\r\n } else if (val == 3) {\r\n this.alarmInformationData = tableData.slice(20, 30);\r\n document.getElementsByClassName(\"rowColor0\")[0].style.display =\r\n \"none\";\r\n } else if (val == 4) {\r\n this.alarmInformationData = tableData.slice(30, 40);\r\n document.getElementsByClassName(\"rowColor0\")[0].style.display =\r\n \"none\";\r\n } else if (val == 5) {\r\n this.alarmInformationData = tableData.slice(40, 50);\r\n document.getElementsByClassName(\"rowColor0\")[0].style.display =\r\n \"none\";\r\n }\r\n } else {\r\n return false;\r\n }\r\n },\r\n // 线路详情弹窗\r\n openLineDetail(e) {\r\n // console.log(e);\r\n // var line = e + ''\r\n // console.log(line);\r\n getLine({ action: \"pdxl\" }).then(({ data }) => {\r\n console.log(data);\r\n this.lineShow = \"lineDetail\";\r\n this.lineItem = data.data;\r\n });\r\n },\r\n // 线路故障跳闸明细弹窗\r\n rowHandle(e) {\r\n // console.log(e, \"参数\");\r\n this.routeItem = e;\r\n this.routeShow = \"routeDetail\";\r\n // console.log(this.routeItem,'线路组件名称');\r\n },\r\n // 工单统计的弹窗\r\n openGdDetail(item) {\r\n this.orderItem = item;\r\n this.orderShow = \"workOrder\";\r\n },\r\n // 鼠标进入表格\r\n // mouseover() {\r\n // clearInterval(this.myTimer);\r\n // },\r\n // 鼠标离开表格\r\n mouseout() {\r\n this.roll();\r\n },\r\n //调用unity方法\r\n handleUnity(index, item) {\r\n this.btnActive = index;\r\n this.$refs.iframe.contentWindow.handleChange(item);\r\n },\r\n //选择线路\r\n selectLine(value) {\r\n getLine({\r\n action: \"query\",\r\n line_code: value,\r\n }).then((res) => {\r\n // console.log(res,'选择线路');\r\n if (res.data.data != 0 && res.data.data != null) {\r\n this.$refs.iframe.contentWindow.handleChangeLine(\r\n res.data.data.line_name\r\n );\r\n } else if (res.data.data == null) {\r\n this.$refs.iframe.contentWindow.handleChangeLine(\"\");\r\n }\r\n });\r\n },\r\n detailedOne() {\r\n let myChart = this.$echarts.init(document.getElementById(\"detailedOne\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n },\r\n\r\n data: [\"配变停电\"],\r\n },\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n data: [\r\n \"亭湖区\",\r\n \"东台市\",\r\n \"建湖县\",\r\n \"阜宁县\",\r\n \"响水县\",\r\n \"滨海县\",\r\n \"射阳县\",\r\n \"大丰区\",\r\n ],\r\n axisLabel: {\r\n show: true,\r\n textStyle: {\r\n color: \"#ffffff\",\r\n fontSize: 16,\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 fontSize: 16,\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"配变停电\",\r\n type: \"bar\",\r\n barWidth: 40, // 柱子宽度核心代码，\r\n itemStyle: {\r\n normal: {\r\n color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"rgba(2,255,255,.1)\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"rgb(2,255,255)\",\r\n },\r\n ]),\r\n label: {\r\n show: true, //开启显示\r\n position: \"top\", //在上方显示\r\n textStyle: {\r\n //数值样式\r\n color: \"#00ffff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n data: [5109, 5520, 5354, 5511, 4789, 5254, 5411, 4889],\r\n },\r\n ],\r\n };\r\n\r\n myChart.setOption(option);\r\n\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n shuzihuaCharts() {\r\n let myChart = this.$echarts.init(document.getElementById(\"shuzihua\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"cross\",\r\n crossStyle: {\r\n color: \"#999\",\r\n },\r\n },\r\n },\r\n grid: {\r\n left: \"5%\", //图表距离容器左侧多少距离\r\n right: \"8%\", //图表距离容器右侧侧多少距离\r\n bottom: \"20%\", //图表距离容器上面多少距离\r\n top: \"15%\", //图表距离容器下面多少距离\r\n containLabel: true, //防止标签溢出\r\n },\r\n legend: [\r\n {\r\n x: \"center\",\r\n data: [\r\n \"投运15年以上设备数量\",\r\n \"统计时间所辖线路设备数量\",\r\n \"设备老化占比\",\r\n ],\r\n textStyle: {\r\n fontSize: 18,\r\n color: \"#fff\",\r\n },\r\n },\r\n ],\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n data: [\r\n \"10kv星雨线163\",\r\n \"10kv智谋线183\",\r\n \"10kv朝阳线164\",\r\n \"10kv杨庄线181\",\r\n \"10kv森达线174\",\r\n ],\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n axisLabel: {\r\n rotate: -15, //60度角倾斜显示\r\n interval: 0, //横轴信息全部显示\r\n color: \"#fff\",\r\n fontSize: 20,\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n min: 0,\r\n max: 160,\r\n interval: 40,\r\n axisLabel: {\r\n textStyle: {\r\n fontSize: \"18\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n {\r\n type: \"value\",\r\n min: 0,\r\n max: 80,\r\n interval: 20,\r\n axisLabel: {\r\n formatter: \"{value}%\",\r\n textStyle: {\r\n fontSize: \"18\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"投运15年以上设备数量\",\r\n type: \"bar\",\r\n tooltip: {\r\n valueFormatter: function (value) {\r\n return value;\r\n },\r\n },\r\n itemStyle: {\r\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n { offset: 1, color: \"rgba(255,255,0,.2) \" },\r\n { offset: 0.5, color: \"rgb(255,255,0,.6)\" },\r\n { offset: 0, color: \"rgb(255,255,0)\" },\r\n ]),\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n data: [55, 66, 89, 113, 123],\r\n },\r\n {\r\n name: \"统计时间所辖线路设备数量\",\r\n type: \"bar\",\r\n tooltip: {\r\n valueFormatter: function (value) {\r\n return value;\r\n },\r\n },\r\n itemStyle: {\r\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n { offset: 1, color: \"rgba(2,255,255,.2) \" },\r\n { offset: 0.5, color: \"rgb(2,255,255,.6)\" },\r\n { offset: 0, color: \"rgb(2,255,255)\" },\r\n ]),\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n data: [46, 56, 99, 103, 123],\r\n },\r\n {\r\n name: \"设备老化占比\",\r\n type: \"line\",\r\n yAxisIndex: 1,\r\n tooltip: {\r\n valueFormatter: function (value) {\r\n return value;\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: \"orange\",\r\n lineStyle: {\r\n color: \"orange\",\r\n },\r\n },\r\n },\r\n data: [20, 40, 60, 80, 67],\r\n },\r\n ],\r\n };\r\n\r\n myChart.setOption(option);\r\n\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedTwo() {\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo1\"));\r\n var option = {\r\n xAxis: {\r\n type: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: fontColor,\r\n },\r\n axisLine: {\r\n show: true,\r\n lineStyle: {\r\n color: \"#397cbc\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#195384\",\r\n },\r\n },\r\n data: [\r\n \"0:00\",\r\n \"3:00\",\r\n \"6:00\",\r\n \"9:00\",\r\n \"12:00\",\r\n \"15:00\",\r\n \"18:00\",\r\n \"21:00\",\r\n \"24:00\",\r\n ],\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"单位：kw\",\r\n min: 0,\r\n max: 1000,\r\n show: true,\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n axisLabel: {\r\n formatter: \"{value}\",\r\n textStyle: {\r\n color: \"#2ad1d2\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#27b4c2\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n data: [720, 632, 801, 734, 470, 670, 720, 123, 567],\r\n type: \"line\",\r\n symbol: \"none\",\r\n lineStyle: {\r\n color: \"#00ffff\",\r\n width: 2,\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: \"00ffff\",\r\n lineStyle: {\r\n color: \"00ffff\",\r\n width: 3,\r\n type: \"solid\",\r\n },\r\n },\r\n },\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedTwo11() {\r\n var fontColor = \"#30eee9\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo1\"));\r\n var option = {\r\n xAxis: {\r\n type: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: fontColor,\r\n },\r\n axisLine: {\r\n show: true,\r\n lineStyle: {\r\n color: \"#397cbc\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#195384\",\r\n },\r\n },\r\n data: [\r\n \"0:00\",\r\n \"3:00\",\r\n \"6:00\",\r\n \"9:00\",\r\n \"12:00\",\r\n \"15:00\",\r\n \"18:00\",\r\n \"21:00\",\r\n \"24:00\",\r\n ],\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"单位：kw\",\r\n min: 0,\r\n max: 1000,\r\n show: true,\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n axisLabel: {\r\n formatter: \"{value}\",\r\n textStyle: {\r\n color: \"#2ad1d2\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#27b4c2\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n data: [720, 632, 801, 734, 470, 670, 720, 123, 567],\r\n type: \"line\",\r\n symbol: \"none\",\r\n lineStyle: {\r\n color: \"#00ffff\",\r\n width: 2,\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: \"00ffff\",\r\n lineStyle: {\r\n color: \"00ffff\",\r\n width: 3,\r\n type: \"solid\",\r\n },\r\n },\r\n },\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n horizontalChart() {\r\n var myChart = this.$echarts.init(\r\n document.getElementById(\"horizontalChart\")\r\n );\r\n var honorData = [\r\n {\r\n name: \"60天内掉电客户数\",\r\n data: [13.4, 12.1, 14.3],\r\n },\r\n {\r\n name: \"60天内掉电总数\",\r\n data: [9.4, 8.1, 7.3],\r\n },\r\n ];\r\n var honorXAxisData = [\"No.3\", \"No.2\", \"No.1\"];\r\n var nameList = [\r\n \"PMS_晨光满园9台区\",\r\n \"滨河华苑3台区\",\r\n \"PMS_晨光满园11台区\",\r\n ];\r\n var option = {\r\n color: [\"#0F9AF8\", \"#2039C3\", \"rgba(32,57,195,.5)\", \"#2ECACE\"],\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"none\",\r\n },\r\n },\r\n legend: {\r\n right: 20,\r\n top: \"5%\",\r\n itemWidth: 10,\r\n itemHeight: 10,\r\n itemGap: 15,\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n grid: {\r\n top: \"15%\",\r\n left: \"14%\",\r\n right: \"0%\",\r\n bottom: \"0%\",\r\n },\r\n xAxis: [\r\n {\r\n type: \"value\",\r\n show: false,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: \"#6B9DD7\",\r\n fontSize: 16, // 文字大小\r\n fontWeight: 400,\r\n interval: 0,\r\n formatter: function (value) {\r\n return value + \"(万元)\";\r\n },\r\n },\r\n splitLine: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"category\",\r\n offset: 17,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: \"#00FFFF\",\r\n fontSize: 20, // 文字大小\r\n fontWeight: 700,\r\n interval: 0,\r\n },\r\n\r\n data: honorXAxisData,\r\n },\r\n {\r\n //名称\r\n type: \"category\",\r\n offset: -10,\r\n position: \"left\",\r\n axisLine: {\r\n show: false,\r\n },\r\n inverse: true,\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n color: \"#fff\",\r\n align: \"left\",\r\n verticalAlign: \"bottom\",\r\n lineHeight: 40,\r\n fontSize: 20,\r\n },\r\n data: nameList,\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"60天内掉电客户数\",\r\n type: \"bar\",\r\n stack: \"zongliang\",\r\n barWidth: \"25%\",\r\n barMinHeight: 20,\r\n barGap: 15, // 柱图之间的间距\r\n itemStyle: {\r\n //自定义颜色\r\n // normal: { color: \"orange\" },\r\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"rgba(255,165,0,.2)\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"rgb(255,165,0)\",\r\n },\r\n ]),\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: [\"80%\", \"-100%\"],\r\n formatter: function (params) {\r\n return params.value;\r\n },\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n\r\n data: honorData[0].data,\r\n },\r\n {\r\n name: \"60天内掉电总数\",\r\n type: \"bar\",\r\n stack: \"zongliang\",\r\n barWidth: \"25%\",\r\n barMinHeight: 20,\r\n itemStyle: {\r\n //自定义颜色\r\n // normal: { color: \"orange\" },\r\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"#005BEA\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"#00C6FB\",\r\n },\r\n ]),\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: [\"80%\", \"-100%\"],\r\n formatter: function (params) {\r\n return params.value;\r\n },\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n data: honorData[1].data,\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n 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 {\r\n type: \"pie\",\r\n radius: [\"80\", \"120\"],\r\n center: [\"50%\", \"50%\"],\r\n color: [\"#80C269\", \"#00FFFF\", \"#0090F1\", \"#FFA800\", \"#4658F6\"],\r\n itemStyle: {\r\n normal: {\r\n borderWidth: 5,\r\n borderColor: \"#031845\",\r\n },\r\n },\r\n data: [\r\n {\r\n value: 27,\r\n name: \"国网大丰市供电公司\",\r\n },\r\n {\r\n value: 30,\r\n name: \"国网射阳县供电公司\",\r\n },\r\n {\r\n value: 24,\r\n name: \"开发区供电服务中心\",\r\n },\r\n {\r\n value: 27,\r\n name: \"盐城运维检修部\",\r\n },\r\n {\r\n value: 27,\r\n name: \"设备管理部\",\r\n },\r\n {\r\n value: 27,\r\n name: \"国网响水县供电公司\",\r\n },\r\n ],\r\n labelLine: {\r\n normal: {\r\n show: true,\r\n length: 20,\r\n length2: 10,\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: 20,\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: 20,\r\n align: \"center\",\r\n padding: 4,\r\n color: \"#fff\",\r\n },\r\n },\r\n },\r\n },\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n roseCharts() {\r\n var myChart = this.$echarts.init(document.getElementById(\"roseCharts\"));\r\n var option = {\r\n color: [\r\n \"#EAEA26\",\r\n \"#906BF9\",\r\n \"#FE5656\",\r\n \"#01E17E\",\r\n \"#3DD1F9\",\r\n \"#FFAD05\",\r\n ],\r\n 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\r\n polar: {},\r\n angleAxis: {\r\n interval: 1,\r\n type: \"category\",\r\n data: [],\r\n z: 10,\r\n axisLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#0B4A6B\",\r\n width: 1,\r\n type: \"solid\",\r\n },\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n show: true,\r\n color: \"#0B4A6B\",\r\n margin: 8,\r\n fontSize: 16,\r\n },\r\n },\r\n radiusAxis: {\r\n min: 40,\r\n max: 120,\r\n interval: 20,\r\n axisLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#0B3E5E\",\r\n width: 1,\r\n type: \"solid\",\r\n },\r\n },\r\n axisLabel: {\r\n formatter: \"{value} %\",\r\n show: false,\r\n padding: [0, 0, 20, 0],\r\n color: \"#0B3E5E\",\r\n fontSize: 16,\r\n },\r\n splitLine: {\r\n lineStyle: {\r\n color: \"#0B3E5E\",\r\n width: 2,\r\n type: \"solid\",\r\n },\r\n },\r\n },\r\n calculable: true,\r\n series: [\r\n {\r\n type: \"pie\",\r\n radius: [\"5%\", \"10%\"],\r\n hoverAnimation: false,\r\n labelLine: {\r\n normal: {\r\n show: false,\r\n length: 30,\r\n length2: 55,\r\n },\r\n emphasis: {\r\n show: false,\r\n },\r\n },\r\n data: [\r\n {\r\n name: \"\",\r\n value: 0,\r\n itemStyle: {\r\n normal: {\r\n color: \"#0B4A6B\",\r\n },\r\n },\r\n },\r\n ],\r\n },\r\n {\r\n type: \"pie\",\r\n radius: [\"90%\", \"95%\"],\r\n hoverAnimation: false,\r\n labelLine: {\r\n normal: {\r\n show: false,\r\n length: 30,\r\n length2: 55,\r\n },\r\n emphasis: {\r\n show: false,\r\n },\r\n },\r\n name: \"\",\r\n data: [\r\n {\r\n name: \"\",\r\n value: 0,\r\n itemStyle: {\r\n normal: {\r\n color: \"#0B4A6B\",\r\n },\r\n },\r\n },\r\n ],\r\n },\r\n {\r\n stack: \"a\",\r\n type: \"pie\",\r\n radius: [\"20%\", \"80%\"],\r\n roseType: \"area\",\r\n zlevel: 10,\r\n label: {\r\n normal: {\r\n show: true,\r\n formatter: \"{b} {d} %\",\r\n textStyle: {\r\n fontSize: 20,\r\n color: \"#fff\",\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: 35,\r\n borderWidth: 4,\r\n },\r\n emphasis: {\r\n show: false,\r\n },\r\n },\r\n data: [\r\n {\r\n value: 15,\r\n name: \"东台市\",\r\n },\r\n {\r\n value: 7,\r\n name: \"阜宁县\",\r\n },\r\n {\r\n value: 14,\r\n name: \"盐都区\",\r\n },\r\n {\r\n value: 23,\r\n name: \"滨海县\",\r\n },\r\n {\r\n value: 18,\r\n name: \"建湖县\",\r\n },\r\n {\r\n value: 35,\r\n name: \"射阳县\",\r\n },\r\n {\r\n value: 31,\r\n name: \"大丰区\",\r\n },\r\n {\r\n value: 28,\r\n name: \"响水县\",\r\n },\r\n {\r\n value: 36,\r\n name: \"亭湖区\",\r\n },\r\n ],\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedThree(dataList) {\r\n // console.log(this.threeImg,'图片');\r\n // var equipment = [dataList.yjlts, dataList.yjlyj];\r\n var that = this;\r\n // console.log(that,'指向');\r\n var colorList = [\r\n \"#0090ff\",\r\n \"#06d3c4\",\r\n \"#66b0ed\",\r\n \"#7cb79d\",\r\n \"#2361b4\",\r\n \"rgb(198,123,244)\",\r\n ];\r\n var colorList1 = [\"rgb(198,123,244)\", \"#2361b4\"];\r\n // 饼图数据\r\n var threeList = dataList.map((ele) => {\r\n return { name: ele.gd_type_name, value: ele.total };\r\n });\r\n // console.log(threeList, \"饼图数据\");\r\n // var legendData = dataList.concat(\r\n // {\r\n // value: equipment[0],\r\n // name: \"运检类投诉\",\r\n // },\r\n // {\r\n // value: equipment[1],\r\n // name: \"运检类意见\",\r\n // }\r\n // );\r\n this.myChartBin = this.$echarts.init(\r\n document.getElementById(\"detailedThree\")\r\n );\r\n // var graphicList = [];\r\n // legendData.forEach((ele, index) => {\r\n // if (index <= 2) {\r\n // graphicList.push({\r\n // type: \"image\",\r\n // style: {\r\n // image: this.threeImg,\r\n // width: 164,\r\n // height: 41,\r\n // x: 250,\r\n // y: 55 * (index + 1),\r\n // },\r\n // });\r\n // } else {\r\n // graphicList.push({\r\n // type: \"image\",\r\n // style: {\r\n // image: this.threeImg,\r\n // width: 164,\r\n // height: 41,\r\n // x: 424,\r\n // y: 55 * (index - 2),\r\n // },\r\n // });\r\n // }\r\n // });\r\n this.option = {\r\n borderColor: \"none\",\r\n\r\n tooltip: {\r\n formatter: function (param) {\r\n if (param.data.type == null) {\r\n return param.data.name + \":\" + param.value + \"个\";\r\n } else {\r\n return param.data.name + \":\" + param.value + \"个\";\r\n }\r\n },\r\n },\r\n\r\n legend: {\r\n icon: \"pin\",\r\n // height: 90,\r\n top: 20,\r\n show: false,\r\n // bottom:0,\r\n // itemGap: 40,\r\n // lineHeight: 80,\r\n // padding: [30, 0, 30, 0],\r\n // right: '20%',\r\n // orient: \"vertical\", //垂直显示\r\n x: \"center\", //延Y轴居中\r\n data: dataList.map((ele) => {\r\n return ele.gd_type_name;\r\n }),\r\n textStyle: {\r\n color: \"#ffffff\",\r\n fontSize: 15,\r\n\r\n // width:20,\r\n // height:60,\r\n },\r\n },\r\n series: [\r\n {\r\n name: \"\",\r\n type: \"pie\",\r\n radius: [0, \"70%\"],\r\n center: [\"50%\", \"50%\"],\r\n startAngle: 60, //默认角度\r\n label: {\r\n position: \"inner\",\r\n show: false,\r\n },\r\n\r\n itemStyle: {\r\n normal: {\r\n borderColor: \"none\",\r\n borderWidth: 2,\r\n fontSize: 16,\r\n color: function (params) {\r\n return colorList[params.dataIndex];\r\n },\r\n },\r\n },\r\n\r\n selectedMode: \"single\",\r\n data: threeList,\r\n },\r\n // {\r\n // name: \"运检类\",\r\n // type: \"pie\",\r\n // radius: [\"70%\", \"80%\"],\r\n // center: [\"20%\", \"50%\"],\r\n // startAngle: 30,\r\n // itemStyle: {\r\n // normal: {\r\n // fontSize: 16,\r\n // color: function (params) {\r\n // return colorList1[params.dataIndex];\r\n // },\r\n // // color:'#F4C907',\r\n // },\r\n // },\r\n // label: {\r\n // normal: {\r\n // formatter: function (params) {\r\n // return params.data.name + \":\" + params.data.type + \"个\";\r\n // },\r\n // color: \"auto\",\r\n // show: false,\r\n // fontSize: 16,\r\n // },\r\n // },\r\n\r\n // data: [\r\n // {\r\n // value: equipment[0],\r\n // name: \"运检类投诉\",\r\n // type: equipment[0],\r\n // },\r\n // {\r\n // value: equipment[1],\r\n // name: \"运检类意见\",\r\n // type: equipment[1],\r\n // },\r\n // ],\r\n // animation: false,\r\n // },\r\n ],\r\n };\r\n this.myChartBin.setOption(this.option);\r\n window.addEventListener(\"resize\", () => {\r\n this.myChartBin.resize();\r\n });\r\n },\r\n doing() {\r\n this.option.series[0].startAngle = this.option.series[0].startAngle - 5;\r\n this.option.series[1].startAngle = this.option.series[1].startAngle - 5;\r\n this.myChartBin.setOption(this.option);\r\n },\r\n detailedFour(dataList) {\r\n let yearBzData = [];\r\n let yearChcg = [];\r\n let yearChbc = [];\r\n let yearWchz = [];\r\n let yearJieDi = [];\r\n let yearFenJi = [];\r\n for (let i = 0; i < dataList.length; i++) {\r\n yearBzData.push(dataList[i].bz);\r\n yearChcg.push(dataList[i].chcg);\r\n yearChbc.push(dataList[i].chbc);\r\n yearWchz.push(dataList[i].wchz);\r\n yearJieDi.push(dataList[i].jd);\r\n yearFenJi.push(dataList[i].fjbh);\r\n }\r\n // console.log(yearJieDi,'接地数据');\r\n let that = this;\r\n let myChart = this.$echarts.init(document.getElementById(\"detailedFour\"));\r\n var option = {\r\n tooltip: {\r\n axisPointer: {\r\n type: \"shadow\",\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 16,\r\n },\r\n },\r\n },\r\n grid: {\r\n borderWidth: 0,\r\n top: 30,\r\n bottom: \"17%\",\r\n left: \"6%\",\r\n right: \"6%\",\r\n textStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n legend: {\r\n icon: \"rect\",\r\n right: \"4%\",\r\n textStyle: {\r\n color: \"#ffffff\",\r\n },\r\n data: [\"重合成功\", \"重合不成\", \"无重合闸\", \"接地\", \"分级保护\"],\r\n },\r\n calculable: true,\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n trigger: \"axis\",\r\n axisLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#fff\",\r\n fontSize: 16,\r\n },\r\n },\r\n splitLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitArea: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n fontSize: 14,\r\n rotate: 30,\r\n },\r\n data: yearBzData,\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n color: \"rgb(83,83,83)\",\r\n fontSize: 16,\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n fontSize: 16,\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n },\r\n splitArea: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"重合成功\",\r\n type: \"bar\",\r\n stack: \"Total1\",\r\n barMaxWidth: 15,\r\n barGap: \"10%\",\r\n label: {\r\n show: true,\r\n formatter: function (params) {\r\n if (params.value == 0) {\r\n return \"\";\r\n } else {\r\n return params.value;\r\n }\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n {\r\n offset: 0,\r\n color: \"rgba(194,190,190,2)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgb(194,190,190)\",\r\n },\r\n ]),\r\n borderColor: new that.$echarts.graphic.LinearGradient(\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n [\r\n {\r\n offset: 0,\r\n color: \"rgba(194,190,190,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(194,190,190,0)\",\r\n },\r\n ]\r\n ),\r\n },\r\n },\r\n data: yearChcg,\r\n },\r\n {\r\n name: \"重合不成\",\r\n type: \"bar\",\r\n barMaxWidth: 15,\r\n stack: \"Total1\",\r\n label: {\r\n show: true,\r\n formatter: function (params) {\r\n if (params.value == 0) {\r\n return \"\";\r\n } else {\r\n return params.value;\r\n }\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n {\r\n offset: 0,\r\n color: \"rgba(86,254,226,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(86,254,226,0)\",\r\n },\r\n ]),\r\n borderColor: new that.$echarts.graphic.LinearGradient(\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n [\r\n {\r\n offset: 0,\r\n color: \"rgba(86,254,226,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(86,254,226,0)\",\r\n },\r\n ]\r\n ),\r\n },\r\n },\r\n data: yearChbc,\r\n },\r\n {\r\n name: \"无重合闸\",\r\n type: \"bar\",\r\n barMaxWidth: 15,\r\n stack: \"Total1\",\r\n label: {\r\n show: true,\r\n formatter: function (params) {\r\n if (params.value == 0) {\r\n return \"\";\r\n } else {\r\n return params.value;\r\n }\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n {\r\n offset: 0,\r\n color: \"rgba(237,125,49,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(237,125,49,0)\",\r\n },\r\n ]),\r\n borderColor: new that.$echarts.graphic.LinearGradient(\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n [\r\n {\r\n offset: 0,\r\n color: \"rgba(237,125,49,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(237,125,49,0)\",\r\n },\r\n ]\r\n ),\r\n barBorderRadius: 0,\r\n },\r\n },\r\n data: yearWchz,\r\n },\r\n {\r\n name: \"接地\",\r\n type: \"bar\",\r\n barMaxWidth: 15,\r\n stack: \"Total1\",\r\n label: {\r\n show: true,\r\n formatter: function (params) {\r\n if (params.value == 0) {\r\n return \"\";\r\n } else {\r\n return params.value;\r\n }\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n {\r\n offset: 0,\r\n color: \"rgba(35,160,247,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(35,160,247,0)\",\r\n },\r\n ]),\r\n borderColor: new that.$echarts.graphic.LinearGradient(\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n [\r\n {\r\n offset: 0,\r\n color: \"rgba(35,160,247,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(35,160,247,0)\",\r\n },\r\n ]\r\n ),\r\n barBorderRadius: 0,\r\n },\r\n },\r\n data: yearJieDi,\r\n },\r\n {\r\n name: \"分级保护\",\r\n type: \"bar\",\r\n barMaxWidth: 15,\r\n stack: \"Total1\",\r\n label: {\r\n show: true,\r\n formatter: function (params) {\r\n if (params.value == 0) {\r\n return \"\";\r\n } else {\r\n return params.value;\r\n }\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n {\r\n offset: 0,\r\n color: \"rgba(156,73,200,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(156,73,200,0)\",\r\n },\r\n ]),\r\n borderColor: new that.$echarts.graphic.LinearGradient(\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n [\r\n {\r\n offset: 0,\r\n color: \"rgba(156,73,200,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(156,73,200,0)\",\r\n },\r\n ]\r\n ),\r\n barBorderRadius: 0,\r\n },\r\n },\r\n data: yearFenJi,\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedFive() {\r\n let myChart = this.$echarts.init(document.getElementById(\"detailedFive\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n },\r\n grid: {\r\n left: \"5%\", //图表距离容器左侧多少距离\r\n right: \"5%\", //图表距离容器右侧侧多少距离\r\n bottom: \"0%\", //图表距离容器上面多少距离\r\n top: \"30%\", //图表距离容器下面多少距离\r\n containLabel: true, //防止标签溢出\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 \"长荡镇\",\r\n \"河海镇\",\r\n \"黄沙港镇\",\r\n \"临海镇\",\r\n \"兴桥镇\",\r\n \"合德镇\",\r\n \"四明镇\",\r\n \"特庸镇\",\r\n ],\r\n axisLabel: {\r\n interval: 0, //横轴信息全部显示\r\n show: true,\r\n textStyle: {\r\n color: \"#ffffff\",\r\n fontSize: 18,\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 fontSize: 18,\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"配变名称\",\r\n type: \"bar\",\r\n barWidth: 40, // 柱子宽度核心代码\r\n itemStyle: {\r\n normal: {\r\n color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"rgba(232, 155, 0,.3)\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"rgb(232, 155, 0)\",\r\n },\r\n ]),\r\n label: {\r\n show: true, //开启显示\r\n position: \"top\", //在上方显示\r\n textStyle: {\r\n //数值样式\r\n color: \"rgb(232, 155, 0)\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n },\r\n data: [87.69, 84.69, 82.69, 83.69, 77.69, 67.69, 57.69, 47.69],\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.content3 {\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 #textleft {\r\n margin-left: 30px !important;\r\n }\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 .content3 {\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 .line3 {\r\n width: 30%;\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 margin-bottom: 1%;\r\n height: 100%;\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 width: 100%;\r\n\r\n .num1 {\r\n background: url(\"../assets/indexN/zsjbtk.png\") no-repeat;\r\n width: 100%;\r\n height: 100%;\r\n background-size: 100%;\r\n line-height: 250%;\r\n text-align: center;\r\n }\r\n .numText {\r\n color: #ffffff;\r\n background: url(\"../assets/indexN/main.png\") no-repeat;\r\n background-size: 100%;\r\n width: 100%;\r\n height: 74px;\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(254, 209, 86) !important;\r\n -webkit-mask: linear-gradient(\r\n to top,\r\n rgb(254, 162, 86),\r\n transparent\r\n );\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% - 150px);\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 .content3 {\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 .line3 {\r\n width: 30%;\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: 1%;\r\n height: 100%;\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 width: 100%;\r\n\r\n .num1 {\r\n background: url(\"../assets/indexN/zsjbtk.png\") no-repeat;\r\n width: 100%;\r\n // height: 100%;\r\n background-size: 100%;\r\n line-height: 250%;\r\n text-align: center;\r\n }\r\n .numText {\r\n color: #ffffff;\r\n background: url(\"../assets/indexN/main.png\") no-repeat;\r\n background-size: 100%;\r\n width: 100%;\r\n height: 74px;\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(254, 209, 86) !important;\r\n -webkit-mask: linear-gradient(\r\n to top,\r\n rgb(254, 162, 86),\r\n transparent\r\n );\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 #detailedOne {\r\n width: 100%;\r\n height: calc(100% - 160px);\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/indexN/midzsj.png\") no-repeat;\r\n background-size: 100%;\r\n width: 65%;\r\n height: 20%;\r\n position: relative;\r\n top: -28%;\r\n left: 25%;\r\n .contents {\r\n // height: 90%;\r\n position: absolute;\r\n padding: 10px;\r\n height: 100%;\r\n width: 96%;\r\n display: flex;\r\n flex-direction: row;\r\n /* 平分剩余空间 */\r\n justify-content: space-around;\r\n .lines {\r\n width: 106%;\r\n padding: 10px 0 0 0px;\r\n // background: url(\"../assets/index/mainMin.png\") no-repeat;\r\n }\r\n\r\n .total {\r\n .num {\r\n // display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: center;\r\n align-items: left;\r\n color: #ffffff;\r\n span {\r\n font-size: 18px;\r\n }\r\n h5 {\r\n font-size: 34px;\r\n }\r\n .yellow {\r\n padding-top: 30px;\r\n color: yellow;\r\n font-size: 24px;\r\n }\r\n .orange {\r\n padding-top: 30px;\r\n color: orange;\r\n font-size: 24px;\r\n }\r\n .yellows {\r\n padding-top: 20px;\r\n color: yellow;\r\n font-size: 24px;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n .imgboxtwo1 {\r\n background: url(\"../assets/indexN/tk.png\") no-repeat;\r\n background-size: 100%;\r\n float: right;\r\n right: 8%;\r\n top: 20%;\r\n width: 28vh;\r\n height: 100%;\r\n position: relative;\r\n .content2 {\r\n padding: 5px;\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 .line1 {\r\n width: 100%;\r\n height: 100%;\r\n margin-left: 5%;\r\n text-align: left;\r\n font-size: 24px;\r\n color: #fff;\r\n }\r\n }\r\n }\r\n .map {\r\n background: url(\"../assets/indexN/map.png\") no-repeat;\r\n vertical-align: middle;\r\n display: table-cell;\r\n text-align: center;\r\n margin-left: -20%;\r\n .leftimg {\r\n position: absolute;\r\n left: 34.5%;\r\n }\r\n .rightimg {\r\n position: absolute;\r\n right: 35%;\r\n }\r\n .allimg {\r\n position: relative;\r\n left: 28.5%;\r\n top: 34%;\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 .enselect {\r\n position: absolute;\r\n right: 30px;\r\n top: 50%;\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 & > 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 .content3 {\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 .contentUl {\r\n display: flex;\r\n flex-wrap: wrap;\r\n height: 20%;\r\n width: 100%;\r\n position: relative;\r\n .top {\r\n position: relative;\r\n flex-basis: calc(100% / 3);\r\n height: 50%;\r\n left: 33%;\r\n img {\r\n margin-top: 15%;\r\n }\r\n .texts {\r\n color: orange;\r\n position: absolute;\r\n z-index: 2;\r\n left: 32%;\r\n top: 25%;\r\n align-items: center;\r\n font-size: 32px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 10%;\r\n }\r\n }\r\n .top1 {\r\n position: absolute;\r\n flex-basis: calc(100% / 3);\r\n height: 100%;\r\n img {\r\n margin-top: 30%;\r\n }\r\n .texts {\r\n color: #fff;\r\n position: absolute;\r\n z-index: 2;\r\n left: 0%;\r\n top: 27%;\r\n width: 87%;\r\n height: 100%;\r\n padding-top: 27%;\r\n background: url(\"../assets/indexN/xctb2.png\") no-repeat;\r\n background-size: 100%;\r\n align-items: center;\r\n font-size: 24px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 130%;\r\n }\r\n }\r\n .top2 {\r\n position: absolute;\r\n flex-basis: calc(100% / 3);\r\n height: 100%;\r\n left: 21%;\r\n top: -33%;\r\n img {\r\n margin-top: 30%;\r\n }\r\n .texts {\r\n color: #fff;\r\n position: absolute;\r\n z-index: 2;\r\n left: 0%;\r\n top: 27%;\r\n width: 87%;\r\n height: 100%;\r\n padding-top: 27%;\r\n background: url(\"../assets/indexN/xctb2.png\") no-repeat;\r\n background-size: 100%;\r\n align-items: center;\r\n font-size: 24px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 130%;\r\n }\r\n }\r\n .top3 {\r\n position: absolute;\r\n flex-basis: calc(100% / 3);\r\n height: 100%;\r\n left: 29%;\r\n top: 50%;\r\n img {\r\n margin-top: 30%;\r\n }\r\n .texts {\r\n color: #fff;\r\n position: absolute;\r\n z-index: 2;\r\n left: 0%;\r\n top: 27%;\r\n width: 87%;\r\n height: 100%;\r\n padding-top: 27%;\r\n background: url(\"../assets/indexN/xctb2.png\") no-repeat;\r\n background-size: 100%;\r\n align-items: center;\r\n font-size: 24px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 130%;\r\n }\r\n }\r\n .top4 {\r\n position: absolute;\r\n flex-basis: calc(100% / 3);\r\n height: 100%;\r\n left: 64%;\r\n top: 15%;\r\n img {\r\n margin-top: 30%;\r\n }\r\n .texts {\r\n color: #fff;\r\n position: absolute;\r\n z-index: 2;\r\n left: 0%;\r\n top: 27%;\r\n width: 87%;\r\n height: 100%;\r\n padding-top: 27%;\r\n background: url(\"../assets/indexN/xctb2.png\") no-repeat;\r\n background-size: 100%;\r\n align-items: center;\r\n font-size: 24px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 130%;\r\n }\r\n }\r\n .top5 {\r\n position: absolute;\r\n flex-basis: calc(100% / 3);\r\n height: 100%;\r\n left: 82%;\r\n top: -22%;\r\n img {\r\n margin-top: 30%;\r\n }\r\n .texts {\r\n color: #fff;\r\n position: absolute;\r\n z-index: 2;\r\n left: 0%;\r\n top: 27%;\r\n width: 87%;\r\n height: 100%;\r\n padding-top: 27%;\r\n background: url(\"../assets/indexN/xctb2.png\") no-repeat;\r\n background-size: 100%;\r\n align-items: center;\r\n font-size: 24px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 130%;\r\n }\r\n }\r\n }\r\n .line3 {\r\n width: 30%;\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: 1%;\r\n height: 100%;\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 width: 100%;\r\n\r\n .num1 {\r\n background: url(\"../assets/indexN/zsjbtk.png\") no-repeat;\r\n width: 100%;\r\n height: 100%;\r\n background-size: 100%;\r\n line-height: 200%;\r\n text-align: center;\r\n }\r\n .numText {\r\n color: #ffffff;\r\n background: url(\"../assets/indexN/main.png\") no-repeat;\r\n background-size: 100%;\r\n width: 100%;\r\n height: 74px;\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(254, 209, 86) !important;\r\n -webkit-mask: linear-gradient(\r\n to top,\r\n rgb(254, 162, 86),\r\n transparent\r\n );\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\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% - 190px);\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 .content3 {\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 .line3 {\r\n width: 30%;\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: 1%;\r\n height: 100%;\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 width: 100%;\r\n\r\n .num1 {\r\n background: url(\"../assets/indexN/zsjbtk.png\") no-repeat;\r\n width: 100%;\r\n // height: 100%;\r\n background-size: 100%;\r\n line-height: 250%;\r\n text-align: center;\r\n }\r\n .numText {\r\n color: #ffffff;\r\n background: url(\"../assets/indexN/main.png\") no-repeat;\r\n background-size: 100%;\r\n width: 100%;\r\n height: 74px;\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(254, 209, 86) !important;\r\n -webkit-mask: linear-gradient(\r\n to top,\r\n rgb(254, 162, 86),\r\n transparent\r\n );\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 #detailen {\r\n width: 100%;\r\n height: calc(100% - 150px);\r\n }\r\n #shuzihua {\r\n width: 100%;\r\n height: calc(100% - 150px);\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% - 150px);\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(\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\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 .content3 {\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(\r\n to bottom,\r\n rgb(255, 255, 255),\r\n rgb(86, 244, 254)\r\n );\r\n }\r\n }\r\n\r\n .content3 {\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\r\n .el-table--striped\r\n .el-table__body\r\n tr.el-table__row--striped\r\n 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#yellow {\r\n color: yellow;\r\n line-height: 175%;\r\n}\r\n#orange {\r\n color: rgb(235, 92, 92);\r\n line-height: 175%;\r\n}\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 .content3 {\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 .line3 {\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: 1%;\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(\r\n to top,\r\n rgb(86, 244, 254),\r\n transparent\r\n );\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 #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.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>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/4ede003f9085acee5f69c5cdadbe5f55.json b/node_modules/.cache/vue-loader/4ede003f9085acee5f69c5cdadbe5f55.json
index a9eb75e7..b9f3bf14 100644
--- a/node_modules/.cache/vue-loader/4ede003f9085acee5f69c5cdadbe5f55.json
+++ b/node_modules/.cache/vue-loader/4ede003f9085acee5f69c5cdadbe5f55.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\App.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\App.vue","mtime":1689921115690},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["\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 {{this.$moment().format(\"YYYY.MM.DD\")}} {{nowDate}} | {{week}}\r\n </div>\r\n \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=\"weather\">\r\n <div class=\"pic\">\r\n <img src=\"./assets/images/union.png\" alt=\"\" style=\"height: 100%; width: 100%\" />\r\n </div>\r\n <span>阴转多云</span>|\r\n <span style=\"font-size: 24px; color:#0B4A6B\">25℃~30℃</span>|\r\n <span style=\"font-size: 24px; margin-top: 3px\">东风3~4级</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: 30%;\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: 10px;\r\n color: #ffffff;\r\n // line-height: 97px;\r\n padding-left: 86px;\r\n text-align: left;\r\n display: flex;\r\n margin-left: 1%;\r\n margin-top: 0.5%;\r\n box-sizing: border-box;\r\n .time {\r\n height: 100%;\r\n color: #ffffff;\r\n font-size: 22px;\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 color: #ffffff;\r\n font-size: 22px;\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 font-size: 44px;\r\n font-weight: 700;\r\n letter-spacing: 10px;\r\n margin-right: 1%;\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 color: #ffffff;\r\n font-size: 22px;\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
+{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\App.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\App.vue","mtime":1689927995523},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["\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 backShow: false,\r\n routerTitle: [\"实时监测\", \"安全管控\", \"站房智辅\"],\r\n routerActive: 0,\r\n middleImg:require(\"./assets/indexN/titleText.png\"),\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 this.getLoc()\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 window.getLoc = this.getLoc;\r\n },\r\n\r\n methods: {\r\n getLoc(){\r\n var curWwwPath=window.document.location.href;\r\n console.log(\"curWwwPath\",curWwwPath)\r\n let paramArr = curWwwPath.split('/');\r\n let ele = paramArr.pop();\r\n console.log(\"ele\",ele)\r\n if(ele=='index'){\r\n this.backShow = false\r\n this.middleImg = require(\"./assets/indexN/titleText.png\")\r\n this.$refs.switchBtn.style.height = \"79%\";\r\n this.$refs.switchBtn.style.width = \"85%\";\r\n }else if(ele =='stationBuilding'){\r\n this.middleImg = require(\"./assets/title/02.png\"),\r\n this.backShow = true \r\n this.$refs.switchBtn.style.height = \"72%\";\r\n this.$refs.switchBtn.style.width = \"36%\";\r\n }else if(ele =='twentyKV'){\r\n this.middleImg = require(\"./assets/title/03.png\"),\r\n this.backShow = true \r\n this.$refs.switchBtn.style.height = \"79%\";\r\n this.$refs.switchBtn.style.width = \"85%\";\r\n }else if(ele =='thirtyFiveKV'){\r\n this.middleImg = require(\"./assets/title/04.png\"),\r\n this.backShow = true \r\n this.$refs.switchBtn.style.height = \"79%\";\r\n this.$refs.switchBtn.style.width = \"85%\";\r\n }else if(ele =='powerQualityControl'){\r\n this.middleImg = require(\"./assets/title/05.png\"),\r\n this.backShow = true \r\n this.$refs.switchBtn.style.height = \"79%\";\r\n this.$refs.switchBtn.style.width = \"85%\";\r\n }else if(ele =='ruralRevitalizationPower'){\r\n this.middleImg = require(\"./assets/title/07.png\"),\r\n this.backShow = true \r\n this.$refs.switchBtn.style.height = \"79%\";\r\n this.$refs.switchBtn.style.width = \"85%\";\r\n }else if(ele =='enterprisePollutionMonitoring'){\r\n this.middleImg = require(\"./assets/title/08.png\"),\r\n this.backShow = true \r\n this.$refs.switchBtn.style.height = \"79%\";\r\n this.$refs.switchBtn.style.width = \"85%\";\r\n }else if(ele =='ruralDomesticSewageTreatment'){\r\n this.middleImg = require(\"./assets/title/07.png\"),\r\n this.backShow = true \r\n this.$refs.switchBtn.style.height = \"79%\";\r\n this.$refs.switchBtn.style.width = \"85%\";\r\n }else if(ele =='digitalFloodDrainageDroughtRelief'){\r\n this.middleImg = require(\"./assets/title/09.png\"),\r\n this.backShow = true \r\n this.$refs.switchBtn.style.height = \"79%\";\r\n this.$refs.switchBtn.style.width = \"85%\";\r\n }\r\n \r\n },\r\n backBtn(){\r\n this.$router.push(\"/index\");\r\n },\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":";AAwDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;;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;;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 {{this.$moment().format(\"YYYY.MM.DD\")}} {{nowDate}} | {{week}}\r\n </div>\r\n \r\n </div>\r\n <div class=\"middle\">\r\n <div class=\"box\">\r\n \r\n <img :src=\"middleImg\" alt=\"\" ref=\"switchBtn\" /> \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=\"weather\">\r\n <div v-if=\"backShow\" @click=\"backBtn\">\r\n <img src=\"./assets/indexN/back.png\" alt=\"\" style=\"height: 100%; width: 100%\" /> \r\n </div>\r\n <div class=\"pic\">\r\n <img src=\"./assets/images/union.png\" alt=\"\" style=\"height: 100%; width: 100%\" />\r\n </div>\r\n <span>阴转多云</span>|\r\n <span style=\"font-size: 24px; color:#0B4A6B\">25℃~30℃</span>|\r\n <span style=\"font-size: 24px; margin-top: 3px\">东风3~4级</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></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 backShow: false,\r\n routerTitle: [\"实时监测\", \"安全管控\", \"站房智辅\"],\r\n routerActive: 0,\r\n middleImg:require(\"./assets/indexN/titleText.png\"),\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 this.getLoc()\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 window.getLoc = this.getLoc;\r\n },\r\n\r\n methods: {\r\n getLoc(){\r\n var curWwwPath=window.document.location.href;\r\n console.log(\"curWwwPath\",curWwwPath)\r\n let paramArr = curWwwPath.split('/');\r\n let ele = paramArr.pop();\r\n console.log(\"ele\",ele)\r\n if(ele=='index'){\r\n this.backShow = false\r\n this.middleImg = require(\"./assets/indexN/titleText.png\")\r\n this.$refs.switchBtn.style.height = \"79%\";\r\n this.$refs.switchBtn.style.width = \"85%\";\r\n }else if(ele =='stationBuilding'){\r\n this.middleImg = require(\"./assets/title/02.png\"),\r\n this.backShow = true \r\n this.$refs.switchBtn.style.height = \"72%\";\r\n this.$refs.switchBtn.style.width = \"36%\";\r\n }else if(ele =='twentyKV'){\r\n this.middleImg = require(\"./assets/title/03.png\"),\r\n this.backShow = true \r\n this.$refs.switchBtn.style.height = \"79%\";\r\n this.$refs.switchBtn.style.width = \"85%\";\r\n }else if(ele =='thirtyFiveKV'){\r\n this.middleImg = require(\"./assets/title/04.png\"),\r\n this.backShow = true \r\n this.$refs.switchBtn.style.height = \"79%\";\r\n this.$refs.switchBtn.style.width = \"85%\";\r\n }else if(ele =='powerQualityControl'){\r\n this.middleImg = require(\"./assets/title/05.png\"),\r\n this.backShow = true \r\n this.$refs.switchBtn.style.height = \"79%\";\r\n this.$refs.switchBtn.style.width = \"85%\";\r\n }else if(ele =='ruralRevitalizationPower'){\r\n this.middleImg = require(\"./assets/title/07.png\"),\r\n this.backShow = true \r\n this.$refs.switchBtn.style.height = \"79%\";\r\n this.$refs.switchBtn.style.width = \"85%\";\r\n }else if(ele =='enterprisePollutionMonitoring'){\r\n this.middleImg = require(\"./assets/title/08.png\"),\r\n this.backShow = true \r\n this.$refs.switchBtn.style.height = \"79%\";\r\n this.$refs.switchBtn.style.width = \"85%\";\r\n }else if(ele =='ruralDomesticSewageTreatment'){\r\n this.middleImg = require(\"./assets/title/07.png\"),\r\n this.backShow = true \r\n this.$refs.switchBtn.style.height = \"79%\";\r\n this.$refs.switchBtn.style.width = \"85%\";\r\n }else if(ele =='digitalFloodDrainageDroughtRelief'){\r\n this.middleImg = require(\"./assets/title/09.png\"),\r\n this.backShow = true \r\n this.$refs.switchBtn.style.height = \"79%\";\r\n this.$refs.switchBtn.style.width = \"85%\";\r\n }\r\n \r\n },\r\n backBtn(){\r\n this.$router.push(\"/index\");\r\n },\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: 30%;\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: 10px;\r\n color: #ffffff;\r\n // line-height: 97px;\r\n padding-left: 86px;\r\n text-align: left;\r\n display: flex;\r\n margin-left: 1%;\r\n margin-top: 0.5%;\r\n box-sizing: border-box;\r\n .time {\r\n height: 100%;\r\n color: #ffffff;\r\n font-size: 22px;\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 color: #ffffff;\r\n font-size: 22px;\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 font-size: 44px;\r\n font-weight: 700;\r\n letter-spacing: 10px;\r\n margin-right: 1%;\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 color: #ffffff;\r\n font-size: 22px;\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/5557d1f80f0d9793613248248b28b40f.json b/node_modules/.cache/vue-loader/5557d1f80f0d9793613248248b28b40f.json
index 1ca1d3e7..a7a4d005 100644
--- a/node_modules/.cache/vue-loader/5557d1f80f0d9793613248248b28b40f.json
+++ b/node_modules/.cache/vue-loader/5557d1f80f0d9793613248248b28b40f.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\stationBuilding.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\stationBuilding.vue","mtime":1689927415772},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["\r\n//引入echarts\r\nimport * as echarts from \"echarts\";\r\n// 工单统计弹窗组件\r\nimport workOrder from \"../component/workOrder.vue\";\r\nimport ringMainUnit from \"./HomePop/ringMainUnit.vue\";\r\nimport routeDetail from \"../component/routeDetail.vue\";\r\n\r\n// 线路详情\r\nimport lineDetail from \"../component/lineDetail.vue\";\r\nexport default {\r\n name: \"stationRuilding\",\r\n components: {\r\n ringMainUnit, //环网柜弹窗\r\n workOrder, //工单统计弹窗\r\n routeDetail, //线路故障跳闸明细\r\n lineDetail, //线路详情弹窗\r\n },\r\n data() {\r\n return {\r\n pageShow: true,\r\n totals: 5,\r\n pageSize: 10,\r\n page: 1,\r\n threeImg: require(\"../assets/images/pieBorder.png\"),\r\n enlargeShow: true,\r\n dateList: [\"周\", \"月\"],\r\n acolor: true, //是否展示颜色\r\n currentIndex: -1,\r\n alarmInformationData: [],\r\n alarmInformationShow: false, //报警详情信息弹窗\r\n realTimeAlarmShow: false, //实时报警弹窗\r\n modelOthers: false,\r\n componentShow: \"\",\r\n CompanyInfo: {},\r\n tableData: [],\r\n btnArr: [\"总览\", \"环网柜\", \"分支箱\", \"箱变\", \"开闭所\"],\r\n btnActive: 0,\r\n iconGround: [\r\n {\r\n icon: require(\"@/assets/images/huanwanggui.png\"),\r\n name: \"环网柜\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/fenzhixiang.png\"),\r\n name: \"分支箱\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/xiangbian.png\"),\r\n name: \"箱变\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/kaibisuo.png\"),\r\n name: \"开闭所\",\r\n },\r\n ],\r\n btnEnlarge: [\r\n {\r\n icon: require(\"@/assets/images/btnTiShi.png\"),\r\n },\r\n {\r\n icon: require(\"@/assets/images/btnFangDa.png\"),\r\n },\r\n ],\r\n btnEnlarge1: [\r\n {\r\n icon: require(\"@/assets/images/btnTiShi.png\"),\r\n },\r\n {\r\n icon: require(\"@/assets/images/suoxiao.png\"),\r\n },\r\n ],\r\n options: [\r\n {\r\n value: \"\",\r\n label: \"\",\r\n },\r\n ],\r\n value: \"\",\r\n topContent: [\r\n {\r\n name: \"配变数量\",\r\n count: \"\",\r\n },\r\n {\r\n name: \"重复停运台次\",\r\n count: \"\",\r\n },\r\n {\r\n name: \"配变重复停运率\",\r\n count: \"\",\r\n },\r\n ],\r\n device: \"\",\r\n tableData: [],\r\n tableKey: +new Date(),\r\n scrollTop: 0, //table距离顶部距离\r\n option: null,\r\n myChartBin: null,\r\n // 工单\r\n orderItem: null,\r\n orderShow: \"\",\r\n // 线路故障明细\r\n routeItem: null,\r\n routeShow: \"\",\r\n // 配电线路\r\n lineItem: null,\r\n lineShow: \"\",\r\n timer: null, //定时器\r\n emergencyList: [], //告警数据\r\n rowTime: \"\",\r\n pvTable: [\r\n {\r\n id: 1,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-1\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 2,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-2\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 3,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-3\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 4,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-4\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 5,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-5\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 6,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-6\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 7,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-7\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 8,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-8\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 9,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-9\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 10,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-10\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 11,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-11\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 12,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-12\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n ],\r\n psTable: [\r\n {\r\n id: 1,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 2,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 3,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 4,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 5,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 6,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 7,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 8,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 9,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 10,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 11,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 12,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n ],\r\n };\r\n },\r\n created() {},\r\n mounted() {\r\n this.detailedTwo11();\r\n this.detailedTwo22();\r\n this.detailqe1();\r\n this.detailen1();\r\n this.xianDuan();\r\n },\r\n methods: {\r\n //地图画线\r\n xianDuan() {\r\n var canvas = document.getElementById(\"myCanvas\");\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.moveTo(500, 500); // moveTo(x,y) 定义线条开始坐标\r\n ctx.lineTo(700, 150); // lineTo(x,y) 定义线条结束坐标\r\n ctx.moveTo(400, 500); // moveTo(x,y) 定义线条开始坐标\r\n ctx.lineTo(160, 600); // lineTo(x,y) 定义线条结束坐标\r\n ctx.strokeStyle = \"orange\";\r\n ctx.lineWidth = 5;\r\n ctx.stroke();\r\n },\r\n detailedTwo11() {\r\n var fontColor = \"#fff\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo1\"));\r\n var option = {\r\n grid: {\r\n left: \"5%\",\r\n right: \"10%\",\r\n top: \"20%\",\r\n bottom: \"15%\",\r\n containLabel: true,\r\n },\r\n tooltip: {\r\n show: true,\r\n trigger: \"item\",\r\n },\r\n legend: {\r\n show: true,\r\n x: \"center\",\r\n y: \"35\",\r\n icon: \"stack\",\r\n itemWidth: 10,\r\n itemHeight: 10,\r\n textStyle: {\r\n color: \"#1bb4f6\",\r\n },\r\n data: [\"已采纳\", \"已发布\", \"浏览量\"],\r\n },\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: fontColor,\r\n },\r\n axisLine: {\r\n show: true,\r\n lineStyle: {\r\n color: \"#397cbc\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#195384\",\r\n },\r\n },\r\n data: [\r\n \"0:00\",\r\n \"3:00\",\r\n \"6:00\",\r\n \"9:00\",\r\n \"12:00\",\r\n \"15:00\",\r\n \"18:00\",\r\n \"21:00\",\r\n \"24:00\",\r\n ],\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"信息量\",\r\n min: 0,\r\n max: 1000,\r\n show: false,\r\n axisLabel: {\r\n formatter: \"{value}\",\r\n textStyle: {\r\n color: \"#2ad1d2\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#27b4c2\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n // name: \"已发布\",\r\n type: \"line\",\r\n stack: \"总量\",\r\n symbol: \"none\",\r\n symbolSize: 8,\r\n itemStyle: {\r\n normal: {\r\n color: \"yellow\",\r\n lineStyle: {\r\n color: \"yellow\",\r\n width: 3,\r\n type: \"solid\",\r\n },\r\n },\r\n },\r\n data: [10, 12, 801, 844, 790, 830, 610, 501, 654, 490, 530, 310],\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedTwo22() {\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo2\"));\r\n var honorData = [\r\n {\r\n name: \"用电量（单位：亿）\",\r\n data: [13.4, 14.1, 17.3, 18.6, 16.6],\r\n },\r\n {\r\n name: \"碳排放量（单位：万）\",\r\n data: [9.4, 8.1, 7.3, 8.6, 6.6],\r\n },\r\n ];\r\n var honorXAxisData = [\"No.5\", \"No.4\", \"No.3\", \"No.2\", \"No.1\"];\r\n var nameList = [\r\n \"自然19#\",\r\n \"民权5#变\",\r\n \"民权5#变\",\r\n \"光顺09号\",\r\n \"PMS_碧桂园10#配变\",\r\n ];\r\n var option = {\r\n color: [\"#0F9AF8\", \"#2039C3\", \"rgba(32,57,195,.5)\", \"#2ECACE\"],\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"none\",\r\n },\r\n },\r\n legend: {\r\n right: 5,\r\n top: \"5%\",\r\n itemWidth: 10,\r\n itemHeight: 10,\r\n itemGap: 15,\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n grid: {\r\n top: \"15%\",\r\n left: \"14%\",\r\n right: \"0%\",\r\n bottom: \"0%\",\r\n },\r\n xAxis: [\r\n {\r\n type: \"value\",\r\n show: false,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: \"#6B9DD7\",\r\n fontSize: 16, // 文字大小\r\n fontWeight: 400,\r\n interval: 0,\r\n formatter: function (value) {\r\n return value + \"(万元)\";\r\n },\r\n },\r\n splitLine: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"category\",\r\n offset: 17,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: \"#fff\",\r\n fontSize: 20, // 文字大小\r\n fontWeight: 700,\r\n interval: 0,\r\n },\r\n\r\n data: honorXAxisData,\r\n },\r\n {\r\n //名称\r\n type: \"category\",\r\n offset: -10,\r\n position: \"left\",\r\n axisLine: {\r\n show: false,\r\n },\r\n inverse: true,\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n color: \"#fff\",\r\n align: \"left\",\r\n verticalAlign: \"bottom\",\r\n lineHeight: 40,\r\n fontSize: 20,\r\n },\r\n data: nameList,\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"60天内掉电客户数\",\r\n type: \"bar\",\r\n stack: \"zongliang\",\r\n barWidth: \"25%\",\r\n barGap: 15, // 柱图之间的间距\r\n itemStyle: {\r\n //自定义颜色\r\n // normal: { color: \"orange\" },\r\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"rgba(255,165,0,.4)\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"rgb(255,165,0)\",\r\n },\r\n ]),\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: [\"80%\", \"-100%\"],\r\n formatter: function (params) {\r\n return params.value;\r\n },\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n\r\n data: honorData[0].data,\r\n },\r\n {\r\n name: \"60天内掉电总数\",\r\n type: \"bar\",\r\n stack: \"zongliang\",\r\n barWidth: \"25%\",\r\n itemStyle: {\r\n //自定义颜色\r\n // normal: { color: \"orange\" },\r\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"#005BEA\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"#00C6FB\",\r\n },\r\n ]),\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: [\"80%\", \"-100%\"],\r\n formatter: function (params) {\r\n return params.value;\r\n },\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n data: honorData[1].data,\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailqe1() {\r\n var fontColor = \"#fff\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailqe\"));\r\n var option = {\r\n xAxis: {\r\n type: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: fontColor,\r\n },\r\n axisLine: {\r\n show: true,\r\n lineStyle: {\r\n color: \"#397cbc\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#195384\",\r\n },\r\n },\r\n data: [\r\n \"0:00\",\r\n \"3:00\",\r\n \"6:00\",\r\n \"9:00\",\r\n \"12:00\",\r\n \"15:00\",\r\n \"18:00\",\r\n \"21:00\",\r\n \"24:00\",\r\n ],\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"单位：kw\",\r\n min: 0,\r\n max: 1000,\r\n show: true,\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n axisLabel: {\r\n formatter: \"{value}\",\r\n textStyle: {\r\n color: \"#2ad1d2\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#27b4c2\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n data: [720, 632, 801, 734, 470, 670, 720, 123, 567],\r\n type: \"line\",\r\n symbol: \"none\",\r\n lineStyle: {\r\n color: \"#00ffff\",\r\n width: 2,\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: \"00ffff\",\r\n lineStyle: {\r\n color: \"00ffff\",\r\n width: 3,\r\n type: \"solid\",\r\n },\r\n },\r\n },\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailen1() {\r\n var fontColor = \"#30eee9\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailen\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n },\r\n\r\n data: [\"关联电网事故\", \"关联检修单\"],\r\n },\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n data: [\r\n \"10kv北红线124\",\r\n \"10kv北红线125\",\r\n \"10kv北红线126\",\r\n \"10kv北红线127\",\r\n \"10kv北红线128\",\r\n ],\r\n axisLabel: {\r\n show: true,\r\n textStyle: {\r\n color: \"#ffffff\",\r\n },\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"\",\r\n axisLabel: {\r\n textStyle: {\r\n color: \"#ffffff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"关联电网事故\",\r\n type: \"bar\",\r\n itemStyle: {\r\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n { offset: 1, color: \"rgba(86,254,226,.2) \" },\r\n { offset: 0.5, color: \"rgb(86,254,226,.6)\" },\r\n { offset: 0, color: \"rgb(86,254,226)\" },\r\n ]),\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n emphasis: {\r\n focus: \"series\",\r\n },\r\n data: [320, 332, 301, 334, 390],\r\n },\r\n {\r\n name: \"关联检修单\",\r\n type: \"bar\",\r\n itemStyle: {\r\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n { offset: 1, color: \"rgba(237,125,49,.2) \" },\r\n { offset: 0.5, color: \"rgb(237,125,49,.6)\" },\r\n { offset: 0, color: \"rgb(237,125,49)\" },\r\n ]),\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n emphasis: {\r\n focus: \"series\",\r\n },\r\n data: [220, 182, 191, 234, 290],\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n },\r\n watch: {},\r\n};\r\n",{"version":3,"sources":["stationBuilding.vue"],"names":[],"mappings":";AA0NA;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;;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;;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;;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","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/btjt.png\" alt=\"\" />\r\n <span>光伏台账</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <table>\r\n <thead style=\"color: #fff; font-size: 30px\">\r\n <tr>\r\n <td>序号</td>\r\n <td>单位名称</td>\r\n <td>台区编号</td>\r\n <td>发电客户编号</td>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <tr v-for=\"(item, index) in pvTable\" :key=\"index\">\r\n <td>{{ item.id }}</td>\r\n <td>{{ item.name }}</td>\r\n <td>{{ item.stationNumber }}</td>\r\n <td class=\"titleFont\">{{ item.alternatorNumber }}</td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"left1\" id=\"left\">\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>上网功率</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div id=\"detailedTwo1\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>配变负载率TOP5</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div id=\"detailedTwo2\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"middle\" id=\"middle\">\r\n <div class=\"map\" style=\"height: 100%\">\r\n <canvas\r\n id=\"myCanvas\"\r\n width=\"1000\"\r\n height=\"600\"\r\n style=\"position: absolute\"\r\n ></canvas>\r\n\r\n <img src=\"../assets/indexN/dfsxz.png\" alt=\"\" />\r\n <div class=\"imgboxone\">\r\n <div class=\"contents\">\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span>户数高渗透率</span>\r\n <h5 class=\"yellow\">3.40%</h5>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span>容量渗透率</span>\r\n <h5 class=\"orange\">0.01%</h5>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span>能量渗透率</span>\r\n <h5 class=\"yellow\">0.44%</h5>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"imgboxtwo\">\r\n <ul class=\"contentUl\">\r\n <li>\r\n <h5>发电客户数</h5>\r\n <br />\r\n <span style=\"color: yellow\">4721</span>\r\n </li>\r\n <li>\r\n <h5>变电站数量</h5>\r\n <br />\r\n <span style=\"color: orange\">90</span>\r\n </li>\r\n <li>\r\n <h5>台区总数</h5>\r\n <br />\r\n <span style=\"color: yellow\">17416</span>\r\n </li>\r\n <li>\r\n <h5>当前负载率</h5>\r\n <br />\r\n <span style=\"color: orange\">40.19%</span>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"right\" id=\"right\">\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>分布式光伏电量</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div class=\"eqselect\">\r\n <span>地区:</span>\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n <span>用户:</span>\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n <span>范围:</span>\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n <span>日期:</span>\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n </div>\r\n <div id=\"detailqe\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>能量/容量</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div class=\"enselect\">\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n <span class=\"text\">能量</span>\r\n </div>\r\n <div id=\"detailen\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"right1\" id=\"right\">\r\n <div class=\"one\" style=\"height: 100%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>渗透率统计</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <table>\r\n <thead style=\"color: #fff; font-size: 30px\">\r\n <tr>\r\n <td>序号</td>\r\n <td>供电公司</td>\r\n <td>线路名称</td>\r\n <td>光伏全年电量KWF</td>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <tr v-for=\"(item, index) in pvTable\" :key=\"index\">\r\n <td>{{ item.id }}</td>\r\n <td>{{ item.name }}</td>\r\n <td>{{ item.stationNumber }}</td>\r\n <td class=\"titleFont\">{{ item.alternatorNumber }}</td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <audio\r\n controls=\"controls\"\r\n hidden\r\n src=\"../assets/videos/police.wav\"\r\n ref=\"audio\"\r\n ></audio>\r\n </div>\r\n</template>\r\n\r\n<script>\r\n//引入echarts\r\nimport * as echarts from \"echarts\";\r\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: \"stationRuilding\",\r\n components: {\r\n ringMainUnit, //环网柜弹窗\r\n workOrder, //工单统计弹窗\r\n routeDetail, //线路故障跳闸明细\r\n lineDetail, //线路详情弹窗\r\n },\r\n data() {\r\n return {\r\n pageShow: true,\r\n totals: 5,\r\n pageSize: 10,\r\n page: 1,\r\n threeImg: require(\"../assets/images/pieBorder.png\"),\r\n enlargeShow: true,\r\n dateList: [\"周\", \"月\"],\r\n acolor: true, //是否展示颜色\r\n currentIndex: -1,\r\n alarmInformationData: [],\r\n alarmInformationShow: false, //报警详情信息弹窗\r\n realTimeAlarmShow: false, //实时报警弹窗\r\n modelOthers: false,\r\n componentShow: \"\",\r\n CompanyInfo: {},\r\n tableData: [],\r\n btnArr: [\"总览\", \"环网柜\", \"分支箱\", \"箱变\", \"开闭所\"],\r\n btnActive: 0,\r\n iconGround: [\r\n {\r\n icon: require(\"@/assets/images/huanwanggui.png\"),\r\n name: \"环网柜\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/fenzhixiang.png\"),\r\n name: \"分支箱\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/xiangbian.png\"),\r\n name: \"箱变\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/kaibisuo.png\"),\r\n name: \"开闭所\",\r\n },\r\n ],\r\n btnEnlarge: [\r\n {\r\n icon: require(\"@/assets/images/btnTiShi.png\"),\r\n },\r\n {\r\n icon: require(\"@/assets/images/btnFangDa.png\"),\r\n },\r\n ],\r\n btnEnlarge1: [\r\n {\r\n icon: require(\"@/assets/images/btnTiShi.png\"),\r\n },\r\n {\r\n icon: require(\"@/assets/images/suoxiao.png\"),\r\n },\r\n ],\r\n options: [\r\n {\r\n value: \"\",\r\n label: \"\",\r\n },\r\n ],\r\n value: \"\",\r\n topContent: [\r\n {\r\n name: \"配变数量\",\r\n count: \"\",\r\n },\r\n {\r\n name: \"重复停运台次\",\r\n count: \"\",\r\n },\r\n {\r\n name: \"配变重复停运率\",\r\n count: \"\",\r\n },\r\n ],\r\n device: \"\",\r\n tableData: [],\r\n tableKey: +new Date(),\r\n scrollTop: 0, //table距离顶部距离\r\n option: null,\r\n myChartBin: null,\r\n // 工单\r\n orderItem: null,\r\n orderShow: \"\",\r\n // 线路故障明细\r\n routeItem: null,\r\n routeShow: \"\",\r\n // 配电线路\r\n lineItem: null,\r\n lineShow: \"\",\r\n timer: null, //定时器\r\n emergencyList: [], //告警数据\r\n rowTime: \"\",\r\n pvTable: [\r\n {\r\n id: 1,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-1\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 2,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-2\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 3,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-3\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 4,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-4\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 5,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-5\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 6,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-6\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 7,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-7\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 8,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-8\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 9,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-9\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 10,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-10\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 11,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-11\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 12,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-12\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n ],\r\n psTable: [\r\n {\r\n id: 1,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 2,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 3,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 4,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 5,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 6,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 7,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 8,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 9,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 10,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 11,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 12,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n ],\r\n };\r\n },\r\n created() {},\r\n mounted() {\r\n this.detailedTwo11();\r\n this.detailedTwo22();\r\n this.detailqe1();\r\n this.detailen1();\r\n this.xianDuan();\r\n },\r\n methods: {\r\n //地图画线\r\n xianDuan() {\r\n var canvas = document.getElementById(\"myCanvas\");\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.moveTo(500, 500); // moveTo(x,y) 定义线条开始坐标\r\n ctx.lineTo(700, 150); // lineTo(x,y) 定义线条结束坐标\r\n ctx.moveTo(400, 500); // moveTo(x,y) 定义线条开始坐标\r\n ctx.lineTo(160, 600); // lineTo(x,y) 定义线条结束坐标\r\n ctx.strokeStyle = \"orange\";\r\n ctx.lineWidth = 5;\r\n ctx.stroke();\r\n },\r\n detailedTwo11() {\r\n var fontColor = \"#fff\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo1\"));\r\n var option = {\r\n grid: {\r\n left: \"5%\",\r\n right: \"10%\",\r\n top: \"20%\",\r\n bottom: \"15%\",\r\n containLabel: true,\r\n },\r\n tooltip: {\r\n show: true,\r\n trigger: \"item\",\r\n },\r\n legend: {\r\n show: true,\r\n x: \"center\",\r\n y: \"35\",\r\n icon: \"stack\",\r\n itemWidth: 10,\r\n itemHeight: 10,\r\n textStyle: {\r\n color: \"#1bb4f6\",\r\n },\r\n data: [\"已采纳\", \"已发布\", \"浏览量\"],\r\n },\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: fontColor,\r\n },\r\n axisLine: {\r\n show: true,\r\n lineStyle: {\r\n color: \"#397cbc\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#195384\",\r\n },\r\n },\r\n data: [\r\n \"0:00\",\r\n \"3:00\",\r\n \"6:00\",\r\n \"9:00\",\r\n \"12:00\",\r\n \"15:00\",\r\n \"18:00\",\r\n \"21:00\",\r\n \"24:00\",\r\n ],\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"信息量\",\r\n min: 0,\r\n max: 1000,\r\n show: false,\r\n axisLabel: {\r\n formatter: \"{value}\",\r\n textStyle: {\r\n color: \"#2ad1d2\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#27b4c2\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n // name: \"已发布\",\r\n type: \"line\",\r\n stack: \"总量\",\r\n symbol: \"none\",\r\n symbolSize: 8,\r\n itemStyle: {\r\n normal: {\r\n color: \"yellow\",\r\n lineStyle: {\r\n color: \"yellow\",\r\n width: 3,\r\n type: \"solid\",\r\n },\r\n },\r\n },\r\n data: [10, 12, 801, 844, 790, 830, 610, 501, 654, 490, 530, 310],\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedTwo22() {\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo2\"));\r\n var honorData = [\r\n {\r\n name: \"用电量（单位：亿）\",\r\n data: [13.4, 14.1, 17.3, 18.6, 16.6],\r\n },\r\n {\r\n name: \"碳排放量（单位：万）\",\r\n data: [9.4, 8.1, 7.3, 8.6, 6.6],\r\n },\r\n ];\r\n var honorXAxisData = [\"No.5\", \"No.4\", \"No.3\", \"No.2\", \"No.1\"];\r\n var nameList = [\r\n \"自然19#\",\r\n \"民权5#变\",\r\n \"民权5#变\",\r\n \"光顺09号\",\r\n \"PMS_碧桂园10#配变\",\r\n ];\r\n var option = {\r\n color: [\"#0F9AF8\", \"#2039C3\", \"rgba(32,57,195,.5)\", \"#2ECACE\"],\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"none\",\r\n },\r\n },\r\n legend: {\r\n right: 5,\r\n top: \"5%\",\r\n itemWidth: 10,\r\n itemHeight: 10,\r\n itemGap: 15,\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n grid: {\r\n top: \"15%\",\r\n left: \"14%\",\r\n right: \"0%\",\r\n bottom: \"0%\",\r\n },\r\n xAxis: [\r\n {\r\n type: \"value\",\r\n show: false,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: \"#6B9DD7\",\r\n fontSize: 16, // 文字大小\r\n fontWeight: 400,\r\n interval: 0,\r\n formatter: function (value) {\r\n return value + \"(万元)\";\r\n },\r\n },\r\n splitLine: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"category\",\r\n offset: 17,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: \"#fff\",\r\n fontSize: 20, // 文字大小\r\n fontWeight: 700,\r\n interval: 0,\r\n },\r\n\r\n data: honorXAxisData,\r\n },\r\n {\r\n //名称\r\n type: \"category\",\r\n offset: -10,\r\n position: \"left\",\r\n axisLine: {\r\n show: false,\r\n },\r\n inverse: true,\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n color: \"#fff\",\r\n align: \"left\",\r\n verticalAlign: \"bottom\",\r\n lineHeight: 40,\r\n fontSize: 20,\r\n },\r\n data: nameList,\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"60天内掉电客户数\",\r\n type: \"bar\",\r\n stack: \"zongliang\",\r\n barWidth: \"25%\",\r\n barGap: 15, // 柱图之间的间距\r\n itemStyle: {\r\n //自定义颜色\r\n // normal: { color: \"orange\" },\r\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"rgba(255,165,0,.4)\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"rgb(255,165,0)\",\r\n },\r\n ]),\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: [\"80%\", \"-100%\"],\r\n formatter: function (params) {\r\n return params.value;\r\n },\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n\r\n data: honorData[0].data,\r\n },\r\n {\r\n name: \"60天内掉电总数\",\r\n type: \"bar\",\r\n stack: \"zongliang\",\r\n barWidth: \"25%\",\r\n itemStyle: {\r\n //自定义颜色\r\n // normal: { color: \"orange\" },\r\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"#005BEA\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"#00C6FB\",\r\n },\r\n ]),\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: [\"80%\", \"-100%\"],\r\n formatter: function (params) {\r\n return params.value;\r\n },\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n data: honorData[1].data,\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailqe1() {\r\n var fontColor = \"#fff\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailqe\"));\r\n var option = {\r\n xAxis: {\r\n type: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: fontColor,\r\n },\r\n axisLine: {\r\n show: true,\r\n lineStyle: {\r\n color: \"#397cbc\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#195384\",\r\n },\r\n },\r\n data: [\r\n \"0:00\",\r\n \"3:00\",\r\n \"6:00\",\r\n \"9:00\",\r\n \"12:00\",\r\n \"15:00\",\r\n \"18:00\",\r\n \"21:00\",\r\n \"24:00\",\r\n ],\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"单位：kw\",\r\n min: 0,\r\n max: 1000,\r\n show: true,\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n axisLabel: {\r\n formatter: \"{value}\",\r\n textStyle: {\r\n color: \"#2ad1d2\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#27b4c2\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n data: [720, 632, 801, 734, 470, 670, 720, 123, 567],\r\n type: \"line\",\r\n symbol: \"none\",\r\n lineStyle: {\r\n color: \"#00ffff\",\r\n width: 2,\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: \"00ffff\",\r\n lineStyle: {\r\n color: \"00ffff\",\r\n width: 3,\r\n type: \"solid\",\r\n },\r\n },\r\n },\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailen1() {\r\n var fontColor = \"#30eee9\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailen\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n },\r\n\r\n data: [\"关联电网事故\", \"关联检修单\"],\r\n },\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n data: [\r\n \"10kv北红线124\",\r\n \"10kv北红线125\",\r\n \"10kv北红线126\",\r\n \"10kv北红线127\",\r\n \"10kv北红线128\",\r\n ],\r\n axisLabel: {\r\n show: true,\r\n textStyle: {\r\n color: \"#ffffff\",\r\n },\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"\",\r\n axisLabel: {\r\n textStyle: {\r\n color: \"#ffffff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"关联电网事故\",\r\n type: \"bar\",\r\n itemStyle: {\r\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n { offset: 1, color: \"rgba(86,254,226,.2) \" },\r\n { offset: 0.5, color: \"rgb(86,254,226,.6)\" },\r\n { offset: 0, color: \"rgb(86,254,226)\" },\r\n ]),\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n emphasis: {\r\n focus: \"series\",\r\n },\r\n data: [320, 332, 301, 334, 390],\r\n },\r\n {\r\n name: \"关联检修单\",\r\n type: \"bar\",\r\n itemStyle: {\r\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n { offset: 1, color: \"rgba(237,125,49,.2) \" },\r\n { offset: 0.5, color: \"rgb(237,125,49,.6)\" },\r\n { offset: 0, color: \"rgb(237,125,49)\" },\r\n ]),\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n emphasis: {\r\n focus: \"series\",\r\n },\r\n data: [220, 182, 191, 234, 290],\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n },\r\n watch: {},\r\n};\r\n</script>\r\n<style lang=\"less\" scoped>\r\n.content {\r\n /deep/ .el-table__body td .cell {\r\n white-space: normal !important;\r\n }\r\n}\r\n\r\n.two {\r\n /deep/ .el-table__body-wrapper {\r\n height: 195px !important;\r\n }\r\n .enselect {\r\n position: absolute;\r\n right: 30px;\r\n img {\r\n float: right;\r\n }\r\n .text {\r\n float: right;\r\n // right: -10px;\r\n margin-right: -60px;\r\n font-size: 20px;\r\n\r\n color: #fff;\r\n }\r\n }\r\n}\r\n\r\n// 滚动条的宽度\r\n/deep/ .el-table__body-wrapper::-webkit-scrollbar {\r\n width: 6px; // 横向滚动条\r\n height: 6px; // 纵向滚动条 必写\r\n // display: block !important;\r\n}\r\n\r\n// 滚动条的滑块\r\n/deep/ .el-table__body-wrapper::-webkit-scrollbar-thumb {\r\n background-color: rgba(35, 160, 247, 1);\r\n border-radius: 3px;\r\n}\r\n\r\n/deep/ .el-table--scrollable-x .el-table__body-wrapper {\r\n overflow-x: hidden;\r\n}\r\n\r\n.user_skills {\r\n /deep/ .el-table {\r\n background-color: transparent !important;\r\n }\r\n\r\n /deep/ .el-table th {\r\n background-color: transparent !important;\r\n }\r\n\r\n /deep/ .el-table__header {\r\n width: 100% !important;\r\n height: 70px;\r\n background: url(\"../assets/images/tableBg.png\") no-repeat;\r\n background-size: 100% 100%;\r\n\r\n .cell {\r\n text-align: center !important;\r\n justify-content: center;\r\n }\r\n }\r\n\r\n /deep/ .el-table__header th {\r\n border: none;\r\n padding: 0;\r\n height: 48px;\r\n\r\n .cell {\r\n height: 100%;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n &.el-table__cell.is-leaf {\r\n border: none !important;\r\n }\r\n }\r\n\r\n /deep/ .el-table tr {\r\n background-color: transparent;\r\n }\r\n\r\n /deep/ .el-table--enable-row-transition .el-table__body td,\r\n .el-table .cell {\r\n background-color: transparent !important;\r\n border: none;\r\n color: #ffffff;\r\n }\r\n\r\n /deep/ .el-table__body td .cell {\r\n white-space: nowrap;\r\n // word-break: break-all;\r\n display: flex !important;\r\n justify-content: center !important;\r\n }\r\n\r\n /deep/ .el-table th.el-table__cell > .cell {\r\n color: rgb(86, 254, 226);\r\n }\r\n\r\n /deep/.el-table__body,\r\n .el-table__footer,\r\n .el-table__header {\r\n width: 100% !important;\r\n }\r\n\r\n /deep/ .el-table__body td .cell {\r\n // width: 60px !important;\r\n }\r\n\r\n // &::before {\r\n // //去除底部白线\r\n // left: 0;\r\n // bottom: 0;\r\n // width: 100%;\r\n // height: 0px;\r\n // }\r\n .el-table::before {\r\n background-color: transparent;\r\n }\r\n}\r\n\r\n.home {\r\n width: 100%;\r\n height: 100%;\r\n padding: 15px 28px;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n box-sizing: border-box;\r\n\r\n .left {\r\n padding-right: 15px;\r\n // width: 604px;\r\n width: 17.18%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n }\r\n\r\n .left1 {\r\n // width: 604px;\r\n // padding: 0 10px;\r\n width: 17.18%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n #detailedTwo1 {\r\n width: 100%;\r\n height: 400px;\r\n }\r\n #detailedTwo2 {\r\n width: 100%;\r\n height: 350px;\r\n }\r\n }\r\n\r\n .middle {\r\n // width: 1590px;\r\n width: 32.7%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n .imgboxone {\r\n background: url(\"../assets/02/dttksgsj.png\") no-repeat;\r\n background-size: 100%;\r\n float: right;\r\n width: 40vh;\r\n height: 10vh;\r\n position: relative;\r\n top: 5vh;\r\n right: 1vh;\r\n .contents {\r\n height: 90%;\r\n padding: 10px 10px 10px 10px;\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n\r\n .lines {\r\n width: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n background: url(\"../assets/02/tkxkz.png\") no-repeat;\r\n }\r\n\r\n .total {\r\n .num {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: center;\r\n align-items: center;\r\n color: #ffffff;\r\n h5 {\r\n font-size: 28px;\r\n }\r\n .yellow {\r\n color: yellow;\r\n }\r\n .orange {\r\n color: orange;\r\n }\r\n span {\r\n float: left;\r\n font-size: 18px;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n .imgboxtwo {\r\n padding: 0 0 0 20px;\r\n background: url(\"../assets/02/map4.png\") no-repeat;\r\n background-size: 100%;\r\n float: left;\r\n width: 40vh;\r\n height: 25vh;\r\n position: relative;\r\n top: 52vh;\r\n left: 30vh;\r\n display: flex;\r\n .contentUl {\r\n display: flex;\r\n margin: 0;\r\n padding: 10px;\r\n width: 100%;\r\n /* flex布局 */\r\n display: flex;\r\n // 开启换行\r\n flex-wrap: wrap;\r\n // 主轴上两端对齐\r\n justify-content: space-between;\r\n // 副轴上两端对齐\r\n align-content: space-between;\r\n //li盒子大小设置\r\n li {\r\n h5 {\r\n float: left;\r\n }\r\n span {\r\n font-size: 30px;\r\n }\r\n width: 49.5%;\r\n //高度调整\r\n height: 50%;\r\n list-style: none;\r\n font-size: 24px;\r\n color: #fff;\r\n background: url(\"../assets/02/tkxkz.png\") no-repeat;\r\n background-size: 100%;\r\n }\r\n }\r\n }\r\n\r\n .map {\r\n background: url(\"../assets/indexN/map.png\") no-repeat;\r\n vertical-align: middle;\r\n display: table-cell;\r\n text-align: center;\r\n margin-left: -20%;\r\n img {\r\n position: relative;\r\n left: 20%;\r\n top: 35%;\r\n }\r\n }\r\n }\r\n\r\n .right {\r\n // width: 604px;\r\n width: 16.8%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n #detailqe {\r\n width: 100%;\r\n height: 350px;\r\n }\r\n #detailen {\r\n width: 100%;\r\n height: 400px;\r\n }\r\n .eqselect {\r\n span {\r\n font-size: 20px;\r\n color: #f8f8f8;\r\n }\r\n img {\r\n margin-right: 7px;\r\n }\r\n }\r\n }\r\n\r\n .right1 {\r\n // width: 604px;\r\n width: 17.18%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n }\r\n}\r\n\r\n// }\r\n</style>\r\n<style lang=\"less\" scoped>\r\n// .el-popper {\r\n// top: 50%;\r\n// }\r\n\r\n/deep/ .popper__arrow {\r\n left: 171px !important;\r\n top: 95px !important;\r\n}\r\n\r\n/deep/ .el-select-dropdown {\r\n background-color: rgb(14, 30, 46) !important;\r\n border: 1px solid rgba(45, 143, 148, 0.5) !important;\r\n\r\n /deep/ .el-select-dropdown__item {\r\n color: #fff !important;\r\n }\r\n\r\n /deep/ .el-select-dropdown__item.hover,\r\n /deep/ .el-select-dropdown__item:hover {\r\n background-color: rgb(18, 54, 87) !important;\r\n }\r\n}\r\n\r\n/deep/ .el-popper[x-placement^=\"bottom\"] {\r\n margin-top: -146px !important;\r\n}\r\n\r\n/**\r\n表格有滚动效果但是不显示滚动条\r\n*/\r\n</style>\r\n<style lang=\"less\">\r\n.el-table .rowColor0 {\r\n background: red !important;\r\n animation: fade 2000ms infinite ease-in-out;\r\n}\r\n\r\n@keyframes fade {\r\n from {\r\n opacity: 1;\r\n }\r\n\r\n 50% {\r\n opacity: 0.6;\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n }\r\n}\r\n\r\n// .el-pager li:hover{\r\n// color:black\r\n// }\r\n.cartitle {\r\n height: 52px;\r\n width: 100%;\r\n // background: url(\"../assets/images/carTitle.png\") no-repeat;\r\n font-size: 24px;\r\n font-weight: 600;\r\n color: #ffffff;\r\n line-height: 52px;\r\n // text-align: left;\r\n text-indent: 26px;\r\n}\r\n.titleFont {\r\n color: transparent;\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n background-image: linear-gradient(\r\n to bottom,\r\n rgb(255, 255, 255),\r\n rgb(123, 247, 245)\r\n );\r\n img {\r\n margin: 20px;\r\n }\r\n}\r\n.content {\r\n padding: 24px 31px 0 31px;\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n\r\n .line {\r\n width: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n table {\r\n thead {\r\n font-size: 22px !important;\r\n height: 50px;\r\n background: url(\"../assets/02/bgbth.png\") no-repeat;\r\n }\r\n tbody {\r\n tr {\r\n height: 50px;\r\n font-size: 18px !important;\r\n color: #fff;\r\n background: url(\"../assets/02/bgqth.png\") no-repeat;\r\n }\r\n }\r\n }\r\n\r\n .total {\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-around;\r\n margin-bottom: 15%;\r\n\r\n .num {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: center;\r\n align-items: center;\r\n color: #ffffff;\r\n\r\n .numText {\r\n color: #ffffff;\r\n }\r\n\r\n .numText:before {\r\n content: attr(text);\r\n position: absolute;\r\n z-index: 10;\r\n color: rgb(86, 254, 246) !important;\r\n -webkit-mask: linear-gradient(to top, rgb(86, 244, 254), transparent);\r\n }\r\n }\r\n }\r\n\r\n .info {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n\r\n .lists {\r\n width: 100%;\r\n height: 32px;\r\n background: url(\"../assets/images/cardSquare.png\") no-repeat;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n align-items: center;\r\n background-size: 100% 100%;\r\n margin-bottom: 9%;\r\n padding: 0 10px 0 0;\r\n box-sizing: border-box;\r\n\r\n & > div {\r\n font-size: 18px;\r\n color: #ffffff;\r\n }\r\n\r\n .number {\r\n color: rgb(86, 254, 226);\r\n }\r\n }\r\n }\r\n }\r\n}\r\n.two {\r\n background: url(\"../assets/indexN/boxLr.png\") no-repeat;\r\n background-size: 100% 100%;\r\n position: relative;\r\n}\r\n.one {\r\n background: url(\"../assets/02/bgk.png\") no-repeat;\r\n background-size: 100% 100%;\r\n position: relative;\r\n\r\n .unityBtn {\r\n position: absolute;\r\n top: 40px;\r\n left: 30%;\r\n width: 40%;\r\n display: flex;\r\n justify-content: space-between;\r\n\r\n .btn {\r\n width: 100%;\r\n height: 38px;\r\n color: #fff;\r\n font-size: 18px;\r\n line-height: 38px;\r\n background: url(\"../assets/images/btnAct.png\") no-repeat;\r\n background-size: 100% 100%;\r\n margin-bottom: 10px;\r\n margin-right: 15px;\r\n }\r\n\r\n .btnAct {\r\n color: rgb(244, 201, 7);\r\n background: url(\"../assets/images/unityBtn.png\") no-repeat;\r\n background-size: 100% 100%;\r\n margin-right: 15px;\r\n }\r\n }\r\n\r\n .unityIcon {\r\n background: url(\"../assets/images/iconCard.png\") no-repeat;\r\n background-size: 100% 100%;\r\n width: 110px;\r\n height: 168px;\r\n position: absolute;\r\n right: 40px;\r\n bottom: 80px;\r\n display: flex;\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n flex-direction: column;\r\n justify-content: space-around;\r\n align-items: center;\r\n\r\n .unityIconGround {\r\n width: 80%;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n }\r\n\r\n .unityEnlargeBtn {\r\n width: 100px;\r\n display: flex;\r\n justify-content: space-around;\r\n position: absolute;\r\n right: 40px;\r\n top: 40px;\r\n\r\n .content {\r\n width: 38px;\r\n height: 36px;\r\n background: url(\"../assets/images/btnkuang.png\") no-repeat !important;\r\n background-size: 100% 100% !important;\r\n }\r\n }\r\n\r\n .unitySelect {\r\n position: absolute;\r\n left: 40px;\r\n width: 222px;\r\n height: 5%;\r\n bottom: 20px;\r\n display: flex;\r\n align-items: center;\r\n\r\n .unitySuosou {\r\n width: 57px;\r\n height: 53px;\r\n background: url(\"../assets/images/sousuoKuang.png\") no-repeat;\r\n background-size: 100% 100%;\r\n }\r\n }\r\n}\r\n</style>\r\n"]}]}
\ No newline at end of file
+{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\stationBuilding.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\stationBuilding.vue","mtime":1690161674337},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["\r\n//引入echarts\r\nimport * as echarts from \"echarts\";\r\nimport { loadRateTop5 } from \"../api/stationBuilding.js\";\r\n// 工单统计弹窗组件\r\n// import workOrder from \"../component/workOrder.vue\";\r\n// import ringMainUnit from \"./HomePop/ringMainUnit.vue\";\r\n// import routeDetail from \"../component/routeDetail.vue\";\r\n\r\n// 线路详情\r\nimport lineDetail from \"../component/lineDetail.vue\";\r\nexport default {\r\n name: \"stationRuilding\",\r\n components: {\r\n // ringMainUnit, //环网柜弹窗\r\n // workOrder, //工单统计弹窗\r\n // routeDetail, //线路故障跳闸明细\r\n lineDetail, //线路详情弹窗\r\n },\r\n data() {\r\n return {\r\n pageShow: true,\r\n totals: 5,\r\n pageSize: 10,\r\n page: 1,\r\n threeImg: require(\"../assets/images/pieBorder.png\"),\r\n enlargeShow: true,\r\n dateList: [\"周\", \"月\"],\r\n acolor: true, //是否展示颜色\r\n currentIndex: -1,\r\n alarmInformationData: [],\r\n alarmInformationShow: false, //报警详情信息弹窗\r\n realTimeAlarmShow: false, //实时报警弹窗\r\n modelOthers: false,\r\n componentShow: \"\",\r\n CompanyInfo: {},\r\n tableData: [],\r\n btnArr: [\"总览\", \"环网柜\", \"分支箱\", \"箱变\", \"开闭所\"],\r\n btnActive: 0,\r\n iconGround: [\r\n {\r\n icon: require(\"@/assets/images/huanwanggui.png\"),\r\n name: \"环网柜\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/fenzhixiang.png\"),\r\n name: \"分支箱\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/xiangbian.png\"),\r\n name: \"箱变\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/kaibisuo.png\"),\r\n name: \"开闭所\",\r\n },\r\n ],\r\n btnEnlarge: [\r\n {\r\n icon: require(\"@/assets/images/btnTiShi.png\"),\r\n },\r\n {\r\n icon: require(\"@/assets/images/btnFangDa.png\"),\r\n },\r\n ],\r\n btnEnlarge1: [\r\n {\r\n icon: require(\"@/assets/images/btnTiShi.png\"),\r\n },\r\n {\r\n icon: require(\"@/assets/images/suoxiao.png\"),\r\n },\r\n ],\r\n options: [\r\n {\r\n value: \"\",\r\n label: \"\",\r\n },\r\n ],\r\n value: \"\",\r\n topContent: [\r\n {\r\n name: \"配变数量\",\r\n count: \"\",\r\n },\r\n {\r\n name: \"重复停运台次\",\r\n count: \"\",\r\n },\r\n {\r\n name: \"配变重复停运率\",\r\n count: \"\",\r\n },\r\n ],\r\n device: \"\",\r\n tableData: [],\r\n tableKey: +new Date(),\r\n scrollTop: 0, //table距离顶部距离\r\n option: null,\r\n myChartBin: null,\r\n // 工单\r\n orderItem: null,\r\n orderShow: \"\",\r\n // 线路故障明细\r\n routeItem: null,\r\n routeShow: \"\",\r\n // 配电线路\r\n lineItem: null,\r\n lineShow: \"\",\r\n timer: null, //定时器\r\n emergencyList: [], //告警数据\r\n rowTime: \"\",\r\n pvTable: [\r\n {\r\n id: 1,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-1\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 2,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-2\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 3,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-3\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 4,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-4\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 5,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-5\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 6,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-6\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 7,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-7\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 8,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-8\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 9,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-9\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 10,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-10\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 11,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-11\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 12,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-12\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n ],\r\n psTable: [\r\n {\r\n id: 1,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 2,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 3,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 4,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 5,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 6,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 7,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 8,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 9,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 10,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 11,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 12,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n ],\r\n };\r\n },\r\n created() {},\r\n mounted() {\r\n this.init();\r\n this.detailedTwo11();\r\n this.detailedTwo22();\r\n this.detailqe1();\r\n this.detailen1();\r\n this.xianDuan();\r\n window.parent.getLoc();\r\n },\r\n methods: {\r\n init() {\r\n loadRateTop5({\r\n area: \"大丰区\",\r\n date: \"2023-7-24\",\r\n }).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 xianDuan() {\r\n var canvas = document.getElementById(\"myCanvas\");\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.moveTo(500, 500); // moveTo(x,y) 定义线条开始坐标\r\n ctx.lineTo(700, 150); // lineTo(x,y) 定义线条结束坐标\r\n ctx.moveTo(400, 500); // moveTo(x,y) 定义线条开始坐标\r\n ctx.lineTo(160, 600); // lineTo(x,y) 定义线条结束坐标\r\n ctx.strokeStyle = \"orange\";\r\n ctx.lineWidth = 5;\r\n ctx.stroke();\r\n },\r\n detailedTwo11() {\r\n var fontColor = \"#fff\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo1\"));\r\n var option = {\r\n grid: {\r\n left: \"5%\",\r\n right: \"10%\",\r\n top: \"20%\",\r\n bottom: \"15%\",\r\n containLabel: true,\r\n },\r\n tooltip: {\r\n show: true,\r\n trigger: \"item\",\r\n },\r\n legend: {\r\n show: true,\r\n x: \"center\",\r\n y: \"35\",\r\n icon: \"stack\",\r\n itemWidth: 10,\r\n itemHeight: 10,\r\n textStyle: {\r\n color: \"#1bb4f6\",\r\n },\r\n data: [\"已采纳\", \"已发布\", \"浏览量\"],\r\n },\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: fontColor,\r\n },\r\n axisLine: {\r\n show: true,\r\n lineStyle: {\r\n color: \"#397cbc\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#195384\",\r\n },\r\n },\r\n data: [\r\n \"0:00\",\r\n \"3:00\",\r\n \"6:00\",\r\n \"9:00\",\r\n \"12:00\",\r\n \"15:00\",\r\n \"18:00\",\r\n \"21:00\",\r\n \"24:00\",\r\n ],\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"信息量\",\r\n min: 0,\r\n max: 1000,\r\n show: false,\r\n axisLabel: {\r\n formatter: \"{value}\",\r\n textStyle: {\r\n color: \"#2ad1d2\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#27b4c2\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n // name: \"已发布\",\r\n type: \"line\",\r\n stack: \"总量\",\r\n symbol: \"none\",\r\n symbolSize: 8,\r\n itemStyle: {\r\n normal: {\r\n color: \"yellow\",\r\n lineStyle: {\r\n color: \"yellow\",\r\n width: 3,\r\n type: \"solid\",\r\n },\r\n },\r\n },\r\n data: [10, 12, 801, 844, 790, 830, 610, 501, 654, 490, 530, 310],\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedTwo22() {\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo2\"));\r\n var honorData = [\r\n {\r\n name: \"用电量（单位：亿）\",\r\n data: [17.4, 14.1, 17.3, 18.6, 16.6],\r\n },\r\n {\r\n name: \"碳排放量（单位：万）\",\r\n data: [9.4, 8.1, 7.3, 8.6, 6.6],\r\n },\r\n ];\r\n var honorXAxisData = [\"No.5\", \"No.4\", \"No.3\", \"No.2\", \"No.1\"];\r\n var nameList = [\r\n \"自然19#\",\r\n \"民权5#变\",\r\n \"民权5#变\",\r\n \"光顺09号\",\r\n \"PMS_碧桂园10#配变\",\r\n ];\r\n var option = {\r\n color: [\"#0F9AF8\", \"#2039C3\", \"rgba(32,57,195,.5)\", \"#2ECACE\"],\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"none\",\r\n },\r\n },\r\n grid: {\r\n top: \"15%\",\r\n left: \"14%\",\r\n right: \"0%\",\r\n bottom: \"0%\",\r\n },\r\n xAxis: [\r\n {\r\n type: \"value\",\r\n show: false,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: \"#6B9DD7\",\r\n fontSize: 16, // 文字大小\r\n fontWeight: 400,\r\n interval: 0,\r\n formatter: function (value) {\r\n return value + \"(万元)\";\r\n },\r\n },\r\n splitLine: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"category\",\r\n offset: 17,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: \"#fff\",\r\n fontSize: 20, // 文字大小\r\n fontWeight: 700,\r\n interval: 0,\r\n },\r\n\r\n data: honorXAxisData,\r\n },\r\n {\r\n //名称\r\n type: \"category\",\r\n offset: -10,\r\n position: \"left\",\r\n axisLine: {\r\n show: false,\r\n },\r\n inverse: true,\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n color: \"#fff\",\r\n align: \"left\",\r\n verticalAlign: \"bottom\",\r\n lineHeight: 40,\r\n fontSize: 20,\r\n },\r\n data: nameList,\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"60天内掉电客户数\",\r\n type: \"bar\",\r\n stack: \"zongliang\",\r\n barWidth: \"25%\",\r\n barGap: 15, // 柱图之间的间距\r\n itemStyle: {\r\n //自定义颜色\r\n // normal: { color: \"orange\" },\r\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"rgba(255,165,0,.4)\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"rgb(255,165,0)\",\r\n },\r\n ]),\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: [\"80%\", \"-100%\"],\r\n formatter: function (params) {\r\n return params.value;\r\n },\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n\r\n data: honorData[0].data,\r\n },\r\n {\r\n name: \"60天内掉电总数\",\r\n type: \"bar\",\r\n stack: \"zongliang\",\r\n barWidth: \"25%\",\r\n itemStyle: {\r\n //自定义颜色\r\n // normal: { color: \"orange\" },\r\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"#005BEA\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"#00C6FB\",\r\n },\r\n ]),\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: [\"80%\", \"-100%\"],\r\n formatter: function (params) {\r\n return params.value;\r\n },\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n data: honorData[1].data,\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailqe1() {\r\n var fontColor = \"#fff\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailqe\"));\r\n var option = {\r\n xAxis: {\r\n type: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: fontColor,\r\n },\r\n axisLine: {\r\n show: true,\r\n lineStyle: {\r\n color: \"#397cbc\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#195384\",\r\n },\r\n },\r\n data: [\r\n \"0:00\",\r\n \"3:00\",\r\n \"6:00\",\r\n \"9:00\",\r\n \"12:00\",\r\n \"15:00\",\r\n \"18:00\",\r\n \"21:00\",\r\n \"24:00\",\r\n ],\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"单位：kw\",\r\n min: 0,\r\n max: 1000,\r\n show: true,\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n axisLabel: {\r\n formatter: \"{value}\",\r\n textStyle: {\r\n color: \"#2ad1d2\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#27b4c2\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n data: [720, 632, 801, 734, 470, 670, 720, 123, 567],\r\n type: \"line\",\r\n symbol: \"none\",\r\n lineStyle: {\r\n color: \"#00ffff\",\r\n width: 2,\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: \"00ffff\",\r\n lineStyle: {\r\n color: \"00ffff\",\r\n width: 3,\r\n type: \"solid\",\r\n },\r\n },\r\n },\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailen1() {\r\n var fontColor = \"#30eee9\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailen\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n },\r\n\r\n data: [\"关联电网事故\", \"关联检修单\"],\r\n },\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n data: [\r\n \"10kv北红线124\",\r\n \"10kv北红线125\",\r\n \"10kv北红线126\",\r\n \"10kv北红线127\",\r\n \"10kv北红线128\",\r\n ],\r\n axisLabel: {\r\n show: true,\r\n textStyle: {\r\n color: \"#ffffff\",\r\n },\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"\",\r\n axisLabel: {\r\n textStyle: {\r\n color: \"#ffffff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"关联电网事故\",\r\n type: \"bar\",\r\n itemStyle: {\r\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n { offset: 1, color: \"rgba(86,254,226,.2) \" },\r\n { offset: 0.5, color: \"rgb(86,254,226,.6)\" },\r\n { offset: 0, color: \"rgb(86,254,226)\" },\r\n ]),\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n emphasis: {\r\n focus: \"series\",\r\n },\r\n data: [320, 332, 301, 334, 390],\r\n },\r\n {\r\n name: \"关联检修单\",\r\n type: \"bar\",\r\n itemStyle: {\r\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n { offset: 1, color: \"rgba(237,125,49,.2) \" },\r\n { offset: 0.5, color: \"rgb(237,125,49,.6)\" },\r\n { offset: 0, color: \"rgb(237,125,49)\" },\r\n ]),\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n emphasis: {\r\n focus: \"series\",\r\n },\r\n data: [220, 182, 191, 234, 290],\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n },\r\n watch: {},\r\n};\r\n",{"version":3,"sources":["stationBuilding.vue"],"names":[],"mappings":";AA0NA;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;;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;;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;;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","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/btjt.png\" alt=\"\" />\r\n <span>光伏台账</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <table>\r\n <thead style=\"color: #fff; font-size: 30px\">\r\n <tr>\r\n <td>序号</td>\r\n <td>单位名称</td>\r\n <td>台区编号</td>\r\n <td>发电客户编号</td>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <tr v-for=\"(item, index) in pvTable\" :key=\"index\">\r\n <td>{{ item.id }}</td>\r\n <td>{{ item.name }}</td>\r\n <td>{{ item.stationNumber }}</td>\r\n <td class=\"titleFont\">{{ item.alternatorNumber }}</td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"left1\" id=\"left\">\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>上网功率</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div id=\"detailedTwo1\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>配变负载率TOP5</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div id=\"detailedTwo2\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"middle\" id=\"middle\">\r\n <div class=\"map\" style=\"height: 100%\">\r\n <canvas\r\n id=\"myCanvas\"\r\n width=\"1000\"\r\n height=\"600\"\r\n style=\"position: absolute\"\r\n ></canvas>\r\n\r\n <img src=\"../assets/indexN/dfsxz.png\" alt=\"\" />\r\n <div class=\"imgboxone\">\r\n <div class=\"contents\">\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span>户数高渗透率</span>\r\n <h5 class=\"yellow\">3.40%</h5>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span>容量渗透率</span>\r\n <h5 class=\"orange\">0.01%</h5>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span>能量渗透率</span>\r\n <h5 class=\"yellow\">0.44%</h5>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"imgboxtwo\">\r\n <ul class=\"contentUl\">\r\n <li>\r\n <h5>发电客户数</h5>\r\n <br />\r\n <span style=\"color: yellow\">4721</span>\r\n </li>\r\n <li>\r\n <h5>变电站数量</h5>\r\n <br />\r\n <span style=\"color: orange\">90</span>\r\n </li>\r\n <li>\r\n <h5>台区总数</h5>\r\n <br />\r\n <span style=\"color: yellow\">17416</span>\r\n </li>\r\n <li>\r\n <h5>当前负载率</h5>\r\n <br />\r\n <span style=\"color: orange\">40.19%</span>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"right\" id=\"right\">\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>分布式光伏电量</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div class=\"eqselect\">\r\n <span>地区:</span>\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n <span>用户:</span>\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n <span>范围:</span>\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n <span>日期:</span>\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n </div>\r\n <div id=\"detailqe\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>能量/容量</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div class=\"enselect\">\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n <span class=\"text\">能量</span>\r\n </div>\r\n <div id=\"detailen\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"right1\" id=\"right\">\r\n <div class=\"one\" style=\"height: 100%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>渗透率统计</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <table>\r\n <thead style=\"color: #fff; font-size: 30px\">\r\n <tr>\r\n <td>序号</td>\r\n <td>供电公司</td>\r\n <td>线路名称</td>\r\n <td>光伏全年电量KWF</td>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <tr v-for=\"(item, index) in pvTable\" :key=\"index\">\r\n <td>{{ item.id }}</td>\r\n <td>{{ item.name }}</td>\r\n <td>{{ item.stationNumber }}</td>\r\n <td class=\"titleFont\">{{ item.alternatorNumber }}</td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <audio\r\n controls=\"controls\"\r\n hidden\r\n src=\"../assets/videos/police.wav\"\r\n ref=\"audio\"\r\n ></audio>\r\n </div>\r\n</template>\r\n\r\n<script>\r\n//引入echarts\r\nimport * as echarts from \"echarts\";\r\nimport { loadRateTop5 } from \"../api/stationBuilding.js\";\r\n// 工单统计弹窗组件\r\n// import workOrder from \"../component/workOrder.vue\";\r\n// import ringMainUnit from \"./HomePop/ringMainUnit.vue\";\r\n// import routeDetail from \"../component/routeDetail.vue\";\r\n\r\n// 线路详情\r\nimport lineDetail from \"../component/lineDetail.vue\";\r\nexport default {\r\n name: \"stationRuilding\",\r\n components: {\r\n // ringMainUnit, //环网柜弹窗\r\n // workOrder, //工单统计弹窗\r\n // routeDetail, //线路故障跳闸明细\r\n lineDetail, //线路详情弹窗\r\n },\r\n data() {\r\n return {\r\n pageShow: true,\r\n totals: 5,\r\n pageSize: 10,\r\n page: 1,\r\n threeImg: require(\"../assets/images/pieBorder.png\"),\r\n enlargeShow: true,\r\n dateList: [\"周\", \"月\"],\r\n acolor: true, //是否展示颜色\r\n currentIndex: -1,\r\n alarmInformationData: [],\r\n alarmInformationShow: false, //报警详情信息弹窗\r\n realTimeAlarmShow: false, //实时报警弹窗\r\n modelOthers: false,\r\n componentShow: \"\",\r\n CompanyInfo: {},\r\n tableData: [],\r\n btnArr: [\"总览\", \"环网柜\", \"分支箱\", \"箱变\", \"开闭所\"],\r\n btnActive: 0,\r\n iconGround: [\r\n {\r\n icon: require(\"@/assets/images/huanwanggui.png\"),\r\n name: \"环网柜\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/fenzhixiang.png\"),\r\n name: \"分支箱\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/xiangbian.png\"),\r\n name: \"箱变\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/kaibisuo.png\"),\r\n name: \"开闭所\",\r\n },\r\n ],\r\n btnEnlarge: [\r\n {\r\n icon: require(\"@/assets/images/btnTiShi.png\"),\r\n },\r\n {\r\n icon: require(\"@/assets/images/btnFangDa.png\"),\r\n },\r\n ],\r\n btnEnlarge1: [\r\n {\r\n icon: require(\"@/assets/images/btnTiShi.png\"),\r\n },\r\n {\r\n icon: require(\"@/assets/images/suoxiao.png\"),\r\n },\r\n ],\r\n options: [\r\n {\r\n value: \"\",\r\n label: \"\",\r\n },\r\n ],\r\n value: \"\",\r\n topContent: [\r\n {\r\n name: \"配变数量\",\r\n count: \"\",\r\n },\r\n {\r\n name: \"重复停运台次\",\r\n count: \"\",\r\n },\r\n {\r\n name: \"配变重复停运率\",\r\n count: \"\",\r\n },\r\n ],\r\n device: \"\",\r\n tableData: [],\r\n tableKey: +new Date(),\r\n scrollTop: 0, //table距离顶部距离\r\n option: null,\r\n myChartBin: null,\r\n // 工单\r\n orderItem: null,\r\n orderShow: \"\",\r\n // 线路故障明细\r\n routeItem: null,\r\n routeShow: \"\",\r\n // 配电线路\r\n lineItem: null,\r\n lineShow: \"\",\r\n timer: null, //定时器\r\n emergencyList: [], //告警数据\r\n rowTime: \"\",\r\n pvTable: [\r\n {\r\n id: 1,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-1\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 2,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-2\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 3,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-3\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 4,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-4\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 5,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-5\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 6,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-6\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 7,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-7\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 8,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-8\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 9,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-9\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 10,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-10\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 11,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-11\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 12,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-12\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n ],\r\n psTable: [\r\n {\r\n id: 1,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 2,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 3,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 4,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 5,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 6,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 7,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 8,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 9,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 10,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 11,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 12,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n ],\r\n };\r\n },\r\n created() {},\r\n mounted() {\r\n this.init();\r\n this.detailedTwo11();\r\n this.detailedTwo22();\r\n this.detailqe1();\r\n this.detailen1();\r\n this.xianDuan();\r\n window.parent.getLoc();\r\n },\r\n methods: {\r\n init() {\r\n loadRateTop5({\r\n area: \"大丰区\",\r\n date: \"2023-7-24\",\r\n }).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 xianDuan() {\r\n var canvas = document.getElementById(\"myCanvas\");\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.moveTo(500, 500); // moveTo(x,y) 定义线条开始坐标\r\n ctx.lineTo(700, 150); // lineTo(x,y) 定义线条结束坐标\r\n ctx.moveTo(400, 500); // moveTo(x,y) 定义线条开始坐标\r\n ctx.lineTo(160, 600); // lineTo(x,y) 定义线条结束坐标\r\n ctx.strokeStyle = \"orange\";\r\n ctx.lineWidth = 5;\r\n ctx.stroke();\r\n },\r\n detailedTwo11() {\r\n var fontColor = \"#fff\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo1\"));\r\n var option = {\r\n grid: {\r\n left: \"5%\",\r\n right: \"10%\",\r\n top: \"20%\",\r\n bottom: \"15%\",\r\n containLabel: true,\r\n },\r\n tooltip: {\r\n show: true,\r\n trigger: \"item\",\r\n },\r\n legend: {\r\n show: true,\r\n x: \"center\",\r\n y: \"35\",\r\n icon: \"stack\",\r\n itemWidth: 10,\r\n itemHeight: 10,\r\n textStyle: {\r\n color: \"#1bb4f6\",\r\n },\r\n data: [\"已采纳\", \"已发布\", \"浏览量\"],\r\n },\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: fontColor,\r\n },\r\n axisLine: {\r\n show: true,\r\n lineStyle: {\r\n color: \"#397cbc\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#195384\",\r\n },\r\n },\r\n data: [\r\n \"0:00\",\r\n \"3:00\",\r\n \"6:00\",\r\n \"9:00\",\r\n \"12:00\",\r\n \"15:00\",\r\n \"18:00\",\r\n \"21:00\",\r\n \"24:00\",\r\n ],\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"信息量\",\r\n min: 0,\r\n max: 1000,\r\n show: false,\r\n axisLabel: {\r\n formatter: \"{value}\",\r\n textStyle: {\r\n color: \"#2ad1d2\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#27b4c2\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n // name: \"已发布\",\r\n type: \"line\",\r\n stack: \"总量\",\r\n symbol: \"none\",\r\n symbolSize: 8,\r\n itemStyle: {\r\n normal: {\r\n color: \"yellow\",\r\n lineStyle: {\r\n color: \"yellow\",\r\n width: 3,\r\n type: \"solid\",\r\n },\r\n },\r\n },\r\n data: [10, 12, 801, 844, 790, 830, 610, 501, 654, 490, 530, 310],\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedTwo22() {\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo2\"));\r\n var honorData = [\r\n {\r\n name: \"用电量（单位：亿）\",\r\n data: [17.4, 14.1, 17.3, 18.6, 16.6],\r\n },\r\n {\r\n name: \"碳排放量（单位：万）\",\r\n data: [9.4, 8.1, 7.3, 8.6, 6.6],\r\n },\r\n ];\r\n var honorXAxisData = [\"No.5\", \"No.4\", \"No.3\", \"No.2\", \"No.1\"];\r\n var nameList = [\r\n \"自然19#\",\r\n \"民权5#变\",\r\n \"民权5#变\",\r\n \"光顺09号\",\r\n \"PMS_碧桂园10#配变\",\r\n ];\r\n var option = {\r\n color: [\"#0F9AF8\", \"#2039C3\", \"rgba(32,57,195,.5)\", \"#2ECACE\"],\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"none\",\r\n },\r\n },\r\n grid: {\r\n top: \"15%\",\r\n left: \"14%\",\r\n right: \"0%\",\r\n bottom: \"0%\",\r\n },\r\n xAxis: [\r\n {\r\n type: \"value\",\r\n show: false,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: \"#6B9DD7\",\r\n fontSize: 16, // 文字大小\r\n fontWeight: 400,\r\n interval: 0,\r\n formatter: function (value) {\r\n return value + \"(万元)\";\r\n },\r\n },\r\n splitLine: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"category\",\r\n offset: 17,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: \"#fff\",\r\n fontSize: 20, // 文字大小\r\n fontWeight: 700,\r\n interval: 0,\r\n },\r\n\r\n data: honorXAxisData,\r\n },\r\n {\r\n //名称\r\n type: \"category\",\r\n offset: -10,\r\n position: \"left\",\r\n axisLine: {\r\n show: false,\r\n },\r\n inverse: true,\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n color: \"#fff\",\r\n align: \"left\",\r\n verticalAlign: \"bottom\",\r\n lineHeight: 40,\r\n fontSize: 20,\r\n },\r\n data: nameList,\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"60天内掉电客户数\",\r\n type: \"bar\",\r\n stack: \"zongliang\",\r\n barWidth: \"25%\",\r\n barGap: 15, // 柱图之间的间距\r\n itemStyle: {\r\n //自定义颜色\r\n // normal: { color: \"orange\" },\r\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"rgba(255,165,0,.4)\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"rgb(255,165,0)\",\r\n },\r\n ]),\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: [\"80%\", \"-100%\"],\r\n formatter: function (params) {\r\n return params.value;\r\n },\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n\r\n data: honorData[0].data,\r\n },\r\n {\r\n name: \"60天内掉电总数\",\r\n type: \"bar\",\r\n stack: \"zongliang\",\r\n barWidth: \"25%\",\r\n itemStyle: {\r\n //自定义颜色\r\n // normal: { color: \"orange\" },\r\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"#005BEA\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"#00C6FB\",\r\n },\r\n ]),\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: [\"80%\", \"-100%\"],\r\n formatter: function (params) {\r\n return params.value;\r\n },\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n data: honorData[1].data,\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailqe1() {\r\n var fontColor = \"#fff\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailqe\"));\r\n var option = {\r\n xAxis: {\r\n type: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: fontColor,\r\n },\r\n axisLine: {\r\n show: true,\r\n lineStyle: {\r\n color: \"#397cbc\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#195384\",\r\n },\r\n },\r\n data: [\r\n \"0:00\",\r\n \"3:00\",\r\n \"6:00\",\r\n \"9:00\",\r\n \"12:00\",\r\n \"15:00\",\r\n \"18:00\",\r\n \"21:00\",\r\n \"24:00\",\r\n ],\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"单位：kw\",\r\n min: 0,\r\n max: 1000,\r\n show: true,\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n axisLabel: {\r\n formatter: \"{value}\",\r\n textStyle: {\r\n color: \"#2ad1d2\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#27b4c2\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n data: [720, 632, 801, 734, 470, 670, 720, 123, 567],\r\n type: \"line\",\r\n symbol: \"none\",\r\n lineStyle: {\r\n color: \"#00ffff\",\r\n width: 2,\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: \"00ffff\",\r\n lineStyle: {\r\n color: \"00ffff\",\r\n width: 3,\r\n type: \"solid\",\r\n },\r\n },\r\n },\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailen1() {\r\n var fontColor = \"#30eee9\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailen\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n },\r\n\r\n data: [\"关联电网事故\", \"关联检修单\"],\r\n },\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n data: [\r\n \"10kv北红线124\",\r\n \"10kv北红线125\",\r\n \"10kv北红线126\",\r\n \"10kv北红线127\",\r\n \"10kv北红线128\",\r\n ],\r\n axisLabel: {\r\n show: true,\r\n textStyle: {\r\n color: \"#ffffff\",\r\n },\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"\",\r\n axisLabel: {\r\n textStyle: {\r\n color: \"#ffffff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"关联电网事故\",\r\n type: \"bar\",\r\n itemStyle: {\r\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n { offset: 1, color: \"rgba(86,254,226,.2) \" },\r\n { offset: 0.5, color: \"rgb(86,254,226,.6)\" },\r\n { offset: 0, color: \"rgb(86,254,226)\" },\r\n ]),\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n emphasis: {\r\n focus: \"series\",\r\n },\r\n data: [320, 332, 301, 334, 390],\r\n },\r\n {\r\n name: \"关联检修单\",\r\n type: \"bar\",\r\n itemStyle: {\r\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n { offset: 1, color: \"rgba(237,125,49,.2) \" },\r\n { offset: 0.5, color: \"rgb(237,125,49,.6)\" },\r\n { offset: 0, color: \"rgb(237,125,49)\" },\r\n ]),\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n emphasis: {\r\n focus: \"series\",\r\n },\r\n data: [220, 182, 191, 234, 290],\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n },\r\n watch: {},\r\n};\r\n</script>\r\n<style lang=\"less\" scoped>\r\n.content {\r\n /deep/ .el-table__body td .cell {\r\n white-space: normal !important;\r\n }\r\n}\r\n\r\n.two {\r\n /deep/ .el-table__body-wrapper {\r\n height: 195px !important;\r\n }\r\n .enselect {\r\n position: absolute;\r\n right: 30px;\r\n img {\r\n float: right;\r\n }\r\n .text {\r\n float: right;\r\n // right: -10px;\r\n margin-right: -60px;\r\n font-size: 20px;\r\n\r\n color: #fff;\r\n }\r\n }\r\n}\r\n\r\n// 滚动条的宽度\r\n/deep/ .el-table__body-wrapper::-webkit-scrollbar {\r\n width: 6px; // 横向滚动条\r\n height: 6px; // 纵向滚动条 必写\r\n // display: block !important;\r\n}\r\n\r\n// 滚动条的滑块\r\n/deep/ .el-table__body-wrapper::-webkit-scrollbar-thumb {\r\n background-color: rgba(35, 160, 247, 1);\r\n border-radius: 3px;\r\n}\r\n\r\n/deep/ .el-table--scrollable-x .el-table__body-wrapper {\r\n overflow-x: hidden;\r\n}\r\n\r\n.user_skills {\r\n /deep/ .el-table {\r\n background-color: transparent !important;\r\n }\r\n\r\n /deep/ .el-table th {\r\n background-color: transparent !important;\r\n }\r\n\r\n /deep/ .el-table__header {\r\n width: 100% !important;\r\n height: 70px;\r\n background: url(\"../assets/images/tableBg.png\") no-repeat;\r\n background-size: 100% 100%;\r\n\r\n .cell {\r\n text-align: center !important;\r\n justify-content: center;\r\n }\r\n }\r\n\r\n /deep/ .el-table__header th {\r\n border: none;\r\n padding: 0;\r\n height: 48px;\r\n\r\n .cell {\r\n height: 100%;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n &.el-table__cell.is-leaf {\r\n border: none !important;\r\n }\r\n }\r\n\r\n /deep/ .el-table tr {\r\n background-color: transparent;\r\n }\r\n\r\n /deep/ .el-table--enable-row-transition .el-table__body td,\r\n .el-table .cell {\r\n background-color: transparent !important;\r\n border: none;\r\n color: #ffffff;\r\n }\r\n\r\n /deep/ .el-table__body td .cell {\r\n white-space: nowrap;\r\n // word-break: break-all;\r\n display: flex !important;\r\n justify-content: center !important;\r\n }\r\n\r\n /deep/ .el-table th.el-table__cell > .cell {\r\n color: rgb(86, 254, 226);\r\n }\r\n\r\n /deep/.el-table__body,\r\n .el-table__footer,\r\n .el-table__header {\r\n width: 100% !important;\r\n }\r\n\r\n /deep/ .el-table__body td .cell {\r\n // width: 60px !important;\r\n }\r\n\r\n // &::before {\r\n // //去除底部白线\r\n // left: 0;\r\n // bottom: 0;\r\n // width: 100%;\r\n // height: 0px;\r\n // }\r\n .el-table::before {\r\n background-color: transparent;\r\n }\r\n}\r\n\r\n.home {\r\n width: 100%;\r\n height: 100%;\r\n padding: 15px 28px;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n box-sizing: border-box;\r\n\r\n .left {\r\n padding-right: 15px;\r\n // width: 604px;\r\n width: 17.18%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n }\r\n\r\n .left1 {\r\n // width: 604px;\r\n // padding: 0 10px;\r\n width: 17.18%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n #detailedTwo1 {\r\n width: 100%;\r\n height: 400px;\r\n }\r\n #detailedTwo2 {\r\n width: 100%;\r\n height: 350px;\r\n }\r\n }\r\n\r\n .middle {\r\n // width: 1590px;\r\n width: 32.7%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n .imgboxone {\r\n background: url(\"../assets/02/dttksgsj.png\") no-repeat;\r\n background-size: 100%;\r\n float: right;\r\n width: 40vh;\r\n height: 10vh;\r\n position: relative;\r\n top: 5vh;\r\n right: 1vh;\r\n .contents {\r\n height: 90%;\r\n padding: 10px 10px 10px 10px;\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n\r\n .lines {\r\n width: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n background: url(\"../assets/02/tkxkz.png\") no-repeat;\r\n }\r\n\r\n .total {\r\n .num {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: center;\r\n align-items: center;\r\n color: #ffffff;\r\n h5 {\r\n font-size: 28px;\r\n }\r\n .yellow {\r\n color: yellow;\r\n }\r\n .orange {\r\n color: orange;\r\n }\r\n span {\r\n float: left;\r\n font-size: 18px;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n .imgboxtwo {\r\n padding: 0 0 0 20px;\r\n background: url(\"../assets/02/map4.png\") no-repeat;\r\n background-size: 100%;\r\n float: left;\r\n width: 40vh;\r\n height: 25vh;\r\n position: relative;\r\n top: 52vh;\r\n left: 30vh;\r\n display: flex;\r\n .contentUl {\r\n display: flex;\r\n margin: 0;\r\n padding: 10px;\r\n width: 100%;\r\n /* flex布局 */\r\n display: flex;\r\n // 开启换行\r\n flex-wrap: wrap;\r\n // 主轴上两端对齐\r\n justify-content: space-between;\r\n // 副轴上两端对齐\r\n align-content: space-between;\r\n //li盒子大小设置\r\n li {\r\n h5 {\r\n float: left;\r\n }\r\n span {\r\n font-size: 30px;\r\n }\r\n width: 49.5%;\r\n //高度调整\r\n height: 50%;\r\n list-style: none;\r\n font-size: 24px;\r\n color: #fff;\r\n background: url(\"../assets/02/tkxkz.png\") no-repeat;\r\n background-size: 100%;\r\n }\r\n }\r\n }\r\n\r\n .map {\r\n background: url(\"../assets/indexN/map.png\") no-repeat;\r\n vertical-align: middle;\r\n display: table-cell;\r\n text-align: center;\r\n margin-left: -20%;\r\n img {\r\n position: relative;\r\n left: 20%;\r\n top: 35%;\r\n }\r\n }\r\n }\r\n\r\n .right {\r\n // width: 604px;\r\n width: 16.8%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n #detailqe {\r\n width: 100%;\r\n height: 350px;\r\n }\r\n #detailen {\r\n width: 100%;\r\n height: 400px;\r\n }\r\n .eqselect {\r\n span {\r\n font-size: 20px;\r\n color: #f8f8f8;\r\n }\r\n img {\r\n margin-right: 7px;\r\n }\r\n }\r\n }\r\n\r\n .right1 {\r\n // width: 604px;\r\n width: 17.18%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n }\r\n}\r\n\r\n// }\r\n</style>\r\n<style lang=\"less\" scoped>\r\n// .el-popper {\r\n// top: 50%;\r\n// }\r\n\r\n/deep/ .popper__arrow {\r\n left: 171px !important;\r\n top: 95px !important;\r\n}\r\n\r\n/deep/ .el-select-dropdown {\r\n background-color: rgb(14, 30, 46) !important;\r\n border: 1px solid rgba(45, 143, 148, 0.5) !important;\r\n\r\n /deep/ .el-select-dropdown__item {\r\n color: #fff !important;\r\n }\r\n\r\n /deep/ .el-select-dropdown__item.hover,\r\n /deep/ .el-select-dropdown__item:hover {\r\n background-color: rgb(18, 54, 87) !important;\r\n }\r\n}\r\n\r\n/deep/ .el-popper[x-placement^=\"bottom\"] {\r\n margin-top: -146px !important;\r\n}\r\n\r\n/**\r\n表格有滚动效果但是不显示滚动条\r\n*/\r\n</style>\r\n<style lang=\"less\">\r\n.el-table .rowColor0 {\r\n background: red !important;\r\n animation: fade 2000ms infinite ease-in-out;\r\n}\r\n\r\n@keyframes fade {\r\n from {\r\n opacity: 1;\r\n }\r\n\r\n 50% {\r\n opacity: 0.6;\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n }\r\n}\r\n\r\n// .el-pager li:hover{\r\n// color:black\r\n// }\r\n.cartitle {\r\n height: 52px;\r\n width: 100%;\r\n // background: url(\"../assets/images/carTitle.png\") no-repeat;\r\n font-size: 24px;\r\n font-weight: 600;\r\n color: #ffffff;\r\n line-height: 52px;\r\n // text-align: left;\r\n text-indent: 26px;\r\n}\r\n.titleFont {\r\n color: transparent;\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n background-image: linear-gradient(\r\n to bottom,\r\n rgb(255, 255, 255),\r\n rgb(123, 247, 245)\r\n );\r\n img {\r\n margin: 20px;\r\n }\r\n}\r\n.content {\r\n padding: 24px 31px 0 31px;\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n\r\n .line {\r\n width: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n table {\r\n thead {\r\n font-size: 22px !important;\r\n height: 50px;\r\n background: url(\"../assets/02/bgbth.png\") no-repeat;\r\n }\r\n tbody {\r\n tr {\r\n height: 50px;\r\n font-size: 18px !important;\r\n color: #fff;\r\n background: url(\"../assets/02/bgqth.png\") no-repeat;\r\n }\r\n }\r\n }\r\n\r\n .total {\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-around;\r\n margin-bottom: 15%;\r\n\r\n .num {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: center;\r\n align-items: center;\r\n color: #ffffff;\r\n\r\n .numText {\r\n color: #ffffff;\r\n }\r\n\r\n .numText:before {\r\n content: attr(text);\r\n position: absolute;\r\n z-index: 10;\r\n color: rgb(86, 254, 246) !important;\r\n -webkit-mask: linear-gradient(to top, rgb(86, 244, 254), transparent);\r\n }\r\n }\r\n }\r\n\r\n .info {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n\r\n .lists {\r\n width: 100%;\r\n height: 32px;\r\n background: url(\"../assets/images/cardSquare.png\") no-repeat;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n align-items: center;\r\n background-size: 100% 100%;\r\n margin-bottom: 9%;\r\n padding: 0 10px 0 0;\r\n box-sizing: border-box;\r\n\r\n & > div {\r\n font-size: 18px;\r\n color: #ffffff;\r\n }\r\n\r\n .number {\r\n color: rgb(86, 254, 226);\r\n }\r\n }\r\n }\r\n }\r\n}\r\n.two {\r\n background: url(\"../assets/indexN/boxLr.png\") no-repeat;\r\n background-size: 100% 100%;\r\n position: relative;\r\n}\r\n.one {\r\n background: url(\"../assets/02/bgk.png\") no-repeat;\r\n background-size: 100% 100%;\r\n position: relative;\r\n\r\n .unityBtn {\r\n position: absolute;\r\n top: 40px;\r\n left: 30%;\r\n width: 40%;\r\n display: flex;\r\n justify-content: space-between;\r\n\r\n .btn {\r\n width: 100%;\r\n height: 38px;\r\n color: #fff;\r\n font-size: 18px;\r\n line-height: 38px;\r\n background: url(\"../assets/images/btnAct.png\") no-repeat;\r\n background-size: 100% 100%;\r\n margin-bottom: 10px;\r\n margin-right: 15px;\r\n }\r\n\r\n .btnAct {\r\n color: rgb(244, 201, 7);\r\n background: url(\"../assets/images/unityBtn.png\") no-repeat;\r\n background-size: 100% 100%;\r\n margin-right: 15px;\r\n }\r\n }\r\n\r\n .unityIcon {\r\n background: url(\"../assets/images/iconCard.png\") no-repeat;\r\n background-size: 100% 100%;\r\n width: 110px;\r\n height: 168px;\r\n position: absolute;\r\n right: 40px;\r\n bottom: 80px;\r\n display: flex;\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n flex-direction: column;\r\n justify-content: space-around;\r\n align-items: center;\r\n\r\n .unityIconGround {\r\n width: 80%;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n }\r\n\r\n .unityEnlargeBtn {\r\n width: 100px;\r\n display: flex;\r\n justify-content: space-around;\r\n position: absolute;\r\n right: 40px;\r\n top: 40px;\r\n\r\n .content {\r\n width: 38px;\r\n height: 36px;\r\n background: url(\"../assets/images/btnkuang.png\") no-repeat !important;\r\n background-size: 100% 100% !important;\r\n }\r\n }\r\n\r\n .unitySelect {\r\n position: absolute;\r\n left: 40px;\r\n width: 222px;\r\n height: 5%;\r\n bottom: 20px;\r\n display: flex;\r\n align-items: center;\r\n\r\n .unitySuosou {\r\n width: 57px;\r\n height: 53px;\r\n background: url(\"../assets/images/sousuoKuang.png\") no-repeat;\r\n background-size: 100% 100%;\r\n }\r\n }\r\n}\r\n</style>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/5bba4ed83ef7d4b1a39693915dbf6fc1.json b/node_modules/.cache/vue-loader/5bba4ed83ef7d4b1a39693915dbf6fc1.json
index 6a4c3050..1de14da5 100644
--- a/node_modules/.cache/vue-loader/5bba4ed83ef7d4b1a39693915dbf6fc1.json
+++ b/node_modules/.cache/vue-loader/5bba4ed83ef7d4b1a39693915dbf6fc1.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--12-0!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??ref--6!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\index.vue?vue&type=template&id=a83bd3b0&scoped=true&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\index.vue","mtime":1689926769457},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\babel.config.js","mtime":1689557787923},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1655712169000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["var 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: \"content3\"\n }, [_c(\"div\", {\n staticClass: \"line3\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"span\", {\n staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"户数高渗透率 \")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"yellow\",\n text: _vm.CompanyInfo.hsgst\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.hsgst) + \"\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\"\n }\n }, [_vm._v(\"%\")])])])])]), _c(\"div\", {\n staticClass: \"line3\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"span\", {\n staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"容量渗透率 \")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"orange\",\n text: _vm.CompanyInfo.rlst\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.rlst) + \"\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\"\n }\n }, [_vm._v(\"%\")])])])])]), _c(\"div\", {\n staticClass: \"line3\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"span\", {\n staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"能量渗透率 \")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"yellow\",\n text: _vm.CompanyInfo.nlst\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.nlst) + \"\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\"\n }\n }, [_vm._v(\"%\")])])])])])]), _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 on: {\n click: function click($event) {\n return _vm.routerTo(\"配网工程全过程物资审计\");\n }\n }\n }, [_vm._m(1)]), _c(\"div\", {\n staticClass: \"content3\",\n staticStyle: {\n display: \"inline\"\n }\n }, [_c(\"div\", {\n staticClass: \"line3\"\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 staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"项目数 \")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"yellow\",\n text: _vm.CompanyInfo.xms\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.xms) + \"\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\"\n }\n }, [_vm._v(\"万\")])])])])]), _c(\"div\", {\n staticClass: \"line3\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"span\", {\n staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"预算费用总和\")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"orange\",\n text: _vm.CompanyInfo.ysfyzh\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.ysfyzh) + \"\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\"\n }\n }, [_vm._v(\"%\")])])])])]), _c(\"div\", {\n staticClass: \"line3\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"span\", {\n staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"计划数\")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"yellow\",\n text: _vm.CompanyInfo.jhs\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.jhs) + \"\\n \")])])])])]), _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 }, [_c(\"div\", {\n staticClass: \"cartitle\",\n on: {\n click: function click($event) {\n return _vm.routerTo(\"盐城东台区供电所数字化分析\");\n }\n }\n }, [_vm._m(2)]), _c(\"div\", {\n staticClass: \"content3\"\n }, [_c(\"div\", {\n staticClass: \"line3\"\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 staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"升档配变数量 \")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"yellow\",\n text: _vm.CompanyInfo.sdpbsl\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.sdpbsl))])])])]), _c(\"div\", {\n staticClass: \"line3\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"span\", {\n staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"降档配比数量\")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"orange\",\n text: _vm.CompanyInfo.jdpbsl\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.jdpbsl))])])])]), _c(\"div\", {\n staticClass: \"line3\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"span\", {\n staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"负荷关注配变数量 \")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"yellow\",\n text: _vm.CompanyInfo.fhgzpb\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.fhgzpb))])])])])]), _c(\"div\", {\n attrs: {\n id: \"horizontalChart\"\n }\n })]), _c(\"div\", {\n staticClass: \"two\",\n staticStyle: {\n height: \"49%\"\n }\n }, [_c(\"div\", {\n staticClass: \"cartitle\",\n on: {\n click: function click($event) {\n return _vm.routerTo(\"盐城供电公司配网电能质量管控\");\n }\n }\n }, [_vm._m(3)]), _c(\"div\", {\n staticClass: \"content3\"\n }, [_c(\"div\", {\n staticClass: \"line3\"\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 staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"月供电可靠性 \")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"yellow\",\n text: _vm.CompanyInfo.ygdkkx\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.ygdkkx) + \"\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\"\n }\n }, [_vm._v(\"%\")])])])])]), _c(\"div\", {\n staticClass: \"line3\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"span\", {\n staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"平均停电频次 \")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"orange\",\n text: _vm.CompanyInfo.pjtdpc\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.pjtdpc) + \"\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\"\n }\n }, [_vm._v(\"次/户\")])])])])]), _c(\"div\", {\n staticClass: \"line3\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"span\", {\n staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"平均停电时间 \")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"yellow\",\n text: _vm.CompanyInfo.pjtdsj\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.pjtdsj) + \"\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\"\n }\n }, [_vm._v(\"小时\")])])])])])]), _c(\"div\", {\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 }, [_c(\"div\", {\n staticClass: \"cartitle\",\n on: {\n click: function click($event) {\n return _vm.routerTo(\"乡村振兴电力综合指数\");\n }\n }\n }, [_vm._m(5)]), _vm._m(6), _vm._m(7), _c(\"div\", {\n attrs: {\n id: \"detailedFive\"\n }\n })]), _c(\"div\", {\n staticClass: \"three\",\n staticStyle: {\n height: \"48%\",\n width: \"100%\"\n }\n }, [_c(\"div\", {\n staticClass: \"cartitle\",\n on: {\n click: function click($event) {\n return _vm.routerTo(\"两高行业企业污染监测\");\n }\n }\n }, [_vm._m(8)]), _c(\"div\", {\n staticClass: \"content3\",\n staticStyle: {\n display: \"inline\"\n }\n }, [_c(\"div\", {\n staticClass: \"line3\"\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 staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"2022年度总碳排放量\")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n text: _vm.CompanyInfo.ztpf,\n id: \"yellow\"\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.ztpf) + \"\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\"\n }\n }, [_vm._v(\"吨碳\")])])])])]), _c(\"div\", {\n staticClass: \"line3\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"span\", {\n staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"2022年度总用电量\")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"orange\",\n text: _vm.CompanyInfo.zydl\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.zydl) + \"\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\"\n }\n }, [_vm._v(\"kwh\")])])])])]), _c(\"div\", {\n staticClass: \"line3\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"span\", {\n staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"2022年度客户总数\")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"yellow\",\n text: _vm.CompanyInfo.khzs\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.khzs) + \"\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\"\n }\n }, [_vm._v(\"人\")])])])])])]), _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 }, [_c(\"div\", {\n staticClass: \"cartitle\",\n on: {\n click: function click($event) {\n return _vm.routerTo(\"农村生活污水治理设备电量分析\");\n }\n }\n }, [_vm._m(9)]), _c(\"div\", {\n staticClass: \"content3\"\n }, [_c(\"div\", {\n staticClass: \"line3\"\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 staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"年度总用电量 \")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"yellow\",\n text: _vm.CompanyInfo.xczydl\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.xczydl) + \"\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\"\n }\n }, [_vm._v(\"万kwh\")])])])])]), _c(\"div\", {\n staticClass: \"line3\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"span\", {\n staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"最大设备规模 \")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"orange\",\n text: _vm.CompanyInfo.zdsbgm\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.zdsbgm) + \"\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\"\n }\n }, [_vm._v(\"吨/日\")])])])])]), _c(\"div\", {\n staticClass: \"line3\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"span\", {\n staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"最小设备规模 \")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"yellow\",\n text: _vm.CompanyInfo.zxsbgm\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.zxsbgm) + \"\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\"\n }\n }, [_vm._v(\"吨/日\")])])])])])]), _c(\"div\", {\n attrs: {\n id: \"detailen\"\n }\n })]), _c(\"div\", {\n staticClass: \"three\",\n staticStyle: {\n height: \"48%\",\n width: \"100%\"\n }\n }, [_c(\"div\", {\n staticClass: \"cartitle\",\n on: {\n click: function click($event) {\n return _vm.routerTo(\"数字化排涝抗旱辅助及检修辅助决策\");\n }\n }\n }, [_vm._m(10)]), _c(\"div\", {\n staticClass: \"content3\"\n }, [_c(\"div\", {\n staticClass: \"line3\"\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 staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"辖区管理供电所 \")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"yellow\",\n text: _vm.CompanyInfo.glgds\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.glgds) + \"\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\"\n }\n }, [_vm._v(\"个\")])])])])]), _c(\"div\", {\n staticClass: \"line3\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"span\", {\n staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"辖区管理台区 \")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"orange\",\n text: _vm.CompanyInfo.gltq\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.gltq) + \"\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\"\n }\n }, [_vm._v(\"个\")])])])])]), _c(\"div\", {\n staticClass: \"line3\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"span\", {\n staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"自然村 \")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"yellow\",\n text: _vm.CompanyInfo.zrc\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.zrc) + \"\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\"\n }\n }, [_vm._v(\"条\")])])])])])]), _c(\"div\", {\n attrs: {\n id: \"shuzihua\"\n }\n })])]), _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: \"content3\"\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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"盐城地区分布光伏运行监测\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.png\"),\n alt: \"\"\n }\n })]);\n}, 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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"配网工程全过程物资审计\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.png\"),\n alt: \"\"\n }\n })]);\n}, 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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"盐城东台区供电所数字化分析\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.png\"),\n alt: \"\"\n }\n })]);\n}, 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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"盐城供电公司配网电能质量管控\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.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(\"canvas\", {\n staticStyle: {\n position: \"absolute\"\n },\n attrs: {\n id: \"myCanvas\",\n width: \"1000\",\n height: \"600\"\n }\n }), _c(\"img\", {\n staticClass: \"leftimg\",\n attrs: {\n src: require(\"../assets/indexN/left.png\"),\n alt: \"\"\n }\n }), _c(\"img\", {\n staticClass: \"rightimg\",\n attrs: {\n src: require(\"../assets/indexN/right.png\"),\n alt: \"\"\n }\n }), _c(\"img\", {\n staticClass: \"allimg\",\n attrs: {\n src: require(\"../assets/indexN/dfsxz.png\"),\n alt: \"\"\n }\n }), _c(\"div\", {\n staticClass: \"imgboxtwo1\"\n }, [_c(\"div\", {\n staticClass: \"cartitle\"\n }, [_c(\"div\", {\n staticClass: \"titleFont\",\n staticStyle: {\n color: \"#fff\",\n \"font-size\": \"26px\"\n }\n }, [_vm._v(\"\\n 大丰区\\n \")])]), _c(\"div\", {\n staticClass: \"content2\"\n }, [_c(\"div\", {\n staticClass: \"line1\"\n }, [_vm._v(\"\\n 用电量 (kwh) \\n \"), _c(\"span\", {\n staticStyle: {\n color: \"yellow\",\n \"font-size\": \"28px\"\n }\n }, [_vm._v(\"2.685亿\")])]), _c(\"div\", {\n staticClass: \"line1\"\n }, [_vm._v(\"\\n 碳排放量 (kg) \\n \"), _c(\"span\", {\n staticStyle: {\n color: \"orange\",\n \"font-size\": \"28px\"\n }\n }, [_vm._v(\"7.303万\")])]), _c(\"div\", {\n staticClass: \"line1\"\n }, [_vm._v(\"\\n 企业数量 \\n \"), _c(\"span\", {\n staticStyle: {\n color: \"yellow\",\n \"font-size\": \"28px\"\n }\n }, [_vm._v(\"713\")])])])]), _c(\"div\", {\n staticClass: \"imgboxone\"\n }, [_c(\"div\", {\n staticClass: \"contents\"\n }, [_c(\"div\", {\n staticClass: \"lines\",\n staticStyle: {\n width: \"55%\"\n }\n }, [_c(\"img\", {\n staticStyle: {\n \"margin-top\": \"15%\"\n },\n attrs: {\n src: require(\"../assets/indexN/tb1.png\")\n }\n }), _c(\"h4\", {\n staticStyle: {\n color: \"#fff\",\n \"margin-top\": \"10%\"\n }\n }, [_vm._v(\"数据目录\")])]), _c(\"div\", {\n staticClass: \"lines\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"span\", [_vm._v(\"发布数量\")]), _c(\"span\", {\n staticClass: \"yellow\"\n }, [_vm._v(\"\\n 100 \"), _c(\"span\", {\n staticStyle: {\n color: \"#fff\"\n }\n }, [_vm._v(\"%\")])])]), _c(\"div\", {\n staticClass: \"num\",\n staticStyle: {\n \"margin-top\": \"5%\"\n }\n }, [_c(\"span\", [_vm._v(\"负面清单\")]), _c(\"span\", {\n staticClass: \"orange\"\n }, [_vm._v(\"\\n 7244\"), _c(\"span\", {\n staticStyle: {\n color: \"#fff\"\n }\n }, [_vm._v(\"个\")])])]), _c(\"div\", {\n staticClass: \"num\",\n staticStyle: {\n \"margin-top\": \"5%\"\n }\n }, [_c(\"span\", [_vm._v(\"涉及系统\")]), _c(\"span\", {\n staticClass: \"yellow\"\n }, [_vm._v(\"\\n 251 \"), _c(\"span\", {\n staticStyle: {\n color: \"#fff\"\n }\n }, [_vm._v(\"个\")])])])])]), _c(\"div\", {\n staticClass: \"lines\",\n staticStyle: {\n width: \"55%\"\n }\n }, [_c(\"img\", {\n staticStyle: {\n \"margin-top\": \"15%\"\n },\n attrs: {\n src: require(\"../assets/indexN/tb2.png\")\n }\n }), _c(\"h4\", {\n staticStyle: {\n color: \"#fff\",\n \"margin-top\": \"10%\"\n }\n }, [_vm._v(\"数据资源\")])]), _c(\"div\", {\n staticClass: \"lines\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"div\", {\n staticStyle: {\n display: \"inline-block\"\n }\n }, [_c(\"span\", [_vm._v(\"接入数量\")])]), _c(\"span\", {\n staticClass: \"yellow\"\n }, [_vm._v(\" 1.6 \"), _c(\"span\", {\n staticStyle: {\n color: \"#fff\"\n }\n }, [_vm._v(\"万个\")])])]), _c(\"div\", {\n staticClass: \"num\",\n staticStyle: {\n \"margin-top\": \"5%\"\n }\n }, [_c(\"div\", {\n staticStyle: {\n display: \"inline-block\"\n }\n }, [_c(\"span\", [_vm._v(\"涉及系统\")])]), _c(\"span\", {\n staticClass: \"orange\"\n }, [_vm._v(\" 123 \"), _c(\"span\", {\n staticStyle: {\n color: \"#fff\"\n }\n }, [_vm._v(\"个\")])])]), _c(\"div\", {\n staticClass: \"num\",\n staticStyle: {\n \"margin-top\": \"5%\"\n }\n }, [_c(\"div\", {\n staticStyle: {\n display: \"inline-block\"\n }\n }, [_c(\"span\", [_vm._v(\"数据资源卡片\")])]), _c(\"span\", {\n staticClass: \"yellow\"\n }, [_vm._v(\"31\"), _c(\"span\", {\n staticStyle: {\n color: \"#fff\"\n }\n }, [_vm._v(\"个\")])])])])]), _c(\"div\", {\n staticClass: \"lines\",\n staticStyle: {\n width: \"55%\"\n }\n }, [_c(\"img\", {\n staticStyle: {\n \"margin-top\": \"15%\"\n },\n attrs: {\n src: require(\"../assets/indexN/tb3.png\")\n }\n }), _c(\"h4\", {\n staticStyle: {\n color: \"#fff\",\n \"margin-top\": \"10%\"\n }\n }, [_vm._v(\"数据服务\")])]), _c(\"div\", {\n staticClass: \"lines\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"div\", {\n staticStyle: {\n display: \"inline-block\"\n }\n }, [_c(\"span\", [_vm._v(\"服务数量\")])]), _c(\"span\", {\n staticClass: \"yellow\"\n }, [_vm._v(\"\\n 1084\"), _c(\"span\", {\n staticStyle: {\n color: \"#fff\"\n }\n }, [_vm._v(\"个\")])])]), _c(\"div\", {\n staticClass: \"num\",\n staticStyle: {\n \"margin-top\": \"5%\"\n }\n }, [_c(\"div\", {\n staticStyle: {\n display: \"inline-block\"\n }\n }, [_c(\"span\", [_vm._v(\"接入数量\")])]), _c(\"span\", {\n staticClass: \"orange\"\n }, [_vm._v(\"\\n 8833\"), _c(\"span\", {\n staticStyle: {\n color: \"#fff\"\n }\n }, [_vm._v(\"个\")])])]), _c(\"div\", {\n staticClass: \"num\",\n staticStyle: {\n \"margin-top\": \"5%\"\n }\n }, [_c(\"div\", {\n staticStyle: {\n display: \"inline-block\"\n }\n }, [_c(\"span\", [_vm._v(\"访问次数\")])]), _c(\"span\", {\n staticClass: \"yellow\"\n }, [_vm._v(\"\\n 5.3 \"), _c(\"span\", {\n staticStyle: {\n color: \"#fff\"\n }\n }, [_vm._v(\"亿个\")])])])])]), _c(\"div\", {\n staticClass: \"lines\",\n staticStyle: {\n width: \"55%\"\n }\n }, [_c(\"img\", {\n staticStyle: {\n \"margin-top\": \"15%\"\n },\n attrs: {\n src: require(\"../assets/indexN/tb4.png\")\n }\n }), _c(\"h4\", {\n staticStyle: {\n color: \"#fff\",\n \"margin-top\": \"10%\"\n }\n }, [_vm._v(\"数据产品\")])]), _c(\"div\", {\n staticClass: \"lines\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"div\", {\n staticStyle: {\n display: \"inline-block\"\n }\n }, [_c(\"span\", [_vm._v(\"报表数量\")])]), _c(\"span\", {\n staticClass: \"yellow\"\n }, [_vm._v(\" 19 \"), _c(\"span\", {\n staticStyle: {\n color: \"#fff\"\n }\n }, [_vm._v(\"个\")])])]), _c(\"div\", {\n staticClass: \"num\",\n staticStyle: {\n \"margin-top\": \"5%\"\n }\n }, [_c(\"div\", {\n staticStyle: {\n display: \"inline-block\"\n }\n }, [_c(\"span\", [_vm._v(\"服务访问次数\")])]), _c(\"span\", {\n staticClass: \"orange\"\n }, [_vm._v(\" 0 \"), _c(\"span\", {\n staticStyle: {\n color: \"#fff\"\n }\n }, [_vm._v(\"次\")])])]), _c(\"div\", {\n staticClass: \"num\",\n staticStyle: {\n \"margin-top\": \"5%\"\n }\n }, [_c(\"div\", {\n staticStyle: {\n display: \"inline-block\"\n }\n }, [_c(\"span\", [_vm._v(\"指标数量\")])]), _c(\"span\", {\n staticClass: \"yellow\"\n }, [_vm._v(\" 477 \"), _c(\"span\", {\n staticStyle: {\n color: \"#fff\"\n }\n }, [_vm._v(\"个\")])])])])])])])])]);\n}, 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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"乡村振兴电力综合指数\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.png\"),\n alt: \"\"\n }\n })]);\n}, function () {\n var _vm = this,\n _c = _vm._self._c;\n return _c(\"div\", {\n staticClass: \"content3\"\n }, [_c(\"div\", {\n staticClass: \"contentUl\"\n }, [_c(\"div\", {\n staticClass: \"top1\"\n }, [_c(\"div\", {\n staticClass: \"texts\"\n }, [_vm._v(\"94.46\")]), _c(\"h4\", [_vm._v(\"产业兴旺\")])]), _c(\"div\", {\n staticClass: \"top2\"\n }, [_c(\"div\", {\n staticClass: \"texts\"\n }, [_vm._v(\"63.95\")]), _c(\"h4\", [_vm._v(\"生活宜居\")])]), _c(\"div\", {\n staticClass: \"top3\"\n }, [_c(\"div\", {\n staticClass: \"texts\"\n }, [_vm._v(\"74.15\")]), _c(\"h4\", [_vm._v(\"生活富裕\")])]), _c(\"div\", {\n staticClass: \"top4\"\n }, [_c(\"div\", {\n staticClass: \"texts\"\n }, [_vm._v(\"56.23\")]), _c(\"h4\", [_vm._v(\"治理有效\")])]), _c(\"div\", {\n staticClass: \"top5\"\n }, [_c(\"div\", {\n staticClass: \"texts\"\n }, [_vm._v(\"86.82\")]), _c(\"h4\", [_vm._v(\"乡风文明\")])]), _c(\"div\", {\n staticClass: \"top\"\n }, [_c(\"img\", {\n attrs: {\n src: require(\"../assets/indexN/xctb1.png\")\n }\n }), _c(\"div\", {\n staticClass: \"texts\",\n staticStyle: {\n color: \"yellow\"\n }\n }, [_vm._v(\"77.17\")])])])]);\n}, function () {\n var _vm = this,\n _c = _vm._self._c;\n return _c(\"div\", {\n staticClass: \"enselect\"\n }, [_c(\"img\", {\n attrs: {\n src: require(\"../assets/02/dqxcxl.png\"),\n alt: \"\"\n }\n }), _c(\"span\", {\n staticClass: \"text\"\n }, [_vm._v(\"乡镇\")])]);\n}, 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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"两高行业企业污染监测\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.png\"),\n alt: \"\"\n }\n })]);\n}, 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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"农村生活污水治理设备电量分析\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.png\"),\n alt: \"\"\n }\n })]);\n}, 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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"数字化排涝抗旱辅助及检修辅助决策\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.png\"),\n alt: \"\"\n }\n })]);\n}, function () {\n var _vm = this,\n _c = _vm._self._c;\n return _c(\"div\", {\n staticClass: \"content3\"\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","_v","text","CompanyInfo","hsgst","_s","color","rlst","nlst","display","openLineDetail","pdxl","xms","ysfyzh","jhs","sdpbsl","jdpbsl","fhgzpb","ygdkkx","pjtdpc","pjtdsj","width","ztpf","zydl","khzs","xczydl","zdsbgm","zxsbgm","glgds","gltq","zrc","directives","name","rawName","value","realTimeAlarmShow","expression","alarmInformationShow","cursor","src","require","handleClose","data","alarmInformationData","rowClass","label","align","scopedSlots","_u","key","fn","scop","$index","prop","pageShow","page","pageSize","layout","total","totals","handleCurrentChange","_e","modelOthers","componentShow","tag","ringMainUnit","device","orderItem","orderShow","routeItem","routeShow","lineItem","top","lineShow","ref","controls","hidden","staticRenderFns","alt","position","_withStripped"],"sources":["D:/林谷智能项目/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: \"content3\" }, [\n _c(\"div\", { staticClass: \"line3\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\n \"span\",\n { staticClass: \"num1\", staticStyle: { \"font-size\": \"18px\" } },\n [_vm._v(\"户数高渗透率 \")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: { \"font-size\": \"40px\", \"font-weight\": \"600\" },\n attrs: { id: \"yellow\", text: _vm.CompanyInfo.hsgst },\n },\n [\n _vm._v(\n _vm._s(_vm.CompanyInfo.hsgst) + \"\\n \"\n ),\n _c(\n \"span\",\n { staticStyle: { \"font-size\": \"18px\", color: \"#fff\" } },\n [_vm._v(\"%\")]\n ),\n ]\n ),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"line3\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\n \"span\",\n { staticClass: \"num1\", staticStyle: { \"font-size\": \"18px\" } },\n [_vm._v(\"容量渗透率 \")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: { \"font-size\": \"40px\", \"font-weight\": \"600\" },\n attrs: { id: \"orange\", text: _vm.CompanyInfo.rlst },\n },\n [\n _vm._v(_vm._s(_vm.CompanyInfo.rlst) + \"\\n \"),\n _c(\n \"span\",\n { staticStyle: { \"font-size\": \"18px\", color: \"#fff\" } },\n [_vm._v(\"%\")]\n ),\n ]\n ),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"line3\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\n \"span\",\n { staticClass: \"num1\", staticStyle: { \"font-size\": \"18px\" } },\n [_vm._v(\"能量渗透率 \")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: { \"font-size\": \"40px\", \"font-weight\": \"600\" },\n attrs: { id: \"yellow\", text: _vm.CompanyInfo.nlst },\n },\n [\n _vm._v(_vm._s(_vm.CompanyInfo.nlst) + \"\\n \"),\n _c(\n \"span\",\n { staticStyle: { \"font-size\": \"18px\", color: \"#fff\" } },\n [_vm._v(\"%\")]\n ),\n ]\n ),\n ]),\n ]),\n ]),\n ]),\n _c(\"div\", { attrs: { id: \"detailedTwo1\" } }),\n ]),\n _c(\"div\", { staticClass: \"two\", staticStyle: { height: \"49%\" } }, [\n _c(\n \"div\",\n {\n staticClass: \"cartitle\",\n on: {\n click: function ($event) {\n return _vm.routerTo(\"配网工程全过程物资审计\")\n },\n },\n },\n [_vm._m(1)]\n ),\n _c(\n \"div\",\n { staticClass: \"content3\", staticStyle: { display: \"inline\" } },\n [\n _c(\"div\", { staticClass: \"line3\" }, [\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(\n \"span\",\n {\n staticClass: \"num1\",\n staticStyle: { \"font-size\": \"18px\" },\n },\n [_vm._v(\"项目数 \")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\",\n },\n attrs: { id: \"yellow\", text: _vm.CompanyInfo.xms },\n },\n [\n _vm._v(\n _vm._s(_vm.CompanyInfo.xms) + \"\\n \"\n ),\n _c(\n \"span\",\n {\n staticStyle: { \"font-size\": \"18px\", color: \"#fff\" },\n },\n [_vm._v(\"万\")]\n ),\n ]\n ),\n ]\n ),\n ]),\n ]),\n _c(\"div\", { staticClass: \"line3\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\n \"span\",\n {\n staticClass: \"num1\",\n staticStyle: { \"font-size\": \"18px\" },\n },\n [_vm._v(\"预算费用总和\")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\",\n },\n attrs: { id: \"orange\", text: _vm.CompanyInfo.ysfyzh },\n },\n [\n _vm._v(\n _vm._s(_vm.CompanyInfo.ysfyzh) + \"\\n \"\n ),\n _c(\n \"span\",\n { staticStyle: { \"font-size\": \"18px\", color: \"#fff\" } },\n [_vm._v(\"%\")]\n ),\n ]\n ),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"line3\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\n \"span\",\n {\n staticClass: \"num1\",\n staticStyle: { \"font-size\": \"18px\" },\n },\n [_vm._v(\"计划数\")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\",\n },\n attrs: { id: \"yellow\", text: _vm.CompanyInfo.jhs },\n },\n [_vm._v(_vm._s(_vm.CompanyInfo.jhs) + \"\\n \")]\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 _c(\n \"div\",\n {\n staticClass: \"cartitle\",\n on: {\n click: function ($event) {\n return _vm.routerTo(\"盐城东台区供电所数字化分析\")\n },\n },\n },\n [_vm._m(2)]\n ),\n _c(\"div\", { staticClass: \"content3\" }, [\n _c(\"div\", { staticClass: \"line3\" }, [\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(\n \"span\",\n {\n staticClass: \"num1\",\n staticStyle: { \"font-size\": \"18px\" },\n },\n [_vm._v(\"升档配变数量 \")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\",\n },\n attrs: { id: \"yellow\", text: _vm.CompanyInfo.sdpbsl },\n },\n [_vm._v(_vm._s(_vm.CompanyInfo.sdpbsl))]\n ),\n ]\n ),\n ]),\n ]),\n _c(\"div\", { staticClass: \"line3\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\n \"span\",\n { staticClass: \"num1\", staticStyle: { \"font-size\": \"18px\" } },\n [_vm._v(\"降档配比数量\")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: { \"font-size\": \"40px\", \"font-weight\": \"600\" },\n attrs: { id: \"orange\", text: _vm.CompanyInfo.jdpbsl },\n },\n [_vm._v(_vm._s(_vm.CompanyInfo.jdpbsl))]\n ),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"line3\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\n \"span\",\n { staticClass: \"num1\", staticStyle: { \"font-size\": \"18px\" } },\n [_vm._v(\"负荷关注配变数量 \")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: { \"font-size\": \"40px\", \"font-weight\": \"600\" },\n attrs: { id: \"yellow\", text: _vm.CompanyInfo.fhgzpb },\n },\n [_vm._v(_vm._s(_vm.CompanyInfo.fhgzpb))]\n ),\n ]),\n ]),\n ]),\n ]),\n _c(\"div\", { attrs: { id: \"horizontalChart\" } }),\n ]),\n _c(\"div\", { staticClass: \"two\", staticStyle: { height: \"49%\" } }, [\n _c(\n \"div\",\n {\n staticClass: \"cartitle\",\n on: {\n click: function ($event) {\n return _vm.routerTo(\"盐城供电公司配网电能质量管控\")\n },\n },\n },\n [_vm._m(3)]\n ),\n _c(\"div\", { staticClass: \"content3\" }, [\n _c(\"div\", { staticClass: \"line3\" }, [\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(\n \"span\",\n {\n staticClass: \"num1\",\n staticStyle: { \"font-size\": \"18px\" },\n },\n [_vm._v(\"月供电可靠性 \")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\",\n },\n attrs: { id: \"yellow\", text: _vm.CompanyInfo.ygdkkx },\n },\n [\n _vm._v(\n _vm._s(_vm.CompanyInfo.ygdkkx) + \"\\n \"\n ),\n _c(\n \"span\",\n { staticStyle: { \"font-size\": \"18px\", color: \"#fff\" } },\n [_vm._v(\"%\")]\n ),\n ]\n ),\n ]\n ),\n ]),\n ]),\n _c(\"div\", { staticClass: \"line3\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\n \"span\",\n { staticClass: \"num1\", staticStyle: { \"font-size\": \"18px\" } },\n [_vm._v(\"平均停电频次 \")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: { \"font-size\": \"40px\", \"font-weight\": \"600\" },\n attrs: { id: \"orange\", text: _vm.CompanyInfo.pjtdpc },\n },\n [\n _vm._v(\n _vm._s(_vm.CompanyInfo.pjtdpc) + \"\\n \"\n ),\n _c(\n \"span\",\n { staticStyle: { \"font-size\": \"18px\", color: \"#fff\" } },\n [_vm._v(\"次/户\")]\n ),\n ]\n ),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"line3\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\n \"span\",\n { staticClass: \"num1\", staticStyle: { \"font-size\": \"18px\" } },\n [_vm._v(\"平均停电时间 \")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: { \"font-size\": \"40px\", \"font-weight\": \"600\" },\n attrs: { id: \"yellow\", text: _vm.CompanyInfo.pjtdsj },\n },\n [\n _vm._v(\n _vm._s(_vm.CompanyInfo.pjtdsj) + \"\\n \"\n ),\n _c(\n \"span\",\n { staticStyle: { \"font-size\": \"18px\", color: \"#fff\" } },\n [_vm._v(\"小时\")]\n ),\n ]\n ),\n ]),\n ]),\n ]),\n ]),\n _c(\"div\", { attrs: { id: \"detailedOne\" } }),\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 _c(\n \"div\",\n {\n staticClass: \"cartitle\",\n on: {\n click: function ($event) {\n return _vm.routerTo(\"乡村振兴电力综合指数\")\n },\n },\n },\n [_vm._m(5)]\n ),\n _vm._m(6),\n _vm._m(7),\n _c(\"div\", { attrs: { id: \"detailedFive\" } }),\n ]\n ),\n _c(\n \"div\",\n { staticClass: \"three\", staticStyle: { height: \"48%\", width: \"100%\" } },\n [\n _c(\n \"div\",\n {\n staticClass: \"cartitle\",\n on: {\n click: function ($event) {\n return _vm.routerTo(\"两高行业企业污染监测\")\n },\n },\n },\n [_vm._m(8)]\n ),\n _c(\n \"div\",\n { staticClass: \"content3\", staticStyle: { display: \"inline\" } },\n [\n _c(\"div\", { staticClass: \"line3\" }, [\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(\n \"span\",\n {\n staticClass: \"num1\",\n staticStyle: { \"font-size\": \"18px\" },\n },\n [_vm._v(\"2022年度总碳排放量\")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\",\n },\n attrs: { text: _vm.CompanyInfo.ztpf, id: \"yellow\" },\n },\n [\n _vm._v(\n _vm._s(_vm.CompanyInfo.ztpf) + \"\\n \"\n ),\n _c(\n \"span\",\n {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\",\n },\n },\n [_vm._v(\"吨碳\")]\n ),\n ]\n ),\n ]\n ),\n ]),\n ]),\n _c(\"div\", { staticClass: \"line3\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\n \"span\",\n {\n staticClass: \"num1\",\n staticStyle: { \"font-size\": \"18px\" },\n },\n [_vm._v(\"2022年度总用电量\")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\",\n },\n attrs: { id: \"orange\", text: _vm.CompanyInfo.zydl },\n },\n [\n _vm._v(\n _vm._s(_vm.CompanyInfo.zydl) + \"\\n \"\n ),\n _c(\n \"span\",\n {\n staticStyle: { \"font-size\": \"18px\", color: \"#fff\" },\n },\n [_vm._v(\"kwh\")]\n ),\n ]\n ),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"line3\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\n \"span\",\n {\n staticClass: \"num1\",\n staticStyle: { \"font-size\": \"18px\" },\n },\n [_vm._v(\"2022年度客户总数\")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\",\n },\n attrs: { id: \"yellow\", text: _vm.CompanyInfo.khzs },\n },\n [\n _vm._v(\n _vm._s(_vm.CompanyInfo.khzs) + \"\\n \"\n ),\n _c(\n \"span\",\n {\n staticStyle: { \"font-size\": \"18px\", color: \"#fff\" },\n },\n [_vm._v(\"人\")]\n ),\n ]\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 _c(\n \"div\",\n {\n staticClass: \"cartitle\",\n on: {\n click: function ($event) {\n return _vm.routerTo(\"农村生活污水治理设备电量分析\")\n },\n },\n },\n [_vm._m(9)]\n ),\n _c(\"div\", { staticClass: \"content3\" }, [\n _c(\"div\", { staticClass: \"line3\" }, [\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(\n \"span\",\n {\n staticClass: \"num1\",\n staticStyle: { \"font-size\": \"18px\" },\n },\n [_vm._v(\"年度总用电量 \")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\",\n },\n attrs: { id: \"yellow\", text: _vm.CompanyInfo.xczydl },\n },\n [\n _vm._v(\n _vm._s(_vm.CompanyInfo.xczydl) + \"\\n \"\n ),\n _c(\n \"span\",\n {\n staticStyle: { \"font-size\": \"18px\", color: \"#fff\" },\n },\n [_vm._v(\"万kwh\")]\n ),\n ]\n ),\n ]\n ),\n ]),\n ]),\n _c(\"div\", { staticClass: \"line3\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\n \"span\",\n {\n staticClass: \"num1\",\n staticStyle: { \"font-size\": \"18px\" },\n },\n [_vm._v(\"最大设备规模 \")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\",\n },\n attrs: { id: \"orange\", text: _vm.CompanyInfo.zdsbgm },\n },\n [\n _vm._v(\n _vm._s(_vm.CompanyInfo.zdsbgm) + \"\\n \"\n ),\n _c(\n \"span\",\n { staticStyle: { \"font-size\": \"18px\", color: \"#fff\" } },\n [_vm._v(\"吨/日\")]\n ),\n ]\n ),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"line3\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\n \"span\",\n {\n staticClass: \"num1\",\n staticStyle: { \"font-size\": \"18px\" },\n },\n [_vm._v(\"最小设备规模 \")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\",\n },\n attrs: { id: \"yellow\", text: _vm.CompanyInfo.zxsbgm },\n },\n [\n _vm._v(\n _vm._s(_vm.CompanyInfo.zxsbgm) + \"\\n \"\n ),\n _c(\n \"span\",\n { staticStyle: { \"font-size\": \"18px\", color: \"#fff\" } },\n [_vm._v(\"吨/日\")]\n ),\n ]\n ),\n ]),\n ]),\n ]),\n ]),\n _c(\"div\", { attrs: { id: \"detailen\" } }),\n ]\n ),\n _c(\n \"div\",\n { staticClass: \"three\", staticStyle: { height: \"48%\", width: \"100%\" } },\n [\n _c(\n \"div\",\n {\n staticClass: \"cartitle\",\n on: {\n click: function ($event) {\n return _vm.routerTo(\"数字化排涝抗旱辅助及检修辅助决策\")\n },\n },\n },\n [_vm._m(10)]\n ),\n _c(\"div\", { staticClass: \"content3\" }, [\n _c(\"div\", { staticClass: \"line3\" }, [\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(\n \"span\",\n {\n staticClass: \"num1\",\n staticStyle: { \"font-size\": \"18px\" },\n },\n [_vm._v(\"辖区管理供电所 \")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\",\n },\n attrs: { id: \"yellow\", text: _vm.CompanyInfo.glgds },\n },\n [\n _vm._v(\n _vm._s(_vm.CompanyInfo.glgds) + \"\\n \"\n ),\n _c(\n \"span\",\n {\n staticStyle: { \"font-size\": \"18px\", color: \"#fff\" },\n },\n [_vm._v(\"个\")]\n ),\n ]\n ),\n ]\n ),\n ]),\n ]),\n _c(\"div\", { staticClass: \"line3\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\n \"span\",\n {\n staticClass: \"num1\",\n staticStyle: { \"font-size\": \"18px\" },\n },\n [_vm._v(\"辖区管理台区 \")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\",\n },\n attrs: { id: \"orange\", text: _vm.CompanyInfo.gltq },\n },\n [\n _vm._v(\n _vm._s(_vm.CompanyInfo.gltq) + \"\\n \"\n ),\n _c(\n \"span\",\n { staticStyle: { \"font-size\": \"18px\", color: \"#fff\" } },\n [_vm._v(\"个\")]\n ),\n ]\n ),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"line3\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\n \"span\",\n {\n staticClass: \"num1\",\n staticStyle: { \"font-size\": \"18px\" },\n },\n [_vm._v(\"自然村 \")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\",\n },\n attrs: { id: \"yellow\", text: _vm.CompanyInfo.zrc },\n },\n [\n _vm._v(\n _vm._s(_vm.CompanyInfo.zrc) + \"\\n \"\n ),\n _c(\n \"span\",\n { staticStyle: { \"font-size\": \"18px\", color: \"#fff\" } },\n [_vm._v(\"条\")]\n ),\n ]\n ),\n ]),\n ]),\n ]),\n ]),\n _c(\"div\", { attrs: { id: \"shuzihua\" } }),\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: \"content3\" }, [\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/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"盐城地区分布光伏运行监测\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\n }),\n ])\n },\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/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"配网工程全过程物资审计\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\n }),\n ])\n },\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/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"盐城东台区供电所数字化分析\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\n }),\n ])\n },\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/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"盐城供电公司配网电能质量管控\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\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(\"canvas\", {\n staticStyle: { position: \"absolute\" },\n attrs: { id: \"myCanvas\", width: \"1000\", height: \"600\" },\n }),\n _c(\"img\", {\n staticClass: \"leftimg\",\n attrs: { src: require(\"../assets/indexN/left.png\"), alt: \"\" },\n }),\n _c(\"img\", {\n staticClass: \"rightimg\",\n attrs: { src: require(\"../assets/indexN/right.png\"), alt: \"\" },\n }),\n _c(\"img\", {\n staticClass: \"allimg\",\n attrs: { src: require(\"../assets/indexN/dfsxz.png\"), alt: \"\" },\n }),\n _c(\"div\", { staticClass: \"imgboxtwo1\" }, [\n _c(\"div\", { staticClass: \"cartitle\" }, [\n _c(\n \"div\",\n {\n staticClass: \"titleFont\",\n staticStyle: { color: \"#fff\", \"font-size\": \"26px\" },\n },\n [_vm._v(\"\\n 大丰区\\n \")]\n ),\n ]),\n _c(\"div\", { staticClass: \"content2\" }, [\n _c(\"div\", { staticClass: \"line1\" }, [\n _vm._v(\"\\n 用电量 (kwh) \\n \"),\n _c(\n \"span\",\n { staticStyle: { color: \"yellow\", \"font-size\": \"28px\" } },\n [_vm._v(\"2.685亿\")]\n ),\n ]),\n _c(\"div\", { staticClass: \"line1\" }, [\n _vm._v(\"\\n 碳排放量 (kg) \\n \"),\n _c(\n \"span\",\n { staticStyle: { color: \"orange\", \"font-size\": \"28px\" } },\n [_vm._v(\"7.303万\")]\n ),\n ]),\n _c(\"div\", { staticClass: \"line1\" }, [\n _vm._v(\"\\n 企业数量 \\n \"),\n _c(\n \"span\",\n { staticStyle: { color: \"yellow\", \"font-size\": \"28px\" } },\n [_vm._v(\"713\")]\n ),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"imgboxone\" }, [\n _c(\"div\", { staticClass: \"contents\" }, [\n _c(\"div\", { staticClass: \"lines\", staticStyle: { width: \"55%\" } }, [\n _c(\"img\", {\n staticStyle: { \"margin-top\": \"15%\" },\n attrs: { src: require(\"../assets/indexN/tb1.png\") },\n }),\n _c(\n \"h4\",\n { staticStyle: { color: \"#fff\", \"margin-top\": \"10%\" } },\n [_vm._v(\"数据目录\")]\n ),\n ]),\n _c(\"div\", { staticClass: \"lines\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\"span\", [_vm._v(\"发布数量\")]),\n _c(\"span\", { staticClass: \"yellow\" }, [\n _vm._v(\"\\n 100 \"),\n _c(\"span\", { staticStyle: { color: \"#fff\" } }, [\n _vm._v(\"%\"),\n ]),\n ]),\n ]),\n _c(\n \"div\",\n { staticClass: \"num\", staticStyle: { \"margin-top\": \"5%\" } },\n [\n _c(\"span\", [_vm._v(\"负面清单\")]),\n _c(\"span\", { staticClass: \"orange\" }, [\n _vm._v(\"\\n 7244\"),\n _c(\"span\", { staticStyle: { color: \"#fff\" } }, [\n _vm._v(\"个\"),\n ]),\n ]),\n ]\n ),\n _c(\n \"div\",\n { staticClass: \"num\", staticStyle: { \"margin-top\": \"5%\" } },\n [\n _c(\"span\", [_vm._v(\"涉及系统\")]),\n _c(\"span\", { staticClass: \"yellow\" }, [\n _vm._v(\"\\n 251 \"),\n _c(\"span\", { staticStyle: { color: \"#fff\" } }, [\n _vm._v(\"个\"),\n ]),\n ]),\n ]\n ),\n ]),\n ]),\n _c(\"div\", { staticClass: \"lines\", staticStyle: { width: \"55%\" } }, [\n _c(\"img\", {\n staticStyle: { \"margin-top\": \"15%\" },\n attrs: { src: require(\"../assets/indexN/tb2.png\") },\n }),\n _c(\n \"h4\",\n { staticStyle: { color: \"#fff\", \"margin-top\": \"10%\" } },\n [_vm._v(\"数据资源\")]\n ),\n ]),\n _c(\"div\", { staticClass: \"lines\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\"div\", { staticStyle: { display: \"inline-block\" } }, [\n _c(\"span\", [_vm._v(\"接入数量\")]),\n ]),\n _c(\"span\", { staticClass: \"yellow\" }, [\n _vm._v(\" 1.6 \"),\n _c(\"span\", { staticStyle: { color: \"#fff\" } }, [\n _vm._v(\"万个\"),\n ]),\n ]),\n ]),\n _c(\n \"div\",\n { staticClass: \"num\", staticStyle: { \"margin-top\": \"5%\" } },\n [\n _c(\"div\", { staticStyle: { display: \"inline-block\" } }, [\n _c(\"span\", [_vm._v(\"涉及系统\")]),\n ]),\n _c(\"span\", { staticClass: \"orange\" }, [\n _vm._v(\" 123 \"),\n _c(\"span\", { staticStyle: { color: \"#fff\" } }, [\n _vm._v(\"个\"),\n ]),\n ]),\n ]\n ),\n _c(\n \"div\",\n { staticClass: \"num\", staticStyle: { \"margin-top\": \"5%\" } },\n [\n _c(\"div\", { staticStyle: { display: \"inline-block\" } }, [\n _c(\"span\", [_vm._v(\"数据资源卡片\")]),\n ]),\n _c(\"span\", { staticClass: \"yellow\" }, [\n _vm._v(\"31\"),\n _c(\"span\", { staticStyle: { color: \"#fff\" } }, [\n _vm._v(\"个\"),\n ]),\n ]),\n ]\n ),\n ]),\n ]),\n _c(\"div\", { staticClass: \"lines\", staticStyle: { width: \"55%\" } }, [\n _c(\"img\", {\n staticStyle: { \"margin-top\": \"15%\" },\n attrs: { src: require(\"../assets/indexN/tb3.png\") },\n }),\n _c(\n \"h4\",\n { staticStyle: { color: \"#fff\", \"margin-top\": \"10%\" } },\n [_vm._v(\"数据服务\")]\n ),\n ]),\n _c(\"div\", { staticClass: \"lines\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\"div\", { staticStyle: { display: \"inline-block\" } }, [\n _c(\"span\", [_vm._v(\"服务数量\")]),\n ]),\n _c(\"span\", { staticClass: \"yellow\" }, [\n _vm._v(\"\\n 1084\"),\n _c(\"span\", { staticStyle: { color: \"#fff\" } }, [\n _vm._v(\"个\"),\n ]),\n ]),\n ]),\n _c(\n \"div\",\n { staticClass: \"num\", staticStyle: { \"margin-top\": \"5%\" } },\n [\n _c(\"div\", { staticStyle: { display: \"inline-block\" } }, [\n _c(\"span\", [_vm._v(\"接入数量\")]),\n ]),\n _c(\"span\", { staticClass: \"orange\" }, [\n _vm._v(\"\\n 8833\"),\n _c(\"span\", { staticStyle: { color: \"#fff\" } }, [\n _vm._v(\"个\"),\n ]),\n ]),\n ]\n ),\n _c(\n \"div\",\n { staticClass: \"num\", staticStyle: { \"margin-top\": \"5%\" } },\n [\n _c(\"div\", { staticStyle: { display: \"inline-block\" } }, [\n _c(\"span\", [_vm._v(\"访问次数\")]),\n ]),\n _c(\"span\", { staticClass: \"yellow\" }, [\n _vm._v(\"\\n 5.3 \"),\n _c(\"span\", { staticStyle: { color: \"#fff\" } }, [\n _vm._v(\"亿个\"),\n ]),\n ]),\n ]\n ),\n ]),\n ]),\n _c(\"div\", { staticClass: \"lines\", staticStyle: { width: \"55%\" } }, [\n _c(\"img\", {\n staticStyle: { \"margin-top\": \"15%\" },\n attrs: { src: require(\"../assets/indexN/tb4.png\") },\n }),\n _c(\n \"h4\",\n { staticStyle: { color: \"#fff\", \"margin-top\": \"10%\" } },\n [_vm._v(\"数据产品\")]\n ),\n ]),\n _c(\"div\", { staticClass: \"lines\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\"div\", { staticStyle: { display: \"inline-block\" } }, [\n _c(\"span\", [_vm._v(\"报表数量\")]),\n ]),\n _c(\"span\", { staticClass: \"yellow\" }, [\n _vm._v(\" 19 \"),\n _c(\"span\", { staticStyle: { color: \"#fff\" } }, [\n _vm._v(\"个\"),\n ]),\n ]),\n ]),\n _c(\n \"div\",\n { staticClass: \"num\", staticStyle: { \"margin-top\": \"5%\" } },\n [\n _c(\"div\", { staticStyle: { display: \"inline-block\" } }, [\n _c(\"span\", [_vm._v(\"服务访问次数\")]),\n ]),\n _c(\"span\", { staticClass: \"orange\" }, [\n _vm._v(\" 0 \"),\n _c(\"span\", { staticStyle: { color: \"#fff\" } }, [\n _vm._v(\"次\"),\n ]),\n ]),\n ]\n ),\n _c(\n \"div\",\n { staticClass: \"num\", staticStyle: { \"margin-top\": \"5%\" } },\n [\n _c(\"div\", { staticStyle: { display: \"inline-block\" } }, [\n _c(\"span\", [_vm._v(\"指标数量\")]),\n ]),\n _c(\"span\", { staticClass: \"yellow\" }, [\n _vm._v(\" 477 \"),\n _c(\"span\", { staticStyle: { color: \"#fff\" } }, [\n _vm._v(\"个\"),\n ]),\n ]),\n ]\n ),\n ]),\n ]),\n ]),\n ]),\n ]),\n ])\n },\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/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"乡村振兴电力综合指数\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\n }),\n ])\n },\n function () {\n var _vm = this,\n _c = _vm._self._c\n return _c(\"div\", { staticClass: \"content3\" }, [\n _c(\"div\", { staticClass: \"contentUl\" }, [\n _c(\"div\", { staticClass: \"top1\" }, [\n _c(\"div\", { staticClass: \"texts\" }, [_vm._v(\"94.46\")]),\n _c(\"h4\", [_vm._v(\"产业兴旺\")]),\n ]),\n _c(\"div\", { staticClass: \"top2\" }, [\n _c(\"div\", { staticClass: \"texts\" }, [_vm._v(\"63.95\")]),\n _c(\"h4\", [_vm._v(\"生活宜居\")]),\n ]),\n _c(\"div\", { staticClass: \"top3\" }, [\n _c(\"div\", { staticClass: \"texts\" }, [_vm._v(\"74.15\")]),\n _c(\"h4\", [_vm._v(\"生活富裕\")]),\n ]),\n _c(\"div\", { staticClass: \"top4\" }, [\n _c(\"div\", { staticClass: \"texts\" }, [_vm._v(\"56.23\")]),\n _c(\"h4\", [_vm._v(\"治理有效\")]),\n ]),\n _c(\"div\", { staticClass: \"top5\" }, [\n _c(\"div\", { staticClass: \"texts\" }, [_vm._v(\"86.82\")]),\n _c(\"h4\", [_vm._v(\"乡风文明\")]),\n ]),\n _c(\"div\", { staticClass: \"top\" }, [\n _c(\"img\", { attrs: { src: require(\"../assets/indexN/xctb1.png\") } }),\n _c(\n \"div\",\n { staticClass: \"texts\", staticStyle: { color: \"yellow\" } },\n [_vm._v(\"77.17\")]\n ),\n ]),\n ]),\n ])\n },\n function () {\n var _vm = this,\n _c = _vm._self._c\n return _c(\"div\", { staticClass: \"enselect\" }, [\n _c(\"img\", {\n attrs: { src: require(\"../assets/02/dqxcxl.png\"), alt: \"\" },\n }),\n _c(\"span\", { staticClass: \"text\" }, [_vm._v(\"乡镇\")]),\n ])\n },\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/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"两高行业企业污染监测\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\n }),\n ])\n },\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/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"农村生活污水治理设备电量分析\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\n }),\n ])\n },\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/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"数字化排涝抗旱辅助及检修辅助决策\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\n }),\n ])\n },\n function () {\n var _vm = this,\n _c = _vm._self._c\n return _c(\"div\", { staticClass: \"content3\" }, [\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
+{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--12-0!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??ref--6!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\index.vue?vue&type=template&id=a83bd3b0&scoped=true&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\index.vue","mtime":1690160299337},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\babel.config.js","mtime":1689557787923},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1655712169000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["var 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: \"content3\"\n }, [_c(\"div\", {\n staticClass: \"line3\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"span\", {\n staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"户数高渗透率 \")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"yellow\",\n text: _vm.CompanyInfo.hsgst\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.hsgst) + \"\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\"\n }\n }, [_vm._v(\"%\")])])])])]), _c(\"div\", {\n staticClass: \"line3\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"span\", {\n staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"容量渗透率 \")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"orange\",\n text: _vm.CompanyInfo.rlst\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.rlst) + \"\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\"\n }\n }, [_vm._v(\"%\")])])])])]), _c(\"div\", {\n staticClass: \"line3\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"span\", {\n staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"能量渗透率 \")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"yellow\",\n text: _vm.CompanyInfo.nlst\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.nlst) + \"\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\"\n }\n }, [_vm._v(\"%\")])])])])])]), _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 on: {\n click: function click($event) {\n return _vm.routerTo(\"配网工程全过程物资审计\");\n }\n }\n }, [_vm._m(1)]), _c(\"div\", {\n staticClass: \"content3\",\n staticStyle: {\n display: \"inline\"\n }\n }, [_c(\"div\", {\n staticClass: \"line3\"\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 staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"项目数 \")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"yellow\",\n text: _vm.CompanyInfo.xms\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.xms) + \"\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\"\n }\n }, [_vm._v(\"万\")])])])])]), _c(\"div\", {\n staticClass: \"line3\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"span\", {\n staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"预算费用总和\")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"orange\",\n text: _vm.CompanyInfo.ysfyzh\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.ysfyzh) + \"\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\"\n }\n }, [_vm._v(\"%\")])])])])]), _c(\"div\", {\n staticClass: \"line3\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"span\", {\n staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"计划数\")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"yellow\",\n text: _vm.CompanyInfo.jhs\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.jhs) + \"\\n \")])])])])]), _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 }, [_c(\"div\", {\n staticClass: \"cartitle\",\n on: {\n click: function click($event) {\n return _vm.routerTo(\"盐城东台区供电所数字化分析\");\n }\n }\n }, [_vm._m(2)]), _c(\"div\", {\n staticClass: \"content3\"\n }, [_c(\"div\", {\n staticClass: \"line3\"\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 staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"升档配变数量 \")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"yellow\",\n text: _vm.CompanyInfo.sdpbsl\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.sdpbsl))])])])]), _c(\"div\", {\n staticClass: \"line3\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"span\", {\n staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"降档配比数量\")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"orange\",\n text: _vm.CompanyInfo.jdpbsl\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.jdpbsl))])])])]), _c(\"div\", {\n staticClass: \"line3\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"span\", {\n staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"负荷关注配变数量 \")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"yellow\",\n text: _vm.CompanyInfo.fhgzpb\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.fhgzpb))])])])])]), _c(\"div\", {\n attrs: {\n id: \"horizontalChart\"\n }\n })]), _c(\"div\", {\n staticClass: \"two\",\n staticStyle: {\n height: \"49%\"\n }\n }, [_c(\"div\", {\n staticClass: \"cartitle\",\n on: {\n click: function click($event) {\n return _vm.routerTo(\"盐城供电公司配网电能质量管控\");\n }\n }\n }, [_vm._m(3)]), _c(\"div\", {\n staticClass: \"content3\"\n }, [_c(\"div\", {\n staticClass: \"line3\"\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 staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"月供电可靠性 \")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"yellow\",\n text: _vm.CompanyInfo.ygdkkx\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.ygdkkx) + \"\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\"\n }\n }, [_vm._v(\"%\")])])])])]), _c(\"div\", {\n staticClass: \"line3\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"span\", {\n staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"平均停电频次 \")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"orange\",\n text: _vm.CompanyInfo.pjtdpc\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.pjtdpc) + \"\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\"\n }\n }, [_vm._v(\"次/户\")])])])])]), _c(\"div\", {\n staticClass: \"line3\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"span\", {\n staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"平均停电时间 \")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"yellow\",\n text: _vm.CompanyInfo.pjtdsj\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.pjtdsj) + \"\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\"\n }\n }, [_vm._v(\"小时\")])])])])])]), _c(\"div\", {\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 }, [_c(\"div\", {\n staticClass: \"cartitle\",\n on: {\n click: function click($event) {\n return _vm.routerTo(\"乡村振兴电力综合指数\");\n }\n }\n }, [_vm._m(5)]), _vm._m(6), _vm._m(7), _c(\"div\", {\n attrs: {\n id: \"detailedFive\"\n }\n })]), _c(\"div\", {\n staticClass: \"three\",\n staticStyle: {\n height: \"48%\",\n width: \"100%\"\n }\n }, [_c(\"div\", {\n staticClass: \"cartitle\",\n on: {\n click: function click($event) {\n return _vm.routerTo(\"两高行业企业污染监测\");\n }\n }\n }, [_vm._m(8)]), _c(\"div\", {\n staticClass: \"content3\",\n staticStyle: {\n display: \"inline\"\n }\n }, [_c(\"div\", {\n staticClass: \"line3\"\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 staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n },\n attrs: {\n id: \"textleft\"\n }\n }, [_vm._v(\"2022年度总碳排放量\")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\",\n \"margin-left\": \"30px\"\n },\n attrs: {\n text: _vm.CompanyInfo.ztpf,\n id: \"yellow\"\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.ztpf) + \"\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\"\n }\n }, [_vm._v(\"吨碳\")])])])])]), _c(\"div\", {\n staticClass: \"line3\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"span\", {\n staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n },\n attrs: {\n id: \"textleft\"\n }\n }, [_vm._v(\"2022年度总用电量\")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\",\n \"margin-left\": \"30px\"\n },\n attrs: {\n id: \"orange\",\n text: _vm.CompanyInfo.zydl\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.zydl) + \"\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\"\n }\n }, [_vm._v(\"kwh\")])])])])]), _c(\"div\", {\n staticClass: \"line3\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"span\", {\n staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n },\n attrs: {\n id: \"textleft\"\n }\n }, [_vm._v(\"2022年度客户总数\")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\",\n \"margin-left\": \"30px\"\n },\n attrs: {\n id: \"yellow\",\n text: _vm.CompanyInfo.khzs\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.khzs) + \"\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\"\n }\n }, [_vm._v(\"人\")])])])])])]), _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 }, [_c(\"div\", {\n staticClass: \"cartitle\",\n on: {\n click: function click($event) {\n return _vm.routerTo(\"农村生活污水治理设备电量分析\");\n }\n }\n }, [_vm._m(9)]), _c(\"div\", {\n staticClass: \"content3\"\n }, [_c(\"div\", {\n staticClass: \"line3\"\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 staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"年度总用电量 \")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"yellow\",\n text: _vm.CompanyInfo.xczydl\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.xczydl) + \"\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\"\n }\n }, [_vm._v(\"万kwh\")])])])])]), _c(\"div\", {\n staticClass: \"line3\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"span\", {\n staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"最大设备规模 \")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"orange\",\n text: _vm.CompanyInfo.zdsbgm\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.zdsbgm) + \"\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\"\n }\n }, [_vm._v(\"吨/日\")])])])])]), _c(\"div\", {\n staticClass: \"line3\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"span\", {\n staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"最小设备规模 \")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"yellow\",\n text: _vm.CompanyInfo.zxsbgm\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.zxsbgm) + \"\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\"\n }\n }, [_vm._v(\"吨/日\")])])])])])]), _c(\"div\", {\n attrs: {\n id: \"detailen\"\n }\n })]), _c(\"div\", {\n staticClass: \"three\",\n staticStyle: {\n height: \"48%\",\n width: \"100%\"\n }\n }, [_c(\"div\", {\n staticClass: \"cartitle\",\n on: {\n click: function click($event) {\n return _vm.routerTo(\"数字化排涝抗旱辅助及检修辅助决策\");\n }\n }\n }, [_vm._m(10)]), _c(\"div\", {\n staticClass: \"content3\"\n }, [_c(\"div\", {\n staticClass: \"line3\"\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 staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"辖区管理供电所 \")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"yellow\",\n text: _vm.CompanyInfo.glgds\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.glgds) + \"\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\"\n }\n }, [_vm._v(\"个\")])])])])]), _c(\"div\", {\n staticClass: \"line3\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"span\", {\n staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"辖区管理台区 \")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"orange\",\n text: _vm.CompanyInfo.gltq\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.gltq) + \"\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\"\n }\n }, [_vm._v(\"个\")])])])])]), _c(\"div\", {\n staticClass: \"line3\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"span\", {\n staticClass: \"num1\",\n staticStyle: {\n \"font-size\": \"18px\"\n }\n }, [_vm._v(\"自然村 \")]), _c(\"span\", {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\"\n },\n attrs: {\n id: \"yellow\",\n text: _vm.CompanyInfo.zrc\n }\n }, [_vm._v(_vm._s(_vm.CompanyInfo.zrc) + \"\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\"\n }\n }, [_vm._v(\"条\")])])])])])]), _c(\"div\", {\n attrs: {\n id: \"shuzihua\"\n }\n })])]), _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: \"content3\"\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)]);\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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"盐城地区分布光伏运行监测\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.png\"),\n alt: \"\"\n }\n })]);\n}, 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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"配网工程全过程物资审计\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.png\"),\n alt: \"\"\n }\n })]);\n}, 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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"盐城东台区供电所数字化分析\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.png\"),\n alt: \"\"\n }\n })]);\n}, 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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"盐城供电公司配网电能质量管控\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.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(\"canvas\", {\n staticStyle: {\n position: \"absolute\"\n },\n attrs: {\n id: \"myCanvas\",\n width: \"1000\",\n height: \"600\"\n }\n }), _c(\"img\", {\n staticClass: \"leftimg\",\n attrs: {\n src: require(\"../assets/indexN/left.png\"),\n alt: \"\"\n }\n }), _c(\"img\", {\n staticClass: \"rightimg\",\n attrs: {\n src: require(\"../assets/indexN/right.png\"),\n alt: \"\"\n }\n }), _c(\"img\", {\n staticClass: \"allimg\",\n attrs: {\n src: require(\"../assets/indexN/dfsxz.png\"),\n alt: \"\"\n }\n }), _c(\"div\", {\n staticClass: \"imgboxtwo1\"\n }, [_c(\"div\", {\n staticClass: \"cartitle\"\n }, [_c(\"div\", {\n staticClass: \"titleFont\",\n staticStyle: {\n color: \"#fff\",\n \"font-size\": \"26px\"\n }\n }, [_vm._v(\"\\n 大丰区\\n \")])]), _c(\"div\", {\n staticClass: \"content2\"\n }, [_c(\"div\", {\n staticClass: \"line1\"\n }, [_vm._v(\"\\n 用电量 (kwh) \\n \"), _c(\"span\", {\n staticStyle: {\n color: \"yellow\",\n \"font-size\": \"28px\"\n }\n }, [_vm._v(\"2.685亿\")])]), _c(\"div\", {\n staticClass: \"line1\"\n }, [_vm._v(\"\\n 碳排放量 (kg) \\n \"), _c(\"span\", {\n staticStyle: {\n color: \"orange\",\n \"font-size\": \"28px\"\n }\n }, [_vm._v(\"7.303万\")])]), _c(\"div\", {\n staticClass: \"line1\"\n }, [_vm._v(\"\\n 企业数量 \\n \"), _c(\"span\", {\n staticStyle: {\n color: \"yellow\",\n \"font-size\": \"28px\"\n }\n }, [_vm._v(\"713\")])])])]), _c(\"div\", {\n staticClass: \"imgboxone\"\n }, [_c(\"div\", {\n staticClass: \"contents\"\n }, [_c(\"div\", {\n staticClass: \"lines\",\n staticStyle: {\n width: \"55%\"\n }\n }, [_c(\"img\", {\n staticStyle: {\n \"margin-top\": \"15%\"\n },\n attrs: {\n src: require(\"../assets/indexN/tb1.png\")\n }\n }), _c(\"h4\", {\n staticStyle: {\n color: \"#fff\",\n \"margin-top\": \"10%\"\n }\n }, [_vm._v(\"数据目录\")])]), _c(\"div\", {\n staticClass: \"lines\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"span\", [_vm._v(\"发布数量\")]), _c(\"span\", {\n staticClass: \"yellow\"\n }, [_vm._v(\"\\n 100 \"), _c(\"span\", {\n staticStyle: {\n color: \"#fff\"\n }\n }, [_vm._v(\"%\")])])]), _c(\"div\", {\n staticClass: \"num\",\n staticStyle: {\n \"margin-top\": \"5%\"\n }\n }, [_c(\"span\", [_vm._v(\"负面清单\")]), _c(\"span\", {\n staticClass: \"orange\"\n }, [_vm._v(\"\\n 7244\"), _c(\"span\", {\n staticStyle: {\n color: \"#fff\"\n }\n }, [_vm._v(\"个\")])])]), _c(\"div\", {\n staticClass: \"num\",\n staticStyle: {\n \"margin-top\": \"5%\"\n }\n }, [_c(\"span\", [_vm._v(\"涉及系统\")]), _c(\"span\", {\n staticClass: \"yellow\"\n }, [_vm._v(\"\\n 251 \"), _c(\"span\", {\n staticStyle: {\n color: \"#fff\"\n }\n }, [_vm._v(\"个\")])])])])]), _c(\"div\", {\n staticClass: \"lines\",\n staticStyle: {\n width: \"55%\"\n }\n }, [_c(\"img\", {\n staticStyle: {\n \"margin-top\": \"15%\"\n },\n attrs: {\n src: require(\"../assets/indexN/tb2.png\")\n }\n }), _c(\"h4\", {\n staticStyle: {\n color: \"#fff\",\n \"margin-top\": \"10%\"\n }\n }, [_vm._v(\"数据资源\")])]), _c(\"div\", {\n staticClass: \"lines\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"div\", {\n staticStyle: {\n display: \"inline-block\"\n }\n }, [_c(\"span\", [_vm._v(\"接入数量\")])]), _c(\"span\", {\n staticClass: \"yellow\"\n }, [_vm._v(\" 1.6 \"), _c(\"span\", {\n staticStyle: {\n color: \"#fff\"\n }\n }, [_vm._v(\"万个\")])])]), _c(\"div\", {\n staticClass: \"num\",\n staticStyle: {\n \"margin-top\": \"5%\"\n }\n }, [_c(\"div\", {\n staticStyle: {\n display: \"inline-block\"\n }\n }, [_c(\"span\", [_vm._v(\"涉及系统\")])]), _c(\"span\", {\n staticClass: \"orange\"\n }, [_vm._v(\" 123 \"), _c(\"span\", {\n staticStyle: {\n color: \"#fff\"\n }\n }, [_vm._v(\"个\")])])]), _c(\"div\", {\n staticClass: \"num\",\n staticStyle: {\n \"margin-top\": \"5%\"\n }\n }, [_c(\"div\", {\n staticStyle: {\n display: \"inline-block\"\n }\n }, [_c(\"span\", [_vm._v(\"数据资源卡片\")])]), _c(\"span\", {\n staticClass: \"yellow\"\n }, [_vm._v(\"31\"), _c(\"span\", {\n staticStyle: {\n color: \"#fff\"\n }\n }, [_vm._v(\"个\")])])])])]), _c(\"div\", {\n staticClass: \"lines\",\n staticStyle: {\n width: \"55%\"\n }\n }, [_c(\"img\", {\n staticStyle: {\n \"margin-top\": \"15%\"\n },\n attrs: {\n src: require(\"../assets/indexN/tb3.png\")\n }\n }), _c(\"h4\", {\n staticStyle: {\n color: \"#fff\",\n \"margin-top\": \"10%\"\n }\n }, [_vm._v(\"数据服务\")])]), _c(\"div\", {\n staticClass: \"lines\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"div\", {\n staticStyle: {\n display: \"inline-block\"\n }\n }, [_c(\"span\", [_vm._v(\"服务数量\")])]), _c(\"span\", {\n staticClass: \"yellow\"\n }, [_vm._v(\"\\n 1084\"), _c(\"span\", {\n staticStyle: {\n color: \"#fff\"\n }\n }, [_vm._v(\"个\")])])]), _c(\"div\", {\n staticClass: \"num\",\n staticStyle: {\n \"margin-top\": \"5%\"\n }\n }, [_c(\"div\", {\n staticStyle: {\n display: \"inline-block\"\n }\n }, [_c(\"span\", [_vm._v(\"接入数量\")])]), _c(\"span\", {\n staticClass: \"orange\"\n }, [_vm._v(\"\\n 8833\"), _c(\"span\", {\n staticStyle: {\n color: \"#fff\"\n }\n }, [_vm._v(\"个\")])])]), _c(\"div\", {\n staticClass: \"num\",\n staticStyle: {\n \"margin-top\": \"5%\"\n }\n }, [_c(\"div\", {\n staticStyle: {\n display: \"inline-block\"\n }\n }, [_c(\"span\", [_vm._v(\"访问次数\")])]), _c(\"span\", {\n staticClass: \"yellow\"\n }, [_vm._v(\"\\n 5.3 \"), _c(\"span\", {\n staticStyle: {\n color: \"#fff\"\n }\n }, [_vm._v(\"亿个\")])])])])]), _c(\"div\", {\n staticClass: \"lines\",\n staticStyle: {\n width: \"55%\"\n }\n }, [_c(\"img\", {\n staticStyle: {\n \"margin-top\": \"15%\"\n },\n attrs: {\n src: require(\"../assets/indexN/tb4.png\")\n }\n }), _c(\"h4\", {\n staticStyle: {\n color: \"#fff\",\n \"margin-top\": \"10%\"\n }\n }, [_vm._v(\"数据产品\")])]), _c(\"div\", {\n staticClass: \"lines\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"div\", {\n staticStyle: {\n display: \"inline-block\"\n }\n }, [_c(\"span\", [_vm._v(\"报表数量\")])]), _c(\"span\", {\n staticClass: \"yellow\"\n }, [_vm._v(\" 19 \"), _c(\"span\", {\n staticStyle: {\n color: \"#fff\"\n }\n }, [_vm._v(\"个\")])])]), _c(\"div\", {\n staticClass: \"num\",\n staticStyle: {\n \"margin-top\": \"5%\"\n }\n }, [_c(\"div\", {\n staticStyle: {\n display: \"inline-block\"\n }\n }, [_c(\"span\", [_vm._v(\"服务访问次数\")])]), _c(\"span\", {\n staticClass: \"orange\"\n }, [_vm._v(\" 0 \"), _c(\"span\", {\n staticStyle: {\n color: \"#fff\"\n }\n }, [_vm._v(\"次\")])])]), _c(\"div\", {\n staticClass: \"num\",\n staticStyle: {\n \"margin-top\": \"5%\"\n }\n }, [_c(\"div\", {\n staticStyle: {\n display: \"inline-block\"\n }\n }, [_c(\"span\", [_vm._v(\"指标数量\")])]), _c(\"span\", {\n staticClass: \"yellow\"\n }, [_vm._v(\" 477 \"), _c(\"span\", {\n staticStyle: {\n color: \"#fff\"\n }\n }, [_vm._v(\"个\")])])])])])])])])]);\n}, 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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"乡村振兴电力综合指数\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.png\"),\n alt: \"\"\n }\n })]);\n}, function () {\n var _vm = this,\n _c = _vm._self._c;\n return _c(\"div\", {\n staticClass: \"content3\"\n }, [_c(\"div\", {\n staticClass: \"contentUl\"\n }, [_c(\"div\", {\n staticClass: \"top1\"\n }, [_c(\"div\", {\n staticClass: \"texts\"\n }, [_vm._v(\"94.46\")]), _c(\"h4\", [_vm._v(\"产业兴旺\")])]), _c(\"div\", {\n staticClass: \"top2\"\n }, [_c(\"div\", {\n staticClass: \"texts\"\n }, [_vm._v(\"63.95\")]), _c(\"h4\", [_vm._v(\"生活宜居\")])]), _c(\"div\", {\n staticClass: \"top3\"\n }, [_c(\"div\", {\n staticClass: \"texts\"\n }, [_vm._v(\"74.15\")]), _c(\"h4\", [_vm._v(\"生活富裕\")])]), _c(\"div\", {\n staticClass: \"top4\"\n }, [_c(\"div\", {\n staticClass: \"texts\"\n }, [_vm._v(\"56.23\")]), _c(\"h4\", [_vm._v(\"治理有效\")])]), _c(\"div\", {\n staticClass: \"top5\"\n }, [_c(\"div\", {\n staticClass: \"texts\"\n }, [_vm._v(\"86.82\")]), _c(\"h4\", [_vm._v(\"乡风文明\")])]), _c(\"div\", {\n staticClass: \"top\"\n }, [_c(\"img\", {\n attrs: {\n src: require(\"../assets/indexN/xctb1.png\")\n }\n }), _c(\"div\", {\n staticClass: \"texts\",\n staticStyle: {\n color: \"yellow\"\n }\n }, [_vm._v(\"77.17\")])])])]);\n}, function () {\n var _vm = this,\n _c = _vm._self._c;\n return _c(\"div\", {\n staticClass: \"enselect\"\n }, [_c(\"img\", {\n attrs: {\n src: require(\"../assets/02/dqxcxl.png\"),\n alt: \"\"\n }\n }), _c(\"span\", {\n staticClass: \"text\"\n }, [_vm._v(\"乡镇\")])]);\n}, 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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"两高行业企业污染监测\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.png\"),\n alt: \"\"\n }\n })]);\n}, 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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"农村生活污水治理设备电量分析\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.png\"),\n alt: \"\"\n }\n })]);\n}, 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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"数字化排涝抗旱辅助及检修辅助决策\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.png\"),\n alt: \"\"\n }\n })]);\n}, function () {\n var _vm = this,\n _c = _vm._self._c;\n return _c(\"div\", {\n staticClass: \"content3\"\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","_v","text","CompanyInfo","hsgst","_s","color","rlst","nlst","display","openLineDetail","pdxl","xms","ysfyzh","jhs","sdpbsl","jdpbsl","fhgzpb","ygdkkx","pjtdpc","pjtdsj","width","ztpf","zydl","khzs","xczydl","zdsbgm","zxsbgm","glgds","gltq","zrc","directives","name","rawName","value","realTimeAlarmShow","expression","alarmInformationShow","cursor","src","require","handleClose","data","alarmInformationData","rowClass","label","align","scopedSlots","_u","key","fn","scop","$index","prop","pageShow","page","pageSize","layout","total","totals","handleCurrentChange","_e","staticRenderFns","alt","position","_withStripped"],"sources":["D:/林谷智能项目/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: \"content3\" }, [\n _c(\"div\", { staticClass: \"line3\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\n \"span\",\n { staticClass: \"num1\", staticStyle: { \"font-size\": \"18px\" } },\n [_vm._v(\"户数高渗透率 \")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: { \"font-size\": \"40px\", \"font-weight\": \"600\" },\n attrs: { id: \"yellow\", text: _vm.CompanyInfo.hsgst },\n },\n [\n _vm._v(\n _vm._s(_vm.CompanyInfo.hsgst) + \"\\n \"\n ),\n _c(\n \"span\",\n { staticStyle: { \"font-size\": \"18px\", color: \"#fff\" } },\n [_vm._v(\"%\")]\n ),\n ]\n ),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"line3\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\n \"span\",\n { staticClass: \"num1\", staticStyle: { \"font-size\": \"18px\" } },\n [_vm._v(\"容量渗透率 \")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: { \"font-size\": \"40px\", \"font-weight\": \"600\" },\n attrs: { id: \"orange\", text: _vm.CompanyInfo.rlst },\n },\n [\n _vm._v(_vm._s(_vm.CompanyInfo.rlst) + \"\\n \"),\n _c(\n \"span\",\n { staticStyle: { \"font-size\": \"18px\", color: \"#fff\" } },\n [_vm._v(\"%\")]\n ),\n ]\n ),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"line3\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\n \"span\",\n { staticClass: \"num1\", staticStyle: { \"font-size\": \"18px\" } },\n [_vm._v(\"能量渗透率 \")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: { \"font-size\": \"40px\", \"font-weight\": \"600\" },\n attrs: { id: \"yellow\", text: _vm.CompanyInfo.nlst },\n },\n [\n _vm._v(_vm._s(_vm.CompanyInfo.nlst) + \"\\n \"),\n _c(\n \"span\",\n { staticStyle: { \"font-size\": \"18px\", color: \"#fff\" } },\n [_vm._v(\"%\")]\n ),\n ]\n ),\n ]),\n ]),\n ]),\n ]),\n _c(\"div\", { attrs: { id: \"detailedTwo1\" } }),\n ]),\n _c(\"div\", { staticClass: \"two\", staticStyle: { height: \"49%\" } }, [\n _c(\n \"div\",\n {\n staticClass: \"cartitle\",\n on: {\n click: function ($event) {\n return _vm.routerTo(\"配网工程全过程物资审计\")\n },\n },\n },\n [_vm._m(1)]\n ),\n _c(\n \"div\",\n { staticClass: \"content3\", staticStyle: { display: \"inline\" } },\n [\n _c(\"div\", { staticClass: \"line3\" }, [\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(\n \"span\",\n {\n staticClass: \"num1\",\n staticStyle: { \"font-size\": \"18px\" },\n },\n [_vm._v(\"项目数 \")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\",\n },\n attrs: { id: \"yellow\", text: _vm.CompanyInfo.xms },\n },\n [\n _vm._v(\n _vm._s(_vm.CompanyInfo.xms) + \"\\n \"\n ),\n _c(\n \"span\",\n {\n staticStyle: { \"font-size\": \"18px\", color: \"#fff\" },\n },\n [_vm._v(\"万\")]\n ),\n ]\n ),\n ]\n ),\n ]),\n ]),\n _c(\"div\", { staticClass: \"line3\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\n \"span\",\n {\n staticClass: \"num1\",\n staticStyle: { \"font-size\": \"18px\" },\n },\n [_vm._v(\"预算费用总和\")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\",\n },\n attrs: { id: \"orange\", text: _vm.CompanyInfo.ysfyzh },\n },\n [\n _vm._v(\n _vm._s(_vm.CompanyInfo.ysfyzh) + \"\\n \"\n ),\n _c(\n \"span\",\n { staticStyle: { \"font-size\": \"18px\", color: \"#fff\" } },\n [_vm._v(\"%\")]\n ),\n ]\n ),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"line3\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\n \"span\",\n {\n staticClass: \"num1\",\n staticStyle: { \"font-size\": \"18px\" },\n },\n [_vm._v(\"计划数\")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\",\n },\n attrs: { id: \"yellow\", text: _vm.CompanyInfo.jhs },\n },\n [_vm._v(_vm._s(_vm.CompanyInfo.jhs) + \"\\n \")]\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 _c(\n \"div\",\n {\n staticClass: \"cartitle\",\n on: {\n click: function ($event) {\n return _vm.routerTo(\"盐城东台区供电所数字化分析\")\n },\n },\n },\n [_vm._m(2)]\n ),\n _c(\"div\", { staticClass: \"content3\" }, [\n _c(\"div\", { staticClass: \"line3\" }, [\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(\n \"span\",\n {\n staticClass: \"num1\",\n staticStyle: { \"font-size\": \"18px\" },\n },\n [_vm._v(\"升档配变数量 \")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\",\n },\n attrs: { id: \"yellow\", text: _vm.CompanyInfo.sdpbsl },\n },\n [_vm._v(_vm._s(_vm.CompanyInfo.sdpbsl))]\n ),\n ]\n ),\n ]),\n ]),\n _c(\"div\", { staticClass: \"line3\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\n \"span\",\n { staticClass: \"num1\", staticStyle: { \"font-size\": \"18px\" } },\n [_vm._v(\"降档配比数量\")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: { \"font-size\": \"40px\", \"font-weight\": \"600\" },\n attrs: { id: \"orange\", text: _vm.CompanyInfo.jdpbsl },\n },\n [_vm._v(_vm._s(_vm.CompanyInfo.jdpbsl))]\n ),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"line3\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\n \"span\",\n { staticClass: \"num1\", staticStyle: { \"font-size\": \"18px\" } },\n [_vm._v(\"负荷关注配变数量 \")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: { \"font-size\": \"40px\", \"font-weight\": \"600\" },\n attrs: { id: \"yellow\", text: _vm.CompanyInfo.fhgzpb },\n },\n [_vm._v(_vm._s(_vm.CompanyInfo.fhgzpb))]\n ),\n ]),\n ]),\n ]),\n ]),\n _c(\"div\", { attrs: { id: \"horizontalChart\" } }),\n ]),\n _c(\"div\", { staticClass: \"two\", staticStyle: { height: \"49%\" } }, [\n _c(\n \"div\",\n {\n staticClass: \"cartitle\",\n on: {\n click: function ($event) {\n return _vm.routerTo(\"盐城供电公司配网电能质量管控\")\n },\n },\n },\n [_vm._m(3)]\n ),\n _c(\"div\", { staticClass: \"content3\" }, [\n _c(\"div\", { staticClass: \"line3\" }, [\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(\n \"span\",\n {\n staticClass: \"num1\",\n staticStyle: { \"font-size\": \"18px\" },\n },\n [_vm._v(\"月供电可靠性 \")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\",\n },\n attrs: { id: \"yellow\", text: _vm.CompanyInfo.ygdkkx },\n },\n [\n _vm._v(\n _vm._s(_vm.CompanyInfo.ygdkkx) + \"\\n \"\n ),\n _c(\n \"span\",\n { staticStyle: { \"font-size\": \"18px\", color: \"#fff\" } },\n [_vm._v(\"%\")]\n ),\n ]\n ),\n ]\n ),\n ]),\n ]),\n _c(\"div\", { staticClass: \"line3\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\n \"span\",\n { staticClass: \"num1\", staticStyle: { \"font-size\": \"18px\" } },\n [_vm._v(\"平均停电频次 \")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: { \"font-size\": \"40px\", \"font-weight\": \"600\" },\n attrs: { id: \"orange\", text: _vm.CompanyInfo.pjtdpc },\n },\n [\n _vm._v(\n _vm._s(_vm.CompanyInfo.pjtdpc) + \"\\n \"\n ),\n _c(\n \"span\",\n { staticStyle: { \"font-size\": \"18px\", color: \"#fff\" } },\n [_vm._v(\"次/户\")]\n ),\n ]\n ),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"line3\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\n \"span\",\n { staticClass: \"num1\", staticStyle: { \"font-size\": \"18px\" } },\n [_vm._v(\"平均停电时间 \")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: { \"font-size\": \"40px\", \"font-weight\": \"600\" },\n attrs: { id: \"yellow\", text: _vm.CompanyInfo.pjtdsj },\n },\n [\n _vm._v(\n _vm._s(_vm.CompanyInfo.pjtdsj) + \"\\n \"\n ),\n _c(\n \"span\",\n { staticStyle: { \"font-size\": \"18px\", color: \"#fff\" } },\n [_vm._v(\"小时\")]\n ),\n ]\n ),\n ]),\n ]),\n ]),\n ]),\n _c(\"div\", { attrs: { id: \"detailedOne\" } }),\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 _c(\n \"div\",\n {\n staticClass: \"cartitle\",\n on: {\n click: function ($event) {\n return _vm.routerTo(\"乡村振兴电力综合指数\")\n },\n },\n },\n [_vm._m(5)]\n ),\n _vm._m(6),\n _vm._m(7),\n _c(\"div\", { attrs: { id: \"detailedFive\" } }),\n ]\n ),\n _c(\n \"div\",\n { staticClass: \"three\", staticStyle: { height: \"48%\", width: \"100%\" } },\n [\n _c(\n \"div\",\n {\n staticClass: \"cartitle\",\n on: {\n click: function ($event) {\n return _vm.routerTo(\"两高行业企业污染监测\")\n },\n },\n },\n [_vm._m(8)]\n ),\n _c(\n \"div\",\n { staticClass: \"content3\", staticStyle: { display: \"inline\" } },\n [\n _c(\"div\", { staticClass: \"line3\" }, [\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(\n \"span\",\n {\n staticClass: \"num1\",\n staticStyle: { \"font-size\": \"18px\" },\n attrs: { id: \"textleft\" },\n },\n [_vm._v(\"2022年度总碳排放量\")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\",\n \"margin-left\": \"30px\",\n },\n attrs: { text: _vm.CompanyInfo.ztpf, id: \"yellow\" },\n },\n [\n _vm._v(\n _vm._s(_vm.CompanyInfo.ztpf) + \"\\n \"\n ),\n _c(\n \"span\",\n {\n staticStyle: {\n \"font-size\": \"18px\",\n color: \"#fff\",\n },\n },\n [_vm._v(\"吨碳\")]\n ),\n ]\n ),\n ]\n ),\n ]),\n ]),\n _c(\"div\", { staticClass: \"line3\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\n \"span\",\n {\n staticClass: \"num1\",\n staticStyle: { \"font-size\": \"18px\" },\n attrs: { id: \"textleft\" },\n },\n [_vm._v(\"2022年度总用电量\")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\",\n \"margin-left\": \"30px\",\n },\n attrs: { id: \"orange\", text: _vm.CompanyInfo.zydl },\n },\n [\n _vm._v(\n _vm._s(_vm.CompanyInfo.zydl) + \"\\n \"\n ),\n _c(\n \"span\",\n {\n staticStyle: { \"font-size\": \"18px\", color: \"#fff\" },\n },\n [_vm._v(\"kwh\")]\n ),\n ]\n ),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"line3\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\n \"span\",\n {\n staticClass: \"num1\",\n staticStyle: { \"font-size\": \"18px\" },\n attrs: { id: \"textleft\" },\n },\n [_vm._v(\"2022年度客户总数\")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\",\n \"margin-left\": \"30px\",\n },\n attrs: { id: \"yellow\", text: _vm.CompanyInfo.khzs },\n },\n [\n _vm._v(\n _vm._s(_vm.CompanyInfo.khzs) + \"\\n \"\n ),\n _c(\n \"span\",\n {\n staticStyle: { \"font-size\": \"18px\", color: \"#fff\" },\n },\n [_vm._v(\"人\")]\n ),\n ]\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 _c(\n \"div\",\n {\n staticClass: \"cartitle\",\n on: {\n click: function ($event) {\n return _vm.routerTo(\"农村生活污水治理设备电量分析\")\n },\n },\n },\n [_vm._m(9)]\n ),\n _c(\"div\", { staticClass: \"content3\" }, [\n _c(\"div\", { staticClass: \"line3\" }, [\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(\n \"span\",\n {\n staticClass: \"num1\",\n staticStyle: { \"font-size\": \"18px\" },\n },\n [_vm._v(\"年度总用电量 \")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\",\n },\n attrs: { id: \"yellow\", text: _vm.CompanyInfo.xczydl },\n },\n [\n _vm._v(\n _vm._s(_vm.CompanyInfo.xczydl) + \"\\n \"\n ),\n _c(\n \"span\",\n {\n staticStyle: { \"font-size\": \"18px\", color: \"#fff\" },\n },\n [_vm._v(\"万kwh\")]\n ),\n ]\n ),\n ]\n ),\n ]),\n ]),\n _c(\"div\", { staticClass: \"line3\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\n \"span\",\n {\n staticClass: \"num1\",\n staticStyle: { \"font-size\": \"18px\" },\n },\n [_vm._v(\"最大设备规模 \")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\",\n },\n attrs: { id: \"orange\", text: _vm.CompanyInfo.zdsbgm },\n },\n [\n _vm._v(\n _vm._s(_vm.CompanyInfo.zdsbgm) + \"\\n \"\n ),\n _c(\n \"span\",\n { staticStyle: { \"font-size\": \"18px\", color: \"#fff\" } },\n [_vm._v(\"吨/日\")]\n ),\n ]\n ),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"line3\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\n \"span\",\n {\n staticClass: \"num1\",\n staticStyle: { \"font-size\": \"18px\" },\n },\n [_vm._v(\"最小设备规模 \")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\",\n },\n attrs: { id: \"yellow\", text: _vm.CompanyInfo.zxsbgm },\n },\n [\n _vm._v(\n _vm._s(_vm.CompanyInfo.zxsbgm) + \"\\n \"\n ),\n _c(\n \"span\",\n { staticStyle: { \"font-size\": \"18px\", color: \"#fff\" } },\n [_vm._v(\"吨/日\")]\n ),\n ]\n ),\n ]),\n ]),\n ]),\n ]),\n _c(\"div\", { attrs: { id: \"detailen\" } }),\n ]\n ),\n _c(\n \"div\",\n { staticClass: \"three\", staticStyle: { height: \"48%\", width: \"100%\" } },\n [\n _c(\n \"div\",\n {\n staticClass: \"cartitle\",\n on: {\n click: function ($event) {\n return _vm.routerTo(\"数字化排涝抗旱辅助及检修辅助决策\")\n },\n },\n },\n [_vm._m(10)]\n ),\n _c(\"div\", { staticClass: \"content3\" }, [\n _c(\"div\", { staticClass: \"line3\" }, [\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(\n \"span\",\n {\n staticClass: \"num1\",\n staticStyle: { \"font-size\": \"18px\" },\n },\n [_vm._v(\"辖区管理供电所 \")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\",\n },\n attrs: { id: \"yellow\", text: _vm.CompanyInfo.glgds },\n },\n [\n _vm._v(\n _vm._s(_vm.CompanyInfo.glgds) + \"\\n \"\n ),\n _c(\n \"span\",\n {\n staticStyle: { \"font-size\": \"18px\", color: \"#fff\" },\n },\n [_vm._v(\"个\")]\n ),\n ]\n ),\n ]\n ),\n ]),\n ]),\n _c(\"div\", { staticClass: \"line3\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\n \"span\",\n {\n staticClass: \"num1\",\n staticStyle: { \"font-size\": \"18px\" },\n },\n [_vm._v(\"辖区管理台区 \")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\",\n },\n attrs: { id: \"orange\", text: _vm.CompanyInfo.gltq },\n },\n [\n _vm._v(\n _vm._s(_vm.CompanyInfo.gltq) + \"\\n \"\n ),\n _c(\n \"span\",\n { staticStyle: { \"font-size\": \"18px\", color: \"#fff\" } },\n [_vm._v(\"个\")]\n ),\n ]\n ),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"line3\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\n \"span\",\n {\n staticClass: \"num1\",\n staticStyle: { \"font-size\": \"18px\" },\n },\n [_vm._v(\"自然村 \")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"numText\",\n staticStyle: {\n \"font-size\": \"40px\",\n \"font-weight\": \"600\",\n },\n attrs: { id: \"yellow\", text: _vm.CompanyInfo.zrc },\n },\n [\n _vm._v(\n _vm._s(_vm.CompanyInfo.zrc) + \"\\n \"\n ),\n _c(\n \"span\",\n { staticStyle: { \"font-size\": \"18px\", color: \"#fff\" } },\n [_vm._v(\"条\")]\n ),\n ]\n ),\n ]),\n ]),\n ]),\n ]),\n _c(\"div\", { attrs: { id: \"shuzihua\" } }),\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: \"content3\" }, [\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 ])\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/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"盐城地区分布光伏运行监测\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\n }),\n ])\n },\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/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"配网工程全过程物资审计\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\n }),\n ])\n },\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/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"盐城东台区供电所数字化分析\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\n }),\n ])\n },\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/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"盐城供电公司配网电能质量管控\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\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(\"canvas\", {\n staticStyle: { position: \"absolute\" },\n attrs: { id: \"myCanvas\", width: \"1000\", height: \"600\" },\n }),\n _c(\"img\", {\n staticClass: \"leftimg\",\n attrs: { src: require(\"../assets/indexN/left.png\"), alt: \"\" },\n }),\n _c(\"img\", {\n staticClass: \"rightimg\",\n attrs: { src: require(\"../assets/indexN/right.png\"), alt: \"\" },\n }),\n _c(\"img\", {\n staticClass: \"allimg\",\n attrs: { src: require(\"../assets/indexN/dfsxz.png\"), alt: \"\" },\n }),\n _c(\"div\", { staticClass: \"imgboxtwo1\" }, [\n _c(\"div\", { staticClass: \"cartitle\" }, [\n _c(\n \"div\",\n {\n staticClass: \"titleFont\",\n staticStyle: { color: \"#fff\", \"font-size\": \"26px\" },\n },\n [_vm._v(\"\\n 大丰区\\n \")]\n ),\n ]),\n _c(\"div\", { staticClass: \"content2\" }, [\n _c(\"div\", { staticClass: \"line1\" }, [\n _vm._v(\"\\n 用电量 (kwh) \\n \"),\n _c(\n \"span\",\n { staticStyle: { color: \"yellow\", \"font-size\": \"28px\" } },\n [_vm._v(\"2.685亿\")]\n ),\n ]),\n _c(\"div\", { staticClass: \"line1\" }, [\n _vm._v(\"\\n 碳排放量 (kg) \\n \"),\n _c(\n \"span\",\n { staticStyle: { color: \"orange\", \"font-size\": \"28px\" } },\n [_vm._v(\"7.303万\")]\n ),\n ]),\n _c(\"div\", { staticClass: \"line1\" }, [\n _vm._v(\"\\n 企业数量 \\n \"),\n _c(\n \"span\",\n { staticStyle: { color: \"yellow\", \"font-size\": \"28px\" } },\n [_vm._v(\"713\")]\n ),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"imgboxone\" }, [\n _c(\"div\", { staticClass: \"contents\" }, [\n _c(\"div\", { staticClass: \"lines\", staticStyle: { width: \"55%\" } }, [\n _c(\"img\", {\n staticStyle: { \"margin-top\": \"15%\" },\n attrs: { src: require(\"../assets/indexN/tb1.png\") },\n }),\n _c(\n \"h4\",\n { staticStyle: { color: \"#fff\", \"margin-top\": \"10%\" } },\n [_vm._v(\"数据目录\")]\n ),\n ]),\n _c(\"div\", { staticClass: \"lines\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\"span\", [_vm._v(\"发布数量\")]),\n _c(\"span\", { staticClass: \"yellow\" }, [\n _vm._v(\"\\n 100 \"),\n _c(\"span\", { staticStyle: { color: \"#fff\" } }, [\n _vm._v(\"%\"),\n ]),\n ]),\n ]),\n _c(\n \"div\",\n { staticClass: \"num\", staticStyle: { \"margin-top\": \"5%\" } },\n [\n _c(\"span\", [_vm._v(\"负面清单\")]),\n _c(\"span\", { staticClass: \"orange\" }, [\n _vm._v(\"\\n 7244\"),\n _c(\"span\", { staticStyle: { color: \"#fff\" } }, [\n _vm._v(\"个\"),\n ]),\n ]),\n ]\n ),\n _c(\n \"div\",\n { staticClass: \"num\", staticStyle: { \"margin-top\": \"5%\" } },\n [\n _c(\"span\", [_vm._v(\"涉及系统\")]),\n _c(\"span\", { staticClass: \"yellow\" }, [\n _vm._v(\"\\n 251 \"),\n _c(\"span\", { staticStyle: { color: \"#fff\" } }, [\n _vm._v(\"个\"),\n ]),\n ]),\n ]\n ),\n ]),\n ]),\n _c(\"div\", { staticClass: \"lines\", staticStyle: { width: \"55%\" } }, [\n _c(\"img\", {\n staticStyle: { \"margin-top\": \"15%\" },\n attrs: { src: require(\"../assets/indexN/tb2.png\") },\n }),\n _c(\n \"h4\",\n { staticStyle: { color: \"#fff\", \"margin-top\": \"10%\" } },\n [_vm._v(\"数据资源\")]\n ),\n ]),\n _c(\"div\", { staticClass: \"lines\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\"div\", { staticStyle: { display: \"inline-block\" } }, [\n _c(\"span\", [_vm._v(\"接入数量\")]),\n ]),\n _c(\"span\", { staticClass: \"yellow\" }, [\n _vm._v(\" 1.6 \"),\n _c(\"span\", { staticStyle: { color: \"#fff\" } }, [\n _vm._v(\"万个\"),\n ]),\n ]),\n ]),\n _c(\n \"div\",\n { staticClass: \"num\", staticStyle: { \"margin-top\": \"5%\" } },\n [\n _c(\"div\", { staticStyle: { display: \"inline-block\" } }, [\n _c(\"span\", [_vm._v(\"涉及系统\")]),\n ]),\n _c(\"span\", { staticClass: \"orange\" }, [\n _vm._v(\" 123 \"),\n _c(\"span\", { staticStyle: { color: \"#fff\" } }, [\n _vm._v(\"个\"),\n ]),\n ]),\n ]\n ),\n _c(\n \"div\",\n { staticClass: \"num\", staticStyle: { \"margin-top\": \"5%\" } },\n [\n _c(\"div\", { staticStyle: { display: \"inline-block\" } }, [\n _c(\"span\", [_vm._v(\"数据资源卡片\")]),\n ]),\n _c(\"span\", { staticClass: \"yellow\" }, [\n _vm._v(\"31\"),\n _c(\"span\", { staticStyle: { color: \"#fff\" } }, [\n _vm._v(\"个\"),\n ]),\n ]),\n ]\n ),\n ]),\n ]),\n _c(\"div\", { staticClass: \"lines\", staticStyle: { width: \"55%\" } }, [\n _c(\"img\", {\n staticStyle: { \"margin-top\": \"15%\" },\n attrs: { src: require(\"../assets/indexN/tb3.png\") },\n }),\n _c(\n \"h4\",\n { staticStyle: { color: \"#fff\", \"margin-top\": \"10%\" } },\n [_vm._v(\"数据服务\")]\n ),\n ]),\n _c(\"div\", { staticClass: \"lines\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\"div\", { staticStyle: { display: \"inline-block\" } }, [\n _c(\"span\", [_vm._v(\"服务数量\")]),\n ]),\n _c(\"span\", { staticClass: \"yellow\" }, [\n _vm._v(\"\\n 1084\"),\n _c(\"span\", { staticStyle: { color: \"#fff\" } }, [\n _vm._v(\"个\"),\n ]),\n ]),\n ]),\n _c(\n \"div\",\n { staticClass: \"num\", staticStyle: { \"margin-top\": \"5%\" } },\n [\n _c(\"div\", { staticStyle: { display: \"inline-block\" } }, [\n _c(\"span\", [_vm._v(\"接入数量\")]),\n ]),\n _c(\"span\", { staticClass: \"orange\" }, [\n _vm._v(\"\\n 8833\"),\n _c(\"span\", { staticStyle: { color: \"#fff\" } }, [\n _vm._v(\"个\"),\n ]),\n ]),\n ]\n ),\n _c(\n \"div\",\n { staticClass: \"num\", staticStyle: { \"margin-top\": \"5%\" } },\n [\n _c(\"div\", { staticStyle: { display: \"inline-block\" } }, [\n _c(\"span\", [_vm._v(\"访问次数\")]),\n ]),\n _c(\"span\", { staticClass: \"yellow\" }, [\n _vm._v(\"\\n 5.3 \"),\n _c(\"span\", { staticStyle: { color: \"#fff\" } }, [\n _vm._v(\"亿个\"),\n ]),\n ]),\n ]\n ),\n ]),\n ]),\n _c(\"div\", { staticClass: \"lines\", staticStyle: { width: \"55%\" } }, [\n _c(\"img\", {\n staticStyle: { \"margin-top\": \"15%\" },\n attrs: { src: require(\"../assets/indexN/tb4.png\") },\n }),\n _c(\n \"h4\",\n { staticStyle: { color: \"#fff\", \"margin-top\": \"10%\" } },\n [_vm._v(\"数据产品\")]\n ),\n ]),\n _c(\"div\", { staticClass: \"lines\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\"div\", { staticStyle: { display: \"inline-block\" } }, [\n _c(\"span\", [_vm._v(\"报表数量\")]),\n ]),\n _c(\"span\", { staticClass: \"yellow\" }, [\n _vm._v(\" 19 \"),\n _c(\"span\", { staticStyle: { color: \"#fff\" } }, [\n _vm._v(\"个\"),\n ]),\n ]),\n ]),\n _c(\n \"div\",\n { staticClass: \"num\", staticStyle: { \"margin-top\": \"5%\" } },\n [\n _c(\"div\", { staticStyle: { display: \"inline-block\" } }, [\n _c(\"span\", [_vm._v(\"服务访问次数\")]),\n ]),\n _c(\"span\", { staticClass: \"orange\" }, [\n _vm._v(\" 0 \"),\n _c(\"span\", { staticStyle: { color: \"#fff\" } }, [\n _vm._v(\"次\"),\n ]),\n ]),\n ]\n ),\n _c(\n \"div\",\n { staticClass: \"num\", staticStyle: { \"margin-top\": \"5%\" } },\n [\n _c(\"div\", { staticStyle: { display: \"inline-block\" } }, [\n _c(\"span\", [_vm._v(\"指标数量\")]),\n ]),\n _c(\"span\", { staticClass: \"yellow\" }, [\n _vm._v(\" 477 \"),\n _c(\"span\", { staticStyle: { color: \"#fff\" } }, [\n _vm._v(\"个\"),\n ]),\n ]),\n ]\n ),\n ]),\n ]),\n ]),\n ]),\n ]),\n ])\n },\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/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"乡村振兴电力综合指数\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\n }),\n ])\n },\n function () {\n var _vm = this,\n _c = _vm._self._c\n return _c(\"div\", { staticClass: \"content3\" }, [\n _c(\"div\", { staticClass: \"contentUl\" }, [\n _c(\"div\", { staticClass: \"top1\" }, [\n _c(\"div\", { staticClass: \"texts\" }, [_vm._v(\"94.46\")]),\n _c(\"h4\", [_vm._v(\"产业兴旺\")]),\n ]),\n _c(\"div\", { staticClass: \"top2\" }, [\n _c(\"div\", { staticClass: \"texts\" }, [_vm._v(\"63.95\")]),\n _c(\"h4\", [_vm._v(\"生活宜居\")]),\n ]),\n _c(\"div\", { staticClass: \"top3\" }, [\n _c(\"div\", { staticClass: \"texts\" }, [_vm._v(\"74.15\")]),\n _c(\"h4\", [_vm._v(\"生活富裕\")]),\n ]),\n _c(\"div\", { staticClass: \"top4\" }, [\n _c(\"div\", { staticClass: \"texts\" }, [_vm._v(\"56.23\")]),\n _c(\"h4\", [_vm._v(\"治理有效\")]),\n ]),\n _c(\"div\", { staticClass: \"top5\" }, [\n _c(\"div\", { staticClass: \"texts\" }, [_vm._v(\"86.82\")]),\n _c(\"h4\", [_vm._v(\"乡风文明\")]),\n ]),\n _c(\"div\", { staticClass: \"top\" }, [\n _c(\"img\", { attrs: { src: require(\"../assets/indexN/xctb1.png\") } }),\n _c(\n \"div\",\n { staticClass: \"texts\", staticStyle: { color: \"yellow\" } },\n [_vm._v(\"77.17\")]\n ),\n ]),\n ]),\n ])\n },\n function () {\n var _vm = this,\n _c = _vm._self._c\n return _c(\"div\", { staticClass: \"enselect\" }, [\n _c(\"img\", {\n attrs: { src: require(\"../assets/02/dqxcxl.png\"), alt: \"\" },\n }),\n _c(\"span\", { staticClass: \"text\" }, [_vm._v(\"乡镇\")]),\n ])\n },\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/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"两高行业企业污染监测\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\n }),\n ])\n },\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/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"农村生活污水治理设备电量分析\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\n }),\n ])\n },\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/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"数字化排涝抗旱辅助及检修辅助决策\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\n }),\n ])\n },\n function () {\n var _vm = this,\n _c = _vm._self._c\n return _c(\"div\", { staticClass: \"content3\" }, [\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/670d7ecb797ed0d3170c45128bb8bdae.json b/node_modules/.cache/vue-loader/670d7ecb797ed0d3170c45128bb8bdae.json
index 9df242fc..ad137307 100644
--- a/node_modules/.cache/vue-loader/670d7ecb797ed0d3170c45128bb8bdae.json
+++ b/node_modules/.cache/vue-loader/670d7ecb797ed0d3170c45128bb8bdae.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\twentyKV.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\twentyKV.vue","mtime":1689921115709},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["\r\n//引入echarts\r\nimport * as echarts from \"echarts\";\r\n// 工单统计弹窗组件\r\nimport workOrder from \"../component/workOrder.vue\";\r\nimport ringMainUnit from \"./HomePop/ringMainUnit.vue\";\r\nimport routeDetail from \"../component/routeDetail.vue\";\r\n\r\n// 线路详情\r\nimport lineDetail from \"../component/lineDetail.vue\";\r\nexport default {\r\n name: \"twentyKV\",\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: \"10#变压器\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"1\",\r\n },\r\n {\r\n id: 2,\r\n name: \"10#变压器\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"1\",\r\n },\r\n {\r\n id: 3,\r\n name: \"10#变压器\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"1\",\r\n },\r\n {\r\n id: 4,\r\n name: \"10#变压器\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"2\",\r\n },\r\n {\r\n id: 5,\r\n name: \"10#变压器\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"2\",\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.detailedTwo33();\r\n this.detailqe1();\r\n this.detailen1();\r\n this.detailstop();\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 tooltip: {\r\n show: true,\r\n trigger: \"item\",\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n data: [\"月用电变化率\", \"社会整体月变化率\"],\r\n },\r\n },\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: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: fontColor,\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 \"高进军1\",\r\n \"高进军2\",\r\n \"高进军3\",\r\n \"高进军4\",\r\n \"高进军5\",\r\n \"高进军6\",\r\n \"高进军7\",\r\n ],\r\n },\r\n yAxis: {\r\n type: \"value\",\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n series: [\r\n {\r\n name: \"月用电变化率\",\r\n type: \"line\",\r\n stack: \"Total\",\r\n smooth: true,\r\n symbol: \"none\",\r\n data: [120, 132, 101, 134, 90, 230, 210],\r\n itemStyle: {\r\n normal: {\r\n color: \"yellow\",\r\n lineStyle: {\r\n color: \"yellow\",\r\n },\r\n },\r\n },\r\n },\r\n {\r\n name: \"社会整体月变化率\",\r\n type: \"line\",\r\n smooth: true,\r\n stack: \"Total\",\r\n symbol: \"none\",\r\n data: [220, 182, 191, 234, 290, 330, 310],\r\n itemStyle: {\r\n normal: {\r\n color: \"rgba(0,212,199,1)\",\r\n lineStyle: {\r\n color: \"rgba(0,212,199,1)\",\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 detailedTwo22() {\r\n var fontColor = \"#30eee9\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo2\"));\r\n var option = {\r\n tooltip: {\r\n show: true,\r\n trigger: \"item\",\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n data: [\"本月用电总量\"],\r\n },\r\n },\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: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: \"#fff\",\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 \"高进军1\",\r\n \"高进军2\",\r\n \"高进军3\",\r\n \"高进军4\",\r\n \"高进军5\",\r\n \"高进军6\",\r\n \"高进军7\",\r\n ],\r\n },\r\n yAxis: {\r\n type: \"value\",\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n series: [\r\n {\r\n name: \"本月用电总量\",\r\n type: \"line\",\r\n stack: \"Total\",\r\n smooth: true,\r\n symbol: \"none\",\r\n data: [120, 132, 101, 134, 90, 230, 210],\r\n itemStyle: {\r\n normal: {\r\n color: \"yellow\",\r\n lineStyle: {\r\n color: \"yellow\",\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 detailedTwo33() {\r\n var bg =\r\n \"image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARYAAAAUCAMAAAB/LOLCAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAD9QTFRFAABwAAAAAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwrxv9agAAABV0Uk5T/wA1p053q7yaZs0QRIlVJ++IId4ydKfDYQAAAFtJREFUeJzt0McNwDAQwLBzutPb/rMG/gbawOIIjCQQqYtoqxYxckv1BlvQZAvabEG9LSjbgnZb0GoLOV9byHPbQubFFjLaggZb0GQLumxBvS0ol5aj0U9pEfgA+DsJLXE1TzAAAAAASUVORK5CYII=\";\r\n var bar =\r\n \"image://data:image/png;base64,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\";\r\n var data = [20.3, 18.2, 11, 23.4, 29.1, 12, 16, 24];\r\n var barWidth = 20;\r\n var maxNum = 0;\r\n for (var i = 0; i < data.length; i++) {\r\n if (data[i] > maxNum) {\r\n maxNum = data[i];\r\n }\r\n }\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo3\"));\r\n var option = {\r\n grid: {\r\n top: \"10%\",\r\n left: \"10%\",\r\n right: \"12%\",\r\n bottom: \"0%\",\r\n },\r\n xAxis: {\r\n show: false,\r\n },\r\n yAxis: {\r\n data: data.map((item, index) => `No. ${index}`),\r\n splitLine: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n textStyle: { fontSize: 18, color: \"#02afff\" },\r\n },\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: false,\r\n },\r\n series: [\r\n {\r\n type: \"pictorialBar\",\r\n barWidth: barWidth,\r\n zlevel: 2,\r\n data: data.map(function (item) {\r\n return {\r\n value: item,\r\n symbol: bar,\r\n };\r\n }),\r\n },\r\n {\r\n type: \"pictorialBar\",\r\n barWidth: barWidth,\r\n data: data.map(function (item) {\r\n return {\r\n realValue: item,\r\n value: maxNum,\r\n symbol: bg,\r\n };\r\n }),\r\n label: {\r\n show: true,\r\n position: \"right\",\r\n distance: 80,\r\n align: \"right\",\r\n formatter: function (params) {\r\n return params.data.realValue + \" 万\";\r\n },\r\n color: \"#02afff\",\r\n fontSize: 18,\r\n },\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailqe1() {\r\n var fontColor = \"#fff\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailqe\"));\r\n var option = {\r\n tooltip: {\r\n show: true,\r\n trigger: \"item\",\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n data: [\"电压合格率\"],\r\n },\r\n },\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: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: \"#fff\",\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 \"202111\",\r\n \"202201\",\r\n \"202203\",\r\n \"202205\",\r\n \"202207\",\r\n \"202209\",\r\n \"202211\",\r\n ],\r\n },\r\n yAxis: {\r\n type: \"value\",\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n series: [\r\n {\r\n name: \"电压合格率\",\r\n type: \"line\",\r\n stack: \"Total\",\r\n smooth: true,\r\n symbol: \"none\",\r\n data: [120, 132, 101, 134, 90, 230, 210],\r\n itemStyle: {\r\n normal: {\r\n color: \"yellow\",\r\n lineStyle: {\r\n color: \"yellow\",\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 show: true,\r\n trigger: \"item\",\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n data: [\"电压合格率\"],\r\n },\r\n },\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: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: \"#fff\",\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: [\"05-05\", \"05-06\", \"05-07\", \"05-08\"],\r\n },\r\n yAxis: {\r\n type: \"value\",\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n series: [\r\n {\r\n name: \"电压合格率\",\r\n type: \"line\",\r\n stack: \"Total\",\r\n smooth: true,\r\n symbol: \"none\",\r\n data: [120, 132, 101, 134],\r\n itemStyle: {\r\n normal: {\r\n color: \"rgba(0,212,199,1)\",\r\n lineStyle: {\r\n color: \"rgba(0,212,199,1)\",\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 detailstop() {\r\n var myChart = this.$echarts.init(document.getElementById(\"detailstop\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n },\r\n\r\n data: [\"配变名称\"],\r\n },\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n data: [\r\n \"钱南1配变\",\r\n \"钱南2配变\",\r\n \"钱南3配变\",\r\n \"钱南4配变\",\r\n \"钱南5配变\",\r\n ],\r\n axisLabel: {\r\n show: true,\r\n textStyle: {\r\n color: \"#ffffff\",\r\n },\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"\",\r\n axisLabel: {\r\n textStyle: {\r\n color: \"#ffffff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"配变名称\",\r\n type: \"bar\",\r\n barWidth: 40, // 柱子宽度核心代码\r\n itemStyle: {\r\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n { offset: 1, color: \"rgba(86,254,226,.2) \" },\r\n { offset: 0.5, color: \"rgb(86,254,226,.6)\" },\r\n { offset: 0, color: \"rgb(86,254,226)\" },\r\n ]),\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n data: [320, 332, 301, 334, 390],\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n },\r\n watch: {},\r\n};\r\n",{"version":3,"sources":["twentyKV.vue"],"names":[],"mappings":";AAkOA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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","file":"twentyKV.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n <div class=\"home\">\r\n <div class=\"left\" id=\"left\">\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>园区供电所居民用户异常月电量</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div id=\"detailedTwo1\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>园区供电所居民用户月电量</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div id=\"detailedTwo2\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"left1\" id=\"left\">\r\n <div class=\"one\" style=\"height: 100%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>60天内台区掉电客户数TOP10</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div id=\"detailedTwo3\"></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 <img class=\"allimg\" src=\"../assets/indexN/dfsxz.png\" alt=\"\" />\r\n <div class=\"imgboxone\">\r\n <div class=\"contents\">\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <div style=\"display: inline-block\">\r\n <img\r\n style=\"float: left\"\r\n src=\"../assets/index/mainTb1.png\"\r\n alt=\"\"\r\n />\r\n <span\r\n > 台区总数</span\r\n >\r\n </div>\r\n <h5 class=\"yellow\">679</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 <div style=\"display: inherit\">\r\n <img\r\n style=\"float: left; height: 30px; width: 30px\"\r\n src=\"../assets/index/mainTb2.png\"\r\n alt=\"\"\r\n />\r\n <span>近60天内发生过停电的配变数</span>\r\n </div>\r\n\r\n <h5 class=\"oranges\">234</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 <div style=\"display: inherit\">\r\n <img\r\n style=\"float: left; height: 30px; width: 30px\"\r\n src=\"../assets/index/mainTb1.png\"\r\n alt=\"\"\r\n />\r\n <span>近60天三相不平衡台区数</span>\r\n </div>\r\n\r\n <h5 class=\"yellow\">0</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 <div style=\"display: inherit\">\r\n <img\r\n style=\"float: left; height: 30px; width: 30px\"\r\n src=\"../assets/index/mainTb2.png\"\r\n alt=\"\"\r\n />\r\n <span>近一周线损异常台区数</span>\r\n </div>\r\n\r\n <h5 class=\"orange\">0</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 <div style=\"display: inherit\">\r\n <img\r\n style=\"float: left; height: 30px; width: 30px\"\r\n src=\"../assets/index/mainTb1.png\"\r\n alt=\"\"\r\n />\r\n <span>近60天内发生过停电的中压线路数</span>\r\n </div>\r\n\r\n <h5 class=\"yellows\">0</h5>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"right\" id=\"right\">\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>月合格率波动图</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div id=\"detailqe\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>日合格率波动图</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div 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=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>进60天配变停电时间分析</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <table>\r\n <thead style=\"color: #fff; font-size: 30px\">\r\n <tr>\r\n <td>序号</td>\r\n <td>配变名称</td>\r\n <td>所属电路</td>\r\n <td>停电次数</td>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <tr v-for=\"(item, index) in pvTable\" :key=\"index\">\r\n <td>{{ item.id }}</td>\r\n <td>{{ item.name }}</td>\r\n <td>{{ item.stationNumber }}</td>\r\n <td class=\"titleFont\">{{ item.alternatorNumber }}</td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>近60天频繁停电配变</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div id=\"detailstop\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <audio\r\n controls=\"controls\"\r\n hidden\r\n src=\"../assets/videos/police.wav\"\r\n ref=\"audio\"\r\n ></audio>\r\n </div>\r\n</template>\r\n\r\n<script>\r\n//引入echarts\r\nimport * as echarts from \"echarts\";\r\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: \"twentyKV\",\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: \"10#变压器\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"1\",\r\n },\r\n {\r\n id: 2,\r\n name: \"10#变压器\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"1\",\r\n },\r\n {\r\n id: 3,\r\n name: \"10#变压器\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"1\",\r\n },\r\n {\r\n id: 4,\r\n name: \"10#变压器\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"2\",\r\n },\r\n {\r\n id: 5,\r\n name: \"10#变压器\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"2\",\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.detailedTwo33();\r\n this.detailqe1();\r\n this.detailen1();\r\n this.detailstop();\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 tooltip: {\r\n show: true,\r\n trigger: \"item\",\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n data: [\"月用电变化率\", \"社会整体月变化率\"],\r\n },\r\n },\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: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: fontColor,\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 \"高进军1\",\r\n \"高进军2\",\r\n \"高进军3\",\r\n \"高进军4\",\r\n \"高进军5\",\r\n \"高进军6\",\r\n \"高进军7\",\r\n ],\r\n },\r\n yAxis: {\r\n type: \"value\",\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n series: [\r\n {\r\n name: \"月用电变化率\",\r\n type: \"line\",\r\n stack: \"Total\",\r\n smooth: true,\r\n symbol: \"none\",\r\n data: [120, 132, 101, 134, 90, 230, 210],\r\n itemStyle: {\r\n normal: {\r\n color: \"yellow\",\r\n lineStyle: {\r\n color: \"yellow\",\r\n },\r\n },\r\n },\r\n },\r\n {\r\n name: \"社会整体月变化率\",\r\n type: \"line\",\r\n smooth: true,\r\n stack: \"Total\",\r\n symbol: \"none\",\r\n data: [220, 182, 191, 234, 290, 330, 310],\r\n itemStyle: {\r\n normal: {\r\n color: \"rgba(0,212,199,1)\",\r\n lineStyle: {\r\n color: \"rgba(0,212,199,1)\",\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 detailedTwo22() {\r\n var fontColor = \"#30eee9\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo2\"));\r\n var option = {\r\n tooltip: {\r\n show: true,\r\n trigger: \"item\",\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n data: [\"本月用电总量\"],\r\n },\r\n },\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: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: \"#fff\",\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 \"高进军1\",\r\n \"高进军2\",\r\n \"高进军3\",\r\n \"高进军4\",\r\n \"高进军5\",\r\n \"高进军6\",\r\n \"高进军7\",\r\n ],\r\n },\r\n yAxis: {\r\n type: \"value\",\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n series: [\r\n {\r\n name: \"本月用电总量\",\r\n type: \"line\",\r\n stack: \"Total\",\r\n smooth: true,\r\n symbol: \"none\",\r\n data: [120, 132, 101, 134, 90, 230, 210],\r\n itemStyle: {\r\n normal: {\r\n color: \"yellow\",\r\n lineStyle: {\r\n color: \"yellow\",\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 detailedTwo33() {\r\n var bg =\r\n \"image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARYAAAAUCAMAAAB/LOLCAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAD9QTFRFAABwAAAAAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwrxv9agAAABV0Uk5T/wA1p053q7yaZs0QRIlVJ++IId4ydKfDYQAAAFtJREFUeJzt0McNwDAQwLBzutPb/rMG/gbawOIIjCQQqYtoqxYxckv1BlvQZAvabEG9LSjbgnZb0GoLOV9byHPbQubFFjLaggZb0GQLumxBvS0ol5aj0U9pEfgA+DsJLXE1TzAAAAAASUVORK5CYII=\";\r\n var bar =\r\n \"image://data:image/png;base64,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\";\r\n var data = [20.3, 18.2, 11, 23.4, 29.1, 12, 16, 24];\r\n var barWidth = 20;\r\n var maxNum = 0;\r\n for (var i = 0; i < data.length; i++) {\r\n if (data[i] > maxNum) {\r\n maxNum = data[i];\r\n }\r\n }\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo3\"));\r\n var option = {\r\n grid: {\r\n top: \"10%\",\r\n left: \"10%\",\r\n right: \"12%\",\r\n bottom: \"0%\",\r\n },\r\n xAxis: {\r\n show: false,\r\n },\r\n yAxis: {\r\n data: data.map((item, index) => `No. ${index}`),\r\n splitLine: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n textStyle: { fontSize: 18, color: \"#02afff\" },\r\n },\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: false,\r\n },\r\n series: [\r\n {\r\n type: \"pictorialBar\",\r\n barWidth: barWidth,\r\n zlevel: 2,\r\n data: data.map(function (item) {\r\n return {\r\n value: item,\r\n symbol: bar,\r\n };\r\n }),\r\n },\r\n {\r\n type: \"pictorialBar\",\r\n barWidth: barWidth,\r\n data: data.map(function (item) {\r\n return {\r\n realValue: item,\r\n value: maxNum,\r\n symbol: bg,\r\n };\r\n }),\r\n label: {\r\n show: true,\r\n position: \"right\",\r\n distance: 80,\r\n align: \"right\",\r\n formatter: function (params) {\r\n return params.data.realValue + \" 万\";\r\n },\r\n color: \"#02afff\",\r\n fontSize: 18,\r\n },\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailqe1() {\r\n var fontColor = \"#fff\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailqe\"));\r\n var option = {\r\n tooltip: {\r\n show: true,\r\n trigger: \"item\",\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n data: [\"电压合格率\"],\r\n },\r\n },\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: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: \"#fff\",\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 \"202111\",\r\n \"202201\",\r\n \"202203\",\r\n \"202205\",\r\n \"202207\",\r\n \"202209\",\r\n \"202211\",\r\n ],\r\n },\r\n yAxis: {\r\n type: \"value\",\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n series: [\r\n {\r\n name: \"电压合格率\",\r\n type: \"line\",\r\n stack: \"Total\",\r\n smooth: true,\r\n symbol: \"none\",\r\n data: [120, 132, 101, 134, 90, 230, 210],\r\n itemStyle: {\r\n normal: {\r\n color: \"yellow\",\r\n lineStyle: {\r\n color: \"yellow\",\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 show: true,\r\n trigger: \"item\",\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n data: [\"电压合格率\"],\r\n },\r\n },\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: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: \"#fff\",\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: [\"05-05\", \"05-06\", \"05-07\", \"05-08\"],\r\n },\r\n yAxis: {\r\n type: \"value\",\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n series: [\r\n {\r\n name: \"电压合格率\",\r\n type: \"line\",\r\n stack: \"Total\",\r\n smooth: true,\r\n symbol: \"none\",\r\n data: [120, 132, 101, 134],\r\n itemStyle: {\r\n normal: {\r\n color: \"rgba(0,212,199,1)\",\r\n lineStyle: {\r\n color: \"rgba(0,212,199,1)\",\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 detailstop() {\r\n var myChart = this.$echarts.init(document.getElementById(\"detailstop\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n },\r\n\r\n data: [\"配变名称\"],\r\n },\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n data: [\r\n \"钱南1配变\",\r\n \"钱南2配变\",\r\n \"钱南3配变\",\r\n \"钱南4配变\",\r\n \"钱南5配变\",\r\n ],\r\n axisLabel: {\r\n show: true,\r\n textStyle: {\r\n color: \"#ffffff\",\r\n },\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"\",\r\n axisLabel: {\r\n textStyle: {\r\n color: \"#ffffff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"配变名称\",\r\n type: \"bar\",\r\n barWidth: 40, // 柱子宽度核心代码\r\n itemStyle: {\r\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n { offset: 1, color: \"rgba(86,254,226,.2) \" },\r\n { offset: 0.5, color: \"rgb(86,254,226,.6)\" },\r\n { offset: 0, color: \"rgb(86,254,226)\" },\r\n ]),\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n data: [320, 332, 301, 334, 390],\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n },\r\n 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 #detailedTwo1 {\r\n width: 100%;\r\n height: 350px;\r\n }\r\n #detailedTwo2 {\r\n width: 100%;\r\n height: 350px;\r\n }\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 #detailedTwo3 {\r\n width: 100%;\r\n height: 500px;\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/indexN/midzsj.png\") no-repeat;\r\n width: 100%;\r\n height: 17%;\r\n position: relative;\r\n top: 45%;\r\n left: 25%;\r\n .contents {\r\n // height: 90%;\r\n position: absolute;\r\n padding: 10px;\r\n height: 100%;\r\n display: flex;\r\n flex-direction: row;\r\n /* 平分剩余空间 */\r\n justify-content: space-around;\r\n .lines {\r\n width: 100%;\r\n margin: 0 1px;\r\n background: url(\"../assets/index/mainMin.png\") no-repeat;\r\n }\r\n\r\n .total {\r\n .num {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: center;\r\n align-items: left;\r\n color: #ffffff;\r\n h5 {\r\n font-size: 36px;\r\n }\r\n .yellow {\r\n padding-top: 30px;\r\n color: yellow;\r\n }\r\n .orange {\r\n padding-top: 30px;\r\n color: orange;\r\n }\r\n .yellows {\r\n padding-top: 20px;\r\n color: yellow;\r\n }\r\n .oranges {\r\n padding-top: 20px;\r\n color: orange;\r\n }\r\n span {\r\n float: left;\r\n font-size: 16px;\r\n vertical-align: bottom;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n .map {\r\n background: url(\"../assets/indexN/map.png\") no-repeat;\r\n vertical-align: middle;\r\n display: table-cell;\r\n text-align: center;\r\n margin-left: -20%;\r\n .allimg {\r\n position: relative;\r\n left: 20.5%;\r\n top: 35%;\r\n }\r\n }\r\n }\r\n\r\n .right {\r\n // width: 604px;\r\n width: 16.8%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n #detailqe {\r\n width: 100%;\r\n height: 350px;\r\n }\r\n #detailen {\r\n width: 100%;\r\n height: 350px;\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 #detailstop {\r\n width: 100%;\r\n height: 400px;\r\n }\r\n }\r\n}\r\n\r\n// }\r\n</style>\r\n<style lang=\"less\" scoped>\r\n// .el-popper {\r\n// top: 50%;\r\n// }\r\n\r\n/deep/ .popper__arrow {\r\n left: 171px !important;\r\n top: 95px !important;\r\n}\r\n\r\n/deep/ .el-select-dropdown {\r\n background-color: rgb(14, 30, 46) !important;\r\n border: 1px solid rgba(45, 143, 148, 0.5) !important;\r\n\r\n /deep/ .el-select-dropdown__item {\r\n color: #fff !important;\r\n }\r\n\r\n /deep/ .el-select-dropdown__item.hover,\r\n /deep/ .el-select-dropdown__item:hover {\r\n background-color: rgb(18, 54, 87) !important;\r\n }\r\n}\r\n\r\n/deep/ .el-popper[x-placement^=\"bottom\"] {\r\n margin-top: -146px !important;\r\n}\r\n\r\n/**\r\n表格有滚动效果但是不显示滚动条\r\n*/\r\n</style>\r\n<style lang=\"less\">\r\n.el-table .rowColor0 {\r\n background: red !important;\r\n animation: fade 2000ms infinite ease-in-out;\r\n}\r\n\r\n@keyframes fade {\r\n from {\r\n opacity: 1;\r\n }\r\n\r\n 50% {\r\n opacity: 0.6;\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n }\r\n}\r\n\r\n// .el-pager li:hover{\r\n// color:black\r\n// }\r\n.cartitle {\r\n height: 52px;\r\n width: 100%;\r\n // background: url(\"../assets/images/carTitle.png\") no-repeat;\r\n font-size: 24px;\r\n font-weight: 600;\r\n color: #ffffff;\r\n line-height: 52px;\r\n // text-align: left;\r\n text-indent: 26px;\r\n}\r\n.titleFont {\r\n color: transparent;\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n background-image: linear-gradient(\r\n to bottom,\r\n rgb(255, 255, 255),\r\n rgb(123, 247, 245)\r\n );\r\n img {\r\n margin: 20px;\r\n }\r\n}\r\n.content {\r\n padding: 24px 31px 0 31px;\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n\r\n .line {\r\n width: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n table {\r\n thead {\r\n font-size: 22px !important;\r\n height: 50px;\r\n background: url(\"../assets/02/bgbth.png\") no-repeat;\r\n }\r\n tbody {\r\n tr {\r\n height: 50px;\r\n font-size: 18px !important;\r\n color: #fff;\r\n background: url(\"../assets/02/bgqth.png\") no-repeat;\r\n }\r\n }\r\n }\r\n\r\n .total {\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-around;\r\n margin-bottom: 15%;\r\n\r\n .num {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: center;\r\n align-items: center;\r\n color: #ffffff;\r\n\r\n .numText {\r\n color: #ffffff;\r\n }\r\n\r\n .numText:before {\r\n content: attr(text);\r\n position: absolute;\r\n z-index: 10;\r\n color: rgb(86, 254, 246) !important;\r\n -webkit-mask: linear-gradient(to top, rgb(86, 244, 254), transparent);\r\n }\r\n }\r\n }\r\n\r\n .info {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n\r\n .lists {\r\n width: 100%;\r\n height: 32px;\r\n background: url(\"../assets/images/cardSquare.png\") no-repeat;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n align-items: center;\r\n background-size: 100% 100%;\r\n margin-bottom: 9%;\r\n padding: 0 10px 0 0;\r\n box-sizing: border-box;\r\n\r\n & > div {\r\n font-size: 18px;\r\n color: #ffffff;\r\n }\r\n\r\n .number {\r\n color: rgb(86, 254, 226);\r\n }\r\n }\r\n }\r\n }\r\n}\r\n.two {\r\n background: url(\"../assets/indexN/boxLr.png\") no-repeat;\r\n background-size: 100% 100%;\r\n position: relative;\r\n}\r\n.one {\r\n background: url(\"../assets/02/bgk.png\") no-repeat;\r\n background-size: 100% 100%;\r\n position: relative;\r\n\r\n .unityBtn {\r\n position: absolute;\r\n top: 40px;\r\n left: 30%;\r\n width: 40%;\r\n display: flex;\r\n justify-content: space-between;\r\n\r\n .btn {\r\n width: 100%;\r\n height: 38px;\r\n color: #fff;\r\n font-size: 18px;\r\n line-height: 38px;\r\n background: url(\"../assets/images/btnAct.png\") no-repeat;\r\n background-size: 100% 100%;\r\n margin-bottom: 10px;\r\n margin-right: 15px;\r\n }\r\n\r\n .btnAct {\r\n color: rgb(244, 201, 7);\r\n background: url(\"../assets/images/unityBtn.png\") no-repeat;\r\n background-size: 100% 100%;\r\n margin-right: 15px;\r\n }\r\n }\r\n\r\n .unityIcon {\r\n background: url(\"../assets/images/iconCard.png\") no-repeat;\r\n background-size: 100% 100%;\r\n width: 110px;\r\n height: 168px;\r\n position: absolute;\r\n right: 40px;\r\n bottom: 80px;\r\n display: flex;\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n flex-direction: column;\r\n justify-content: space-around;\r\n align-items: center;\r\n\r\n .unityIconGround {\r\n width: 80%;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n }\r\n\r\n .unityEnlargeBtn {\r\n width: 100px;\r\n display: flex;\r\n justify-content: space-around;\r\n position: absolute;\r\n right: 40px;\r\n top: 40px;\r\n\r\n .content {\r\n width: 38px;\r\n height: 36px;\r\n background: url(\"../assets/images/btnkuang.png\") no-repeat !important;\r\n background-size: 100% 100% !important;\r\n }\r\n }\r\n\r\n .unitySelect {\r\n position: absolute;\r\n left: 40px;\r\n width: 222px;\r\n height: 5%;\r\n bottom: 20px;\r\n display: flex;\r\n align-items: center;\r\n\r\n .unitySuosou {\r\n width: 57px;\r\n height: 53px;\r\n background: url(\"../assets/images/sousuoKuang.png\") no-repeat;\r\n background-size: 100% 100%;\r\n }\r\n }\r\n}\r\n</style>\r\n"]}]}
\ No newline at end of file
+{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\twentyKV.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\twentyKV.vue","mtime":1689929341388},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["\r\n//引入echarts\r\nimport * as echarts from \"echarts\";\r\n// 工单统计弹窗组件\r\n// import workOrder from \"../component/workOrder.vue\";\r\n// import ringMainUnit from \"./HomePop/ringMainUnit.vue\";\r\n// import routeDetail from \"../component/routeDetail.vue\";\r\n\r\n// 线路详情\r\n// import lineDetail from \"../component/lineDetail.vue\";\r\nexport default {\r\n name: \"twentyKV\",\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: \"10#变压器\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"1\",\r\n },\r\n {\r\n id: 2,\r\n name: \"10#变压器\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"1\",\r\n },\r\n {\r\n id: 3,\r\n name: \"10#变压器\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"1\",\r\n },\r\n {\r\n id: 4,\r\n name: \"10#变压器\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"2\",\r\n },\r\n {\r\n id: 5,\r\n name: \"10#变压器\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"2\",\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.detailedTwo33();\r\n this.detailqe1();\r\n this.detailen1();\r\n this.detailstop();\r\n window.parent.getLoc();\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 tooltip: {\r\n show: true,\r\n trigger: \"item\",\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n data: [\"月用电变化率\", \"社会整体月变化率\"],\r\n },\r\n },\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: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: fontColor,\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 \"高进军1\",\r\n \"高进军2\",\r\n \"高进军3\",\r\n \"高进军4\",\r\n \"高进军5\",\r\n \"高进军6\",\r\n \"高进军7\",\r\n ],\r\n },\r\n yAxis: {\r\n type: \"value\",\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n series: [\r\n {\r\n name: \"月用电变化率\",\r\n type: \"line\",\r\n stack: \"Total\",\r\n smooth: true,\r\n symbol: \"none\",\r\n data: [120, 132, 101, 134, 90, 230, 210],\r\n itemStyle: {\r\n normal: {\r\n color: \"yellow\",\r\n lineStyle: {\r\n color: \"yellow\",\r\n },\r\n },\r\n },\r\n },\r\n {\r\n name: \"社会整体月变化率\",\r\n type: \"line\",\r\n smooth: true,\r\n stack: \"Total\",\r\n symbol: \"none\",\r\n data: [220, 182, 191, 234, 290, 330, 310],\r\n itemStyle: {\r\n normal: {\r\n color: \"rgba(0,212,199,1)\",\r\n lineStyle: {\r\n color: \"rgba(0,212,199,1)\",\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 detailedTwo22() {\r\n var fontColor = \"#30eee9\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo2\"));\r\n var option = {\r\n tooltip: {\r\n show: true,\r\n trigger: \"item\",\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n data: [\"本月用电总量\"],\r\n },\r\n },\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: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: \"#fff\",\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 \"高进军1\",\r\n \"高进军2\",\r\n \"高进军3\",\r\n \"高进军4\",\r\n \"高进军5\",\r\n \"高进军6\",\r\n \"高进军7\",\r\n ],\r\n },\r\n yAxis: {\r\n type: \"value\",\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n series: [\r\n {\r\n name: \"本月用电总量\",\r\n type: \"line\",\r\n stack: \"Total\",\r\n smooth: true,\r\n symbol: \"none\",\r\n data: [120, 132, 101, 134, 90, 230, 210],\r\n itemStyle: {\r\n normal: {\r\n color: \"yellow\",\r\n lineStyle: {\r\n color: \"yellow\",\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 detailedTwo33() {\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo3\"));\r\n var honorData = [\r\n {\r\n name: \"60天内掉电客户数\",\r\n data: [15.4, 14.1, 13.3, 12.6, 13.6, 14.4, 15.1, 16.3, 18.6, 16.6],\r\n },\r\n {\r\n name: \"60天内掉电总数\",\r\n data: [9.4, 8.1, 7.3, 8.6, 6.6, 9.4, 8.1, 7.3, 8.6, 6.6],\r\n },\r\n ];\r\n var honorXAxisData = [\r\n \"No.10\",\r\n \"No.9\",\r\n \"No.8\",\r\n \"No.7\",\r\n \"No.6\",\r\n \"No.5\",\r\n \"No.4\",\r\n \"No.3\",\r\n \"No.2\",\r\n \"No.1\",\r\n ];\r\n var nameList = [\r\n \"PMS_晨光满园9台区\",\r\n \"滨河华苑3台区\",\r\n \"PMS_晨光满园11台区\",\r\n \"PMS_晨光满园7台区\",\r\n \"PMS_碧桂园10#配变\",\r\n \"PMS_碧桂园12#配变\",\r\n \"晨光满园16台区\",\r\n \"晨光满园14台区\",\r\n \"滨河华苑7台区\",\r\n \"PMS_中合六配变\",\r\n ];\r\n var option = {\r\n color: [\"#0F9AF8\", \"#2039C3\", \"rgba(32,57,195,.5)\", \"#2ECACE\"],\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"none\",\r\n },\r\n },\r\n legend: {\r\n right: 5,\r\n top: \"5%\",\r\n itemWidth: 10,\r\n itemHeight: 10,\r\n itemGap: 25,\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n grid: {\r\n top: \"15%\",\r\n left: \"14%\",\r\n right: \"1%\",\r\n bottom: \"1%\",\r\n },\r\n xAxis: [\r\n {\r\n type: \"value\",\r\n show: false,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: \"#6B9DD7\",\r\n fontSize: 16, // 文字大小\r\n fontWeight: 400,\r\n interval: 0,\r\n formatter: function (value) {\r\n return value + \"(万元)\";\r\n },\r\n },\r\n splitLine: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"category\",\r\n offset: 17,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: \"#fff\",\r\n fontSize: 20, // 文字大小\r\n fontWeight: 700,\r\n interval: 0,\r\n },\r\n data: honorXAxisData,\r\n },\r\n {\r\n //名称\r\n type: \"category\",\r\n offset: -10,\r\n position: \"left\",\r\n axisLine: {\r\n show: false,\r\n },\r\n inverse: true,\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n color: \"#fff\",\r\n align: \"left\",\r\n verticalAlign: \"bottom\",\r\n lineHeight: 40,\r\n fontSize: 20,\r\n },\r\n data: nameList,\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"60天内掉电客户数\",\r\n type: \"bar\",\r\n stack: \"zongliang\",\r\n barWidth: \"25%\",\r\n barGap: 40, // 柱图之间的间距\r\n itemStyle: {\r\n //自定义颜色\r\n // normal: { color: \"orange\" },\r\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"rgba(255,165,0,.4)\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"rgb(255,165,0)\",\r\n },\r\n ]),\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: [\"80%\", \"-150%\"],\r\n formatter: function (params) {\r\n return params.value;\r\n },\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n\r\n data: honorData[0].data,\r\n },\r\n {\r\n name: \"60天内掉电总数\",\r\n type: \"bar\",\r\n stack: \"zongliang\",\r\n barWidth: \"25%\",\r\n barGap: 40, // 柱图之间的间距\r\n itemStyle: {\r\n //自定义颜色\r\n // normal: { color: \"orange\" },\r\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"#005BEA\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"#00C6FB\",\r\n },\r\n ]),\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: [\"80%\", \"-150%\"],\r\n formatter: function (params) {\r\n return params.value;\r\n },\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n data: honorData[1].data,\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailqe1() {\r\n var fontColor = \"#fff\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailqe\"));\r\n var option = {\r\n tooltip: {\r\n show: true,\r\n trigger: \"item\",\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n data: [\"电压合格率\"],\r\n },\r\n },\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: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: \"#fff\",\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 \"202111\",\r\n \"202201\",\r\n \"202203\",\r\n \"202205\",\r\n \"202207\",\r\n \"202209\",\r\n \"202211\",\r\n ],\r\n },\r\n yAxis: {\r\n type: \"value\",\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n series: [\r\n {\r\n name: \"电压合格率\",\r\n type: \"line\",\r\n stack: \"Total\",\r\n smooth: true,\r\n symbol: \"none\",\r\n data: [120, 132, 101, 134, 90, 230, 210],\r\n itemStyle: {\r\n normal: {\r\n color: \"yellow\",\r\n lineStyle: {\r\n color: \"yellow\",\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 show: true,\r\n trigger: \"item\",\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n data: [\"电压合格率\"],\r\n },\r\n },\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: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: \"#fff\",\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: [\"05-05\", \"05-06\", \"05-07\", \"05-08\"],\r\n },\r\n yAxis: {\r\n type: \"value\",\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n series: [\r\n {\r\n name: \"电压合格率\",\r\n type: \"line\",\r\n stack: \"Total\",\r\n smooth: true,\r\n symbol: \"none\",\r\n data: [120, 132, 101, 134],\r\n itemStyle: {\r\n normal: {\r\n color: \"rgba(0,212,199,1)\",\r\n lineStyle: {\r\n color: \"rgba(0,212,199,1)\",\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 detailstop() {\r\n var myChart = this.$echarts.init(document.getElementById(\"detailstop\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n },\r\n\r\n data: [\"配变名称\"],\r\n },\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n data: [\r\n \"钱南1配变\",\r\n \"钱南2配变\",\r\n \"钱南3配变\",\r\n \"钱南4配变\",\r\n \"钱南5配变\",\r\n ],\r\n axisLabel: {\r\n show: true,\r\n textStyle: {\r\n color: \"#ffffff\",\r\n },\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"\",\r\n axisLabel: {\r\n textStyle: {\r\n color: \"#ffffff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"配变名称\",\r\n type: \"bar\",\r\n barWidth: 40, // 柱子宽度核心代码\r\n itemStyle: {\r\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n { offset: 1, color: \"rgba(86,254,226,.2) \" },\r\n { offset: 0.5, color: \"rgb(86,254,226,.6)\" },\r\n { offset: 0, color: \"rgb(86,254,226)\" },\r\n ]),\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n data: [320, 332, 301, 334, 390],\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n },\r\n watch: {},\r\n};\r\n",{"version":3,"sources":["twentyKV.vue"],"names":[],"mappings":";AAkOA;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;;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;;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","file":"twentyKV.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n <div class=\"home\">\r\n <div class=\"left\" id=\"left\">\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>园区供电所居民用户异常月电量</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div id=\"detailedTwo1\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>园区供电所居民用户月电量</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div id=\"detailedTwo2\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"left1\" id=\"left\">\r\n <div class=\"one\" style=\"height: 100%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>60天内台区掉电客户数TOP10</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div id=\"detailedTwo3\"></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 <img class=\"allimg\" src=\"../assets/indexN/dfsxz.png\" alt=\"\" />\r\n <div class=\"imgboxone\">\r\n <div class=\"contents\">\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <div style=\"display: inline-block\">\r\n <img\r\n style=\"float: left\"\r\n src=\"../assets/index/mainTb1.png\"\r\n alt=\"\"\r\n />\r\n <span\r\n > 台区总数</span\r\n >\r\n </div>\r\n <h5 class=\"yellow\">679</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 <div style=\"display: inherit\">\r\n <img\r\n style=\"float: left; height: 30px; width: 30px\"\r\n src=\"../assets/index/mainTb2.png\"\r\n alt=\"\"\r\n />\r\n <span>近60天内发生过停电的配变数</span>\r\n </div>\r\n\r\n <h5 class=\"oranges\">234</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 <div style=\"display: inherit\">\r\n <img\r\n style=\"float: left; height: 30px; width: 30px\"\r\n src=\"../assets/index/mainTb1.png\"\r\n alt=\"\"\r\n />\r\n <span>近60天三相不平衡台区数</span>\r\n </div>\r\n\r\n <h5 class=\"yellow\">0</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 <div style=\"display: inherit\">\r\n <img\r\n style=\"float: left; height: 30px; width: 30px\"\r\n src=\"../assets/index/mainTb2.png\"\r\n alt=\"\"\r\n />\r\n <span>近一周线损异常台区数</span>\r\n </div>\r\n\r\n <h5 class=\"orange\">0</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 <div style=\"display: inherit\">\r\n <img\r\n style=\"float: left; height: 30px; width: 30px\"\r\n src=\"../assets/index/mainTb1.png\"\r\n alt=\"\"\r\n />\r\n <span>近60天内发生过停电的中压线路数</span>\r\n </div>\r\n\r\n <h5 class=\"yellows\">0</h5>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"right\" id=\"right\">\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>月合格率波动图</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div id=\"detailqe\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>日合格率波动图</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div 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=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>进60天配变停电时间分析</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <table>\r\n <thead style=\"color: #fff; font-size: 30px\">\r\n <tr>\r\n <td>序号</td>\r\n <td>配变名称</td>\r\n <td>所属电路</td>\r\n <td>停电次数</td>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <tr v-for=\"(item, index) in pvTable\" :key=\"index\">\r\n <td>{{ item.id }}</td>\r\n <td>{{ item.name }}</td>\r\n <td>{{ item.stationNumber }}</td>\r\n <td class=\"titleFont\">{{ item.alternatorNumber }}</td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>近60天频繁停电配变</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div id=\"detailstop\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <audio\r\n controls=\"controls\"\r\n hidden\r\n src=\"../assets/videos/police.wav\"\r\n ref=\"audio\"\r\n ></audio>\r\n </div>\r\n</template>\r\n\r\n<script>\r\n//引入echarts\r\nimport * as echarts from \"echarts\";\r\n// 工单统计弹窗组件\r\n// import workOrder from \"../component/workOrder.vue\";\r\n// import ringMainUnit from \"./HomePop/ringMainUnit.vue\";\r\n// import routeDetail from \"../component/routeDetail.vue\";\r\n\r\n// 线路详情\r\n// import lineDetail from \"../component/lineDetail.vue\";\r\nexport default {\r\n name: \"twentyKV\",\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: \"10#变压器\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"1\",\r\n },\r\n {\r\n id: 2,\r\n name: \"10#变压器\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"1\",\r\n },\r\n {\r\n id: 3,\r\n name: \"10#变压器\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"1\",\r\n },\r\n {\r\n id: 4,\r\n name: \"10#变压器\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"2\",\r\n },\r\n {\r\n id: 5,\r\n name: \"10#变压器\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"2\",\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.detailedTwo33();\r\n this.detailqe1();\r\n this.detailen1();\r\n this.detailstop();\r\n window.parent.getLoc();\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 tooltip: {\r\n show: true,\r\n trigger: \"item\",\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n data: [\"月用电变化率\", \"社会整体月变化率\"],\r\n },\r\n },\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: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: fontColor,\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 \"高进军1\",\r\n \"高进军2\",\r\n \"高进军3\",\r\n \"高进军4\",\r\n \"高进军5\",\r\n \"高进军6\",\r\n \"高进军7\",\r\n ],\r\n },\r\n yAxis: {\r\n type: \"value\",\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n series: [\r\n {\r\n name: \"月用电变化率\",\r\n type: \"line\",\r\n stack: \"Total\",\r\n smooth: true,\r\n symbol: \"none\",\r\n data: [120, 132, 101, 134, 90, 230, 210],\r\n itemStyle: {\r\n normal: {\r\n color: \"yellow\",\r\n lineStyle: {\r\n color: \"yellow\",\r\n },\r\n },\r\n },\r\n },\r\n {\r\n name: \"社会整体月变化率\",\r\n type: \"line\",\r\n smooth: true,\r\n stack: \"Total\",\r\n symbol: \"none\",\r\n data: [220, 182, 191, 234, 290, 330, 310],\r\n itemStyle: {\r\n normal: {\r\n color: \"rgba(0,212,199,1)\",\r\n lineStyle: {\r\n color: \"rgba(0,212,199,1)\",\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 detailedTwo22() {\r\n var fontColor = \"#30eee9\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo2\"));\r\n var option = {\r\n tooltip: {\r\n show: true,\r\n trigger: \"item\",\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n data: [\"本月用电总量\"],\r\n },\r\n },\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: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: \"#fff\",\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 \"高进军1\",\r\n \"高进军2\",\r\n \"高进军3\",\r\n \"高进军4\",\r\n \"高进军5\",\r\n \"高进军6\",\r\n \"高进军7\",\r\n ],\r\n },\r\n yAxis: {\r\n type: \"value\",\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n series: [\r\n {\r\n name: \"本月用电总量\",\r\n type: \"line\",\r\n stack: \"Total\",\r\n smooth: true,\r\n symbol: \"none\",\r\n data: [120, 132, 101, 134, 90, 230, 210],\r\n itemStyle: {\r\n normal: {\r\n color: \"yellow\",\r\n lineStyle: {\r\n color: \"yellow\",\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 detailedTwo33() {\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo3\"));\r\n var honorData = [\r\n {\r\n name: \"60天内掉电客户数\",\r\n data: [15.4, 14.1, 13.3, 12.6, 13.6, 14.4, 15.1, 16.3, 18.6, 16.6],\r\n },\r\n {\r\n name: \"60天内掉电总数\",\r\n data: [9.4, 8.1, 7.3, 8.6, 6.6, 9.4, 8.1, 7.3, 8.6, 6.6],\r\n },\r\n ];\r\n var honorXAxisData = [\r\n \"No.10\",\r\n \"No.9\",\r\n \"No.8\",\r\n \"No.7\",\r\n \"No.6\",\r\n \"No.5\",\r\n \"No.4\",\r\n \"No.3\",\r\n \"No.2\",\r\n \"No.1\",\r\n ];\r\n var nameList = [\r\n \"PMS_晨光满园9台区\",\r\n \"滨河华苑3台区\",\r\n \"PMS_晨光满园11台区\",\r\n \"PMS_晨光满园7台区\",\r\n \"PMS_碧桂园10#配变\",\r\n \"PMS_碧桂园12#配变\",\r\n \"晨光满园16台区\",\r\n \"晨光满园14台区\",\r\n \"滨河华苑7台区\",\r\n \"PMS_中合六配变\",\r\n ];\r\n var option = {\r\n color: [\"#0F9AF8\", \"#2039C3\", \"rgba(32,57,195,.5)\", \"#2ECACE\"],\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"none\",\r\n },\r\n },\r\n legend: {\r\n right: 5,\r\n top: \"5%\",\r\n itemWidth: 10,\r\n itemHeight: 10,\r\n itemGap: 25,\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n grid: {\r\n top: \"15%\",\r\n left: \"14%\",\r\n right: \"1%\",\r\n bottom: \"1%\",\r\n },\r\n xAxis: [\r\n {\r\n type: \"value\",\r\n show: false,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: \"#6B9DD7\",\r\n fontSize: 16, // 文字大小\r\n fontWeight: 400,\r\n interval: 0,\r\n formatter: function (value) {\r\n return value + \"(万元)\";\r\n },\r\n },\r\n splitLine: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"category\",\r\n offset: 17,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: \"#fff\",\r\n fontSize: 20, // 文字大小\r\n fontWeight: 700,\r\n interval: 0,\r\n },\r\n data: honorXAxisData,\r\n },\r\n {\r\n //名称\r\n type: \"category\",\r\n offset: -10,\r\n position: \"left\",\r\n axisLine: {\r\n show: false,\r\n },\r\n inverse: true,\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n color: \"#fff\",\r\n align: \"left\",\r\n verticalAlign: \"bottom\",\r\n lineHeight: 40,\r\n fontSize: 20,\r\n },\r\n data: nameList,\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"60天内掉电客户数\",\r\n type: \"bar\",\r\n stack: \"zongliang\",\r\n barWidth: \"25%\",\r\n barGap: 40, // 柱图之间的间距\r\n itemStyle: {\r\n //自定义颜色\r\n // normal: { color: \"orange\" },\r\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"rgba(255,165,0,.4)\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"rgb(255,165,0)\",\r\n },\r\n ]),\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: [\"80%\", \"-150%\"],\r\n formatter: function (params) {\r\n return params.value;\r\n },\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n\r\n data: honorData[0].data,\r\n },\r\n {\r\n name: \"60天内掉电总数\",\r\n type: \"bar\",\r\n stack: \"zongliang\",\r\n barWidth: \"25%\",\r\n barGap: 40, // 柱图之间的间距\r\n itemStyle: {\r\n //自定义颜色\r\n // normal: { color: \"orange\" },\r\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"#005BEA\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"#00C6FB\",\r\n },\r\n ]),\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: [\"80%\", \"-150%\"],\r\n formatter: function (params) {\r\n return params.value;\r\n },\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n data: honorData[1].data,\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailqe1() {\r\n var fontColor = \"#fff\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailqe\"));\r\n var option = {\r\n tooltip: {\r\n show: true,\r\n trigger: \"item\",\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n data: [\"电压合格率\"],\r\n },\r\n },\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: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: \"#fff\",\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 \"202111\",\r\n \"202201\",\r\n \"202203\",\r\n \"202205\",\r\n \"202207\",\r\n \"202209\",\r\n \"202211\",\r\n ],\r\n },\r\n yAxis: {\r\n type: \"value\",\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n series: [\r\n {\r\n name: \"电压合格率\",\r\n type: \"line\",\r\n stack: \"Total\",\r\n smooth: true,\r\n symbol: \"none\",\r\n data: [120, 132, 101, 134, 90, 230, 210],\r\n itemStyle: {\r\n normal: {\r\n color: \"yellow\",\r\n lineStyle: {\r\n color: \"yellow\",\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 show: true,\r\n trigger: \"item\",\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n data: [\"电压合格率\"],\r\n },\r\n },\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: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: \"#fff\",\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: [\"05-05\", \"05-06\", \"05-07\", \"05-08\"],\r\n },\r\n yAxis: {\r\n type: \"value\",\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n series: [\r\n {\r\n name: \"电压合格率\",\r\n type: \"line\",\r\n stack: \"Total\",\r\n smooth: true,\r\n symbol: \"none\",\r\n data: [120, 132, 101, 134],\r\n itemStyle: {\r\n normal: {\r\n color: \"rgba(0,212,199,1)\",\r\n lineStyle: {\r\n color: \"rgba(0,212,199,1)\",\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 detailstop() {\r\n var myChart = this.$echarts.init(document.getElementById(\"detailstop\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n },\r\n\r\n data: [\"配变名称\"],\r\n },\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n data: [\r\n \"钱南1配变\",\r\n \"钱南2配变\",\r\n \"钱南3配变\",\r\n \"钱南4配变\",\r\n \"钱南5配变\",\r\n ],\r\n axisLabel: {\r\n show: true,\r\n textStyle: {\r\n color: \"#ffffff\",\r\n },\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"\",\r\n axisLabel: {\r\n textStyle: {\r\n color: \"#ffffff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"配变名称\",\r\n type: \"bar\",\r\n barWidth: 40, // 柱子宽度核心代码\r\n itemStyle: {\r\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n { offset: 1, color: \"rgba(86,254,226,.2) \" },\r\n { offset: 0.5, color: \"rgb(86,254,226,.6)\" },\r\n { offset: 0, color: \"rgb(86,254,226)\" },\r\n ]),\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n data: [320, 332, 301, 334, 390],\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n },\r\n 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 #detailedTwo1 {\r\n width: 100%;\r\n height: 350px;\r\n }\r\n #detailedTwo2 {\r\n width: 100%;\r\n height: 350px;\r\n }\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 #detailedTwo3 {\r\n width: 100%;\r\n height: 70vh;\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/indexN/midzsj.png\") no-repeat;\r\n width: 100%;\r\n height: 17%;\r\n position: relative;\r\n top: 45%;\r\n left: 25%;\r\n .contents {\r\n // height: 90%;\r\n position: absolute;\r\n padding: 10px;\r\n height: 100%;\r\n display: flex;\r\n flex-direction: row;\r\n /* 平分剩余空间 */\r\n justify-content: space-around;\r\n .lines {\r\n width: 100%;\r\n margin: 0 1px;\r\n background: url(\"../assets/index/mainMin.png\") no-repeat;\r\n }\r\n\r\n .total {\r\n .num {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: center;\r\n align-items: left;\r\n color: #ffffff;\r\n h5 {\r\n font-size: 36px;\r\n }\r\n .yellow {\r\n padding-top: 30px;\r\n color: yellow;\r\n }\r\n .orange {\r\n padding-top: 30px;\r\n color: orange;\r\n }\r\n .yellows {\r\n padding-top: 20px;\r\n color: yellow;\r\n }\r\n .oranges {\r\n padding-top: 20px;\r\n color: orange;\r\n }\r\n span {\r\n float: left;\r\n font-size: 16px;\r\n vertical-align: bottom;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n .map {\r\n background: url(\"../assets/indexN/map.png\") no-repeat;\r\n vertical-align: middle;\r\n display: table-cell;\r\n text-align: center;\r\n margin-left: -20%;\r\n .allimg {\r\n position: relative;\r\n left: 20.5%;\r\n top: 35%;\r\n }\r\n }\r\n }\r\n\r\n .right {\r\n // width: 604px;\r\n width: 16.8%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n #detailqe {\r\n width: 100%;\r\n height: 350px;\r\n }\r\n #detailen {\r\n width: 100%;\r\n height: 350px;\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 #detailstop {\r\n width: 100%;\r\n height: 400px;\r\n }\r\n }\r\n}\r\n\r\n// }\r\n</style>\r\n<style lang=\"less\" scoped>\r\n// .el-popper {\r\n// top: 50%;\r\n// }\r\n\r\n/deep/ .popper__arrow {\r\n left: 171px !important;\r\n top: 95px !important;\r\n}\r\n\r\n/deep/ .el-select-dropdown {\r\n background-color: rgb(14, 30, 46) !important;\r\n border: 1px solid rgba(45, 143, 148, 0.5) !important;\r\n\r\n /deep/ .el-select-dropdown__item {\r\n color: #fff !important;\r\n }\r\n\r\n /deep/ .el-select-dropdown__item.hover,\r\n /deep/ .el-select-dropdown__item:hover {\r\n background-color: rgb(18, 54, 87) !important;\r\n }\r\n}\r\n\r\n/deep/ .el-popper[x-placement^=\"bottom\"] {\r\n margin-top: -146px !important;\r\n}\r\n\r\n/**\r\n表格有滚动效果但是不显示滚动条\r\n*/\r\n</style>\r\n<style lang=\"less\">\r\n.el-table .rowColor0 {\r\n background: red !important;\r\n animation: fade 2000ms infinite ease-in-out;\r\n}\r\n\r\n@keyframes fade {\r\n from {\r\n opacity: 1;\r\n }\r\n\r\n 50% {\r\n opacity: 0.6;\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n }\r\n}\r\n\r\n// .el-pager li:hover{\r\n// color:black\r\n// }\r\n.cartitle {\r\n height: 52px;\r\n width: 100%;\r\n // background: url(\"../assets/images/carTitle.png\") no-repeat;\r\n font-size: 24px;\r\n font-weight: 600;\r\n color: #ffffff;\r\n line-height: 52px;\r\n // text-align: left;\r\n text-indent: 26px;\r\n}\r\n.titleFont {\r\n color: transparent;\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n background-image: linear-gradient(\r\n to bottom,\r\n rgb(255, 255, 255),\r\n rgb(123, 247, 245)\r\n );\r\n img {\r\n margin: 20px;\r\n }\r\n}\r\n.content {\r\n padding: 24px 31px 0 31px;\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n\r\n .line {\r\n width: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n table {\r\n thead {\r\n font-size: 22px !important;\r\n height: 50px;\r\n background: url(\"../assets/02/bgbth.png\") no-repeat;\r\n }\r\n tbody {\r\n tr {\r\n height: 50px;\r\n font-size: 18px !important;\r\n color: #fff;\r\n background: url(\"../assets/02/bgqth.png\") no-repeat;\r\n }\r\n }\r\n }\r\n\r\n .total {\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-around;\r\n margin-bottom: 15%;\r\n\r\n .num {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: center;\r\n align-items: center;\r\n color: #ffffff;\r\n\r\n .numText {\r\n color: #ffffff;\r\n }\r\n\r\n .numText:before {\r\n content: attr(text);\r\n position: absolute;\r\n z-index: 10;\r\n color: rgb(86, 254, 246) !important;\r\n -webkit-mask: linear-gradient(to top, rgb(86, 244, 254), transparent);\r\n }\r\n }\r\n }\r\n\r\n .info {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n\r\n .lists {\r\n width: 100%;\r\n height: 32px;\r\n background: url(\"../assets/images/cardSquare.png\") no-repeat;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n align-items: center;\r\n background-size: 100% 100%;\r\n margin-bottom: 9%;\r\n padding: 0 10px 0 0;\r\n box-sizing: border-box;\r\n\r\n & > div {\r\n font-size: 18px;\r\n color: #ffffff;\r\n }\r\n\r\n .number {\r\n color: rgb(86, 254, 226);\r\n }\r\n }\r\n }\r\n }\r\n}\r\n.two {\r\n background: url(\"../assets/indexN/boxLr.png\") no-repeat;\r\n background-size: 100% 100%;\r\n position: relative;\r\n}\r\n.one {\r\n background: url(\"../assets/02/bgk.png\") no-repeat;\r\n background-size: 100% 100%;\r\n position: relative;\r\n\r\n .unityBtn {\r\n position: absolute;\r\n top: 40px;\r\n left: 30%;\r\n width: 40%;\r\n display: flex;\r\n justify-content: space-between;\r\n\r\n .btn {\r\n width: 100%;\r\n height: 38px;\r\n color: #fff;\r\n font-size: 18px;\r\n line-height: 38px;\r\n background: url(\"../assets/images/btnAct.png\") no-repeat;\r\n background-size: 100% 100%;\r\n margin-bottom: 10px;\r\n margin-right: 15px;\r\n }\r\n\r\n .btnAct {\r\n color: rgb(244, 201, 7);\r\n background: url(\"../assets/images/unityBtn.png\") no-repeat;\r\n background-size: 100% 100%;\r\n margin-right: 15px;\r\n }\r\n }\r\n\r\n .unityIcon {\r\n background: url(\"../assets/images/iconCard.png\") no-repeat;\r\n background-size: 100% 100%;\r\n width: 110px;\r\n height: 168px;\r\n position: absolute;\r\n right: 40px;\r\n bottom: 80px;\r\n display: flex;\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n flex-direction: column;\r\n justify-content: space-around;\r\n align-items: center;\r\n\r\n .unityIconGround {\r\n width: 80%;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n }\r\n\r\n .unityEnlargeBtn {\r\n width: 100px;\r\n display: flex;\r\n justify-content: space-around;\r\n position: absolute;\r\n right: 40px;\r\n top: 40px;\r\n\r\n .content {\r\n width: 38px;\r\n height: 36px;\r\n background: url(\"../assets/images/btnkuang.png\") no-repeat !important;\r\n background-size: 100% 100% !important;\r\n }\r\n }\r\n\r\n .unitySelect {\r\n position: absolute;\r\n left: 40px;\r\n width: 222px;\r\n height: 5%;\r\n bottom: 20px;\r\n display: flex;\r\n align-items: center;\r\n\r\n .unitySuosou {\r\n width: 57px;\r\n height: 53px;\r\n background: url(\"../assets/images/sousuoKuang.png\") no-repeat;\r\n background-size: 100% 100%;\r\n }\r\n }\r\n}\r\n</style>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/68b162b73942dae54da8f00c6da91a2c.json b/node_modules/.cache/vue-loader/68b162b73942dae54da8f00c6da91a2c.json
index f011c67a..ef02cece 100644
--- a/node_modules/.cache/vue-loader/68b162b73942dae54da8f00c6da91a2c.json
+++ b/node_modules/.cache/vue-loader/68b162b73942dae54da8f00c6da91a2c.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--12-0!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??ref--6!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\thirtyFiveKV.vue?vue&type=template&id=4bdb45b9&scoped=true&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\thirtyFiveKV.vue","mtime":1689927955883},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\babel.config.js","mtime":1689557787923},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1655712169000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["import \"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 }, [_vm._m(0), _vm._m(1), _vm._m(2), _vm._m(3), _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(4), _c(\"div\", {\n staticClass: \"content\"\n }, [_c(\"div\", {\n staticClass: \"line\"\n }, [_c(\"table\", [_vm._m(5), _c(\"tbody\", _vm._l(_vm.pvTable, function (item, index) {\n return _c(\"tr\", {\n key: index\n }, [_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: \"left\",\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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"预计年/月变化趋势\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.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/dqxcxl.png\"),\n alt: \"\"\n }\n }), _c(\"span\", {\n staticClass: \"text\"\n }, [_vm._v(\"2022\")])]), _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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"年/月总投资变化趋势\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.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/dqxcxl.png\"),\n alt: \"\"\n }\n }), _c(\"span\", {\n staticClass: \"text\"\n }, [_vm._v(\"2022\")])]), _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: \"left1\",\n attrs: {\n id: \"left\"\n }\n }, [_c(\"div\", {\n staticClass: \"one\",\n staticStyle: {\n height: \"100%\"\n }\n }, [_c(\"div\", {\n staticClass: \"cartitle\"\n }, [_c(\"div\", {\n staticClass: \"titleFont\"\n }, [_c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"县公司预算统计\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.png\"),\n alt: \"\"\n }\n })])]), _c(\"div\", {\n staticClass: \"content\"\n }, [_c(\"div\", {\n staticClass: \"line\"\n }, [_c(\"div\", {\n attrs: {\n id: \"detailedTwo3\"\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(\"img\", {\n staticClass: \"allimg\",\n attrs: {\n src: require(\"../assets/indexN/dfsxz.png\"),\n alt: \"\"\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(\"div\", {\n staticStyle: {\n display: \"inline-block\"\n }\n }, [_c(\"img\", {\n staticStyle: {\n float: \"left\"\n },\n attrs: {\n src: require(\"../assets/index/mainTb1.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"项目数\")])]), _c(\"h5\", {\n staticClass: \"yellow\"\n }, [_vm._v(\"\\n 9.279 \"), _c(\"span\", {\n staticStyle: {\n color: \"#fff\"\n }\n }, [_vm._v(\"万\")])])])])]), _c(\"div\", {\n staticClass: \"lines\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"div\", {\n staticStyle: {\n display: \"inline-block\"\n }\n }, [_c(\"img\", {\n staticStyle: {\n float: \"left\",\n height: \"30px\",\n width: \"30px\"\n },\n attrs: {\n src: require(\"../assets/index/mainTb2.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"预算费用总和\")])]), _c(\"h5\", {\n staticClass: \"orange\"\n }, [_vm._v(\"\\n 118.5\"), _c(\"span\", {\n staticStyle: {\n color: \"#fff\"\n }\n }, [_vm._v(\"万\")])])])])]), _c(\"div\", {\n staticClass: \"lines\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"div\", {\n staticStyle: {\n display: \"inline-block\"\n }\n }, [_c(\"img\", {\n staticStyle: {\n float: \"left\",\n height: \"30px\",\n width: \"30px\"\n },\n attrs: {\n src: require(\"../assets/index/mainTb1.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"计划数\")])]), _c(\"h5\", {\n staticClass: \"yellow\"\n }, [_vm._v(\" 44\")])])])]), _c(\"div\", {\n staticClass: \"lines\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"div\", {\n staticStyle: {\n display: \"inline-block\"\n }\n }, [_c(\"img\", {\n staticStyle: {\n float: \"left\",\n height: \"30px\",\n width: \"30px\"\n },\n attrs: {\n src: require(\"../assets/index/mainTb2.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"物科数\")])]), _c(\"h5\", {\n staticClass: \"orange\"\n }, [_vm._v(\" 10\")])])])])])])])]);\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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"县物项目总投资比\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.png\"),\n alt: \"\"\n }\n })])]), _c(\"div\", {\n staticClass: \"content\"\n }, [_c(\"div\", {\n staticClass: \"line\"\n }, [_c(\"div\", {\n attrs: {\n id: \"barCharts\"\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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"县物资占比分配\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.png\"),\n alt: \"\"\n }\n })])]), _c(\"div\", {\n staticClass: \"content\"\n }, [_c(\"div\", {\n staticClass: \"line\"\n }, [_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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"县公司预算统计\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.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(\"计划数量\")])])]);\n}];\nrender._withStripped = true;\nexport { render, staticRenderFns };",{"version":3,"names":["render","_vm","_c","_self","staticClass","_m","attrs","id","staticStyle","height","_l","pvTable","item","index","key","_v","_s","name","stationNumber","alternatorNumber","ref","controls","hidden","src","require","staticRenderFns","alt","display","float","color","width","_withStripped"],"sources":["D:/林谷智能项目/yanchengPowerSupply/src/views/thirtyFiveKV.vue"],"sourcesContent":["var render = function render() {\n var _vm = this,\n _c = _vm._self._c\n return _c(\"div\", { staticClass: \"home\" }, [\n _vm._m(0),\n _vm._m(1),\n _vm._m(2),\n _vm._m(3),\n _c(\"div\", { staticClass: \"right1\", attrs: { id: \"right\" } }, [\n _c(\"div\", { staticClass: \"one\", staticStyle: { height: \"100%\" } }, [\n _vm._m(4),\n _c(\"div\", { staticClass: \"content\" }, [\n _c(\"div\", { staticClass: \"line\" }, [\n _c(\"table\", [\n _vm._m(5),\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.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: \"left\", 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: { src: require(\"./../assets/indexN/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"预计年/月变化趋势\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\n }),\n ]),\n ]),\n _c(\"div\", { staticClass: \"content\" }, [\n _c(\"div\", { staticClass: \"line\" }, [\n _c(\"div\", { staticClass: \"enselect\" }, [\n _c(\"img\", {\n attrs: { src: require(\"../assets/02/dqxcxl.png\"), alt: \"\" },\n }),\n _c(\"span\", { staticClass: \"text\" }, [_vm._v(\"2022\")]),\n ]),\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: { src: require(\"./../assets/indexN/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"年/月总投资变化趋势\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\n }),\n ]),\n ]),\n _c(\"div\", { staticClass: \"content\" }, [\n _c(\"div\", { staticClass: \"line\" }, [\n _c(\"div\", { staticClass: \"enselect\" }, [\n _c(\"img\", {\n attrs: { src: require(\"../assets/02/dqxcxl.png\"), alt: \"\" },\n }),\n _c(\"span\", { staticClass: \"text\" }, [_vm._v(\"2022\")]),\n ]),\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: \"left1\", attrs: { id: \"left\" } }, [\n _c(\"div\", { staticClass: \"one\", staticStyle: { height: \"100%\" } }, [\n _c(\"div\", { staticClass: \"cartitle\" }, [\n _c(\"div\", { staticClass: \"titleFont\" }, [\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"县公司预算统计\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\n }),\n ]),\n ]),\n _c(\"div\", { staticClass: \"content\" }, [\n _c(\"div\", { staticClass: \"line\" }, [\n _c(\"div\", { attrs: { id: \"detailedTwo3\" } }),\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(\"img\", {\n staticClass: \"allimg\",\n attrs: { src: require(\"../assets/indexN/dfsxz.png\"), alt: \"\" },\n }),\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(\"div\", { staticStyle: { display: \"inline-block\" } }, [\n _c(\"img\", {\n staticStyle: { float: \"left\" },\n attrs: {\n src: require(\"../assets/index/mainTb1.png\"),\n alt: \"\",\n },\n }),\n _c(\"span\", [_vm._v(\"项目数\")]),\n ]),\n _c(\"h5\", { staticClass: \"yellow\" }, [\n _vm._v(\"\\n 9.279 \"),\n _c(\"span\", { staticStyle: { color: \"#fff\" } }, [\n _vm._v(\"万\"),\n ]),\n ]),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"lines\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\"div\", { staticStyle: { display: \"inline-block\" } }, [\n _c(\"img\", {\n staticStyle: {\n float: \"left\",\n height: \"30px\",\n width: \"30px\",\n },\n attrs: {\n src: require(\"../assets/index/mainTb2.png\"),\n alt: \"\",\n },\n }),\n _c(\"span\", [_vm._v(\"预算费用总和\")]),\n ]),\n _c(\"h5\", { staticClass: \"orange\" }, [\n _vm._v(\"\\n 118.5\"),\n _c(\"span\", { staticStyle: { color: \"#fff\" } }, [\n _vm._v(\"万\"),\n ]),\n ]),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"lines\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\"div\", { staticStyle: { display: \"inline-block\" } }, [\n _c(\"img\", {\n staticStyle: {\n float: \"left\",\n height: \"30px\",\n width: \"30px\",\n },\n attrs: {\n src: require(\"../assets/index/mainTb1.png\"),\n alt: \"\",\n },\n }),\n _c(\"span\", [_vm._v(\"计划数\")]),\n ]),\n _c(\"h5\", { staticClass: \"yellow\" }, [_vm._v(\" 44\")]),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"lines\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\"div\", { staticStyle: { display: \"inline-block\" } }, [\n _c(\"img\", {\n staticStyle: {\n float: \"left\",\n height: \"30px\",\n width: \"30px\",\n },\n attrs: {\n src: require(\"../assets/index/mainTb2.png\"),\n alt: \"\",\n },\n }),\n _c(\"span\", [_vm._v(\"物科数\")]),\n ]),\n _c(\"h5\", { staticClass: \"orange\" }, [_vm._v(\" 10\")]),\n ]),\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: { src: require(\"./../assets/indexN/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"县物项目总投资比\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\n }),\n ]),\n ]),\n _c(\"div\", { staticClass: \"content\" }, [\n _c(\"div\", { staticClass: \"line\" }, [\n _c(\"div\", { attrs: { id: \"barCharts\" } }),\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: { src: require(\"./../assets/indexN/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"县物资占比分配\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\n }),\n ]),\n ]),\n _c(\"div\", { staticClass: \"content\" }, [\n _c(\"div\", { staticClass: \"line\" }, [\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/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"县公司预算统计\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.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 ]),\n ]\n )\n },\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }"],"mappings":"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"}]}
\ No newline at end of file
+{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--12-0!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??ref--6!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\thirtyFiveKV.vue?vue&type=template&id=4bdb45b9&scoped=true&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\thirtyFiveKV.vue","mtime":1689929405847},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\babel.config.js","mtime":1689557787923},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1655712169000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["import \"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 }, [_vm._m(0), _vm._m(1), _vm._m(2), _vm._m(3), _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(4), _c(\"div\", {\n staticClass: \"content\"\n }, [_c(\"div\", {\n staticClass: \"line\"\n }, [_c(\"table\", [_vm._m(5), _c(\"tbody\", _vm._l(_vm.pvTable, function (item, index) {\n return _c(\"tr\", {\n key: index\n }, [_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: \"left\",\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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"预计年/月变化趋势\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.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/dqxcxl.png\"),\n alt: \"\"\n }\n }), _c(\"span\", {\n staticClass: \"text\"\n }, [_vm._v(\"2022\")])]), _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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"年/月总投资变化趋势\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.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/dqxcxl.png\"),\n alt: \"\"\n }\n }), _c(\"span\", {\n staticClass: \"text\"\n }, [_vm._v(\"2022\")])]), _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: \"left1\",\n attrs: {\n id: \"left\"\n }\n }, [_c(\"div\", {\n staticClass: \"one\",\n staticStyle: {\n height: \"100%\"\n }\n }, [_c(\"div\", {\n staticClass: \"cartitle\"\n }, [_c(\"div\", {\n staticClass: \"titleFont\"\n }, [_c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"县公司预算统计\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.png\"),\n alt: \"\"\n }\n })])]), _c(\"div\", {\n staticClass: \"content\"\n }, [_c(\"div\", {\n staticClass: \"line\"\n }, [_c(\"div\", {\n attrs: {\n id: \"detailedTwo3\"\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(\"img\", {\n staticClass: \"allimg\",\n attrs: {\n src: require(\"../assets/indexN/dfsxz.png\"),\n alt: \"\"\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(\"div\", {\n staticStyle: {\n display: \"inline-block\"\n }\n }, [_c(\"img\", {\n staticStyle: {\n float: \"left\"\n },\n attrs: {\n src: require(\"../assets/index/mainTb1.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"项目数\")])]), _c(\"h5\", {\n staticClass: \"yellow\"\n }, [_vm._v(\"\\n 9.279 \"), _c(\"span\", {\n staticStyle: {\n color: \"#fff\"\n }\n }, [_vm._v(\"万\")])])])])]), _c(\"div\", {\n staticClass: \"lines\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"div\", {\n staticStyle: {\n display: \"inline-block\"\n }\n }, [_c(\"img\", {\n staticStyle: {\n float: \"left\",\n height: \"30px\",\n width: \"30px\"\n },\n attrs: {\n src: require(\"../assets/index/mainTb2.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"预算费用总和\")])]), _c(\"h5\", {\n staticClass: \"orange\"\n }, [_vm._v(\"\\n 118.5\"), _c(\"span\", {\n staticStyle: {\n color: \"#fff\"\n }\n }, [_vm._v(\"万\")])])])])]), _c(\"div\", {\n staticClass: \"lines\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"div\", {\n staticStyle: {\n display: \"inline-block\"\n }\n }, [_c(\"img\", {\n staticStyle: {\n float: \"left\",\n height: \"30px\",\n width: \"30px\"\n },\n attrs: {\n src: require(\"../assets/index/mainTb1.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"计划数\")])]), _c(\"h5\", {\n staticClass: \"yellow\"\n }, [_vm._v(\" 44\")])])])]), _c(\"div\", {\n staticClass: \"lines\"\n }, [_c(\"div\", {\n staticClass: \"total\"\n }, [_c(\"div\", {\n staticClass: \"num\"\n }, [_c(\"div\", {\n staticStyle: {\n display: \"inline-block\"\n }\n }, [_c(\"img\", {\n staticStyle: {\n float: \"left\",\n height: \"30px\",\n width: \"30px\"\n },\n attrs: {\n src: require(\"../assets/index/mainTb2.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"物科数\")])]), _c(\"h5\", {\n staticClass: \"orange\"\n }, [_vm._v(\" 10\")])])])])])])])]);\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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"县物项目总投资比\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.png\"),\n alt: \"\"\n }\n })])]), _c(\"div\", {\n staticClass: \"content\"\n }, [_c(\"div\", {\n staticClass: \"line\"\n }, [_c(\"div\", {\n attrs: {\n id: \"barCharts\"\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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"县物资占比分配\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.png\"),\n alt: \"\"\n }\n })])]), _c(\"div\", {\n staticClass: \"content\"\n }, [_c(\"div\", {\n staticClass: \"line\"\n }, [_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/btjt.png\"),\n alt: \"\"\n }\n }), _c(\"span\", [_vm._v(\"县公司预算统计\")]), _c(\"img\", {\n attrs: {\n src: require(\"./../assets/indexN/btjt1.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(\"计划数量\")])])]);\n}];\nrender._withStripped = true;\nexport { render, staticRenderFns };",{"version":3,"names":["render","_vm","_c","_self","staticClass","_m","attrs","id","staticStyle","height","_l","pvTable","item","index","key","_v","_s","name","stationNumber","alternatorNumber","ref","controls","hidden","src","require","staticRenderFns","alt","display","float","color","width","_withStripped"],"sources":["D:/林谷智能项目/yanchengPowerSupply/src/views/thirtyFiveKV.vue"],"sourcesContent":["var render = function render() {\n var _vm = this,\n _c = _vm._self._c\n return _c(\"div\", { staticClass: \"home\" }, [\n _vm._m(0),\n _vm._m(1),\n _vm._m(2),\n _vm._m(3),\n _c(\"div\", { staticClass: \"right1\", attrs: { id: \"right\" } }, [\n _c(\"div\", { staticClass: \"one\", staticStyle: { height: \"100%\" } }, [\n _vm._m(4),\n _c(\"div\", { staticClass: \"content\" }, [\n _c(\"div\", { staticClass: \"line\" }, [\n _c(\"table\", [\n _vm._m(5),\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.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: \"left\", 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: { src: require(\"./../assets/indexN/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"预计年/月变化趋势\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\n }),\n ]),\n ]),\n _c(\"div\", { staticClass: \"content\" }, [\n _c(\"div\", { staticClass: \"line\" }, [\n _c(\"div\", { staticClass: \"enselect\" }, [\n _c(\"img\", {\n attrs: { src: require(\"../assets/02/dqxcxl.png\"), alt: \"\" },\n }),\n _c(\"span\", { staticClass: \"text\" }, [_vm._v(\"2022\")]),\n ]),\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: { src: require(\"./../assets/indexN/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"年/月总投资变化趋势\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\n }),\n ]),\n ]),\n _c(\"div\", { staticClass: \"content\" }, [\n _c(\"div\", { staticClass: \"line\" }, [\n _c(\"div\", { staticClass: \"enselect\" }, [\n _c(\"img\", {\n attrs: { src: require(\"../assets/02/dqxcxl.png\"), alt: \"\" },\n }),\n _c(\"span\", { staticClass: \"text\" }, [_vm._v(\"2022\")]),\n ]),\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: \"left1\", attrs: { id: \"left\" } }, [\n _c(\"div\", { staticClass: \"one\", staticStyle: { height: \"100%\" } }, [\n _c(\"div\", { staticClass: \"cartitle\" }, [\n _c(\"div\", { staticClass: \"titleFont\" }, [\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"县公司预算统计\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\n }),\n ]),\n ]),\n _c(\"div\", { staticClass: \"content\" }, [\n _c(\"div\", { staticClass: \"line\" }, [\n _c(\"div\", { attrs: { id: \"detailedTwo3\" } }),\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(\"img\", {\n staticClass: \"allimg\",\n attrs: { src: require(\"../assets/indexN/dfsxz.png\"), alt: \"\" },\n }),\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(\"div\", { staticStyle: { display: \"inline-block\" } }, [\n _c(\"img\", {\n staticStyle: { float: \"left\" },\n attrs: {\n src: require(\"../assets/index/mainTb1.png\"),\n alt: \"\",\n },\n }),\n _c(\"span\", [_vm._v(\"项目数\")]),\n ]),\n _c(\"h5\", { staticClass: \"yellow\" }, [\n _vm._v(\"\\n 9.279 \"),\n _c(\"span\", { staticStyle: { color: \"#fff\" } }, [\n _vm._v(\"万\"),\n ]),\n ]),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"lines\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\"div\", { staticStyle: { display: \"inline-block\" } }, [\n _c(\"img\", {\n staticStyle: {\n float: \"left\",\n height: \"30px\",\n width: \"30px\",\n },\n attrs: {\n src: require(\"../assets/index/mainTb2.png\"),\n alt: \"\",\n },\n }),\n _c(\"span\", [_vm._v(\"预算费用总和\")]),\n ]),\n _c(\"h5\", { staticClass: \"orange\" }, [\n _vm._v(\"\\n 118.5\"),\n _c(\"span\", { staticStyle: { color: \"#fff\" } }, [\n _vm._v(\"万\"),\n ]),\n ]),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"lines\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\"div\", { staticStyle: { display: \"inline-block\" } }, [\n _c(\"img\", {\n staticStyle: {\n float: \"left\",\n height: \"30px\",\n width: \"30px\",\n },\n attrs: {\n src: require(\"../assets/index/mainTb1.png\"),\n alt: \"\",\n },\n }),\n _c(\"span\", [_vm._v(\"计划数\")]),\n ]),\n _c(\"h5\", { staticClass: \"yellow\" }, [_vm._v(\" 44\")]),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"lines\" }, [\n _c(\"div\", { staticClass: \"total\" }, [\n _c(\"div\", { staticClass: \"num\" }, [\n _c(\"div\", { staticStyle: { display: \"inline-block\" } }, [\n _c(\"img\", {\n staticStyle: {\n float: \"left\",\n height: \"30px\",\n width: \"30px\",\n },\n attrs: {\n src: require(\"../assets/index/mainTb2.png\"),\n alt: \"\",\n },\n }),\n _c(\"span\", [_vm._v(\"物科数\")]),\n ]),\n _c(\"h5\", { staticClass: \"orange\" }, [_vm._v(\" 10\")]),\n ]),\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: { src: require(\"./../assets/indexN/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"县物项目总投资比\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\n }),\n ]),\n ]),\n _c(\"div\", { staticClass: \"content\" }, [\n _c(\"div\", { staticClass: \"line\" }, [\n _c(\"div\", { attrs: { id: \"barCharts\" } }),\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: { src: require(\"./../assets/indexN/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"县物资占比分配\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.png\"), alt: \"\" },\n }),\n ]),\n ]),\n _c(\"div\", { staticClass: \"content\" }, [\n _c(\"div\", { staticClass: \"line\" }, [\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/btjt.png\"), alt: \"\" },\n }),\n _c(\"span\", [_vm._v(\"县公司预算统计\")]),\n _c(\"img\", {\n attrs: { src: require(\"./../assets/indexN/btjt1.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 ]),\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/705b0e162f4998c9994a2807123bc0c3.json b/node_modules/.cache/vue-loader/705b0e162f4998c9994a2807123bc0c3.json
index 27170b97..ab857f1d 100644
--- a/node_modules/.cache/vue-loader/705b0e162f4998c9994a2807123bc0c3.json
+++ b/node_modules/.cache/vue-loader/705b0e162f4998c9994a2807123bc0c3.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\App.vue?vue&type=style&index=1&id=7ba5bd90&lang=less&scoped=true&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\App.vue","mtime":1689921115690},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1655715156000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\less-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["\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: 30%;\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: 10px;\r\n color: #ffffff;\r\n // line-height: 97px;\r\n padding-left: 86px;\r\n text-align: left;\r\n display: flex;\r\n margin-left: 1%;\r\n margin-top: 0.5%;\r\n box-sizing: border-box;\r\n .time {\r\n height: 100%;\r\n color: #ffffff;\r\n font-size: 22px;\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 color: #ffffff;\r\n font-size: 22px;\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 font-size: 44px;\r\n font-weight: 700;\r\n letter-spacing: 10px;\r\n margin-right: 1%;\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 color: #ffffff;\r\n font-size: 22px;\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;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","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 {{this.$moment().format(\"YYYY.MM.DD\")}} {{nowDate}} | {{week}}\r\n </div>\r\n \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=\"weather\">\r\n <div class=\"pic\">\r\n <img src=\"./assets/images/union.png\" alt=\"\" style=\"height: 100%; width: 100%\" />\r\n </div>\r\n <span>阴转多云</span>|\r\n <span style=\"font-size: 24px; color:#0B4A6B\">25℃~30℃</span>|\r\n <span style=\"font-size: 24px; margin-top: 3px\">东风3~4级</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: 30%;\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: 10px;\r\n color: #ffffff;\r\n // line-height: 97px;\r\n padding-left: 86px;\r\n text-align: left;\r\n display: flex;\r\n margin-left: 1%;\r\n margin-top: 0.5%;\r\n box-sizing: border-box;\r\n .time {\r\n height: 100%;\r\n color: #ffffff;\r\n font-size: 22px;\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 color: #ffffff;\r\n font-size: 22px;\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 font-size: 44px;\r\n font-weight: 700;\r\n letter-spacing: 10px;\r\n margin-right: 1%;\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 color: #ffffff;\r\n font-size: 22px;\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
+{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\App.vue?vue&type=style&index=1&id=7ba5bd90&lang=less&scoped=true&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\App.vue","mtime":1689927995523},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1655715156000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\less-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["\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: 30%;\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: 10px;\r\n color: #ffffff;\r\n // line-height: 97px;\r\n padding-left: 86px;\r\n text-align: left;\r\n display: flex;\r\n margin-left: 1%;\r\n margin-top: 0.5%;\r\n box-sizing: border-box;\r\n .time {\r\n height: 100%;\r\n color: #ffffff;\r\n font-size: 22px;\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 color: #ffffff;\r\n font-size: 22px;\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 font-size: 44px;\r\n font-weight: 700;\r\n letter-spacing: 10px;\r\n margin-right: 1%;\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 color: #ffffff;\r\n font-size: 22px;\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":";AAoXA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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","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 {{this.$moment().format(\"YYYY.MM.DD\")}} {{nowDate}} | {{week}}\r\n </div>\r\n \r\n </div>\r\n <div class=\"middle\">\r\n <div class=\"box\">\r\n \r\n <img :src=\"middleImg\" alt=\"\" ref=\"switchBtn\" /> \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=\"weather\">\r\n <div v-if=\"backShow\" @click=\"backBtn\">\r\n <img src=\"./assets/indexN/back.png\" alt=\"\" style=\"height: 100%; width: 100%\" /> \r\n </div>\r\n <div class=\"pic\">\r\n <img src=\"./assets/images/union.png\" alt=\"\" style=\"height: 100%; width: 100%\" />\r\n </div>\r\n <span>阴转多云</span>|\r\n <span style=\"font-size: 24px; color:#0B4A6B\">25℃~30℃</span>|\r\n <span style=\"font-size: 24px; margin-top: 3px\">东风3~4级</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></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 backShow: false,\r\n routerTitle: [\"实时监测\", \"安全管控\", \"站房智辅\"],\r\n routerActive: 0,\r\n middleImg:require(\"./assets/indexN/titleText.png\"),\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 this.getLoc()\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 window.getLoc = this.getLoc;\r\n },\r\n\r\n methods: {\r\n getLoc(){\r\n var curWwwPath=window.document.location.href;\r\n console.log(\"curWwwPath\",curWwwPath)\r\n let paramArr = curWwwPath.split('/');\r\n let ele = paramArr.pop();\r\n console.log(\"ele\",ele)\r\n if(ele=='index'){\r\n this.backShow = false\r\n this.middleImg = require(\"./assets/indexN/titleText.png\")\r\n this.$refs.switchBtn.style.height = \"79%\";\r\n this.$refs.switchBtn.style.width = \"85%\";\r\n }else if(ele =='stationBuilding'){\r\n this.middleImg = require(\"./assets/title/02.png\"),\r\n this.backShow = true \r\n this.$refs.switchBtn.style.height = \"72%\";\r\n this.$refs.switchBtn.style.width = \"36%\";\r\n }else if(ele =='twentyKV'){\r\n this.middleImg = require(\"./assets/title/03.png\"),\r\n this.backShow = true \r\n this.$refs.switchBtn.style.height = \"79%\";\r\n this.$refs.switchBtn.style.width = \"85%\";\r\n }else if(ele =='thirtyFiveKV'){\r\n this.middleImg = require(\"./assets/title/04.png\"),\r\n this.backShow = true \r\n this.$refs.switchBtn.style.height = \"79%\";\r\n this.$refs.switchBtn.style.width = \"85%\";\r\n }else if(ele =='powerQualityControl'){\r\n this.middleImg = require(\"./assets/title/05.png\"),\r\n this.backShow = true \r\n this.$refs.switchBtn.style.height = \"79%\";\r\n this.$refs.switchBtn.style.width = \"85%\";\r\n }else if(ele =='ruralRevitalizationPower'){\r\n this.middleImg = require(\"./assets/title/07.png\"),\r\n this.backShow = true \r\n this.$refs.switchBtn.style.height = \"79%\";\r\n this.$refs.switchBtn.style.width = \"85%\";\r\n }else if(ele =='enterprisePollutionMonitoring'){\r\n this.middleImg = require(\"./assets/title/08.png\"),\r\n this.backShow = true \r\n this.$refs.switchBtn.style.height = \"79%\";\r\n this.$refs.switchBtn.style.width = \"85%\";\r\n }else if(ele =='ruralDomesticSewageTreatment'){\r\n this.middleImg = require(\"./assets/title/07.png\"),\r\n this.backShow = true \r\n this.$refs.switchBtn.style.height = \"79%\";\r\n this.$refs.switchBtn.style.width = \"85%\";\r\n }else if(ele =='digitalFloodDrainageDroughtRelief'){\r\n this.middleImg = require(\"./assets/title/09.png\"),\r\n this.backShow = true \r\n this.$refs.switchBtn.style.height = \"79%\";\r\n this.$refs.switchBtn.style.width = \"85%\";\r\n }\r\n \r\n },\r\n backBtn(){\r\n this.$router.push(\"/index\");\r\n },\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: 30%;\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: 10px;\r\n color: #ffffff;\r\n // line-height: 97px;\r\n padding-left: 86px;\r\n text-align: left;\r\n display: flex;\r\n margin-left: 1%;\r\n margin-top: 0.5%;\r\n box-sizing: border-box;\r\n .time {\r\n height: 100%;\r\n color: #ffffff;\r\n font-size: 22px;\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 color: #ffffff;\r\n font-size: 22px;\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 font-size: 44px;\r\n font-weight: 700;\r\n letter-spacing: 10px;\r\n margin-right: 1%;\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 color: #ffffff;\r\n font-size: 22px;\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/8195b19df91208af0ca873747ff17a87.json b/node_modules/.cache/vue-loader/8195b19df91208af0ca873747ff17a87.json
index 65cd5d6a..1c193ff3 100644
--- a/node_modules/.cache/vue-loader/8195b19df91208af0ca873747ff17a87.json
+++ b/node_modules/.cache/vue-loader/8195b19df91208af0ca873747ff17a87.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\index.vue?vue&type=style&index=1&id=a83bd3b0&lang=less&scoped=true&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\index.vue","mtime":1689926769457},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1655715156000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\less-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["\r\n#yellow {\r\n color: yellow;\r\n}\r\n#orange {\r\n color: rgb(232, 155, 0);\r\n}\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 .content3 {\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 .line3 {\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: 1%;\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(\r\n to top,\r\n rgb(86, 244, 254),\r\n transparent\r\n );\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 #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.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":";AAm1IA;AACA;AACA;AACA;AACA;AACA;AACA;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;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;AACA;;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 <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>盐城地区分布光伏运行监测</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content3\">\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >户数高渗透率 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.hsgst\"\r\n >{{ CompanyInfo.hsgst }}\r\n <span style=\"font-size: 18px; color: #fff\">%</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >容量渗透率 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"orange\"\r\n :text=\"CompanyInfo.rlst\"\r\n >{{ CompanyInfo.rlst }}\r\n <span style=\"font-size: 18px; color: #fff\">%</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >能量渗透率 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.nlst\"\r\n >{{ CompanyInfo.nlst }}\r\n <span style=\"font-size: 18px; color: #fff\">%</span>\r\n </span>\r\n </div>\r\n </div>\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\" @click=\"routerTo('配网工程全过程物资审计')\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>配网工程全过程物资审计</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content3\" style=\"display: inline\">\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n <span style=\"font-size: 18px\" class=\"num1\">项目数 </span>\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.xms\"\r\n >{{ CompanyInfo.xms }}\r\n <span style=\"font-size: 18px; color: #fff\">万</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\">预算费用总和</span>\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"orange\"\r\n :text=\"CompanyInfo.ysfyzh\"\r\n >{{ CompanyInfo.ysfyzh }}\r\n <span style=\"font-size: 18px; color: #fff\">%</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\">计划数</span>\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.jhs\"\r\n >{{ CompanyInfo.jhs }}\r\n </span>\r\n </div>\r\n </div>\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\" @click=\"routerTo('盐城东台区供电所数字化分析')\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>盐城东台区供电所数字化分析</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content3\">\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >升档配变数量 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.sdpbsl\"\r\n >{{ CompanyInfo.sdpbsl }}</span\r\n >\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\">降档配比数量</span>\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"orange\"\r\n :text=\"CompanyInfo.jdpbsl\"\r\n >{{ CompanyInfo.jdpbsl }}</span\r\n >\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >负荷关注配变数量 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.fhgzpb\"\r\n >{{ CompanyInfo.fhgzpb }}</span\r\n >\r\n </div>\r\n </div>\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\" @click=\"routerTo('盐城供电公司配网电能质量管控')\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>盐城供电公司配网电能质量管控</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content3\">\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >月供电可靠性 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.ygdkkx\"\r\n >{{ CompanyInfo.ygdkkx }}\r\n <span style=\"font-size: 18px; color: #fff\">%</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >平均停电频次 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"orange\"\r\n :text=\"CompanyInfo.pjtdpc\"\r\n >{{ CompanyInfo.pjtdpc }}\r\n <span style=\"font-size: 18px; color: #fff\">次/户</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >平均停电时间 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.pjtdsj\"\r\n >{{ CompanyInfo.pjtdsj }}\r\n <span style=\"font-size: 18px; color: #fff\">小时</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div id=\"detailedOne\"></div>\r\n </div>\r\n </div>\r\n <div class=\"middle\" id=\"middle\">\r\n <div class=\"map\" style=\"height: 100%\">\r\n <canvas\r\n id=\"myCanvas\"\r\n width=\"1000\"\r\n height=\"600\"\r\n style=\"position: absolute\"\r\n ></canvas>\r\n <img src=\"../assets/indexN/left.png\" class=\"leftimg\" alt=\"\" />\r\n <img src=\"../assets/indexN/right.png\" class=\"rightimg\" alt=\"\" />\r\n <img class=\"allimg\" src=\"../assets/indexN/dfsxz.png\" alt=\"\" />\r\n <div class=\"imgboxtwo1\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\" style=\"color: #fff; font-size: 26px\">\r\n 大丰区\r\n </div>\r\n </div>\r\n <div class=\"content2\">\r\n <div class=\"line1\">\r\n 用电量 (kwh) \r\n <span style=\"color: yellow; font-size: 28px\">2.685亿</span>\r\n </div>\r\n <div class=\"line1\">\r\n 碳排放量 (kg) \r\n <span style=\"color: orange; font-size: 28px\">7.303万</span>\r\n </div>\r\n <div class=\"line1\">\r\n 企业数量 \r\n <span style=\"color: yellow; font-size: 28px\">713</span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"imgboxone\">\r\n <div class=\"contents\">\r\n <div class=\"lines\" style=\"width: 55%\">\r\n <img src=\"../assets/indexN/tb1.png\" style=\"margin-top: 15%\" />\r\n <h4 style=\"color: #fff; margin-top: 10%\">数据目录</h4>\r\n </div>\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span>发布数量</span>\r\n <span class=\"yellow\">\r\n 100 <span style=\"color: #fff\">%</span>\r\n </span>\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <span>负面清单</span>\r\n <span class=\"orange\">\r\n 7244<span style=\"color: #fff\">个</span>\r\n </span>\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <span>涉及系统</span>\r\n <span class=\"yellow\">\r\n 251 <span style=\"color: #fff\">个</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"lines\" style=\"width: 55%\">\r\n <img src=\"../assets/indexN/tb2.png\" style=\"margin-top: 15%\" />\r\n <h4 style=\"color: #fff; margin-top: 10%\">数据资源</h4>\r\n </div>\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <div style=\"display: inline-block\">\r\n <span>接入数量</span>\r\n </div>\r\n <span class=\"yellow\"\r\n > 1.6 <span style=\"color: #fff\">万个</span></span\r\n >\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <div style=\"display: inline-block\">\r\n <span>涉及系统</span>\r\n </div>\r\n <span class=\"orange\"\r\n > 123 <span style=\"color: #fff\">个</span></span\r\n >\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <div style=\"display: inline-block\">\r\n <span>数据资源卡片</span>\r\n </div>\r\n <span class=\"yellow\"\r\n >31<span style=\"color: #fff\">个</span></span\r\n >\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"lines\" style=\"width: 55%\">\r\n <img src=\"../assets/indexN/tb3.png\" style=\"margin-top: 15%\" />\r\n <h4 style=\"color: #fff; margin-top: 10%\">数据服务</h4>\r\n </div>\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <div style=\"display: inline-block\">\r\n <span>服务数量</span>\r\n </div>\r\n <span class=\"yellow\">\r\n 1084<span style=\"color: #fff\">个</span>\r\n </span>\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <div style=\"display: inline-block\">\r\n <span>接入数量</span>\r\n </div>\r\n <span class=\"orange\">\r\n 8833<span style=\"color: #fff\">个</span>\r\n </span>\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <div style=\"display: inline-block\">\r\n <span>访问次数</span>\r\n </div>\r\n <span class=\"yellow\">\r\n 5.3 <span style=\"color: #fff\">亿个</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"lines\" style=\"width: 55%\">\r\n <img src=\"../assets/indexN/tb4.png\" style=\"margin-top: 15%\" />\r\n <h4 style=\"color: #fff; margin-top: 10%\">数据产品</h4>\r\n </div>\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <div style=\"display: inline-block\">\r\n <span>报表数量</span>\r\n </div>\r\n <span class=\"yellow\"\r\n > 19 <span style=\"color: #fff\">个</span></span\r\n >\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <div style=\"display: inline-block\">\r\n <span>服务访问次数</span>\r\n </div>\r\n <span class=\"orange\"\r\n > 0 <span style=\"color: #fff\">次</span></span\r\n >\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <div style=\"display: inline-block\">\r\n <span>指标数量</span>\r\n </div>\r\n <span class=\"yellow\"\r\n > 477 <span style=\"color: #fff\">个</span></span\r\n >\r\n </div>\r\n </div>\r\n </div>\r\n </div>\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\" @click=\"routerTo('乡村振兴电力综合指数')\">\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\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>乡村振兴电力综合指数</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n <!-- <div 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=\"content3\">\r\n <div class=\"contentUl\">\r\n <div class=\"top1\">\r\n <!-- <img src=\"../assets/indexN/xctb2.png\" /> -->\r\n <div class=\"texts\">94.46</div>\r\n <h4>产业兴旺</h4>\r\n </div>\r\n <div class=\"top2\">\r\n <!-- <img src=\"../assets/indexN/xctb2.png\" /> -->\r\n <div class=\"texts\">63.95</div>\r\n <h4>生活宜居</h4>\r\n </div>\r\n <div class=\"top3\">\r\n <div class=\"texts\">74.15</div>\r\n <h4>生活富裕</h4>\r\n </div>\r\n <div class=\"top4\">\r\n <div class=\"texts\">56.23</div>\r\n <h4>治理有效</h4>\r\n </div>\r\n <div class=\"top5\">\r\n <div class=\"texts\">86.82</div>\r\n <h4>乡风文明</h4>\r\n </div>\r\n <div class=\"top\">\r\n <img src=\"../assets/indexN/xctb1.png\" />\r\n <div class=\"texts\" style=\"color: yellow\">77.17</div>\r\n </div>\r\n <!-- <div class=\"top\">\r\n <img src=\"../assets/05/sjfx.png\" />\r\n <div class=\"texts\" style=\"color: yellow\">\r\n 0\r\n <span style=\"font-size: 15px; color: #fff\">个</span>\r\n </div>\r\n <h4>自然村</h4>\r\n </div> -->\r\n </div>\r\n </div>\r\n <div class=\"enselect\">\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n <span class=\"text\">乡镇</span>\r\n </div>\r\n <div id=\"detailedFive\"></div>\r\n </div>\r\n\r\n <div class=\"three\" style=\"height: 48%; width: 100%\">\r\n <div class=\"cartitle\" @click=\"routerTo('两高行业企业污染监测')\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>两高行业企业污染监测</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <!-- <div class=\"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=\"content3\" style=\"display: inline\">\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >2022年度总碳排放量</span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n :text=\"CompanyInfo.ztpf\"\r\n id=\"yellow\"\r\n >{{ CompanyInfo.ztpf }}\r\n <span style=\"font-size: 18px; color: #fff\">吨碳</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >2022年度总用电量</span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"orange\"\r\n :text=\"CompanyInfo.zydl\"\r\n >{{ CompanyInfo.zydl }}\r\n <span style=\"font-size: 18px; color: #fff\">kwh</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >2022年度客户总数</span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.khzs\"\r\n >{{ CompanyInfo.khzs }}\r\n <span style=\"font-size: 18px; color: #fff\">人</span>\r\n </span>\r\n </div>\r\n </div>\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\" @click=\"routerTo('农村生活污水治理设备电量分析')\">\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\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>农村生活污水治理设备电量分析</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n <!-- <div 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\r\n <div class=\"content3\">\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >年度总用电量 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.xczydl\"\r\n >{{ CompanyInfo.xczydl }}\r\n <span style=\"font-size: 18px; color: #fff\">万kwh</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >最大设备规模 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"orange\"\r\n :text=\"CompanyInfo.zdsbgm\"\r\n >{{ CompanyInfo.zdsbgm }}\r\n <span style=\"font-size: 18px; color: #fff\">吨/日</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >最小设备规模 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.zxsbgm\"\r\n >{{ CompanyInfo.zxsbgm }}\r\n <span style=\"font-size: 18px; color: #fff\">吨/日</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div id=\"detailen\"></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\r\n class=\"cartitle\"\r\n @click=\"routerTo('数字化排涝抗旱辅助及检修辅助决策')\"\r\n >\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>数字化排涝抗旱辅助及检修辅助决策</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content3\">\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >辖区管理供电所 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.glgds\"\r\n >{{ CompanyInfo.glgds }}\r\n <span style=\"font-size: 18px; color: #fff\">个</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >辖区管理台区 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"orange\"\r\n :text=\"CompanyInfo.gltq\"\r\n >{{ CompanyInfo.gltq }}\r\n <span style=\"font-size: 18px; color: #fff\">个</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >自然村 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.zrc\"\r\n >{{ CompanyInfo.zrc }}\r\n <span style=\"font-size: 18px; color: #fff\">条</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div id=\"shuzihua\"></div>\r\n </div>\r\n </div>\r\n <div class=\"realTimeAlarm\" v-show=\"realTimeAlarmShow\">\r\n <div class=\"content3\">\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\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=\"content3\">\r\n <div class=\"table user_skills\">\r\n <el-table\r\n :data=\"alarmInformationData\"\r\n style=\"width: 100%; height: 100%\"\r\n :header-cell-style=\"{ 'text-align': 'center' }\"\r\n :cell-style=\"{ 'text-align': 'center' }\"\r\n :row-class-name=\"rowClass\"\r\n >\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\r\n prop=\"cabinet_name\"\r\n label=\"告警位置\"\r\n align=\"center\"\r\n >\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\r\n @current-change=\"handleCurrentChange\"\r\n :current-page=\"page\"\r\n :page-size=\"pageSize\"\r\n layout=\"prev, pager, next\"\r\n :total=\"totals\"\r\n v-if=\"pageShow\"\r\n >\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\r\n class=\"componentShow\"\r\n style=\"display: block; height: calc(100% - 100px); top: 100px\"\r\n v-if=\"lineItem != null\"\r\n >\r\n <component :is=\"lineShow\" :lineItem=\"lineItem\"></component>\r\n </div>\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\nimport {\r\n getCompanyInfo,\r\n getLine,\r\n getBanzugz,\r\n getGdtj,\r\n getDwbzgz,\r\n getGdsgdzl,\r\n getPbtyqk,\r\n getCabinetInfo,\r\n getCabinetList,\r\n getfaultReportList,\r\n getCabinetAlarmList,\r\n} from \"../api/index.js\";\r\n//引入echarts\r\nimport * as echarts from \"echarts\";\r\n// 工单统计弹窗组件\r\nimport workOrder from \"../component/workOrder.vue\";\r\nimport ringMainUnit from \"./HomePop/ringMainUnit.vue\";\r\nimport routeDetail from \"../component/routeDetail.vue\";\r\n\r\n// 线路详情\r\nimport lineDetail from \"../component/lineDetail.vue\";\r\nexport default {\r\n name: \"home\",\r\n components: {\r\n ringMainUnit, //环网柜弹窗\r\n workOrder, //工单统计弹窗\r\n routeDetail, //线路故障跳闸明细\r\n lineDetail, //线路详情弹窗\r\n },\r\n data() {\r\n return {\r\n pageShow: true,\r\n totals: 5,\r\n pageSize: 10,\r\n page: 1,\r\n threeImg: require(\"../assets/images/pieBorder.png\"),\r\n\r\n enlargeShow: true,\r\n dataGzList: [\r\n {\r\n bz: \"大冈\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"配网二班\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"配网一班\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"尚庄\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"秦南\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"郭猛\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"大纵湖\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"潘黄\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"学富\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"龙冈\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"西区\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"楼王\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n ], //年故障数组\r\n dateList: [\"周\", \"月\"],\r\n acolor: true, //是否展示颜色\r\n currentIndex: -1,\r\n alarmInformationData: [],\r\n alarmInformationShow: false, //报警详情信息弹窗\r\n realTimeAlarmShow: false, //实时报警弹窗\r\n modelOthers: false,\r\n componentShow: \"\",\r\n CompanyInfo: {\r\n hsgst: \"3.4\",\r\n rlst: \"0.01\",\r\n nlst: \"0.44\",\r\n xms: \"9.279\",\r\n ysfyzh: \"118.5\",\r\n jhs: \"44\",\r\n sdpbsl: \"12\",\r\n jdpbsl: \"7\",\r\n fhgzpb: \"87\",\r\n ygdkkx: \"99.95\",\r\n pjtdpc: \"0.39\",\r\n pjtdsj: \"0.37\",\r\n ztpf: \"108.3万\",\r\n zydl: \"39.83亿\",\r\n khzs: \"4968\",\r\n xczydl: \"723.6\",\r\n zdsbgm: \"1250\",\r\n zxsbgm: \"3673\",\r\n glgds: \"10\",\r\n gltq: \"13884\",\r\n zrc: \"306\",\r\n },\r\n tableData: [],\r\n btnArr: [\"总览\", \"环网柜\", \"分支箱\", \"箱变\", \"开闭所\"],\r\n btnActive: 0,\r\n iconGround: [\r\n {\r\n icon: require(\"@/assets/images/huanwanggui.png\"),\r\n name: \"环网柜\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/fenzhixiang.png\"),\r\n name: \"分支箱\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/xiangbian.png\"),\r\n name: \"箱变\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/kaibisuo.png\"),\r\n name: \"开闭所\",\r\n },\r\n ],\r\n btnEnlarge: [\r\n {\r\n icon: require(\"@/assets/images/btnTiShi.png\"),\r\n },\r\n {\r\n icon: require(\"@/assets/images/btnFangDa.png\"),\r\n },\r\n ],\r\n btnEnlarge1: [\r\n {\r\n icon: require(\"@/assets/images/btnTiShi.png\"),\r\n },\r\n {\r\n icon: require(\"@/assets/images/suoxiao.png\"),\r\n },\r\n ],\r\n options: [\r\n {\r\n value: \"\",\r\n label: \"\",\r\n },\r\n ],\r\n value: \"\",\r\n topContent: [\r\n {\r\n name: \"配变数量\",\r\n count: \"\",\r\n },\r\n {\r\n name: \"重复停运台次\",\r\n count: \"\",\r\n },\r\n {\r\n name: \"配变重复停运率\",\r\n count: \"\",\r\n },\r\n ],\r\n device: \"\",\r\n tableData: [],\r\n tableKey: +new Date(),\r\n scrollTop: 0, //table距离顶部距离\r\n option: null,\r\n myChartBin: null,\r\n\r\n gongdanList: [\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"频繁停电\",\r\n total: 0,\r\n },\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"处理时间长\",\r\n total: 0,\r\n },\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"运检类投诉\",\r\n total: 0,\r\n },\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"运检类意见\",\r\n total: 0,\r\n },\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"民事赔偿\",\r\n total: 0,\r\n },\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"多次停电\",\r\n total: 0,\r\n },\r\n ],\r\n\r\n // 工单\r\n orderItem: null,\r\n\r\n orderShow: \"\",\r\n // 线路故障明细\r\n routeItem: null,\r\n routeShow: \"\",\r\n\r\n // 配电线路\r\n lineItem: null,\r\n lineShow: \"\",\r\n timer: null, //定时器\r\n emergencyList: [], //告警数据\r\n rowTime: \"\",\r\n };\r\n },\r\n created() {},\r\n mounted() {\r\n // this.beginShowing();\r\n // 监听浏览器窗口大小变化\r\n window.onresize = () => {\r\n clearInterval(this.myTimer);\r\n this.beginShowing();\r\n };\r\n this.xianDuan();\r\n this.detailedTwo11();\r\n this.horizontalChart();\r\n this.detailedOne();\r\n this.barCharts();\r\n this.detailedFive();\r\n this.shuzihuaCharts();\r\n this.roseCharts();\r\n this.detailen1();\r\n this.handleDate(0);\r\n\r\n let that = this;\r\n\r\n //历史故障接口\r\n let faultData = {\r\n token: localStorage.getItem(\"token\"),\r\n pageSize: \"500\",\r\n page: \"1\",\r\n };\r\n },\r\n // beforeDestroy() {\r\n // this.dataDestroy(); // 页面摧毁前，关闭定时器\r\n // },\r\n beforeDestroy() {\r\n // 离开当前路由前的操作\r\n clearInterval(this.timer);\r\n this.timer = null;\r\n },\r\n methods: {\r\n //地图画线\r\n xianDuan() {\r\n var canvas = document.getElementById(\"myCanvas\");\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.moveTo(650, 450); // moveTo(x,y) 定义线条开始坐标\r\n ctx.lineTo(735, 250); // lineTo(x,y) 定义线条结束坐标\r\n ctx.strokeStyle = \"orange\";\r\n ctx.lineWidth = 3;\r\n ctx.stroke();\r\n },\r\n routerTo(data) {\r\n if (data == \"盐城地区分布光伏运行监测\") {\r\n this.$router.push(\"/stationBuilding\");\r\n }\r\n if (data == \"盐城东台区供电所数字化分析\") {\r\n this.$router.push(\"/twentyKV\");\r\n }\r\n if (data == \"配网工程全过程物资审计\") {\r\n this.$router.push(\"/thirtyFiveKV\");\r\n }\r\n if (data == \"盐城供电公司配网电能质量管控\") {\r\n this.$router.push(\"/powerQualityControl\");\r\n }\r\n if (data == \"乡村振兴电力综合指数\") {\r\n this.$router.push(\"/ruralRevitalizationPower\");\r\n }\r\n if (data == \"两高行业企业污染监测\") {\r\n this.$router.push(\"/enterprisePollutionMonitoring\");\r\n }\r\n if (data == \"农村生活污水治理设备电量分析\") {\r\n this.$router.push(\"/ruralDomesticSewageTreatment\");\r\n }\r\n if (data == \"数字化排涝抗旱辅助及检修辅助决策\") {\r\n this.$router.push(\"/digitalFloodDrainageDroughtRelief\");\r\n }\r\n },\r\n detailen1() {\r\n var fontColor = \"#30eee9\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailen\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n },\r\n grid: {\r\n left: \"0%\", //图表距离容器左侧多少距离\r\n right: \"10%\", //图表距离容器右侧侧多少距离\r\n bottom: \"20%\", //图表距离容器上面多少距离\r\n top: \"10%\", //图表距离容器下面多少距离\r\n containLabel: true, //防止标签溢出\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n },\r\n\r\n data: [\"电量KWH\"],\r\n },\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n data: [\r\n \"安丰镇\",\r\n \"草堰镇\",\r\n \"龙岗镇\",\r\n \"新丰镇\",\r\n \"伍佑街道\",\r\n \"步凤镇\",\r\n ],\r\n axisLabel: {\r\n show: true,\r\n textStyle: {\r\n color: \"#ffffff\",\r\n fontSize: 18,\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 fontSize: 18,\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"电量kwh\",\r\n type: \"bar\",\r\n barWidth: 40, // 柱子宽度核心代码，\r\n itemStyle: {\r\n normal: {\r\n color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"rgba(2,255,255,.3)\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"rgb(2,255,255)\",\r\n },\r\n ]),\r\n label: {\r\n show: true, //开启显示\r\n position: \"top\", //在上方显示\r\n formatter: function (params) {\r\n //核心部分 formatter 可以为字符串也可以是回调\r\n if (params.value) {\r\n //如果当前值存在则拼接\r\n return params.value + \"万\";\r\n } else {\r\n //否则返回个空\r\n return \"\";\r\n }\r\n },\r\n textStyle: {\r\n //数值样式\r\n color: \"#00ffff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n data: [320, 332, 301, 334, 390, 288, 299],\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n //班组\r\n getbanzhu() {\r\n getBanzugz({\r\n action: \"detail\",\r\n }).then((res) => {\r\n console.log(res, \"班组故障详情\");\r\n for (let i = 0; i < res.data.data.length; i++) {\r\n if (res.data.data[i].gz_time_deal) {\r\n let date = new Date(res.data.data[i].gz_time_deal);\r\n res.data.data[i].gz_time_deal =\r\n this.$moment(date).format(\"YYYY-MM-DD HH:mm\");\r\n // console.log(res.data.data[i].gz_time_deal,'转换后');\r\n }\r\n if (res.data.data[i].gz_time) {\r\n let time = new Date(res.data.data[i].gz_time);\r\n res.data.data[i].gz_time =\r\n this.$moment(time).format(\"YYYY-MM-DD HH:mm\");\r\n }\r\n this.tableData.push(res.data.data[i]);\r\n }\r\n });\r\n },\r\n //工单\r\n getGongdan() {\r\n getGdtj({ action: \"tongji\" }).then((res) => {\r\n console.log(res, \"工单统计数据\");\r\n let dataList = res.data.data;\r\n\r\n for (let i = 0; i < this.gongdanList.length; i++) {\r\n for (let j = 0; j < res.data.data.length; j++) {\r\n if (\r\n this.gongdanList[i].gd_type_name == res.data.data[j].gd_type_name\r\n ) {\r\n this.gongdanList[i].total = res.data.data[j].total;\r\n this.gongdanList[i].gd_type_id = res.data.data[j].gd_type_id;\r\n }\r\n }\r\n }\r\n // this.gongdanList = res.data.data;\r\n this.detailedThree(dataList);\r\n // this.$nextTick(() => {\r\n // this.detailedThree(dataList);\r\n // setInterval(() => {\r\n // this.doing();\r\n // }, 200);\r\n // });\r\n });\r\n },\r\n // //表格第一行颜色\r\n rowClass(row, rowIndex) {\r\n if (row.rowIndex === 0) {\r\n return \"rowColor0\";\r\n } else {\r\n return \"\";\r\n }\r\n },\r\n //切换当前页\r\n handleCurrentChange(val) {\r\n this.page = val;\r\n let tableData = [];\r\n if (this.emergencyList.length != 0) {\r\n tableData = this.emergencyList;\r\n if (val == 1) {\r\n this.alarmInformationData = tableData.slice(0, 10);\r\n document.getElementsByClassName(\"rowColor0\")[0].style.display = \"\";\r\n } else if (val == 2) {\r\n document.getElementsByClassName(\"rowColor0\")[0].style.display =\r\n \"none\";\r\n this.alarmInformationData = tableData.slice(10, 20);\r\n } else if (val == 3) {\r\n this.alarmInformationData = tableData.slice(20, 30);\r\n document.getElementsByClassName(\"rowColor0\")[0].style.display =\r\n \"none\";\r\n } else if (val == 4) {\r\n this.alarmInformationData = tableData.slice(30, 40);\r\n document.getElementsByClassName(\"rowColor0\")[0].style.display =\r\n \"none\";\r\n } else if (val == 5) {\r\n this.alarmInformationData = tableData.slice(40, 50);\r\n document.getElementsByClassName(\"rowColor0\")[0].style.display =\r\n \"none\";\r\n }\r\n } else {\r\n return false;\r\n }\r\n },\r\n // 线路详情弹窗\r\n openLineDetail(e) {\r\n // console.log(e);\r\n // var line = e + ''\r\n // console.log(line);\r\n getLine({ action: \"pdxl\" }).then(({ data }) => {\r\n console.log(data);\r\n this.lineShow = \"lineDetail\";\r\n this.lineItem = data.data;\r\n });\r\n },\r\n // 线路故障跳闸明细弹窗\r\n rowHandle(e) {\r\n // console.log(e, \"参数\");\r\n this.routeItem = e;\r\n this.routeShow = \"routeDetail\";\r\n // console.log(this.routeItem,'线路组件名称');\r\n },\r\n // 工单统计的弹窗\r\n openGdDetail(item) {\r\n this.orderItem = item;\r\n this.orderShow = \"workOrder\";\r\n },\r\n // 鼠标进入表格\r\n // mouseover() {\r\n // clearInterval(this.myTimer);\r\n // },\r\n // 鼠标离开表格\r\n mouseout() {\r\n this.roll();\r\n },\r\n //调用unity方法\r\n handleUnity(index, item) {\r\n this.btnActive = index;\r\n this.$refs.iframe.contentWindow.handleChange(item);\r\n },\r\n //选择线路\r\n selectLine(value) {\r\n getLine({\r\n action: \"query\",\r\n line_code: value,\r\n }).then((res) => {\r\n // console.log(res,'选择线路');\r\n if (res.data.data != 0 && res.data.data != null) {\r\n this.$refs.iframe.contentWindow.handleChangeLine(\r\n res.data.data.line_name\r\n );\r\n } else if (res.data.data == null) {\r\n this.$refs.iframe.contentWindow.handleChangeLine(\"\");\r\n }\r\n });\r\n },\r\n detailedOne() {\r\n let myChart = this.$echarts.init(document.getElementById(\"detailedOne\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n },\r\n\r\n data: [\"配变停电\"],\r\n },\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n data: [\r\n \"亭湖区\",\r\n \"东台市\",\r\n \"建湖县\",\r\n \"阜宁县\",\r\n \"响水县\",\r\n \"滨海县\",\r\n \"射阳县\",\r\n \"大丰区\",\r\n ],\r\n axisLabel: {\r\n show: true,\r\n textStyle: {\r\n color: \"#ffffff\",\r\n fontSize: 16,\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 fontSize: 16,\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"配变停电\",\r\n type: \"bar\",\r\n barWidth: 40, // 柱子宽度核心代码，\r\n itemStyle: {\r\n normal: {\r\n color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"rgba(2,255,255,.3)\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"rgb(2,255,255)\",\r\n },\r\n ]),\r\n label: {\r\n show: true, //开启显示\r\n position: \"top\", //在上方显示\r\n textStyle: {\r\n //数值样式\r\n color: \"#00ffff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n data: [5109, 5520, 5354, 5511, 4789, 5254, 5411, 4889],\r\n },\r\n ],\r\n };\r\n\r\n myChart.setOption(option);\r\n\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n shuzihuaCharts() {\r\n let myChart = this.$echarts.init(document.getElementById(\"shuzihua\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"cross\",\r\n crossStyle: {\r\n color: \"#999\",\r\n },\r\n },\r\n },\r\n grid: {\r\n left: \"5%\", //图表距离容器左侧多少距离\r\n right: \"8%\", //图表距离容器右侧侧多少距离\r\n bottom: \"20%\", //图表距离容器上面多少距离\r\n top: \"15%\", //图表距离容器下面多少距离\r\n containLabel: true, //防止标签溢出\r\n },\r\n legend: [\r\n {\r\n x: \"center\",\r\n data: [\r\n \"投运15年以上设备数量\",\r\n \"统计时间所辖线路设备数量\",\r\n \"设备老化占比\",\r\n ],\r\n textStyle: {\r\n fontSize: 18,\r\n color: \"#fff\",\r\n },\r\n },\r\n ],\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n data: [\r\n \"10kv星雨线163\",\r\n \"10kv智谋线183\",\r\n \"10kv朝阳线164\",\r\n \"10kv杨庄线181\",\r\n \"10kv森达线174\",\r\n ],\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n axisLabel: {\r\n rotate: -15, //60度角倾斜显示\r\n interval: 0, //横轴信息全部显示\r\n color: \"#fff\",\r\n fontSize: 20,\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n min: 0,\r\n max: 160,\r\n interval: 40,\r\n axisLabel: {\r\n textStyle: {\r\n fontSize: \"18\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n {\r\n type: \"value\",\r\n min: 0,\r\n max: 80,\r\n interval: 20,\r\n axisLabel: {\r\n formatter: \"{value}%\",\r\n textStyle: {\r\n fontSize: \"18\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"投运15年以上设备数量\",\r\n type: \"bar\",\r\n tooltip: {\r\n valueFormatter: function (value) {\r\n return value;\r\n },\r\n },\r\n itemStyle: {\r\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n { offset: 1, color: \"rgba(240,230,140,.2) \" },\r\n { offset: 0.5, color: \"rgb(240,230,140,.6)\" },\r\n { offset: 0, color: \"rgb(240,230,140)\" },\r\n ]),\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n data: [55, 66, 89, 113, 123],\r\n },\r\n {\r\n name: \"统计时间所辖线路设备数量\",\r\n type: \"bar\",\r\n tooltip: {\r\n valueFormatter: function (value) {\r\n return value;\r\n },\r\n },\r\n itemStyle: {\r\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n { offset: 1, color: \"rgba(65,105,225,.2) \" },\r\n { offset: 0.5, color: \"rgb(65,105,225,.6)\" },\r\n { offset: 0, color: \"rgb(65,105,225)\" },\r\n ]),\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n data: [46, 56, 99, 103, 123],\r\n },\r\n {\r\n name: \"设备老化占比\",\r\n type: \"line\",\r\n yAxisIndex: 1,\r\n tooltip: {\r\n valueFormatter: function (value) {\r\n return value;\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: \"#0080ff\",\r\n lineStyle: {\r\n color: \"#0080ff\",\r\n },\r\n },\r\n },\r\n data: [20, 40, 60, 80, 67],\r\n },\r\n ],\r\n };\r\n\r\n myChart.setOption(option);\r\n\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedTwo() {\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo1\"));\r\n var option = {\r\n xAxis: {\r\n type: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: fontColor,\r\n },\r\n axisLine: {\r\n show: true,\r\n lineStyle: {\r\n color: \"#397cbc\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#195384\",\r\n },\r\n },\r\n data: [\r\n \"0:00\",\r\n \"3:00\",\r\n \"6:00\",\r\n \"9:00\",\r\n \"12:00\",\r\n \"15:00\",\r\n \"18:00\",\r\n \"21:00\",\r\n \"24:00\",\r\n ],\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"单位：kw\",\r\n min: 0,\r\n max: 1000,\r\n show: true,\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n axisLabel: {\r\n formatter: \"{value}\",\r\n textStyle: {\r\n color: \"#2ad1d2\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#27b4c2\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n data: [720, 632, 801, 734, 470, 670, 720, 123, 567],\r\n type: \"line\",\r\n symbol: \"none\",\r\n lineStyle: {\r\n color: \"#00ffff\",\r\n width: 2,\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: \"00ffff\",\r\n lineStyle: {\r\n color: \"00ffff\",\r\n width: 3,\r\n type: \"solid\",\r\n },\r\n },\r\n },\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedTwo11() {\r\n var fontColor = \"#30eee9\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo1\"));\r\n var option = {\r\n xAxis: {\r\n type: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: fontColor,\r\n },\r\n axisLine: {\r\n show: true,\r\n lineStyle: {\r\n color: \"#397cbc\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#195384\",\r\n },\r\n },\r\n data: [\r\n \"0:00\",\r\n \"3:00\",\r\n \"6:00\",\r\n \"9:00\",\r\n \"12:00\",\r\n \"15:00\",\r\n \"18:00\",\r\n \"21:00\",\r\n \"24:00\",\r\n ],\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"单位：kw\",\r\n min: 0,\r\n max: 1000,\r\n show: true,\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n axisLabel: {\r\n formatter: \"{value}\",\r\n textStyle: {\r\n color: \"#2ad1d2\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#27b4c2\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n data: [720, 632, 801, 734, 470, 670, 720, 123, 567],\r\n type: \"line\",\r\n symbol: \"none\",\r\n lineStyle: {\r\n color: \"#00ffff\",\r\n width: 2,\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: \"00ffff\",\r\n lineStyle: {\r\n color: \"00ffff\",\r\n width: 3,\r\n type: \"solid\",\r\n },\r\n },\r\n },\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n horizontalChart() {\r\n var myChart = this.$echarts.init(\r\n document.getElementById(\"horizontalChart\")\r\n );\r\n var honorData = [\r\n {\r\n name: \"60天内掉电客户数\",\r\n data: [13.4, 12.1, 14.3],\r\n },\r\n {\r\n name: \"60天内掉电总数\",\r\n data: [9.4, 8.1, 7.3],\r\n },\r\n ];\r\n var honorXAxisData = [\"No.3\", \"No.2\", \"No.1\"];\r\n var nameList = [\r\n \"PMS_晨光满园9台区\",\r\n \"滨河华苑3台区\",\r\n \"PMS_晨光满园11台区\",\r\n ];\r\n var option = {\r\n color: [\"#0F9AF8\", \"#2039C3\", \"rgba(32,57,195,.5)\", \"#2ECACE\"],\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"none\",\r\n },\r\n },\r\n legend: {\r\n right: 20,\r\n top: \"5%\",\r\n itemWidth: 10,\r\n itemHeight: 10,\r\n itemGap: 15,\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n grid: {\r\n top: \"15%\",\r\n left: \"14%\",\r\n right: \"0%\",\r\n bottom: \"0%\",\r\n },\r\n xAxis: [\r\n {\r\n type: \"value\",\r\n show: false,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: \"#6B9DD7\",\r\n fontSize: 16, // 文字大小\r\n fontWeight: 400,\r\n interval: 0,\r\n formatter: function (value) {\r\n return value + \"(万元)\";\r\n },\r\n },\r\n splitLine: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"category\",\r\n offset: 17,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: \"#00FFFF\",\r\n fontSize: 20, // 文字大小\r\n fontWeight: 700,\r\n interval: 0,\r\n },\r\n\r\n data: honorXAxisData,\r\n },\r\n {\r\n //名称\r\n type: \"category\",\r\n offset: -10,\r\n position: \"left\",\r\n axisLine: {\r\n show: false,\r\n },\r\n inverse: true,\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n color: \"#fff\",\r\n align: \"left\",\r\n verticalAlign: \"bottom\",\r\n lineHeight: 40,\r\n fontSize: 20,\r\n },\r\n data: nameList,\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"60天内掉电客户数\",\r\n type: \"bar\",\r\n stack: \"zongliang\",\r\n barWidth: \"25%\",\r\n barGap: 15, // 柱图之间的间距\r\n itemStyle: {\r\n //自定义颜色\r\n // normal: { color: \"orange\" },\r\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"rgba(255,165,0,.4)\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"rgb(255,165,0)\",\r\n },\r\n ]),\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: [\"80%\", \"-100%\"],\r\n formatter: function (params) {\r\n return params.value;\r\n },\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n\r\n data: honorData[0].data,\r\n },\r\n {\r\n name: \"60天内掉电总数\",\r\n type: \"bar\",\r\n stack: \"zongliang\",\r\n barWidth: \"25%\",\r\n itemStyle: {\r\n //自定义颜色\r\n // normal: { color: \"orange\" },\r\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"#005BEA\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"#00C6FB\",\r\n },\r\n ]),\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: [\"80%\", \"-100%\"],\r\n formatter: function (params) {\r\n return params.value;\r\n },\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n data: honorData[1].data,\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n 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 {\r\n type: \"pie\",\r\n radius: [\"80\", \"120\"],\r\n center: [\"50%\", \"50%\"],\r\n color: [\"#80C269\", \"#00FFFF\", \"#0090F1\", \"#FFA800\", \"#4658F6\"],\r\n itemStyle: {\r\n normal: {\r\n borderWidth: 5,\r\n borderColor: \"#031845\",\r\n },\r\n },\r\n data: [\r\n {\r\n value: 27,\r\n name: \"国网大丰市供电公司\",\r\n },\r\n {\r\n value: 30,\r\n name: \"国网射阳县供电公司\",\r\n },\r\n {\r\n value: 24,\r\n name: \"开发区供电服务中心\",\r\n },\r\n {\r\n value: 27,\r\n name: \"盐城运维检修部\",\r\n },\r\n {\r\n value: 27,\r\n name: \"设备管理部\",\r\n },\r\n {\r\n value: 27,\r\n name: \"国网响水县供电公司\",\r\n },\r\n ],\r\n labelLine: {\r\n normal: {\r\n show: true,\r\n length: 20,\r\n length2: 10,\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: 20,\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: 20,\r\n align: \"center\",\r\n padding: 4,\r\n color: \"#fff\",\r\n },\r\n },\r\n },\r\n },\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n roseCharts() {\r\n var myChart = this.$echarts.init(document.getElementById(\"roseCharts\"));\r\n var option = {\r\n color: [\r\n \"#EAEA26\",\r\n \"#906BF9\",\r\n \"#FE5656\",\r\n \"#01E17E\",\r\n \"#3DD1F9\",\r\n \"#FFAD05\",\r\n ],\r\n 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\r\n polar: {},\r\n angleAxis: {\r\n interval: 1,\r\n type: \"category\",\r\n data: [],\r\n z: 10,\r\n axisLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#0B4A6B\",\r\n width: 1,\r\n type: \"solid\",\r\n },\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n show: true,\r\n color: \"#0B4A6B\",\r\n margin: 8,\r\n fontSize: 16,\r\n },\r\n },\r\n radiusAxis: {\r\n min: 40,\r\n max: 120,\r\n interval: 20,\r\n axisLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#0B3E5E\",\r\n width: 1,\r\n type: \"solid\",\r\n },\r\n },\r\n axisLabel: {\r\n formatter: \"{value} %\",\r\n show: false,\r\n padding: [0, 0, 20, 0],\r\n color: \"#0B3E5E\",\r\n fontSize: 16,\r\n },\r\n splitLine: {\r\n lineStyle: {\r\n color: \"#0B3E5E\",\r\n width: 2,\r\n type: \"solid\",\r\n },\r\n },\r\n },\r\n calculable: true,\r\n series: [\r\n {\r\n type: \"pie\",\r\n radius: [\"5%\", \"10%\"],\r\n hoverAnimation: false,\r\n labelLine: {\r\n normal: {\r\n show: false,\r\n length: 30,\r\n length2: 55,\r\n },\r\n emphasis: {\r\n show: false,\r\n },\r\n },\r\n data: [\r\n {\r\n name: \"\",\r\n value: 0,\r\n itemStyle: {\r\n normal: {\r\n color: \"#0B4A6B\",\r\n },\r\n },\r\n },\r\n ],\r\n },\r\n {\r\n type: \"pie\",\r\n radius: [\"90%\", \"95%\"],\r\n hoverAnimation: false,\r\n labelLine: {\r\n normal: {\r\n show: false,\r\n length: 30,\r\n length2: 55,\r\n },\r\n emphasis: {\r\n show: false,\r\n },\r\n },\r\n name: \"\",\r\n data: [\r\n {\r\n name: \"\",\r\n value: 0,\r\n itemStyle: {\r\n normal: {\r\n color: \"#0B4A6B\",\r\n },\r\n },\r\n },\r\n ],\r\n },\r\n {\r\n stack: \"a\",\r\n type: \"pie\",\r\n radius: [\"20%\", \"80%\"],\r\n roseType: \"area\",\r\n zlevel: 10,\r\n label: {\r\n normal: {\r\n show: true,\r\n formatter: \"{b} {d} %\",\r\n textStyle: {\r\n fontSize: 20,\r\n color: \"#fff\",\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: 35,\r\n borderWidth: 4,\r\n },\r\n emphasis: {\r\n show: false,\r\n },\r\n },\r\n data: [\r\n {\r\n value: 15,\r\n name: \"东台市\",\r\n },\r\n {\r\n value: 7,\r\n name: \"阜宁县\",\r\n },\r\n {\r\n value: 14,\r\n name: \"盐都区\",\r\n },\r\n {\r\n value: 23,\r\n name: \"滨海县\",\r\n },\r\n {\r\n value: 18,\r\n name: \"建湖县\",\r\n },\r\n {\r\n value: 35,\r\n name: \"射阳县\",\r\n },\r\n {\r\n value: 31,\r\n name: \"大丰区\",\r\n },\r\n {\r\n value: 28,\r\n name: \"响水县\",\r\n },\r\n {\r\n value: 36,\r\n name: \"亭湖区\",\r\n },\r\n ],\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedThree(dataList) {\r\n // console.log(this.threeImg,'图片');\r\n // var equipment = [dataList.yjlts, dataList.yjlyj];\r\n var that = this;\r\n // console.log(that,'指向');\r\n var colorList = [\r\n \"#0090ff\",\r\n \"#06d3c4\",\r\n \"#66b0ed\",\r\n \"#7cb79d\",\r\n \"#2361b4\",\r\n \"rgb(198,123,244)\",\r\n ];\r\n var colorList1 = [\"rgb(198,123,244)\", \"#2361b4\"];\r\n // 饼图数据\r\n var threeList = dataList.map((ele) => {\r\n return { name: ele.gd_type_name, value: ele.total };\r\n });\r\n // console.log(threeList, \"饼图数据\");\r\n // var legendData = dataList.concat(\r\n // {\r\n // value: equipment[0],\r\n // name: \"运检类投诉\",\r\n // },\r\n // {\r\n // value: equipment[1],\r\n // name: \"运检类意见\",\r\n // }\r\n // );\r\n this.myChartBin = this.$echarts.init(\r\n document.getElementById(\"detailedThree\")\r\n );\r\n // var graphicList = [];\r\n // legendData.forEach((ele, index) => {\r\n // if (index <= 2) {\r\n // graphicList.push({\r\n // type: \"image\",\r\n // style: {\r\n // image: this.threeImg,\r\n // width: 164,\r\n // height: 41,\r\n // x: 250,\r\n // y: 55 * (index + 1),\r\n // },\r\n // });\r\n // } else {\r\n // graphicList.push({\r\n // type: \"image\",\r\n // style: {\r\n // image: this.threeImg,\r\n // width: 164,\r\n // height: 41,\r\n // x: 424,\r\n // y: 55 * (index - 2),\r\n // },\r\n // });\r\n // }\r\n // });\r\n this.option = {\r\n borderColor: \"none\",\r\n\r\n tooltip: {\r\n formatter: function (param) {\r\n if (param.data.type == null) {\r\n return param.data.name + \":\" + param.value + \"个\";\r\n } else {\r\n return param.data.name + \":\" + param.value + \"个\";\r\n }\r\n },\r\n },\r\n\r\n legend: {\r\n icon: \"pin\",\r\n // height: 90,\r\n top: 20,\r\n show: false,\r\n // bottom:0,\r\n // itemGap: 40,\r\n // lineHeight: 80,\r\n // padding: [30, 0, 30, 0],\r\n // right: '20%',\r\n // orient: \"vertical\", //垂直显示\r\n x: \"center\", //延Y轴居中\r\n data: dataList.map((ele) => {\r\n return ele.gd_type_name;\r\n }),\r\n textStyle: {\r\n color: \"#ffffff\",\r\n fontSize: 15,\r\n\r\n // width:20,\r\n // height:60,\r\n },\r\n },\r\n series: [\r\n {\r\n name: \"\",\r\n type: \"pie\",\r\n radius: [0, \"70%\"],\r\n center: [\"50%\", \"50%\"],\r\n startAngle: 60, //默认角度\r\n label: {\r\n position: \"inner\",\r\n show: false,\r\n },\r\n\r\n itemStyle: {\r\n normal: {\r\n borderColor: \"none\",\r\n borderWidth: 2,\r\n fontSize: 16,\r\n color: function (params) {\r\n return colorList[params.dataIndex];\r\n },\r\n },\r\n },\r\n\r\n selectedMode: \"single\",\r\n data: threeList,\r\n },\r\n // {\r\n // name: \"运检类\",\r\n // type: \"pie\",\r\n // radius: [\"70%\", \"80%\"],\r\n // center: [\"20%\", \"50%\"],\r\n // startAngle: 30,\r\n // itemStyle: {\r\n // normal: {\r\n // fontSize: 16,\r\n // color: function (params) {\r\n // return colorList1[params.dataIndex];\r\n // },\r\n // // color:'#F4C907',\r\n // },\r\n // },\r\n // label: {\r\n // normal: {\r\n // formatter: function (params) {\r\n // return params.data.name + \":\" + params.data.type + \"个\";\r\n // },\r\n // color: \"auto\",\r\n // show: false,\r\n // fontSize: 16,\r\n // },\r\n // },\r\n\r\n // data: [\r\n // {\r\n // value: equipment[0],\r\n // name: \"运检类投诉\",\r\n // type: equipment[0],\r\n // },\r\n // {\r\n // value: equipment[1],\r\n // name: \"运检类意见\",\r\n // type: equipment[1],\r\n // },\r\n // ],\r\n // animation: false,\r\n // },\r\n ],\r\n };\r\n this.myChartBin.setOption(this.option);\r\n window.addEventListener(\"resize\", () => {\r\n this.myChartBin.resize();\r\n });\r\n },\r\n doing() {\r\n this.option.series[0].startAngle = this.option.series[0].startAngle - 5;\r\n this.option.series[1].startAngle = this.option.series[1].startAngle - 5;\r\n this.myChartBin.setOption(this.option);\r\n },\r\n detailedFour(dataList) {\r\n let yearBzData = [];\r\n let yearChcg = [];\r\n let yearChbc = [];\r\n let yearWchz = [];\r\n let yearJieDi = [];\r\n let yearFenJi = [];\r\n for (let i = 0; i < dataList.length; i++) {\r\n yearBzData.push(dataList[i].bz);\r\n yearChcg.push(dataList[i].chcg);\r\n yearChbc.push(dataList[i].chbc);\r\n yearWchz.push(dataList[i].wchz);\r\n yearJieDi.push(dataList[i].jd);\r\n yearFenJi.push(dataList[i].fjbh);\r\n }\r\n // console.log(yearJieDi,'接地数据');\r\n let that = this;\r\n let myChart = this.$echarts.init(document.getElementById(\"detailedFour\"));\r\n var option = {\r\n tooltip: {\r\n axisPointer: {\r\n type: \"shadow\",\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 16,\r\n },\r\n },\r\n },\r\n grid: {\r\n borderWidth: 0,\r\n top: 30,\r\n bottom: \"17%\",\r\n left: \"6%\",\r\n right: \"6%\",\r\n textStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n legend: {\r\n icon: \"rect\",\r\n right: \"4%\",\r\n textStyle: {\r\n color: \"#ffffff\",\r\n },\r\n data: [\"重合成功\", \"重合不成\", \"无重合闸\", \"接地\", \"分级保护\"],\r\n },\r\n calculable: true,\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n trigger: \"axis\",\r\n axisLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#fff\",\r\n fontSize: 16,\r\n },\r\n },\r\n splitLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitArea: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n fontSize: 14,\r\n rotate: 30,\r\n },\r\n data: yearBzData,\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n color: \"rgb(83,83,83)\",\r\n fontSize: 16,\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n fontSize: 16,\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n },\r\n splitArea: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"重合成功\",\r\n type: \"bar\",\r\n stack: \"Total1\",\r\n barMaxWidth: 15,\r\n barGap: \"10%\",\r\n label: {\r\n show: true,\r\n formatter: function (params) {\r\n if (params.value == 0) {\r\n return \"\";\r\n } else {\r\n return params.value;\r\n }\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n {\r\n offset: 0,\r\n color: \"rgba(194,190,190,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(194,190,190,0)\",\r\n },\r\n ]),\r\n borderColor: new that.$echarts.graphic.LinearGradient(\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n [\r\n {\r\n offset: 0,\r\n color: \"rgba(194,190,190,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(194,190,190,0)\",\r\n },\r\n ]\r\n ),\r\n },\r\n },\r\n data: yearChcg,\r\n },\r\n {\r\n name: \"重合不成\",\r\n type: \"bar\",\r\n barMaxWidth: 15,\r\n stack: \"Total1\",\r\n label: {\r\n show: true,\r\n formatter: function (params) {\r\n if (params.value == 0) {\r\n return \"\";\r\n } else {\r\n return params.value;\r\n }\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n {\r\n offset: 0,\r\n color: \"rgba(86,254,226,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(86,254,226,0)\",\r\n },\r\n ]),\r\n borderColor: new that.$echarts.graphic.LinearGradient(\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n [\r\n {\r\n offset: 0,\r\n color: \"rgba(86,254,226,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(86,254,226,0)\",\r\n },\r\n ]\r\n ),\r\n },\r\n },\r\n data: yearChbc,\r\n },\r\n {\r\n name: \"无重合闸\",\r\n type: \"bar\",\r\n barMaxWidth: 15,\r\n stack: \"Total1\",\r\n label: {\r\n show: true,\r\n formatter: function (params) {\r\n if (params.value == 0) {\r\n return \"\";\r\n } else {\r\n return params.value;\r\n }\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n {\r\n offset: 0,\r\n color: \"rgba(237,125,49,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(237,125,49,0)\",\r\n },\r\n ]),\r\n borderColor: new that.$echarts.graphic.LinearGradient(\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n [\r\n {\r\n offset: 0,\r\n color: \"rgba(237,125,49,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(237,125,49,0)\",\r\n },\r\n ]\r\n ),\r\n barBorderRadius: 0,\r\n },\r\n },\r\n data: yearWchz,\r\n },\r\n {\r\n name: \"接地\",\r\n type: \"bar\",\r\n barMaxWidth: 15,\r\n stack: \"Total1\",\r\n label: {\r\n show: true,\r\n formatter: function (params) {\r\n if (params.value == 0) {\r\n return \"\";\r\n } else {\r\n return params.value;\r\n }\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n {\r\n offset: 0,\r\n color: \"rgba(35,160,247,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(35,160,247,0)\",\r\n },\r\n ]),\r\n borderColor: new that.$echarts.graphic.LinearGradient(\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n [\r\n {\r\n offset: 0,\r\n color: \"rgba(35,160,247,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(35,160,247,0)\",\r\n },\r\n ]\r\n ),\r\n barBorderRadius: 0,\r\n },\r\n },\r\n data: yearJieDi,\r\n },\r\n {\r\n name: \"分级保护\",\r\n type: \"bar\",\r\n barMaxWidth: 15,\r\n stack: \"Total1\",\r\n label: {\r\n show: true,\r\n formatter: function (params) {\r\n if (params.value == 0) {\r\n return \"\";\r\n } else {\r\n return params.value;\r\n }\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n {\r\n offset: 0,\r\n color: \"rgba(156,73,200,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(156,73,200,0)\",\r\n },\r\n ]),\r\n borderColor: new that.$echarts.graphic.LinearGradient(\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n [\r\n {\r\n offset: 0,\r\n color: \"rgba(156,73,200,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(156,73,200,0)\",\r\n },\r\n ]\r\n ),\r\n barBorderRadius: 0,\r\n },\r\n },\r\n data: yearFenJi,\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedFive() {\r\n let myChart = this.$echarts.init(document.getElementById(\"detailedFive\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n },\r\n grid: {\r\n left: \"5%\", //图表距离容器左侧多少距离\r\n right: \"5%\", //图表距离容器右侧侧多少距离\r\n bottom: \"0%\", //图表距离容器上面多少距离\r\n top: \"30%\", //图表距离容器下面多少距离\r\n containLabel: true, //防止标签溢出\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 \"长荡镇\",\r\n \"河海镇\",\r\n \"黄沙港镇\",\r\n \"临海镇\",\r\n \"兴桥镇\",\r\n \"合德镇\",\r\n \"四明镇\",\r\n \"特庸镇\",\r\n ],\r\n axisLabel: {\r\n interval: 0, //横轴信息全部显示\r\n show: true,\r\n textStyle: {\r\n color: \"#ffffff\",\r\n fontSize: 18,\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 fontSize: 18,\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"配变名称\",\r\n type: \"bar\",\r\n barWidth: 40, // 柱子宽度核心代码\r\n itemStyle: {\r\n normal: {\r\n color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"rgba(232, 155, 0,.3)\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"rgb(232, 155, 0)\",\r\n },\r\n ]),\r\n label: {\r\n show: true, //开启显示\r\n position: \"top\", //在上方显示\r\n textStyle: {\r\n //数值样式\r\n color: \"rgb(232, 155, 0)\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n },\r\n data: [87.69, 84.69, 82.69, 83.69, 77.69, 67.69, 57.69, 47.69],\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.content3 {\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 .content3 {\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 .line3 {\r\n width: 30%;\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 margin-bottom: 1%;\r\n height: 100%;\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 width: 100%;\r\n\r\n .num1 {\r\n background: url(\"../assets/indexN/zsjbtk.png\") no-repeat;\r\n width: 100%;\r\n height: 100%;\r\n background-size: 100%;\r\n line-height: 250%;\r\n text-align: center;\r\n }\r\n .numText {\r\n color: #ffffff;\r\n background: url(\"../assets/indexN/main.png\") no-repeat;\r\n background-size: 100%;\r\n width: 100%;\r\n height: 74px;\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(254, 209, 86) !important;\r\n -webkit-mask: linear-gradient(\r\n to top,\r\n rgb(254, 162, 86),\r\n transparent\r\n );\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% - 150px);\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 .content3 {\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 .line3 {\r\n width: 30%;\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: 1%;\r\n height: 100%;\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 width: 100%;\r\n\r\n .num1 {\r\n background: url(\"../assets/indexN/zsjbtk.png\") no-repeat;\r\n width: 100%;\r\n // height: 100%;\r\n background-size: 100%;\r\n line-height: 250%;\r\n text-align: center;\r\n }\r\n .numText {\r\n color: #ffffff;\r\n background: url(\"../assets/indexN/main.png\") no-repeat;\r\n background-size: 100%;\r\n width: 100%;\r\n height: 74px;\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(254, 209, 86) !important;\r\n -webkit-mask: linear-gradient(\r\n to top,\r\n rgb(254, 162, 86),\r\n transparent\r\n );\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 #detailedOne {\r\n width: 100%;\r\n height: calc(100% - 160px);\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/indexN/midzsj.png\") no-repeat;\r\n background-size: 100%;\r\n width: 65%;\r\n height: 20%;\r\n position: relative;\r\n top: -28%;\r\n left: 25%;\r\n .contents {\r\n // height: 90%;\r\n position: absolute;\r\n padding: 10px;\r\n height: 100%;\r\n width: 96%;\r\n display: flex;\r\n flex-direction: row;\r\n /* 平分剩余空间 */\r\n justify-content: space-around;\r\n .lines {\r\n width: 106%;\r\n padding: 10px 0 0 0px;\r\n // background: url(\"../assets/index/mainMin.png\") no-repeat;\r\n }\r\n\r\n .total {\r\n .num {\r\n // display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: center;\r\n align-items: left;\r\n color: #ffffff;\r\n span {\r\n font-size: 18px;\r\n }\r\n h5 {\r\n font-size: 34px;\r\n }\r\n .yellow {\r\n padding-top: 30px;\r\n color: yellow;\r\n font-size: 24px;\r\n }\r\n .orange {\r\n padding-top: 30px;\r\n color: orange;\r\n font-size: 24px;\r\n }\r\n .yellows {\r\n padding-top: 20px;\r\n color: yellow;\r\n font-size: 24px;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n .imgboxtwo1 {\r\n background: url(\"../assets/indexN/tk.png\") no-repeat;\r\n background-size: 100%;\r\n float: right;\r\n right: 8%;\r\n top: 20%;\r\n width: 28vh;\r\n height: 100%;\r\n position: relative;\r\n .content2 {\r\n padding: 5px;\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 .line1 {\r\n width: 100%;\r\n height: 100%;\r\n margin-left: 5%;\r\n text-align: left;\r\n font-size: 24px;\r\n color: #fff;\r\n }\r\n }\r\n }\r\n .map {\r\n background: url(\"../assets/indexN/map.png\") no-repeat;\r\n vertical-align: middle;\r\n display: table-cell;\r\n text-align: center;\r\n margin-left: -20%;\r\n .leftimg {\r\n position: absolute;\r\n left: 34.5%;\r\n }\r\n .rightimg {\r\n position: absolute;\r\n right: 35%;\r\n }\r\n .allimg {\r\n position: relative;\r\n left: 28.5%;\r\n top: 34%;\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 .enselect {\r\n position: absolute;\r\n right: 30px;\r\n top: 50%;\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 & > 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 .content3 {\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 .contentUl {\r\n display: flex;\r\n flex-wrap: wrap;\r\n height: 20%;\r\n width: 100%;\r\n position: relative;\r\n .top {\r\n position: relative;\r\n flex-basis: calc(100% / 3);\r\n height: 50%;\r\n left: 33%;\r\n img {\r\n margin-top: 15%;\r\n }\r\n .texts {\r\n color: orange;\r\n position: absolute;\r\n z-index: 2;\r\n left: 32%;\r\n top: 25%;\r\n align-items: center;\r\n font-size: 32px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 10%;\r\n }\r\n }\r\n .top1 {\r\n position: absolute;\r\n flex-basis: calc(100% / 3);\r\n height: 100%;\r\n img {\r\n margin-top: 30%;\r\n }\r\n .texts {\r\n color: #fff;\r\n position: absolute;\r\n z-index: 2;\r\n left: 0%;\r\n top: 27%;\r\n width: 87%;\r\n height: 100%;\r\n padding-top: 27%;\r\n background: url(\"../assets/indexN/xctb2.png\") no-repeat;\r\n background-size: 100%;\r\n align-items: center;\r\n font-size: 24px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 130%;\r\n }\r\n }\r\n .top2 {\r\n position: absolute;\r\n flex-basis: calc(100% / 3);\r\n height: 100%;\r\n left: 21%;\r\n top: -33%;\r\n img {\r\n margin-top: 30%;\r\n }\r\n .texts {\r\n color: #fff;\r\n position: absolute;\r\n z-index: 2;\r\n left: 0%;\r\n top: 27%;\r\n width: 87%;\r\n height: 100%;\r\n padding-top: 27%;\r\n background: url(\"../assets/indexN/xctb2.png\") no-repeat;\r\n background-size: 100%;\r\n align-items: center;\r\n font-size: 24px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 130%;\r\n }\r\n }\r\n .top3 {\r\n position: absolute;\r\n flex-basis: calc(100% / 3);\r\n height: 100%;\r\n left: 29%;\r\n top: 50%;\r\n img {\r\n margin-top: 30%;\r\n }\r\n .texts {\r\n color: #fff;\r\n position: absolute;\r\n z-index: 2;\r\n left: 0%;\r\n top: 27%;\r\n width: 87%;\r\n height: 100%;\r\n padding-top: 27%;\r\n background: url(\"../assets/indexN/xctb2.png\") no-repeat;\r\n background-size: 100%;\r\n align-items: center;\r\n font-size: 24px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 130%;\r\n }\r\n }\r\n .top4 {\r\n position: absolute;\r\n flex-basis: calc(100% / 3);\r\n height: 100%;\r\n left: 64%;\r\n top: 15%;\r\n img {\r\n margin-top: 30%;\r\n }\r\n .texts {\r\n color: #fff;\r\n position: absolute;\r\n z-index: 2;\r\n left: 0%;\r\n top: 27%;\r\n width: 87%;\r\n height: 100%;\r\n padding-top: 27%;\r\n background: url(\"../assets/indexN/xctb2.png\") no-repeat;\r\n background-size: 100%;\r\n align-items: center;\r\n font-size: 24px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 130%;\r\n }\r\n }\r\n .top5 {\r\n position: absolute;\r\n flex-basis: calc(100% / 3);\r\n height: 100%;\r\n left: 82%;\r\n top: -22%;\r\n img {\r\n margin-top: 30%;\r\n }\r\n .texts {\r\n color: #fff;\r\n position: absolute;\r\n z-index: 2;\r\n left: 0%;\r\n top: 27%;\r\n width: 87%;\r\n height: 100%;\r\n padding-top: 27%;\r\n background: url(\"../assets/indexN/xctb2.png\") no-repeat;\r\n background-size: 100%;\r\n align-items: center;\r\n font-size: 24px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 130%;\r\n }\r\n }\r\n }\r\n .line3 {\r\n width: 30%;\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: 1%;\r\n height: 100%;\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 width: 100%;\r\n\r\n .num1 {\r\n background: url(\"../assets/indexN/zsjbtk.png\") no-repeat;\r\n width: 100%;\r\n height: 100%;\r\n background-size: 100%;\r\n line-height: 200%;\r\n text-align: center;\r\n }\r\n .numText {\r\n color: #ffffff;\r\n background: url(\"../assets/indexN/main.png\") no-repeat;\r\n background-size: 100%;\r\n width: 100%;\r\n height: 74px;\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(254, 209, 86) !important;\r\n -webkit-mask: linear-gradient(\r\n to top,\r\n rgb(254, 162, 86),\r\n transparent\r\n );\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\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% - 190px);\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 .content3 {\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 .line3 {\r\n width: 30%;\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: 1%;\r\n height: 100%;\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 width: 100%;\r\n\r\n .num1 {\r\n background: url(\"../assets/indexN/zsjbtk.png\") no-repeat;\r\n width: 100%;\r\n // height: 100%;\r\n background-size: 100%;\r\n line-height: 250%;\r\n text-align: center;\r\n }\r\n .numText {\r\n color: #ffffff;\r\n background: url(\"../assets/indexN/main.png\") no-repeat;\r\n background-size: 100%;\r\n width: 100%;\r\n height: 74px;\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(254, 209, 86) !important;\r\n -webkit-mask: linear-gradient(\r\n to top,\r\n rgb(254, 162, 86),\r\n transparent\r\n );\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 #detailen {\r\n width: 100%;\r\n height: calc(100% - 150px);\r\n }\r\n #shuzihua {\r\n width: 100%;\r\n height: calc(100% - 150px);\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% - 150px);\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(\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\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 .content3 {\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(\r\n to bottom,\r\n rgb(255, 255, 255),\r\n rgb(86, 244, 254)\r\n );\r\n }\r\n }\r\n\r\n .content3 {\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\r\n .el-table--striped\r\n .el-table__body\r\n tr.el-table__row--striped\r\n 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#yellow {\r\n color: yellow;\r\n}\r\n#orange {\r\n color: rgb(232, 155, 0);\r\n}\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 .content3 {\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 .line3 {\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: 1%;\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(\r\n to top,\r\n rgb(86, 244, 254),\r\n transparent\r\n );\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 #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.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>\r\n"]}]}
\ No newline at end of file
+{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\index.vue?vue&type=style&index=1&id=a83bd3b0&lang=less&scoped=true&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\index.vue","mtime":1690160299337},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1655715156000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\less-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["\r\n#yellow {\r\n color: yellow;\r\n line-height: 175%;\r\n}\r\n#orange {\r\n color: rgb(235, 92, 92);\r\n line-height: 175%;\r\n}\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 .content3 {\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 .line3 {\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: 1%;\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(\r\n to top,\r\n rgb(86, 244, 254),\r\n transparent\r\n );\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 #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.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":";AAy1IA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;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;AACA;;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 <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>盐城地区分布光伏运行监测</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content3\">\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >户数高渗透率 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.hsgst\"\r\n >{{ CompanyInfo.hsgst }}\r\n <span style=\"font-size: 18px; color: #fff\">%</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >容量渗透率 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"orange\"\r\n :text=\"CompanyInfo.rlst\"\r\n >{{ CompanyInfo.rlst }}\r\n <span style=\"font-size: 18px; color: #fff\">%</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >能量渗透率 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.nlst\"\r\n >{{ CompanyInfo.nlst }}\r\n <span style=\"font-size: 18px; color: #fff\">%</span>\r\n </span>\r\n </div>\r\n </div>\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\" @click=\"routerTo('配网工程全过程物资审计')\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>配网工程全过程物资审计</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content3\" style=\"display: inline\">\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n <span style=\"font-size: 18px\" class=\"num1\">项目数 </span>\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.xms\"\r\n >{{ CompanyInfo.xms }}\r\n <span style=\"font-size: 18px; color: #fff\">万</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\">预算费用总和</span>\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"orange\"\r\n :text=\"CompanyInfo.ysfyzh\"\r\n >{{ CompanyInfo.ysfyzh }}\r\n <span style=\"font-size: 18px; color: #fff\">%</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\">计划数</span>\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.jhs\"\r\n >{{ CompanyInfo.jhs }}\r\n </span>\r\n </div>\r\n </div>\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\" @click=\"routerTo('盐城东台区供电所数字化分析')\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>盐城东台区供电所数字化分析</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content3\">\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >升档配变数量 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.sdpbsl\"\r\n >{{ CompanyInfo.sdpbsl }}</span\r\n >\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\">降档配比数量</span>\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"orange\"\r\n :text=\"CompanyInfo.jdpbsl\"\r\n >{{ CompanyInfo.jdpbsl }}</span\r\n >\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >负荷关注配变数量 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.fhgzpb\"\r\n >{{ CompanyInfo.fhgzpb }}</span\r\n >\r\n </div>\r\n </div>\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\" @click=\"routerTo('盐城供电公司配网电能质量管控')\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>盐城供电公司配网电能质量管控</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content3\">\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >月供电可靠性 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.ygdkkx\"\r\n >{{ CompanyInfo.ygdkkx }}\r\n <span style=\"font-size: 18px; color: #fff\">%</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >平均停电频次 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"orange\"\r\n :text=\"CompanyInfo.pjtdpc\"\r\n >{{ CompanyInfo.pjtdpc }}\r\n <span style=\"font-size: 18px; color: #fff\">次/户</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >平均停电时间 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.pjtdsj\"\r\n >{{ CompanyInfo.pjtdsj }}\r\n <span style=\"font-size: 18px; color: #fff\">小时</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div id=\"detailedOne\"></div>\r\n </div>\r\n </div>\r\n <div class=\"middle\" id=\"middle\">\r\n <div class=\"map\" style=\"height: 100%\">\r\n <canvas\r\n id=\"myCanvas\"\r\n width=\"1000\"\r\n height=\"600\"\r\n style=\"position: absolute\"\r\n ></canvas>\r\n <img src=\"../assets/indexN/left.png\" class=\"leftimg\" alt=\"\" />\r\n <img src=\"../assets/indexN/right.png\" class=\"rightimg\" alt=\"\" />\r\n <img class=\"allimg\" src=\"../assets/indexN/dfsxz.png\" alt=\"\" />\r\n <div class=\"imgboxtwo1\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\" style=\"color: #fff; font-size: 26px\">\r\n 大丰区\r\n </div>\r\n </div>\r\n <div class=\"content2\">\r\n <div class=\"line1\">\r\n 用电量 (kwh) \r\n <span style=\"color: yellow; font-size: 28px\">2.685亿</span>\r\n </div>\r\n <div class=\"line1\">\r\n 碳排放量 (kg) \r\n <span style=\"color: orange; font-size: 28px\">7.303万</span>\r\n </div>\r\n <div class=\"line1\">\r\n 企业数量 \r\n <span style=\"color: yellow; font-size: 28px\">713</span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"imgboxone\">\r\n <div class=\"contents\">\r\n <div class=\"lines\" style=\"width: 55%\">\r\n <img src=\"../assets/indexN/tb1.png\" style=\"margin-top: 15%\" />\r\n <h4 style=\"color: #fff; margin-top: 10%\">数据目录</h4>\r\n </div>\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span>发布数量</span>\r\n <span class=\"yellow\">\r\n 100 <span style=\"color: #fff\">%</span>\r\n </span>\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <span>负面清单</span>\r\n <span class=\"orange\">\r\n 7244<span style=\"color: #fff\">个</span>\r\n </span>\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <span>涉及系统</span>\r\n <span class=\"yellow\">\r\n 251 <span style=\"color: #fff\">个</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"lines\" style=\"width: 55%\">\r\n <img src=\"../assets/indexN/tb2.png\" style=\"margin-top: 15%\" />\r\n <h4 style=\"color: #fff; margin-top: 10%\">数据资源</h4>\r\n </div>\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <div style=\"display: inline-block\">\r\n <span>接入数量</span>\r\n </div>\r\n <span class=\"yellow\"\r\n > 1.6 <span style=\"color: #fff\">万个</span></span\r\n >\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <div style=\"display: inline-block\">\r\n <span>涉及系统</span>\r\n </div>\r\n <span class=\"orange\"\r\n > 123 <span style=\"color: #fff\">个</span></span\r\n >\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <div style=\"display: inline-block\">\r\n <span>数据资源卡片</span>\r\n </div>\r\n <span class=\"yellow\"\r\n >31<span style=\"color: #fff\">个</span></span\r\n >\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"lines\" style=\"width: 55%\">\r\n <img src=\"../assets/indexN/tb3.png\" style=\"margin-top: 15%\" />\r\n <h4 style=\"color: #fff; margin-top: 10%\">数据服务</h4>\r\n </div>\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <div style=\"display: inline-block\">\r\n <span>服务数量</span>\r\n </div>\r\n <span class=\"yellow\">\r\n 1084<span style=\"color: #fff\">个</span>\r\n </span>\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <div style=\"display: inline-block\">\r\n <span>接入数量</span>\r\n </div>\r\n <span class=\"orange\">\r\n 8833<span style=\"color: #fff\">个</span>\r\n </span>\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <div style=\"display: inline-block\">\r\n <span>访问次数</span>\r\n </div>\r\n <span class=\"yellow\">\r\n 5.3 <span style=\"color: #fff\">亿个</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"lines\" style=\"width: 55%\">\r\n <img src=\"../assets/indexN/tb4.png\" style=\"margin-top: 15%\" />\r\n <h4 style=\"color: #fff; margin-top: 10%\">数据产品</h4>\r\n </div>\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <div style=\"display: inline-block\">\r\n <span>报表数量</span>\r\n </div>\r\n <span class=\"yellow\"\r\n > 19 <span style=\"color: #fff\">个</span></span\r\n >\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <div style=\"display: inline-block\">\r\n <span>服务访问次数</span>\r\n </div>\r\n <span class=\"orange\"\r\n > 0 <span style=\"color: #fff\">次</span></span\r\n >\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <div style=\"display: inline-block\">\r\n <span>指标数量</span>\r\n </div>\r\n <span class=\"yellow\"\r\n > 477 <span style=\"color: #fff\">个</span></span\r\n >\r\n </div>\r\n </div>\r\n </div>\r\n </div>\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\" @click=\"routerTo('乡村振兴电力综合指数')\">\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\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>乡村振兴电力综合指数</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n <!-- <div 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=\"content3\">\r\n <div class=\"contentUl\">\r\n <div class=\"top1\">\r\n <!-- <img src=\"../assets/indexN/xctb2.png\" /> -->\r\n <div class=\"texts\">94.46</div>\r\n <h4>产业兴旺</h4>\r\n </div>\r\n <div class=\"top2\">\r\n <!-- <img src=\"../assets/indexN/xctb2.png\" /> -->\r\n <div class=\"texts\">63.95</div>\r\n <h4>生活宜居</h4>\r\n </div>\r\n <div class=\"top3\">\r\n <div class=\"texts\">74.15</div>\r\n <h4>生活富裕</h4>\r\n </div>\r\n <div class=\"top4\">\r\n <div class=\"texts\">56.23</div>\r\n <h4>治理有效</h4>\r\n </div>\r\n <div class=\"top5\">\r\n <div class=\"texts\">86.82</div>\r\n <h4>乡风文明</h4>\r\n </div>\r\n <div class=\"top\">\r\n <img src=\"../assets/indexN/xctb1.png\" />\r\n <div class=\"texts\" style=\"color: yellow\">77.17</div>\r\n </div>\r\n <!-- <div class=\"top\">\r\n <img src=\"../assets/05/sjfx.png\" />\r\n <div class=\"texts\" style=\"color: yellow\">\r\n 0\r\n <span style=\"font-size: 15px; color: #fff\">个</span>\r\n </div>\r\n <h4>自然村</h4>\r\n </div> -->\r\n </div>\r\n </div>\r\n <div class=\"enselect\">\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n <span class=\"text\">乡镇</span>\r\n </div>\r\n <div id=\"detailedFive\"></div>\r\n </div>\r\n\r\n <div class=\"three\" style=\"height: 48%; width: 100%\">\r\n <div class=\"cartitle\" @click=\"routerTo('两高行业企业污染监测')\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>两高行业企业污染监测</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <!-- <div class=\"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=\"content3\" style=\"display: inline\">\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n <span style=\"font-size: 18px\" class=\"num1\" id=\"textleft\"\r\n >2022年度总碳排放量</span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600; margin-left: 30px\"\r\n class=\"numText\"\r\n :text=\"CompanyInfo.ztpf\"\r\n id=\"yellow\"\r\n >{{ CompanyInfo.ztpf }}\r\n <span style=\"font-size: 18px; color: #fff\">吨碳</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\" id=\"textleft\"\r\n >2022年度总用电量</span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600; margin-left: 30px\"\r\n class=\"numText\"\r\n id=\"orange\"\r\n :text=\"CompanyInfo.zydl\"\r\n >{{ CompanyInfo.zydl }}\r\n <span style=\"font-size: 18px; color: #fff\">kwh</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\" id=\"textleft\"\r\n >2022年度客户总数</span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600; margin-left: 30px\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.khzs\"\r\n >{{ CompanyInfo.khzs }}\r\n <span style=\"font-size: 18px; color: #fff\">人</span>\r\n </span>\r\n </div>\r\n </div>\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\" @click=\"routerTo('农村生活污水治理设备电量分析')\">\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\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>农村生活污水治理设备电量分析</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n <!-- <div 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\r\n <div class=\"content3\">\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >年度总用电量 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.xczydl\"\r\n >{{ CompanyInfo.xczydl }}\r\n <span style=\"font-size: 18px; color: #fff\">万kwh</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >最大设备规模 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"orange\"\r\n :text=\"CompanyInfo.zdsbgm\"\r\n >{{ CompanyInfo.zdsbgm }}\r\n <span style=\"font-size: 18px; color: #fff\">吨/日</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >最小设备规模 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.zxsbgm\"\r\n >{{ CompanyInfo.zxsbgm }}\r\n <span style=\"font-size: 18px; color: #fff\">吨/日</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div id=\"detailen\"></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\r\n class=\"cartitle\"\r\n @click=\"routerTo('数字化排涝抗旱辅助及检修辅助决策')\"\r\n >\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>数字化排涝抗旱辅助及检修辅助决策</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content3\">\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >辖区管理供电所 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.glgds\"\r\n >{{ CompanyInfo.glgds }}\r\n <span style=\"font-size: 18px; color: #fff\">个</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >辖区管理台区 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"orange\"\r\n :text=\"CompanyInfo.gltq\"\r\n >{{ CompanyInfo.gltq }}\r\n <span style=\"font-size: 18px; color: #fff\">个</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >自然村 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.zrc\"\r\n >{{ CompanyInfo.zrc }}\r\n <span style=\"font-size: 18px; color: #fff\">条</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div id=\"shuzihua\"></div>\r\n </div>\r\n </div>\r\n <div class=\"realTimeAlarm\" v-show=\"realTimeAlarmShow\">\r\n <div class=\"content3\">\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\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=\"content3\">\r\n <div class=\"table user_skills\">\r\n <el-table\r\n :data=\"alarmInformationData\"\r\n style=\"width: 100%; height: 100%\"\r\n :header-cell-style=\"{ 'text-align': 'center' }\"\r\n :cell-style=\"{ 'text-align': 'center' }\"\r\n :row-class-name=\"rowClass\"\r\n >\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\r\n prop=\"cabinet_name\"\r\n label=\"告警位置\"\r\n align=\"center\"\r\n >\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\r\n @current-change=\"handleCurrentChange\"\r\n :current-page=\"page\"\r\n :page-size=\"pageSize\"\r\n layout=\"prev, pager, next\"\r\n :total=\"totals\"\r\n v-if=\"pageShow\"\r\n >\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\r\n class=\"componentShow\"\r\n style=\"display: block; height: calc(100% - 100px); top: 100px\"\r\n v-if=\"lineItem != null\"\r\n >\r\n <component :is=\"lineShow\" :lineItem=\"lineItem\"></component>\r\n </div> -->\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\nimport {\r\n getCompanyInfo,\r\n getLine,\r\n getBanzugz,\r\n getGdtj,\r\n getDwbzgz,\r\n getGdsgdzl,\r\n getPbtyqk,\r\n getCabinetInfo,\r\n getCabinetList,\r\n getfaultReportList,\r\n getCabinetAlarmList,\r\n} from \"../api/index.js\";\r\n//引入echarts\r\nimport * as echarts from \"echarts\";\r\n// 工单统计弹窗组件\r\nimport workOrder from \"../component/workOrder.vue\";\r\n// import 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 hsgst: \"3.4\",\r\n rlst: \"0.01\",\r\n nlst: \"0.44\",\r\n xms: \"9.279\",\r\n ysfyzh: \"118.5\",\r\n jhs: \"44\",\r\n sdpbsl: \"12\",\r\n jdpbsl: \"7\",\r\n fhgzpb: \"87\",\r\n ygdkkx: \"99.95\",\r\n pjtdpc: \"0.39\",\r\n pjtdsj: \"0.37\",\r\n ztpf: \"108.3万\",\r\n zydl: \"39.83亿\",\r\n khzs: \"4968\",\r\n xczydl: \"723.6\",\r\n zdsbgm: \"1250\",\r\n zxsbgm: \"3673\",\r\n glgds: \"10\",\r\n gltq: \"13884\",\r\n zrc: \"306\",\r\n },\r\n tableData: [],\r\n btnArr: [\"总览\", \"环网柜\", \"分支箱\", \"箱变\", \"开闭所\"],\r\n btnActive: 0,\r\n iconGround: [\r\n {\r\n icon: require(\"@/assets/images/huanwanggui.png\"),\r\n name: \"环网柜\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/fenzhixiang.png\"),\r\n name: \"分支箱\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/xiangbian.png\"),\r\n name: \"箱变\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/kaibisuo.png\"),\r\n name: \"开闭所\",\r\n },\r\n ],\r\n btnEnlarge: [\r\n {\r\n icon: require(\"@/assets/images/btnTiShi.png\"),\r\n },\r\n {\r\n icon: require(\"@/assets/images/btnFangDa.png\"),\r\n },\r\n ],\r\n btnEnlarge1: [\r\n {\r\n icon: require(\"@/assets/images/btnTiShi.png\"),\r\n },\r\n {\r\n icon: require(\"@/assets/images/suoxiao.png\"),\r\n },\r\n ],\r\n options: [\r\n {\r\n value: \"\",\r\n label: \"\",\r\n },\r\n ],\r\n value: \"\",\r\n topContent: [\r\n {\r\n name: \"配变数量\",\r\n count: \"\",\r\n },\r\n {\r\n name: \"重复停运台次\",\r\n count: \"\",\r\n },\r\n {\r\n name: \"配变重复停运率\",\r\n count: \"\",\r\n },\r\n ],\r\n device: \"\",\r\n tableData: [],\r\n tableKey: +new Date(),\r\n scrollTop: 0, //table距离顶部距离\r\n option: null,\r\n myChartBin: null,\r\n\r\n gongdanList: [\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"频繁停电\",\r\n total: 0,\r\n },\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"处理时间长\",\r\n total: 0,\r\n },\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"运检类投诉\",\r\n total: 0,\r\n },\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"运检类意见\",\r\n total: 0,\r\n },\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"民事赔偿\",\r\n total: 0,\r\n },\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"多次停电\",\r\n total: 0,\r\n },\r\n ],\r\n\r\n // 工单\r\n orderItem: null,\r\n\r\n orderShow: \"\",\r\n // 线路故障明细\r\n routeItem: null,\r\n routeShow: \"\",\r\n\r\n // 配电线路\r\n lineItem: null,\r\n lineShow: \"\",\r\n timer: null, //定时器\r\n emergencyList: [], //告警数据\r\n rowTime: \"\",\r\n };\r\n },\r\n created() {},\r\n mounted() {\r\n // this.beginShowing();\r\n // 监听浏览器窗口大小变化\r\n window.onresize = () => {\r\n clearInterval(this.myTimer);\r\n this.beginShowing();\r\n };\r\n window.parent.getLoc();\r\n this.xianDuan();\r\n this.detailedTwo11();\r\n this.horizontalChart();\r\n this.detailedOne();\r\n this.barCharts();\r\n this.detailedFive();\r\n this.shuzihuaCharts();\r\n this.roseCharts();\r\n this.detailen1();\r\n // this.handleDate(0);\r\n\r\n let that = this;\r\n\r\n // //历史故障接口\r\n // let faultData = {\r\n // token: localStorage.getItem(\"token\"),\r\n // pageSize: \"500\",\r\n // page: \"1\",\r\n // };\r\n },\r\n // beforeDestroy() {\r\n // this.dataDestroy(); // 页面摧毁前，关闭定时器\r\n // },\r\n beforeDestroy() {\r\n // 离开当前路由前的操作\r\n clearInterval(this.timer);\r\n this.timer = null;\r\n },\r\n methods: {\r\n //地图画线\r\n xianDuan() {\r\n var canvas = document.getElementById(\"myCanvas\");\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.moveTo(650, 450); // moveTo(x,y) 定义线条开始坐标\r\n ctx.lineTo(735, 250); // lineTo(x,y) 定义线条结束坐标\r\n ctx.strokeStyle = \"orange\";\r\n ctx.lineWidth = 3;\r\n ctx.stroke();\r\n },\r\n routerTo(data) {\r\n if (data == \"盐城地区分布光伏运行监测\") {\r\n this.$router.push(\"/stationBuilding\");\r\n }\r\n if (data == \"盐城东台区供电所数字化分析\") {\r\n this.$router.push(\"/twentyKV\");\r\n }\r\n if (data == \"配网工程全过程物资审计\") {\r\n this.$router.push(\"/thirtyFiveKV\");\r\n }\r\n if (data == \"盐城供电公司配网电能质量管控\") {\r\n this.$router.push(\"/powerQualityControl\");\r\n }\r\n if (data == \"乡村振兴电力综合指数\") {\r\n this.$router.push(\"/ruralRevitalizationPower\");\r\n }\r\n if (data == \"两高行业企业污染监测\") {\r\n this.$router.push(\"/enterprisePollutionMonitoring\");\r\n }\r\n if (data == \"农村生活污水治理设备电量分析\") {\r\n this.$router.push(\"/ruralDomesticSewageTreatment\");\r\n }\r\n if (data == \"数字化排涝抗旱辅助及检修辅助决策\") {\r\n this.$router.push(\"/digitalFloodDrainageDroughtRelief\");\r\n }\r\n },\r\n detailen1() {\r\n var fontColor = \"#30eee9\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailen\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n },\r\n grid: {\r\n left: \"0%\", //图表距离容器左侧多少距离\r\n right: \"10%\", //图表距离容器右侧侧多少距离\r\n bottom: \"20%\", //图表距离容器上面多少距离\r\n top: \"10%\", //图表距离容器下面多少距离\r\n containLabel: true, //防止标签溢出\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n },\r\n\r\n data: [\"电量KWH\"],\r\n },\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n data: [\r\n \"安丰镇\",\r\n \"草堰镇\",\r\n \"龙岗镇\",\r\n \"新丰镇\",\r\n \"伍佑街道\",\r\n \"步凤镇\",\r\n ],\r\n axisLabel: {\r\n show: true,\r\n textStyle: {\r\n color: \"#ffffff\",\r\n fontSize: 18,\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 fontSize: 18,\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"电量kwh\",\r\n type: \"bar\",\r\n barWidth: 40, // 柱子宽度核心代码，\r\n itemStyle: {\r\n normal: {\r\n color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"rgba(2,255,255,.1)\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"rgb(2,255,255)\",\r\n },\r\n ]),\r\n label: {\r\n show: true, //开启显示\r\n position: \"top\", //在上方显示\r\n formatter: function (params) {\r\n //核心部分 formatter 可以为字符串也可以是回调\r\n if (params.value) {\r\n //如果当前值存在则拼接\r\n return params.value + \"万\";\r\n } else {\r\n //否则返回个空\r\n return \"\";\r\n }\r\n },\r\n textStyle: {\r\n //数值样式\r\n color: \"#00ffff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n data: [320, 332, 301, 334, 390, 288, 299],\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n //班组\r\n getbanzhu() {\r\n getBanzugz({\r\n action: \"detail\",\r\n }).then((res) => {\r\n console.log(res, \"班组故障详情\");\r\n for (let i = 0; i < res.data.data.length; i++) {\r\n if (res.data.data[i].gz_time_deal) {\r\n let date = new Date(res.data.data[i].gz_time_deal);\r\n res.data.data[i].gz_time_deal =\r\n this.$moment(date).format(\"YYYY-MM-DD HH:mm\");\r\n // console.log(res.data.data[i].gz_time_deal,'转换后');\r\n }\r\n if (res.data.data[i].gz_time) {\r\n let time = new Date(res.data.data[i].gz_time);\r\n res.data.data[i].gz_time =\r\n this.$moment(time).format(\"YYYY-MM-DD HH:mm\");\r\n }\r\n this.tableData.push(res.data.data[i]);\r\n }\r\n });\r\n },\r\n //工单\r\n getGongdan() {\r\n getGdtj({ action: \"tongji\" }).then((res) => {\r\n console.log(res, \"工单统计数据\");\r\n let dataList = res.data.data;\r\n\r\n for (let i = 0; i < this.gongdanList.length; i++) {\r\n for (let j = 0; j < res.data.data.length; j++) {\r\n if (\r\n this.gongdanList[i].gd_type_name == res.data.data[j].gd_type_name\r\n ) {\r\n this.gongdanList[i].total = res.data.data[j].total;\r\n this.gongdanList[i].gd_type_id = res.data.data[j].gd_type_id;\r\n }\r\n }\r\n }\r\n // this.gongdanList = res.data.data;\r\n this.detailedThree(dataList);\r\n // this.$nextTick(() => {\r\n // this.detailedThree(dataList);\r\n // setInterval(() => {\r\n // this.doing();\r\n // }, 200);\r\n // });\r\n });\r\n },\r\n // //表格第一行颜色\r\n rowClass(row, rowIndex) {\r\n if (row.rowIndex === 0) {\r\n return \"rowColor0\";\r\n } else {\r\n return \"\";\r\n }\r\n },\r\n //切换当前页\r\n handleCurrentChange(val) {\r\n this.page = val;\r\n let tableData = [];\r\n if (this.emergencyList.length != 0) {\r\n tableData = this.emergencyList;\r\n if (val == 1) {\r\n this.alarmInformationData = tableData.slice(0, 10);\r\n document.getElementsByClassName(\"rowColor0\")[0].style.display = \"\";\r\n } else if (val == 2) {\r\n document.getElementsByClassName(\"rowColor0\")[0].style.display =\r\n \"none\";\r\n this.alarmInformationData = tableData.slice(10, 20);\r\n } else if (val == 3) {\r\n this.alarmInformationData = tableData.slice(20, 30);\r\n document.getElementsByClassName(\"rowColor0\")[0].style.display =\r\n \"none\";\r\n } else if (val == 4) {\r\n this.alarmInformationData = tableData.slice(30, 40);\r\n document.getElementsByClassName(\"rowColor0\")[0].style.display =\r\n \"none\";\r\n } else if (val == 5) {\r\n this.alarmInformationData = tableData.slice(40, 50);\r\n document.getElementsByClassName(\"rowColor0\")[0].style.display =\r\n \"none\";\r\n }\r\n } else {\r\n return false;\r\n }\r\n },\r\n // 线路详情弹窗\r\n openLineDetail(e) {\r\n // console.log(e);\r\n // var line = e + ''\r\n // console.log(line);\r\n getLine({ action: \"pdxl\" }).then(({ data }) => {\r\n console.log(data);\r\n this.lineShow = \"lineDetail\";\r\n this.lineItem = data.data;\r\n });\r\n },\r\n // 线路故障跳闸明细弹窗\r\n rowHandle(e) {\r\n // console.log(e, \"参数\");\r\n this.routeItem = e;\r\n this.routeShow = \"routeDetail\";\r\n // console.log(this.routeItem,'线路组件名称');\r\n },\r\n // 工单统计的弹窗\r\n openGdDetail(item) {\r\n this.orderItem = item;\r\n this.orderShow = \"workOrder\";\r\n },\r\n // 鼠标进入表格\r\n // mouseover() {\r\n // clearInterval(this.myTimer);\r\n // },\r\n // 鼠标离开表格\r\n mouseout() {\r\n this.roll();\r\n },\r\n //调用unity方法\r\n handleUnity(index, item) {\r\n this.btnActive = index;\r\n this.$refs.iframe.contentWindow.handleChange(item);\r\n },\r\n //选择线路\r\n selectLine(value) {\r\n getLine({\r\n action: \"query\",\r\n line_code: value,\r\n }).then((res) => {\r\n // console.log(res,'选择线路');\r\n if (res.data.data != 0 && res.data.data != null) {\r\n this.$refs.iframe.contentWindow.handleChangeLine(\r\n res.data.data.line_name\r\n );\r\n } else if (res.data.data == null) {\r\n this.$refs.iframe.contentWindow.handleChangeLine(\"\");\r\n }\r\n });\r\n },\r\n detailedOne() {\r\n let myChart = this.$echarts.init(document.getElementById(\"detailedOne\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n },\r\n\r\n data: [\"配变停电\"],\r\n },\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n data: [\r\n \"亭湖区\",\r\n \"东台市\",\r\n \"建湖县\",\r\n \"阜宁县\",\r\n \"响水县\",\r\n \"滨海县\",\r\n \"射阳县\",\r\n \"大丰区\",\r\n ],\r\n axisLabel: {\r\n show: true,\r\n textStyle: {\r\n color: \"#ffffff\",\r\n fontSize: 16,\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 fontSize: 16,\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"配变停电\",\r\n type: \"bar\",\r\n barWidth: 40, // 柱子宽度核心代码，\r\n itemStyle: {\r\n normal: {\r\n color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"rgba(2,255,255,.1)\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"rgb(2,255,255)\",\r\n },\r\n ]),\r\n label: {\r\n show: true, //开启显示\r\n position: \"top\", //在上方显示\r\n textStyle: {\r\n //数值样式\r\n color: \"#00ffff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n data: [5109, 5520, 5354, 5511, 4789, 5254, 5411, 4889],\r\n },\r\n ],\r\n };\r\n\r\n myChart.setOption(option);\r\n\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n shuzihuaCharts() {\r\n let myChart = this.$echarts.init(document.getElementById(\"shuzihua\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"cross\",\r\n crossStyle: {\r\n color: \"#999\",\r\n },\r\n },\r\n },\r\n grid: {\r\n left: \"5%\", //图表距离容器左侧多少距离\r\n right: \"8%\", //图表距离容器右侧侧多少距离\r\n bottom: \"20%\", //图表距离容器上面多少距离\r\n top: \"15%\", //图表距离容器下面多少距离\r\n containLabel: true, //防止标签溢出\r\n },\r\n legend: [\r\n {\r\n x: \"center\",\r\n data: [\r\n \"投运15年以上设备数量\",\r\n \"统计时间所辖线路设备数量\",\r\n \"设备老化占比\",\r\n ],\r\n textStyle: {\r\n fontSize: 18,\r\n color: \"#fff\",\r\n },\r\n },\r\n ],\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n data: [\r\n \"10kv星雨线163\",\r\n \"10kv智谋线183\",\r\n \"10kv朝阳线164\",\r\n \"10kv杨庄线181\",\r\n \"10kv森达线174\",\r\n ],\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n axisLabel: {\r\n rotate: -15, //60度角倾斜显示\r\n interval: 0, //横轴信息全部显示\r\n color: \"#fff\",\r\n fontSize: 20,\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n min: 0,\r\n max: 160,\r\n interval: 40,\r\n axisLabel: {\r\n textStyle: {\r\n fontSize: \"18\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n {\r\n type: \"value\",\r\n min: 0,\r\n max: 80,\r\n interval: 20,\r\n axisLabel: {\r\n formatter: \"{value}%\",\r\n textStyle: {\r\n fontSize: \"18\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"投运15年以上设备数量\",\r\n type: \"bar\",\r\n tooltip: {\r\n valueFormatter: function (value) {\r\n return value;\r\n },\r\n },\r\n itemStyle: {\r\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n { offset: 1, color: \"rgba(255,255,0,.2) \" },\r\n { offset: 0.5, color: \"rgb(255,255,0,.6)\" },\r\n { offset: 0, color: \"rgb(255,255,0)\" },\r\n ]),\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n data: [55, 66, 89, 113, 123],\r\n },\r\n {\r\n name: \"统计时间所辖线路设备数量\",\r\n type: \"bar\",\r\n tooltip: {\r\n valueFormatter: function (value) {\r\n return value;\r\n },\r\n },\r\n itemStyle: {\r\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n { offset: 1, color: \"rgba(2,255,255,.2) \" },\r\n { offset: 0.5, color: \"rgb(2,255,255,.6)\" },\r\n { offset: 0, color: \"rgb(2,255,255)\" },\r\n ]),\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n data: [46, 56, 99, 103, 123],\r\n },\r\n {\r\n name: \"设备老化占比\",\r\n type: \"line\",\r\n yAxisIndex: 1,\r\n tooltip: {\r\n valueFormatter: function (value) {\r\n return value;\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: \"orange\",\r\n lineStyle: {\r\n color: \"orange\",\r\n },\r\n },\r\n },\r\n data: [20, 40, 60, 80, 67],\r\n },\r\n ],\r\n };\r\n\r\n myChart.setOption(option);\r\n\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedTwo() {\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo1\"));\r\n var option = {\r\n xAxis: {\r\n type: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: fontColor,\r\n },\r\n axisLine: {\r\n show: true,\r\n lineStyle: {\r\n color: \"#397cbc\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#195384\",\r\n },\r\n },\r\n data: [\r\n \"0:00\",\r\n \"3:00\",\r\n \"6:00\",\r\n \"9:00\",\r\n \"12:00\",\r\n \"15:00\",\r\n \"18:00\",\r\n \"21:00\",\r\n \"24:00\",\r\n ],\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"单位：kw\",\r\n min: 0,\r\n max: 1000,\r\n show: true,\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n axisLabel: {\r\n formatter: \"{value}\",\r\n textStyle: {\r\n color: \"#2ad1d2\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#27b4c2\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n data: [720, 632, 801, 734, 470, 670, 720, 123, 567],\r\n type: \"line\",\r\n symbol: \"none\",\r\n lineStyle: {\r\n color: \"#00ffff\",\r\n width: 2,\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: \"00ffff\",\r\n lineStyle: {\r\n color: \"00ffff\",\r\n width: 3,\r\n type: \"solid\",\r\n },\r\n },\r\n },\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedTwo11() {\r\n var fontColor = \"#30eee9\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo1\"));\r\n var option = {\r\n xAxis: {\r\n type: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: fontColor,\r\n },\r\n axisLine: {\r\n show: true,\r\n lineStyle: {\r\n color: \"#397cbc\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#195384\",\r\n },\r\n },\r\n data: [\r\n \"0:00\",\r\n \"3:00\",\r\n \"6:00\",\r\n \"9:00\",\r\n \"12:00\",\r\n \"15:00\",\r\n \"18:00\",\r\n \"21:00\",\r\n \"24:00\",\r\n ],\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"单位：kw\",\r\n min: 0,\r\n max: 1000,\r\n show: true,\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n axisLabel: {\r\n formatter: \"{value}\",\r\n textStyle: {\r\n color: \"#2ad1d2\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#27b4c2\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n data: [720, 632, 801, 734, 470, 670, 720, 123, 567],\r\n type: \"line\",\r\n symbol: \"none\",\r\n lineStyle: {\r\n color: \"#00ffff\",\r\n width: 2,\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: \"00ffff\",\r\n lineStyle: {\r\n color: \"00ffff\",\r\n width: 3,\r\n type: \"solid\",\r\n },\r\n },\r\n },\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n horizontalChart() {\r\n var myChart = this.$echarts.init(\r\n document.getElementById(\"horizontalChart\")\r\n );\r\n var honorData = [\r\n {\r\n name: \"60天内掉电客户数\",\r\n data: [13.4, 12.1, 14.3],\r\n },\r\n {\r\n name: \"60天内掉电总数\",\r\n data: [9.4, 8.1, 7.3],\r\n },\r\n ];\r\n var honorXAxisData = [\"No.3\", \"No.2\", \"No.1\"];\r\n var nameList = [\r\n \"PMS_晨光满园9台区\",\r\n \"滨河华苑3台区\",\r\n \"PMS_晨光满园11台区\",\r\n ];\r\n var option = {\r\n color: [\"#0F9AF8\", \"#2039C3\", \"rgba(32,57,195,.5)\", \"#2ECACE\"],\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"none\",\r\n },\r\n },\r\n legend: {\r\n right: 20,\r\n top: \"5%\",\r\n itemWidth: 10,\r\n itemHeight: 10,\r\n itemGap: 15,\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n grid: {\r\n top: \"15%\",\r\n left: \"14%\",\r\n right: \"0%\",\r\n bottom: \"0%\",\r\n },\r\n xAxis: [\r\n {\r\n type: \"value\",\r\n show: false,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: \"#6B9DD7\",\r\n fontSize: 16, // 文字大小\r\n fontWeight: 400,\r\n interval: 0,\r\n formatter: function (value) {\r\n return value + \"(万元)\";\r\n },\r\n },\r\n splitLine: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"category\",\r\n offset: 17,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: \"#00FFFF\",\r\n fontSize: 20, // 文字大小\r\n fontWeight: 700,\r\n interval: 0,\r\n },\r\n\r\n data: honorXAxisData,\r\n },\r\n {\r\n //名称\r\n type: \"category\",\r\n offset: -10,\r\n position: \"left\",\r\n axisLine: {\r\n show: false,\r\n },\r\n inverse: true,\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n color: \"#fff\",\r\n align: \"left\",\r\n verticalAlign: \"bottom\",\r\n lineHeight: 40,\r\n fontSize: 20,\r\n },\r\n data: nameList,\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"60天内掉电客户数\",\r\n type: \"bar\",\r\n stack: \"zongliang\",\r\n barWidth: \"25%\",\r\n barMinHeight: 20,\r\n barGap: 15, // 柱图之间的间距\r\n itemStyle: {\r\n //自定义颜色\r\n // normal: { color: \"orange\" },\r\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"rgba(255,165,0,.2)\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"rgb(255,165,0)\",\r\n },\r\n ]),\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: [\"80%\", \"-100%\"],\r\n formatter: function (params) {\r\n return params.value;\r\n },\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n\r\n data: honorData[0].data,\r\n },\r\n {\r\n name: \"60天内掉电总数\",\r\n type: \"bar\",\r\n stack: \"zongliang\",\r\n barWidth: \"25%\",\r\n barMinHeight: 20,\r\n itemStyle: {\r\n //自定义颜色\r\n // normal: { color: \"orange\" },\r\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"#005BEA\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"#00C6FB\",\r\n },\r\n ]),\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: [\"80%\", \"-100%\"],\r\n formatter: function (params) {\r\n return params.value;\r\n },\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n data: honorData[1].data,\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n 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 {\r\n type: \"pie\",\r\n radius: [\"80\", \"120\"],\r\n center: [\"50%\", \"50%\"],\r\n color: [\"#80C269\", \"#00FFFF\", \"#0090F1\", \"#FFA800\", \"#4658F6\"],\r\n itemStyle: {\r\n normal: {\r\n borderWidth: 5,\r\n borderColor: \"#031845\",\r\n },\r\n },\r\n data: [\r\n {\r\n value: 27,\r\n name: \"国网大丰市供电公司\",\r\n },\r\n {\r\n value: 30,\r\n name: \"国网射阳县供电公司\",\r\n },\r\n {\r\n value: 24,\r\n name: \"开发区供电服务中心\",\r\n },\r\n {\r\n value: 27,\r\n name: \"盐城运维检修部\",\r\n },\r\n {\r\n value: 27,\r\n name: \"设备管理部\",\r\n },\r\n {\r\n value: 27,\r\n name: \"国网响水县供电公司\",\r\n },\r\n ],\r\n labelLine: {\r\n normal: {\r\n show: true,\r\n length: 20,\r\n length2: 10,\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: 20,\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: 20,\r\n align: \"center\",\r\n padding: 4,\r\n color: \"#fff\",\r\n },\r\n },\r\n },\r\n },\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n roseCharts() {\r\n var myChart = this.$echarts.init(document.getElementById(\"roseCharts\"));\r\n var option = {\r\n color: [\r\n \"#EAEA26\",\r\n \"#906BF9\",\r\n \"#FE5656\",\r\n \"#01E17E\",\r\n \"#3DD1F9\",\r\n \"#FFAD05\",\r\n ],\r\n 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\r\n polar: {},\r\n angleAxis: {\r\n interval: 1,\r\n type: \"category\",\r\n data: [],\r\n z: 10,\r\n axisLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#0B4A6B\",\r\n width: 1,\r\n type: \"solid\",\r\n },\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n show: true,\r\n color: \"#0B4A6B\",\r\n margin: 8,\r\n fontSize: 16,\r\n },\r\n },\r\n radiusAxis: {\r\n min: 40,\r\n max: 120,\r\n interval: 20,\r\n axisLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#0B3E5E\",\r\n width: 1,\r\n type: \"solid\",\r\n },\r\n },\r\n axisLabel: {\r\n formatter: \"{value} %\",\r\n show: false,\r\n padding: [0, 0, 20, 0],\r\n color: \"#0B3E5E\",\r\n fontSize: 16,\r\n },\r\n splitLine: {\r\n lineStyle: {\r\n color: \"#0B3E5E\",\r\n width: 2,\r\n type: \"solid\",\r\n },\r\n },\r\n },\r\n calculable: true,\r\n series: [\r\n {\r\n type: \"pie\",\r\n radius: [\"5%\", \"10%\"],\r\n hoverAnimation: false,\r\n labelLine: {\r\n normal: {\r\n show: false,\r\n length: 30,\r\n length2: 55,\r\n },\r\n emphasis: {\r\n show: false,\r\n },\r\n },\r\n data: [\r\n {\r\n name: \"\",\r\n value: 0,\r\n itemStyle: {\r\n normal: {\r\n color: \"#0B4A6B\",\r\n },\r\n },\r\n },\r\n ],\r\n },\r\n {\r\n type: \"pie\",\r\n radius: [\"90%\", \"95%\"],\r\n hoverAnimation: false,\r\n labelLine: {\r\n normal: {\r\n show: false,\r\n length: 30,\r\n length2: 55,\r\n },\r\n emphasis: {\r\n show: false,\r\n },\r\n },\r\n name: \"\",\r\n data: [\r\n {\r\n name: \"\",\r\n value: 0,\r\n itemStyle: {\r\n normal: {\r\n color: \"#0B4A6B\",\r\n },\r\n },\r\n },\r\n ],\r\n },\r\n {\r\n stack: \"a\",\r\n type: \"pie\",\r\n radius: [\"20%\", \"80%\"],\r\n roseType: \"area\",\r\n zlevel: 10,\r\n label: {\r\n normal: {\r\n show: true,\r\n formatter: \"{b} {d} %\",\r\n textStyle: {\r\n fontSize: 20,\r\n color: \"#fff\",\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: 35,\r\n borderWidth: 4,\r\n },\r\n emphasis: {\r\n show: false,\r\n },\r\n },\r\n data: [\r\n {\r\n value: 15,\r\n name: \"东台市\",\r\n },\r\n {\r\n value: 7,\r\n name: \"阜宁县\",\r\n },\r\n {\r\n value: 14,\r\n name: \"盐都区\",\r\n },\r\n {\r\n value: 23,\r\n name: \"滨海县\",\r\n },\r\n {\r\n value: 18,\r\n name: \"建湖县\",\r\n },\r\n {\r\n value: 35,\r\n name: \"射阳县\",\r\n },\r\n {\r\n value: 31,\r\n name: \"大丰区\",\r\n },\r\n {\r\n value: 28,\r\n name: \"响水县\",\r\n },\r\n {\r\n value: 36,\r\n name: \"亭湖区\",\r\n },\r\n ],\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedThree(dataList) {\r\n // console.log(this.threeImg,'图片');\r\n // var equipment = [dataList.yjlts, dataList.yjlyj];\r\n var that = this;\r\n // console.log(that,'指向');\r\n var colorList = [\r\n \"#0090ff\",\r\n \"#06d3c4\",\r\n \"#66b0ed\",\r\n \"#7cb79d\",\r\n \"#2361b4\",\r\n \"rgb(198,123,244)\",\r\n ];\r\n var colorList1 = [\"rgb(198,123,244)\", \"#2361b4\"];\r\n // 饼图数据\r\n var threeList = dataList.map((ele) => {\r\n return { name: ele.gd_type_name, value: ele.total };\r\n });\r\n // console.log(threeList, \"饼图数据\");\r\n // var legendData = dataList.concat(\r\n // {\r\n // value: equipment[0],\r\n // name: \"运检类投诉\",\r\n // },\r\n // {\r\n // value: equipment[1],\r\n // name: \"运检类意见\",\r\n // }\r\n // );\r\n this.myChartBin = this.$echarts.init(\r\n document.getElementById(\"detailedThree\")\r\n );\r\n // var graphicList = [];\r\n // legendData.forEach((ele, index) => {\r\n // if (index <= 2) {\r\n // graphicList.push({\r\n // type: \"image\",\r\n // style: {\r\n // image: this.threeImg,\r\n // width: 164,\r\n // height: 41,\r\n // x: 250,\r\n // y: 55 * (index + 1),\r\n // },\r\n // });\r\n // } else {\r\n // graphicList.push({\r\n // type: \"image\",\r\n // style: {\r\n // image: this.threeImg,\r\n // width: 164,\r\n // height: 41,\r\n // x: 424,\r\n // y: 55 * (index - 2),\r\n // },\r\n // });\r\n // }\r\n // });\r\n this.option = {\r\n borderColor: \"none\",\r\n\r\n tooltip: {\r\n formatter: function (param) {\r\n if (param.data.type == null) {\r\n return param.data.name + \":\" + param.value + \"个\";\r\n } else {\r\n return param.data.name + \":\" + param.value + \"个\";\r\n }\r\n },\r\n },\r\n\r\n legend: {\r\n icon: \"pin\",\r\n // height: 90,\r\n top: 20,\r\n show: false,\r\n // bottom:0,\r\n // itemGap: 40,\r\n // lineHeight: 80,\r\n // padding: [30, 0, 30, 0],\r\n // right: '20%',\r\n // orient: \"vertical\", //垂直显示\r\n x: \"center\", //延Y轴居中\r\n data: dataList.map((ele) => {\r\n return ele.gd_type_name;\r\n }),\r\n textStyle: {\r\n color: \"#ffffff\",\r\n fontSize: 15,\r\n\r\n // width:20,\r\n // height:60,\r\n },\r\n },\r\n series: [\r\n {\r\n name: \"\",\r\n type: \"pie\",\r\n radius: [0, \"70%\"],\r\n center: [\"50%\", \"50%\"],\r\n startAngle: 60, //默认角度\r\n label: {\r\n position: \"inner\",\r\n show: false,\r\n },\r\n\r\n itemStyle: {\r\n normal: {\r\n borderColor: \"none\",\r\n borderWidth: 2,\r\n fontSize: 16,\r\n color: function (params) {\r\n return colorList[params.dataIndex];\r\n },\r\n },\r\n },\r\n\r\n selectedMode: \"single\",\r\n data: threeList,\r\n },\r\n // {\r\n // name: \"运检类\",\r\n // type: \"pie\",\r\n // radius: [\"70%\", \"80%\"],\r\n // center: [\"20%\", \"50%\"],\r\n // startAngle: 30,\r\n // itemStyle: {\r\n // normal: {\r\n // fontSize: 16,\r\n // color: function (params) {\r\n // return colorList1[params.dataIndex];\r\n // },\r\n // // color:'#F4C907',\r\n // },\r\n // },\r\n // label: {\r\n // normal: {\r\n // formatter: function (params) {\r\n // return params.data.name + \":\" + params.data.type + \"个\";\r\n // },\r\n // color: \"auto\",\r\n // show: false,\r\n // fontSize: 16,\r\n // },\r\n // },\r\n\r\n // data: [\r\n // {\r\n // value: equipment[0],\r\n // name: \"运检类投诉\",\r\n // type: equipment[0],\r\n // },\r\n // {\r\n // value: equipment[1],\r\n // name: \"运检类意见\",\r\n // type: equipment[1],\r\n // },\r\n // ],\r\n // animation: false,\r\n // },\r\n ],\r\n };\r\n this.myChartBin.setOption(this.option);\r\n window.addEventListener(\"resize\", () => {\r\n this.myChartBin.resize();\r\n });\r\n },\r\n doing() {\r\n this.option.series[0].startAngle = this.option.series[0].startAngle - 5;\r\n this.option.series[1].startAngle = this.option.series[1].startAngle - 5;\r\n this.myChartBin.setOption(this.option);\r\n },\r\n detailedFour(dataList) {\r\n let yearBzData = [];\r\n let yearChcg = [];\r\n let yearChbc = [];\r\n let yearWchz = [];\r\n let yearJieDi = [];\r\n let yearFenJi = [];\r\n for (let i = 0; i < dataList.length; i++) {\r\n yearBzData.push(dataList[i].bz);\r\n yearChcg.push(dataList[i].chcg);\r\n yearChbc.push(dataList[i].chbc);\r\n yearWchz.push(dataList[i].wchz);\r\n yearJieDi.push(dataList[i].jd);\r\n yearFenJi.push(dataList[i].fjbh);\r\n }\r\n // console.log(yearJieDi,'接地数据');\r\n let that = this;\r\n let myChart = this.$echarts.init(document.getElementById(\"detailedFour\"));\r\n var option = {\r\n tooltip: {\r\n axisPointer: {\r\n type: \"shadow\",\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 16,\r\n },\r\n },\r\n },\r\n grid: {\r\n borderWidth: 0,\r\n top: 30,\r\n bottom: \"17%\",\r\n left: \"6%\",\r\n right: \"6%\",\r\n textStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n legend: {\r\n icon: \"rect\",\r\n right: \"4%\",\r\n textStyle: {\r\n color: \"#ffffff\",\r\n },\r\n data: [\"重合成功\", \"重合不成\", \"无重合闸\", \"接地\", \"分级保护\"],\r\n },\r\n calculable: true,\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n trigger: \"axis\",\r\n axisLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#fff\",\r\n fontSize: 16,\r\n },\r\n },\r\n splitLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitArea: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n fontSize: 14,\r\n rotate: 30,\r\n },\r\n data: yearBzData,\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n color: \"rgb(83,83,83)\",\r\n fontSize: 16,\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n fontSize: 16,\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n },\r\n splitArea: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"重合成功\",\r\n type: \"bar\",\r\n stack: \"Total1\",\r\n barMaxWidth: 15,\r\n barGap: \"10%\",\r\n label: {\r\n show: true,\r\n formatter: function (params) {\r\n if (params.value == 0) {\r\n return \"\";\r\n } else {\r\n return params.value;\r\n }\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n {\r\n offset: 0,\r\n color: \"rgba(194,190,190,2)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgb(194,190,190)\",\r\n },\r\n ]),\r\n borderColor: new that.$echarts.graphic.LinearGradient(\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n [\r\n {\r\n offset: 0,\r\n color: \"rgba(194,190,190,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(194,190,190,0)\",\r\n },\r\n ]\r\n ),\r\n },\r\n },\r\n data: yearChcg,\r\n },\r\n {\r\n name: \"重合不成\",\r\n type: \"bar\",\r\n barMaxWidth: 15,\r\n stack: \"Total1\",\r\n label: {\r\n show: true,\r\n formatter: function (params) {\r\n if (params.value == 0) {\r\n return \"\";\r\n } else {\r\n return params.value;\r\n }\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n {\r\n offset: 0,\r\n color: \"rgba(86,254,226,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(86,254,226,0)\",\r\n },\r\n ]),\r\n borderColor: new that.$echarts.graphic.LinearGradient(\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n [\r\n {\r\n offset: 0,\r\n color: \"rgba(86,254,226,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(86,254,226,0)\",\r\n },\r\n ]\r\n ),\r\n },\r\n },\r\n data: yearChbc,\r\n },\r\n {\r\n name: \"无重合闸\",\r\n type: \"bar\",\r\n barMaxWidth: 15,\r\n stack: \"Total1\",\r\n label: {\r\n show: true,\r\n formatter: function (params) {\r\n if (params.value == 0) {\r\n return \"\";\r\n } else {\r\n return params.value;\r\n }\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n {\r\n offset: 0,\r\n color: \"rgba(237,125,49,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(237,125,49,0)\",\r\n },\r\n ]),\r\n borderColor: new that.$echarts.graphic.LinearGradient(\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n [\r\n {\r\n offset: 0,\r\n color: \"rgba(237,125,49,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(237,125,49,0)\",\r\n },\r\n ]\r\n ),\r\n barBorderRadius: 0,\r\n },\r\n },\r\n data: yearWchz,\r\n },\r\n {\r\n name: \"接地\",\r\n type: \"bar\",\r\n barMaxWidth: 15,\r\n stack: \"Total1\",\r\n label: {\r\n show: true,\r\n formatter: function (params) {\r\n if (params.value == 0) {\r\n return \"\";\r\n } else {\r\n return params.value;\r\n }\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n {\r\n offset: 0,\r\n color: \"rgba(35,160,247,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(35,160,247,0)\",\r\n },\r\n ]),\r\n borderColor: new that.$echarts.graphic.LinearGradient(\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n [\r\n {\r\n offset: 0,\r\n color: \"rgba(35,160,247,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(35,160,247,0)\",\r\n },\r\n ]\r\n ),\r\n barBorderRadius: 0,\r\n },\r\n },\r\n data: yearJieDi,\r\n },\r\n {\r\n name: \"分级保护\",\r\n type: \"bar\",\r\n barMaxWidth: 15,\r\n stack: \"Total1\",\r\n label: {\r\n show: true,\r\n formatter: function (params) {\r\n if (params.value == 0) {\r\n return \"\";\r\n } else {\r\n return params.value;\r\n }\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n {\r\n offset: 0,\r\n color: \"rgba(156,73,200,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(156,73,200,0)\",\r\n },\r\n ]),\r\n borderColor: new that.$echarts.graphic.LinearGradient(\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n [\r\n {\r\n offset: 0,\r\n color: \"rgba(156,73,200,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(156,73,200,0)\",\r\n },\r\n ]\r\n ),\r\n barBorderRadius: 0,\r\n },\r\n },\r\n data: yearFenJi,\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedFive() {\r\n let myChart = this.$echarts.init(document.getElementById(\"detailedFive\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n },\r\n grid: {\r\n left: \"5%\", //图表距离容器左侧多少距离\r\n right: \"5%\", //图表距离容器右侧侧多少距离\r\n bottom: \"0%\", //图表距离容器上面多少距离\r\n top: \"30%\", //图表距离容器下面多少距离\r\n containLabel: true, //防止标签溢出\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 \"长荡镇\",\r\n \"河海镇\",\r\n \"黄沙港镇\",\r\n \"临海镇\",\r\n \"兴桥镇\",\r\n \"合德镇\",\r\n \"四明镇\",\r\n \"特庸镇\",\r\n ],\r\n axisLabel: {\r\n interval: 0, //横轴信息全部显示\r\n show: true,\r\n textStyle: {\r\n color: \"#ffffff\",\r\n fontSize: 18,\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 fontSize: 18,\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"配变名称\",\r\n type: \"bar\",\r\n barWidth: 40, // 柱子宽度核心代码\r\n itemStyle: {\r\n normal: {\r\n color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"rgba(232, 155, 0,.3)\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"rgb(232, 155, 0)\",\r\n },\r\n ]),\r\n label: {\r\n show: true, //开启显示\r\n position: \"top\", //在上方显示\r\n textStyle: {\r\n //数值样式\r\n color: \"rgb(232, 155, 0)\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n },\r\n data: [87.69, 84.69, 82.69, 83.69, 77.69, 67.69, 57.69, 47.69],\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.content3 {\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 #textleft {\r\n margin-left: 30px !important;\r\n }\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 .content3 {\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 .line3 {\r\n width: 30%;\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 margin-bottom: 1%;\r\n height: 100%;\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 width: 100%;\r\n\r\n .num1 {\r\n background: url(\"../assets/indexN/zsjbtk.png\") no-repeat;\r\n width: 100%;\r\n height: 100%;\r\n background-size: 100%;\r\n line-height: 250%;\r\n text-align: center;\r\n }\r\n .numText {\r\n color: #ffffff;\r\n background: url(\"../assets/indexN/main.png\") no-repeat;\r\n background-size: 100%;\r\n width: 100%;\r\n height: 74px;\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(254, 209, 86) !important;\r\n -webkit-mask: linear-gradient(\r\n to top,\r\n rgb(254, 162, 86),\r\n transparent\r\n );\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% - 150px);\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 .content3 {\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 .line3 {\r\n width: 30%;\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: 1%;\r\n height: 100%;\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 width: 100%;\r\n\r\n .num1 {\r\n background: url(\"../assets/indexN/zsjbtk.png\") no-repeat;\r\n width: 100%;\r\n // height: 100%;\r\n background-size: 100%;\r\n line-height: 250%;\r\n text-align: center;\r\n }\r\n .numText {\r\n color: #ffffff;\r\n background: url(\"../assets/indexN/main.png\") no-repeat;\r\n background-size: 100%;\r\n width: 100%;\r\n height: 74px;\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(254, 209, 86) !important;\r\n -webkit-mask: linear-gradient(\r\n to top,\r\n rgb(254, 162, 86),\r\n transparent\r\n );\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 #detailedOne {\r\n width: 100%;\r\n height: calc(100% - 160px);\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/indexN/midzsj.png\") no-repeat;\r\n background-size: 100%;\r\n width: 65%;\r\n height: 20%;\r\n position: relative;\r\n top: -28%;\r\n left: 25%;\r\n .contents {\r\n // height: 90%;\r\n position: absolute;\r\n padding: 10px;\r\n height: 100%;\r\n width: 96%;\r\n display: flex;\r\n flex-direction: row;\r\n /* 平分剩余空间 */\r\n justify-content: space-around;\r\n .lines {\r\n width: 106%;\r\n padding: 10px 0 0 0px;\r\n // background: url(\"../assets/index/mainMin.png\") no-repeat;\r\n }\r\n\r\n .total {\r\n .num {\r\n // display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: center;\r\n align-items: left;\r\n color: #ffffff;\r\n span {\r\n font-size: 18px;\r\n }\r\n h5 {\r\n font-size: 34px;\r\n }\r\n .yellow {\r\n padding-top: 30px;\r\n color: yellow;\r\n font-size: 24px;\r\n }\r\n .orange {\r\n padding-top: 30px;\r\n color: orange;\r\n font-size: 24px;\r\n }\r\n .yellows {\r\n padding-top: 20px;\r\n color: yellow;\r\n font-size: 24px;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n .imgboxtwo1 {\r\n background: url(\"../assets/indexN/tk.png\") no-repeat;\r\n background-size: 100%;\r\n float: right;\r\n right: 8%;\r\n top: 20%;\r\n width: 28vh;\r\n height: 100%;\r\n position: relative;\r\n .content2 {\r\n padding: 5px;\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 .line1 {\r\n width: 100%;\r\n height: 100%;\r\n margin-left: 5%;\r\n text-align: left;\r\n font-size: 24px;\r\n color: #fff;\r\n }\r\n }\r\n }\r\n .map {\r\n background: url(\"../assets/indexN/map.png\") no-repeat;\r\n vertical-align: middle;\r\n display: table-cell;\r\n text-align: center;\r\n margin-left: -20%;\r\n .leftimg {\r\n position: absolute;\r\n left: 34.5%;\r\n }\r\n .rightimg {\r\n position: absolute;\r\n right: 35%;\r\n }\r\n .allimg {\r\n position: relative;\r\n left: 28.5%;\r\n top: 34%;\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 .enselect {\r\n position: absolute;\r\n right: 30px;\r\n top: 50%;\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 & > 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 .content3 {\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 .contentUl {\r\n display: flex;\r\n flex-wrap: wrap;\r\n height: 20%;\r\n width: 100%;\r\n position: relative;\r\n .top {\r\n position: relative;\r\n flex-basis: calc(100% / 3);\r\n height: 50%;\r\n left: 33%;\r\n img {\r\n margin-top: 15%;\r\n }\r\n .texts {\r\n color: orange;\r\n position: absolute;\r\n z-index: 2;\r\n left: 32%;\r\n top: 25%;\r\n align-items: center;\r\n font-size: 32px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 10%;\r\n }\r\n }\r\n .top1 {\r\n position: absolute;\r\n flex-basis: calc(100% / 3);\r\n height: 100%;\r\n img {\r\n margin-top: 30%;\r\n }\r\n .texts {\r\n color: #fff;\r\n position: absolute;\r\n z-index: 2;\r\n left: 0%;\r\n top: 27%;\r\n width: 87%;\r\n height: 100%;\r\n padding-top: 27%;\r\n background: url(\"../assets/indexN/xctb2.png\") no-repeat;\r\n background-size: 100%;\r\n align-items: center;\r\n font-size: 24px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 130%;\r\n }\r\n }\r\n .top2 {\r\n position: absolute;\r\n flex-basis: calc(100% / 3);\r\n height: 100%;\r\n left: 21%;\r\n top: -33%;\r\n img {\r\n margin-top: 30%;\r\n }\r\n .texts {\r\n color: #fff;\r\n position: absolute;\r\n z-index: 2;\r\n left: 0%;\r\n top: 27%;\r\n width: 87%;\r\n height: 100%;\r\n padding-top: 27%;\r\n background: url(\"../assets/indexN/xctb2.png\") no-repeat;\r\n background-size: 100%;\r\n align-items: center;\r\n font-size: 24px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 130%;\r\n }\r\n }\r\n .top3 {\r\n position: absolute;\r\n flex-basis: calc(100% / 3);\r\n height: 100%;\r\n left: 29%;\r\n top: 50%;\r\n img {\r\n margin-top: 30%;\r\n }\r\n .texts {\r\n color: #fff;\r\n position: absolute;\r\n z-index: 2;\r\n left: 0%;\r\n top: 27%;\r\n width: 87%;\r\n height: 100%;\r\n padding-top: 27%;\r\n background: url(\"../assets/indexN/xctb2.png\") no-repeat;\r\n background-size: 100%;\r\n align-items: center;\r\n font-size: 24px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 130%;\r\n }\r\n }\r\n .top4 {\r\n position: absolute;\r\n flex-basis: calc(100% / 3);\r\n height: 100%;\r\n left: 64%;\r\n top: 15%;\r\n img {\r\n margin-top: 30%;\r\n }\r\n .texts {\r\n color: #fff;\r\n position: absolute;\r\n z-index: 2;\r\n left: 0%;\r\n top: 27%;\r\n width: 87%;\r\n height: 100%;\r\n padding-top: 27%;\r\n background: url(\"../assets/indexN/xctb2.png\") no-repeat;\r\n background-size: 100%;\r\n align-items: center;\r\n font-size: 24px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 130%;\r\n }\r\n }\r\n .top5 {\r\n position: absolute;\r\n flex-basis: calc(100% / 3);\r\n height: 100%;\r\n left: 82%;\r\n top: -22%;\r\n img {\r\n margin-top: 30%;\r\n }\r\n .texts {\r\n color: #fff;\r\n position: absolute;\r\n z-index: 2;\r\n left: 0%;\r\n top: 27%;\r\n width: 87%;\r\n height: 100%;\r\n padding-top: 27%;\r\n background: url(\"../assets/indexN/xctb2.png\") no-repeat;\r\n background-size: 100%;\r\n align-items: center;\r\n font-size: 24px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 130%;\r\n }\r\n }\r\n }\r\n .line3 {\r\n width: 30%;\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: 1%;\r\n height: 100%;\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 width: 100%;\r\n\r\n .num1 {\r\n background: url(\"../assets/indexN/zsjbtk.png\") no-repeat;\r\n width: 100%;\r\n height: 100%;\r\n background-size: 100%;\r\n line-height: 200%;\r\n text-align: center;\r\n }\r\n .numText {\r\n color: #ffffff;\r\n background: url(\"../assets/indexN/main.png\") no-repeat;\r\n background-size: 100%;\r\n width: 100%;\r\n height: 74px;\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(254, 209, 86) !important;\r\n -webkit-mask: linear-gradient(\r\n to top,\r\n rgb(254, 162, 86),\r\n transparent\r\n );\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\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% - 190px);\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 .content3 {\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 .line3 {\r\n width: 30%;\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: 1%;\r\n height: 100%;\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 width: 100%;\r\n\r\n .num1 {\r\n background: url(\"../assets/indexN/zsjbtk.png\") no-repeat;\r\n width: 100%;\r\n // height: 100%;\r\n background-size: 100%;\r\n line-height: 250%;\r\n text-align: center;\r\n }\r\n .numText {\r\n color: #ffffff;\r\n background: url(\"../assets/indexN/main.png\") no-repeat;\r\n background-size: 100%;\r\n width: 100%;\r\n height: 74px;\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(254, 209, 86) !important;\r\n -webkit-mask: linear-gradient(\r\n to top,\r\n rgb(254, 162, 86),\r\n transparent\r\n );\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 #detailen {\r\n width: 100%;\r\n height: calc(100% - 150px);\r\n }\r\n #shuzihua {\r\n width: 100%;\r\n height: calc(100% - 150px);\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% - 150px);\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(\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\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 .content3 {\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(\r\n to bottom,\r\n rgb(255, 255, 255),\r\n rgb(86, 244, 254)\r\n );\r\n }\r\n }\r\n\r\n .content3 {\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\r\n .el-table--striped\r\n .el-table__body\r\n tr.el-table__row--striped\r\n 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#yellow {\r\n color: yellow;\r\n line-height: 175%;\r\n}\r\n#orange {\r\n color: rgb(235, 92, 92);\r\n line-height: 175%;\r\n}\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 .content3 {\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 .line3 {\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: 1%;\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(\r\n to top,\r\n rgb(86, 244, 254),\r\n transparent\r\n );\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 #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.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>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/9119f9f249f2da9f6bd30803833adb3c.json b/node_modules/.cache/vue-loader/9119f9f249f2da9f6bd30803833adb3c.json
index 72d7f665..47fd109d 100644
--- a/node_modules/.cache/vue-loader/9119f9f249f2da9f6bd30803833adb3c.json
+++ b/node_modules/.cache/vue-loader/9119f9f249f2da9f6bd30803833adb3c.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\thirtyFiveKV.vue","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\thirtyFiveKV.vue","mtime":1689927955883},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["import { 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&\"\nimport style1 from \"./thirtyFiveKV.vue?vue&type=style&index=1&id=4bdb45b9&lang=less&scoped=true&\"\nimport style2 from \"./thirtyFiveKV.vue?vue&type=style&index=2&id=4bdb45b9&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 \"4bdb45b9\",\n null\n \n)\n\n/* hot reload */\nif (module.hot) {\n var api = require(\"D:\\\\林谷智能项目\\\\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
+{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\thirtyFiveKV.vue","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\thirtyFiveKV.vue","mtime":1689929405847},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["import { 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&\"\nimport style1 from \"./thirtyFiveKV.vue?vue&type=style&index=1&id=4bdb45b9&lang=less&scoped=true&\"\nimport style2 from \"./thirtyFiveKV.vue?vue&type=style&index=2&id=4bdb45b9&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 \"4bdb45b9\",\n null\n \n)\n\n/* hot reload */\nif (module.hot) {\n var api = require(\"D:\\\\林谷智能项目\\\\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/9c38cc110f01a824f1fd815015db0612.json b/node_modules/.cache/vue-loader/9c38cc110f01a824f1fd815015db0612.json
index f3f677ef..201f7c91 100644
--- a/node_modules/.cache/vue-loader/9c38cc110f01a824f1fd815015db0612.json
+++ b/node_modules/.cache/vue-loader/9c38cc110f01a824f1fd815015db0612.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\App.vue","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\App.vue","mtime":1689921115690},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["import { 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(\"D:\\\\林谷智能项目\\\\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
+{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\App.vue","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\App.vue","mtime":1689927995523},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["import { 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(\"D:\\\\林谷智能项目\\\\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/a3dc95ac1ba52b0d386fb2c96f08ff12.json b/node_modules/.cache/vue-loader/a3dc95ac1ba52b0d386fb2c96f08ff12.json
index b4fb0e9c..28714784 100644
--- a/node_modules/.cache/vue-loader/a3dc95ac1ba52b0d386fb2c96f08ff12.json
+++ b/node_modules/.cache/vue-loader/a3dc95ac1ba52b0d386fb2c96f08ff12.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\thirtyFiveKV.vue?vue&type=template&id=4bdb45b9&scoped=true&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\thirtyFiveKV.vue","mtime":1689927962727},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1655712169000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["\n<div class=\"home\">\n <div class=\"left\" id=\"left\">\n <div class=\"two\" style=\"height: 49%\">\n <div class=\"cartitle\">\n <div class=\"titleFont\">\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\n <span>预计年/月变化趋势</span>\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\n </div>\n </div>\n <div class=\"content\">\n <div class=\"line\">\n <div class=\"enselect\">\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\n <span class=\"text\">2022</span>\n </div>\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/btjt.png\" alt=\"\" />\n <span>年/月总投资变化趋势</span>\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\n </div>\n </div>\n <div class=\"content\">\n <div class=\"line\">\n <div class=\"enselect\">\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\n <span class=\"text\">2022</span>\n </div>\n <div id=\"detailedTwo2\"></div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"left1\" id=\"left\">\n <div class=\"one\" style=\"height: 100%\">\n <div class=\"cartitle\">\n <div class=\"titleFont\">\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\n <span>县公司预算统计</span>\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\n </div>\n </div>\n <div class=\"content\">\n <div class=\"line\">\n <div id=\"detailedTwo3\"></div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"middle\" id=\"middle\">\n <div class=\"map\" style=\"height: 100%\">\n <img class=\"allimg\" src=\"../assets/indexN/dfsxz.png\" alt=\"\" />\n <div class=\"imgboxone\">\n <div class=\"contents\">\n <div class=\"lines\">\n <div class=\"total\">\n <div class=\"num\">\n <div style=\"display: inline-block\">\n <img\n style=\"float: left\"\n src=\"../assets/index/mainTb1.png\"\n alt=\"\"\n />\n <span>项目数</span>\n </div>\n <h5 class=\"yellow\">\n 9.279 <span style=\"color: #fff\">万</span>\n </h5>\n </div>\n </div>\n </div>\n <div class=\"lines\">\n <div class=\"total\">\n <div class=\"num\">\n <div style=\"display: inline-block\">\n <img\n style=\"float: left; height: 30px; width: 30px\"\n src=\"../assets/index/mainTb2.png\"\n alt=\"\"\n />\n <span>预算费用总和</span>\n </div>\n <h5 class=\"orange\">\n 118.5<span style=\"color: #fff\">万</span>\n </h5>\n </div>\n </div>\n </div>\n <div class=\"lines\">\n <div class=\"total\">\n <div class=\"num\">\n <div style=\"display: inline-block\">\n <img\n style=\"float: left; height: 30px; width: 30px\"\n src=\"../assets/index/mainTb1.png\"\n alt=\"\"\n />\n <span>计划数</span>\n </div>\n <h5 class=\"yellow\"> 44</h5>\n </div>\n </div>\n </div>\n <div class=\"lines\">\n <div class=\"total\">\n <div class=\"num\">\n <div style=\"display: inline-block\">\n <img\n style=\"float: left; height: 30px; width: 30px\"\n src=\"../assets/index/mainTb2.png\"\n alt=\"\"\n />\n <span>物科数</span>\n </div>\n <h5 class=\"orange\"> 10</h5>\n </div>\n </div>\n </div>\n </div>\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/btjt.png\" alt=\"\" />\n <span>县物项目总投资比</span>\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\n </div>\n </div>\n <div class=\"content\">\n <div class=\"line\">\n <div id=\"barCharts\"></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/btjt.png\" alt=\"\" />\n <span>县物资占比分配</span>\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\n </div>\n </div>\n <div class=\"content\">\n <div class=\"line\">\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/btjt.png\" alt=\"\" />\n <span>县公司预算统计</span>\n <img src=\"./../assets/indexN/btjt1.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 </tr>\n </thead>\n <tbody>\n <tr v-for=\"(item, index) in pvTable\" :key=\"index\">\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 <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
+{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\thirtyFiveKV.vue?vue&type=template&id=4bdb45b9&scoped=true&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\thirtyFiveKV.vue","mtime":1689929405847},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1655712169000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["\n<div class=\"home\">\n <div class=\"left\" id=\"left\">\n <div class=\"two\" style=\"height: 49%\">\n <div class=\"cartitle\">\n <div class=\"titleFont\">\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\n <span>预计年/月变化趋势</span>\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\n </div>\n </div>\n <div class=\"content\">\n <div class=\"line\">\n <div class=\"enselect\">\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\n <span class=\"text\">2022</span>\n </div>\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/btjt.png\" alt=\"\" />\n <span>年/月总投资变化趋势</span>\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\n </div>\n </div>\n <div class=\"content\">\n <div class=\"line\">\n <div class=\"enselect\">\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\n <span class=\"text\">2022</span>\n </div>\n <div id=\"detailedTwo2\"></div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"left1\" id=\"left\">\n <div class=\"one\" style=\"height: 100%\">\n <div class=\"cartitle\">\n <div class=\"titleFont\">\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\n <span>县公司预算统计</span>\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\n </div>\n </div>\n <div class=\"content\">\n <div class=\"line\">\n <div id=\"detailedTwo3\"></div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"middle\" id=\"middle\">\n <div class=\"map\" style=\"height: 100%\">\n <img class=\"allimg\" src=\"../assets/indexN/dfsxz.png\" alt=\"\" />\n <div class=\"imgboxone\">\n <div class=\"contents\">\n <div class=\"lines\">\n <div class=\"total\">\n <div class=\"num\">\n <div style=\"display: inline-block\">\n <img\n style=\"float: left\"\n src=\"../assets/index/mainTb1.png\"\n alt=\"\"\n />\n <span>项目数</span>\n </div>\n <h5 class=\"yellow\">\n 9.279 <span style=\"color: #fff\">万</span>\n </h5>\n </div>\n </div>\n </div>\n <div class=\"lines\">\n <div class=\"total\">\n <div class=\"num\">\n <div style=\"display: inline-block\">\n <img\n style=\"float: left; height: 30px; width: 30px\"\n src=\"../assets/index/mainTb2.png\"\n alt=\"\"\n />\n <span>预算费用总和</span>\n </div>\n <h5 class=\"orange\">\n 118.5<span style=\"color: #fff\">万</span>\n </h5>\n </div>\n </div>\n </div>\n <div class=\"lines\">\n <div class=\"total\">\n <div class=\"num\">\n <div style=\"display: inline-block\">\n <img\n style=\"float: left; height: 30px; width: 30px\"\n src=\"../assets/index/mainTb1.png\"\n alt=\"\"\n />\n <span>计划数</span>\n </div>\n <h5 class=\"yellow\"> 44</h5>\n </div>\n </div>\n </div>\n <div class=\"lines\">\n <div class=\"total\">\n <div class=\"num\">\n <div style=\"display: inline-block\">\n <img\n style=\"float: left; height: 30px; width: 30px\"\n src=\"../assets/index/mainTb2.png\"\n alt=\"\"\n />\n <span>物科数</span>\n </div>\n <h5 class=\"orange\"> 10</h5>\n </div>\n </div>\n </div>\n </div>\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/btjt.png\" alt=\"\" />\n <span>县物项目总投资比</span>\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\n </div>\n </div>\n <div class=\"content\">\n <div class=\"line\">\n <div id=\"barCharts\"></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/btjt.png\" alt=\"\" />\n <span>县物资占比分配</span>\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\n </div>\n </div>\n <div class=\"content\">\n <div class=\"line\">\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/btjt.png\" alt=\"\" />\n <span>县公司预算统计</span>\n <img src=\"./../assets/indexN/btjt1.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 </tr>\n </thead>\n <tbody>\n <tr v-for=\"(item, index) in pvTable\" :key=\"index\">\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 <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/a6373fde9111b133e17dcd0f74cc698e.json b/node_modules/.cache/vue-loader/a6373fde9111b133e17dcd0f74cc698e.json
index ed800d9c..19b8bd22 100644
--- a/node_modules/.cache/vue-loader/a6373fde9111b133e17dcd0f74cc698e.json
+++ b/node_modules/.cache/vue-loader/a6373fde9111b133e17dcd0f74cc698e.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\index.vue?vue&type=style&index=0&id=a83bd3b0&lang=less&scoped=true&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\index.vue","mtime":1689926769457},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1655715156000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\less-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["\r\n.content3 {\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 .content3 {\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 .line3 {\r\n width: 30%;\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 margin-bottom: 1%;\r\n height: 100%;\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 width: 100%;\r\n\r\n .num1 {\r\n background: url(\"../assets/indexN/zsjbtk.png\") no-repeat;\r\n width: 100%;\r\n height: 100%;\r\n background-size: 100%;\r\n line-height: 250%;\r\n text-align: center;\r\n }\r\n .numText {\r\n color: #ffffff;\r\n background: url(\"../assets/indexN/main.png\") no-repeat;\r\n background-size: 100%;\r\n width: 100%;\r\n height: 74px;\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(254, 209, 86) !important;\r\n -webkit-mask: linear-gradient(\r\n to top,\r\n rgb(254, 162, 86),\r\n transparent\r\n );\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% - 150px);\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 .content3 {\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 .line3 {\r\n width: 30%;\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: 1%;\r\n height: 100%;\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 width: 100%;\r\n\r\n .num1 {\r\n background: url(\"../assets/indexN/zsjbtk.png\") no-repeat;\r\n width: 100%;\r\n // height: 100%;\r\n background-size: 100%;\r\n line-height: 250%;\r\n text-align: center;\r\n }\r\n .numText {\r\n color: #ffffff;\r\n background: url(\"../assets/indexN/main.png\") no-repeat;\r\n background-size: 100%;\r\n width: 100%;\r\n height: 74px;\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(254, 209, 86) !important;\r\n -webkit-mask: linear-gradient(\r\n to top,\r\n rgb(254, 162, 86),\r\n transparent\r\n );\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 #detailedOne {\r\n width: 100%;\r\n height: calc(100% - 160px);\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/indexN/midzsj.png\") no-repeat;\r\n background-size: 100%;\r\n width: 65%;\r\n height: 20%;\r\n position: relative;\r\n top: -28%;\r\n left: 25%;\r\n .contents {\r\n // height: 90%;\r\n position: absolute;\r\n padding: 10px;\r\n height: 100%;\r\n width: 96%;\r\n display: flex;\r\n flex-direction: row;\r\n /* 平分剩余空间 */\r\n justify-content: space-around;\r\n .lines {\r\n width: 106%;\r\n padding: 10px 0 0 0px;\r\n // background: url(\"../assets/index/mainMin.png\") no-repeat;\r\n }\r\n\r\n .total {\r\n .num {\r\n // display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: center;\r\n align-items: left;\r\n color: #ffffff;\r\n span {\r\n font-size: 18px;\r\n }\r\n h5 {\r\n font-size: 34px;\r\n }\r\n .yellow {\r\n padding-top: 30px;\r\n color: yellow;\r\n font-size: 24px;\r\n }\r\n .orange {\r\n padding-top: 30px;\r\n color: orange;\r\n font-size: 24px;\r\n }\r\n .yellows {\r\n padding-top: 20px;\r\n color: yellow;\r\n font-size: 24px;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n .imgboxtwo1 {\r\n background: url(\"../assets/indexN/tk.png\") no-repeat;\r\n background-size: 100%;\r\n float: right;\r\n right: 8%;\r\n top: 20%;\r\n width: 28vh;\r\n height: 100%;\r\n position: relative;\r\n .content2 {\r\n padding: 5px;\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 .line1 {\r\n width: 100%;\r\n height: 100%;\r\n margin-left: 5%;\r\n text-align: left;\r\n font-size: 24px;\r\n color: #fff;\r\n }\r\n }\r\n }\r\n .map {\r\n background: url(\"../assets/indexN/map.png\") no-repeat;\r\n vertical-align: middle;\r\n display: table-cell;\r\n text-align: center;\r\n margin-left: -20%;\r\n .leftimg {\r\n position: absolute;\r\n left: 34.5%;\r\n }\r\n .rightimg {\r\n position: absolute;\r\n right: 35%;\r\n }\r\n .allimg {\r\n position: relative;\r\n left: 28.5%;\r\n top: 34%;\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 .enselect {\r\n position: absolute;\r\n right: 30px;\r\n top: 50%;\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 & > 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 .content3 {\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 .contentUl {\r\n display: flex;\r\n flex-wrap: wrap;\r\n height: 20%;\r\n width: 100%;\r\n position: relative;\r\n .top {\r\n position: relative;\r\n flex-basis: calc(100% / 3);\r\n height: 50%;\r\n left: 33%;\r\n img {\r\n margin-top: 15%;\r\n }\r\n .texts {\r\n color: orange;\r\n position: absolute;\r\n z-index: 2;\r\n left: 32%;\r\n top: 25%;\r\n align-items: center;\r\n font-size: 32px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 10%;\r\n }\r\n }\r\n .top1 {\r\n position: absolute;\r\n flex-basis: calc(100% / 3);\r\n height: 100%;\r\n img {\r\n margin-top: 30%;\r\n }\r\n .texts {\r\n color: #fff;\r\n position: absolute;\r\n z-index: 2;\r\n left: 0%;\r\n top: 27%;\r\n width: 87%;\r\n height: 100%;\r\n padding-top: 27%;\r\n background: url(\"../assets/indexN/xctb2.png\") no-repeat;\r\n background-size: 100%;\r\n align-items: center;\r\n font-size: 24px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 130%;\r\n }\r\n }\r\n .top2 {\r\n position: absolute;\r\n flex-basis: calc(100% / 3);\r\n height: 100%;\r\n left: 21%;\r\n top: -33%;\r\n img {\r\n margin-top: 30%;\r\n }\r\n .texts {\r\n color: #fff;\r\n position: absolute;\r\n z-index: 2;\r\n left: 0%;\r\n top: 27%;\r\n width: 87%;\r\n height: 100%;\r\n padding-top: 27%;\r\n background: url(\"../assets/indexN/xctb2.png\") no-repeat;\r\n background-size: 100%;\r\n align-items: center;\r\n font-size: 24px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 130%;\r\n }\r\n }\r\n .top3 {\r\n position: absolute;\r\n flex-basis: calc(100% / 3);\r\n height: 100%;\r\n left: 29%;\r\n top: 50%;\r\n img {\r\n margin-top: 30%;\r\n }\r\n .texts {\r\n color: #fff;\r\n position: absolute;\r\n z-index: 2;\r\n left: 0%;\r\n top: 27%;\r\n width: 87%;\r\n height: 100%;\r\n padding-top: 27%;\r\n background: url(\"../assets/indexN/xctb2.png\") no-repeat;\r\n background-size: 100%;\r\n align-items: center;\r\n font-size: 24px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 130%;\r\n }\r\n }\r\n .top4 {\r\n position: absolute;\r\n flex-basis: calc(100% / 3);\r\n height: 100%;\r\n left: 64%;\r\n top: 15%;\r\n img {\r\n margin-top: 30%;\r\n }\r\n .texts {\r\n color: #fff;\r\n position: absolute;\r\n z-index: 2;\r\n left: 0%;\r\n top: 27%;\r\n width: 87%;\r\n height: 100%;\r\n padding-top: 27%;\r\n background: url(\"../assets/indexN/xctb2.png\") no-repeat;\r\n background-size: 100%;\r\n align-items: center;\r\n font-size: 24px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 130%;\r\n }\r\n }\r\n .top5 {\r\n position: absolute;\r\n flex-basis: calc(100% / 3);\r\n height: 100%;\r\n left: 82%;\r\n top: -22%;\r\n img {\r\n margin-top: 30%;\r\n }\r\n .texts {\r\n color: #fff;\r\n position: absolute;\r\n z-index: 2;\r\n left: 0%;\r\n top: 27%;\r\n width: 87%;\r\n height: 100%;\r\n padding-top: 27%;\r\n background: url(\"../assets/indexN/xctb2.png\") no-repeat;\r\n background-size: 100%;\r\n align-items: center;\r\n font-size: 24px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 130%;\r\n }\r\n }\r\n }\r\n .line3 {\r\n width: 30%;\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: 1%;\r\n height: 100%;\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 width: 100%;\r\n\r\n .num1 {\r\n background: url(\"../assets/indexN/zsjbtk.png\") no-repeat;\r\n width: 100%;\r\n height: 100%;\r\n background-size: 100%;\r\n line-height: 200%;\r\n text-align: center;\r\n }\r\n .numText {\r\n color: #ffffff;\r\n background: url(\"../assets/indexN/main.png\") no-repeat;\r\n background-size: 100%;\r\n width: 100%;\r\n height: 74px;\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(254, 209, 86) !important;\r\n -webkit-mask: linear-gradient(\r\n to top,\r\n rgb(254, 162, 86),\r\n transparent\r\n );\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\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% - 190px);\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 .content3 {\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 .line3 {\r\n width: 30%;\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: 1%;\r\n height: 100%;\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 width: 100%;\r\n\r\n .num1 {\r\n background: url(\"../assets/indexN/zsjbtk.png\") no-repeat;\r\n width: 100%;\r\n // height: 100%;\r\n background-size: 100%;\r\n line-height: 250%;\r\n text-align: center;\r\n }\r\n .numText {\r\n color: #ffffff;\r\n background: url(\"../assets/indexN/main.png\") no-repeat;\r\n background-size: 100%;\r\n width: 100%;\r\n height: 74px;\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(254, 209, 86) !important;\r\n -webkit-mask: linear-gradient(\r\n to top,\r\n rgb(254, 162, 86),\r\n transparent\r\n );\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 #detailen {\r\n width: 100%;\r\n height: calc(100% - 150px);\r\n }\r\n #shuzihua {\r\n width: 100%;\r\n height: calc(100% - 150px);\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% - 150px);\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(\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\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 .content3 {\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(\r\n to bottom,\r\n rgb(255, 255, 255),\r\n rgb(86, 244, 254)\r\n );\r\n }\r\n }\r\n\r\n .content3 {\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\r\n .el-table--striped\r\n .el-table__body\r\n tr.el-table__row--striped\r\n 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":";AA4oGA;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;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;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;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;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;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;;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;;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;;AAEA;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;;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;AACA;AACA;;AAEA;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;AACA;;AAEA;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;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;;AAEA;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;AACA;AACA;;AAEA;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;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;;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;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;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;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 <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>盐城地区分布光伏运行监测</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content3\">\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >户数高渗透率 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.hsgst\"\r\n >{{ CompanyInfo.hsgst }}\r\n <span style=\"font-size: 18px; color: #fff\">%</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >容量渗透率 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"orange\"\r\n :text=\"CompanyInfo.rlst\"\r\n >{{ CompanyInfo.rlst }}\r\n <span style=\"font-size: 18px; color: #fff\">%</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >能量渗透率 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.nlst\"\r\n >{{ CompanyInfo.nlst }}\r\n <span style=\"font-size: 18px; color: #fff\">%</span>\r\n </span>\r\n </div>\r\n </div>\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\" @click=\"routerTo('配网工程全过程物资审计')\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>配网工程全过程物资审计</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content3\" style=\"display: inline\">\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n <span style=\"font-size: 18px\" class=\"num1\">项目数 </span>\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.xms\"\r\n >{{ CompanyInfo.xms }}\r\n <span style=\"font-size: 18px; color: #fff\">万</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\">预算费用总和</span>\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"orange\"\r\n :text=\"CompanyInfo.ysfyzh\"\r\n >{{ CompanyInfo.ysfyzh }}\r\n <span style=\"font-size: 18px; color: #fff\">%</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\">计划数</span>\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.jhs\"\r\n >{{ CompanyInfo.jhs }}\r\n </span>\r\n </div>\r\n </div>\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\" @click=\"routerTo('盐城东台区供电所数字化分析')\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>盐城东台区供电所数字化分析</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content3\">\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >升档配变数量 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.sdpbsl\"\r\n >{{ CompanyInfo.sdpbsl }}</span\r\n >\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\">降档配比数量</span>\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"orange\"\r\n :text=\"CompanyInfo.jdpbsl\"\r\n >{{ CompanyInfo.jdpbsl }}</span\r\n >\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >负荷关注配变数量 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.fhgzpb\"\r\n >{{ CompanyInfo.fhgzpb }}</span\r\n >\r\n </div>\r\n </div>\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\" @click=\"routerTo('盐城供电公司配网电能质量管控')\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>盐城供电公司配网电能质量管控</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content3\">\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >月供电可靠性 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.ygdkkx\"\r\n >{{ CompanyInfo.ygdkkx }}\r\n <span style=\"font-size: 18px; color: #fff\">%</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >平均停电频次 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"orange\"\r\n :text=\"CompanyInfo.pjtdpc\"\r\n >{{ CompanyInfo.pjtdpc }}\r\n <span style=\"font-size: 18px; color: #fff\">次/户</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >平均停电时间 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.pjtdsj\"\r\n >{{ CompanyInfo.pjtdsj }}\r\n <span style=\"font-size: 18px; color: #fff\">小时</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div id=\"detailedOne\"></div>\r\n </div>\r\n </div>\r\n <div class=\"middle\" id=\"middle\">\r\n <div class=\"map\" style=\"height: 100%\">\r\n <canvas\r\n id=\"myCanvas\"\r\n width=\"1000\"\r\n height=\"600\"\r\n style=\"position: absolute\"\r\n ></canvas>\r\n <img src=\"../assets/indexN/left.png\" class=\"leftimg\" alt=\"\" />\r\n <img src=\"../assets/indexN/right.png\" class=\"rightimg\" alt=\"\" />\r\n <img class=\"allimg\" src=\"../assets/indexN/dfsxz.png\" alt=\"\" />\r\n <div class=\"imgboxtwo1\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\" style=\"color: #fff; font-size: 26px\">\r\n 大丰区\r\n </div>\r\n </div>\r\n <div class=\"content2\">\r\n <div class=\"line1\">\r\n 用电量 (kwh) \r\n <span style=\"color: yellow; font-size: 28px\">2.685亿</span>\r\n </div>\r\n <div class=\"line1\">\r\n 碳排放量 (kg) \r\n <span style=\"color: orange; font-size: 28px\">7.303万</span>\r\n </div>\r\n <div class=\"line1\">\r\n 企业数量 \r\n <span style=\"color: yellow; font-size: 28px\">713</span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"imgboxone\">\r\n <div class=\"contents\">\r\n <div class=\"lines\" style=\"width: 55%\">\r\n <img src=\"../assets/indexN/tb1.png\" style=\"margin-top: 15%\" />\r\n <h4 style=\"color: #fff; margin-top: 10%\">数据目录</h4>\r\n </div>\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span>发布数量</span>\r\n <span class=\"yellow\">\r\n 100 <span style=\"color: #fff\">%</span>\r\n </span>\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <span>负面清单</span>\r\n <span class=\"orange\">\r\n 7244<span style=\"color: #fff\">个</span>\r\n </span>\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <span>涉及系统</span>\r\n <span class=\"yellow\">\r\n 251 <span style=\"color: #fff\">个</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"lines\" style=\"width: 55%\">\r\n <img src=\"../assets/indexN/tb2.png\" style=\"margin-top: 15%\" />\r\n <h4 style=\"color: #fff; margin-top: 10%\">数据资源</h4>\r\n </div>\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <div style=\"display: inline-block\">\r\n <span>接入数量</span>\r\n </div>\r\n <span class=\"yellow\"\r\n > 1.6 <span style=\"color: #fff\">万个</span></span\r\n >\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <div style=\"display: inline-block\">\r\n <span>涉及系统</span>\r\n </div>\r\n <span class=\"orange\"\r\n > 123 <span style=\"color: #fff\">个</span></span\r\n >\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <div style=\"display: inline-block\">\r\n <span>数据资源卡片</span>\r\n </div>\r\n <span class=\"yellow\"\r\n >31<span style=\"color: #fff\">个</span></span\r\n >\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"lines\" style=\"width: 55%\">\r\n <img src=\"../assets/indexN/tb3.png\" style=\"margin-top: 15%\" />\r\n <h4 style=\"color: #fff; margin-top: 10%\">数据服务</h4>\r\n </div>\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <div style=\"display: inline-block\">\r\n <span>服务数量</span>\r\n </div>\r\n <span class=\"yellow\">\r\n 1084<span style=\"color: #fff\">个</span>\r\n </span>\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <div style=\"display: inline-block\">\r\n <span>接入数量</span>\r\n </div>\r\n <span class=\"orange\">\r\n 8833<span style=\"color: #fff\">个</span>\r\n </span>\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <div style=\"display: inline-block\">\r\n <span>访问次数</span>\r\n </div>\r\n <span class=\"yellow\">\r\n 5.3 <span style=\"color: #fff\">亿个</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"lines\" style=\"width: 55%\">\r\n <img src=\"../assets/indexN/tb4.png\" style=\"margin-top: 15%\" />\r\n <h4 style=\"color: #fff; margin-top: 10%\">数据产品</h4>\r\n </div>\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <div style=\"display: inline-block\">\r\n <span>报表数量</span>\r\n </div>\r\n <span class=\"yellow\"\r\n > 19 <span style=\"color: #fff\">个</span></span\r\n >\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <div style=\"display: inline-block\">\r\n <span>服务访问次数</span>\r\n </div>\r\n <span class=\"orange\"\r\n > 0 <span style=\"color: #fff\">次</span></span\r\n >\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <div style=\"display: inline-block\">\r\n <span>指标数量</span>\r\n </div>\r\n <span class=\"yellow\"\r\n > 477 <span style=\"color: #fff\">个</span></span\r\n >\r\n </div>\r\n </div>\r\n </div>\r\n </div>\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\" @click=\"routerTo('乡村振兴电力综合指数')\">\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\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>乡村振兴电力综合指数</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n <!-- <div 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=\"content3\">\r\n <div class=\"contentUl\">\r\n <div class=\"top1\">\r\n <!-- <img src=\"../assets/indexN/xctb2.png\" /> -->\r\n <div class=\"texts\">94.46</div>\r\n <h4>产业兴旺</h4>\r\n </div>\r\n <div class=\"top2\">\r\n <!-- <img src=\"../assets/indexN/xctb2.png\" /> -->\r\n <div class=\"texts\">63.95</div>\r\n <h4>生活宜居</h4>\r\n </div>\r\n <div class=\"top3\">\r\n <div class=\"texts\">74.15</div>\r\n <h4>生活富裕</h4>\r\n </div>\r\n <div class=\"top4\">\r\n <div class=\"texts\">56.23</div>\r\n <h4>治理有效</h4>\r\n </div>\r\n <div class=\"top5\">\r\n <div class=\"texts\">86.82</div>\r\n <h4>乡风文明</h4>\r\n </div>\r\n <div class=\"top\">\r\n <img src=\"../assets/indexN/xctb1.png\" />\r\n <div class=\"texts\" style=\"color: yellow\">77.17</div>\r\n </div>\r\n <!-- <div class=\"top\">\r\n <img src=\"../assets/05/sjfx.png\" />\r\n <div class=\"texts\" style=\"color: yellow\">\r\n 0\r\n <span style=\"font-size: 15px; color: #fff\">个</span>\r\n </div>\r\n <h4>自然村</h4>\r\n </div> -->\r\n </div>\r\n </div>\r\n <div class=\"enselect\">\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n <span class=\"text\">乡镇</span>\r\n </div>\r\n <div id=\"detailedFive\"></div>\r\n </div>\r\n\r\n <div class=\"three\" style=\"height: 48%; width: 100%\">\r\n <div class=\"cartitle\" @click=\"routerTo('两高行业企业污染监测')\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>两高行业企业污染监测</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <!-- <div class=\"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=\"content3\" style=\"display: inline\">\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >2022年度总碳排放量</span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n :text=\"CompanyInfo.ztpf\"\r\n id=\"yellow\"\r\n >{{ CompanyInfo.ztpf }}\r\n <span style=\"font-size: 18px; color: #fff\">吨碳</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >2022年度总用电量</span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"orange\"\r\n :text=\"CompanyInfo.zydl\"\r\n >{{ CompanyInfo.zydl }}\r\n <span style=\"font-size: 18px; color: #fff\">kwh</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >2022年度客户总数</span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.khzs\"\r\n >{{ CompanyInfo.khzs }}\r\n <span style=\"font-size: 18px; color: #fff\">人</span>\r\n </span>\r\n </div>\r\n </div>\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\" @click=\"routerTo('农村生活污水治理设备电量分析')\">\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\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>农村生活污水治理设备电量分析</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n <!-- <div 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\r\n <div class=\"content3\">\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >年度总用电量 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.xczydl\"\r\n >{{ CompanyInfo.xczydl }}\r\n <span style=\"font-size: 18px; color: #fff\">万kwh</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >最大设备规模 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"orange\"\r\n :text=\"CompanyInfo.zdsbgm\"\r\n >{{ CompanyInfo.zdsbgm }}\r\n <span style=\"font-size: 18px; color: #fff\">吨/日</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >最小设备规模 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.zxsbgm\"\r\n >{{ CompanyInfo.zxsbgm }}\r\n <span style=\"font-size: 18px; color: #fff\">吨/日</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div id=\"detailen\"></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\r\n class=\"cartitle\"\r\n @click=\"routerTo('数字化排涝抗旱辅助及检修辅助决策')\"\r\n >\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>数字化排涝抗旱辅助及检修辅助决策</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content3\">\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >辖区管理供电所 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.glgds\"\r\n >{{ CompanyInfo.glgds }}\r\n <span style=\"font-size: 18px; color: #fff\">个</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >辖区管理台区 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"orange\"\r\n :text=\"CompanyInfo.gltq\"\r\n >{{ CompanyInfo.gltq }}\r\n <span style=\"font-size: 18px; color: #fff\">个</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >自然村 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.zrc\"\r\n >{{ CompanyInfo.zrc }}\r\n <span style=\"font-size: 18px; color: #fff\">条</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div id=\"shuzihua\"></div>\r\n </div>\r\n </div>\r\n <div class=\"realTimeAlarm\" v-show=\"realTimeAlarmShow\">\r\n <div class=\"content3\">\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\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=\"content3\">\r\n <div class=\"table user_skills\">\r\n <el-table\r\n :data=\"alarmInformationData\"\r\n style=\"width: 100%; height: 100%\"\r\n :header-cell-style=\"{ 'text-align': 'center' }\"\r\n :cell-style=\"{ 'text-align': 'center' }\"\r\n :row-class-name=\"rowClass\"\r\n >\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\r\n prop=\"cabinet_name\"\r\n label=\"告警位置\"\r\n align=\"center\"\r\n >\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\r\n @current-change=\"handleCurrentChange\"\r\n :current-page=\"page\"\r\n :page-size=\"pageSize\"\r\n layout=\"prev, pager, next\"\r\n :total=\"totals\"\r\n v-if=\"pageShow\"\r\n >\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\r\n class=\"componentShow\"\r\n style=\"display: block; height: calc(100% - 100px); top: 100px\"\r\n v-if=\"lineItem != null\"\r\n >\r\n <component :is=\"lineShow\" :lineItem=\"lineItem\"></component>\r\n </div>\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\nimport {\r\n getCompanyInfo,\r\n getLine,\r\n getBanzugz,\r\n getGdtj,\r\n getDwbzgz,\r\n getGdsgdzl,\r\n getPbtyqk,\r\n getCabinetInfo,\r\n getCabinetList,\r\n getfaultReportList,\r\n getCabinetAlarmList,\r\n} from \"../api/index.js\";\r\n//引入echarts\r\nimport * as echarts from \"echarts\";\r\n// 工单统计弹窗组件\r\nimport workOrder from \"../component/workOrder.vue\";\r\nimport ringMainUnit from \"./HomePop/ringMainUnit.vue\";\r\nimport routeDetail from \"../component/routeDetail.vue\";\r\n\r\n// 线路详情\r\nimport lineDetail from \"../component/lineDetail.vue\";\r\nexport default {\r\n name: \"home\",\r\n components: {\r\n ringMainUnit, //环网柜弹窗\r\n workOrder, //工单统计弹窗\r\n routeDetail, //线路故障跳闸明细\r\n lineDetail, //线路详情弹窗\r\n },\r\n data() {\r\n return {\r\n pageShow: true,\r\n totals: 5,\r\n pageSize: 10,\r\n page: 1,\r\n threeImg: require(\"../assets/images/pieBorder.png\"),\r\n\r\n enlargeShow: true,\r\n dataGzList: [\r\n {\r\n bz: \"大冈\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"配网二班\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"配网一班\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"尚庄\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"秦南\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"郭猛\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"大纵湖\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"潘黄\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"学富\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"龙冈\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"西区\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"楼王\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n ], //年故障数组\r\n dateList: [\"周\", \"月\"],\r\n acolor: true, //是否展示颜色\r\n currentIndex: -1,\r\n alarmInformationData: [],\r\n alarmInformationShow: false, //报警详情信息弹窗\r\n realTimeAlarmShow: false, //实时报警弹窗\r\n modelOthers: false,\r\n componentShow: \"\",\r\n CompanyInfo: {\r\n hsgst: \"3.4\",\r\n rlst: \"0.01\",\r\n nlst: \"0.44\",\r\n xms: \"9.279\",\r\n ysfyzh: \"118.5\",\r\n jhs: \"44\",\r\n sdpbsl: \"12\",\r\n jdpbsl: \"7\",\r\n fhgzpb: \"87\",\r\n ygdkkx: \"99.95\",\r\n pjtdpc: \"0.39\",\r\n pjtdsj: \"0.37\",\r\n ztpf: \"108.3万\",\r\n zydl: \"39.83亿\",\r\n khzs: \"4968\",\r\n xczydl: \"723.6\",\r\n zdsbgm: \"1250\",\r\n zxsbgm: \"3673\",\r\n glgds: \"10\",\r\n gltq: \"13884\",\r\n zrc: \"306\",\r\n },\r\n tableData: [],\r\n btnArr: [\"总览\", \"环网柜\", \"分支箱\", \"箱变\", \"开闭所\"],\r\n btnActive: 0,\r\n iconGround: [\r\n {\r\n icon: require(\"@/assets/images/huanwanggui.png\"),\r\n name: \"环网柜\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/fenzhixiang.png\"),\r\n name: \"分支箱\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/xiangbian.png\"),\r\n name: \"箱变\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/kaibisuo.png\"),\r\n name: \"开闭所\",\r\n },\r\n ],\r\n btnEnlarge: [\r\n {\r\n icon: require(\"@/assets/images/btnTiShi.png\"),\r\n },\r\n {\r\n icon: require(\"@/assets/images/btnFangDa.png\"),\r\n },\r\n ],\r\n btnEnlarge1: [\r\n {\r\n icon: require(\"@/assets/images/btnTiShi.png\"),\r\n },\r\n {\r\n icon: require(\"@/assets/images/suoxiao.png\"),\r\n },\r\n ],\r\n options: [\r\n {\r\n value: \"\",\r\n label: \"\",\r\n },\r\n ],\r\n value: \"\",\r\n topContent: [\r\n {\r\n name: \"配变数量\",\r\n count: \"\",\r\n },\r\n {\r\n name: \"重复停运台次\",\r\n count: \"\",\r\n },\r\n {\r\n name: \"配变重复停运率\",\r\n count: \"\",\r\n },\r\n ],\r\n device: \"\",\r\n tableData: [],\r\n tableKey: +new Date(),\r\n scrollTop: 0, //table距离顶部距离\r\n option: null,\r\n myChartBin: null,\r\n\r\n gongdanList: [\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"频繁停电\",\r\n total: 0,\r\n },\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"处理时间长\",\r\n total: 0,\r\n },\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"运检类投诉\",\r\n total: 0,\r\n },\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"运检类意见\",\r\n total: 0,\r\n },\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"民事赔偿\",\r\n total: 0,\r\n },\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"多次停电\",\r\n total: 0,\r\n },\r\n ],\r\n\r\n // 工单\r\n orderItem: null,\r\n\r\n orderShow: \"\",\r\n // 线路故障明细\r\n routeItem: null,\r\n routeShow: \"\",\r\n\r\n // 配电线路\r\n lineItem: null,\r\n lineShow: \"\",\r\n timer: null, //定时器\r\n emergencyList: [], //告警数据\r\n rowTime: \"\",\r\n };\r\n },\r\n created() {},\r\n mounted() {\r\n // this.beginShowing();\r\n // 监听浏览器窗口大小变化\r\n window.onresize = () => {\r\n clearInterval(this.myTimer);\r\n this.beginShowing();\r\n };\r\n this.xianDuan();\r\n this.detailedTwo11();\r\n this.horizontalChart();\r\n this.detailedOne();\r\n this.barCharts();\r\n this.detailedFive();\r\n this.shuzihuaCharts();\r\n this.roseCharts();\r\n this.detailen1();\r\n this.handleDate(0);\r\n\r\n let that = this;\r\n\r\n //历史故障接口\r\n let faultData = {\r\n token: localStorage.getItem(\"token\"),\r\n pageSize: \"500\",\r\n page: \"1\",\r\n };\r\n },\r\n // beforeDestroy() {\r\n // this.dataDestroy(); // 页面摧毁前，关闭定时器\r\n // },\r\n beforeDestroy() {\r\n // 离开当前路由前的操作\r\n clearInterval(this.timer);\r\n this.timer = null;\r\n },\r\n methods: {\r\n //地图画线\r\n xianDuan() {\r\n var canvas = document.getElementById(\"myCanvas\");\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.moveTo(650, 450); // moveTo(x,y) 定义线条开始坐标\r\n ctx.lineTo(735, 250); // lineTo(x,y) 定义线条结束坐标\r\n ctx.strokeStyle = \"orange\";\r\n ctx.lineWidth = 3;\r\n ctx.stroke();\r\n },\r\n routerTo(data) {\r\n if (data == \"盐城地区分布光伏运行监测\") {\r\n this.$router.push(\"/stationBuilding\");\r\n }\r\n if (data == \"盐城东台区供电所数字化分析\") {\r\n this.$router.push(\"/twentyKV\");\r\n }\r\n if (data == \"配网工程全过程物资审计\") {\r\n this.$router.push(\"/thirtyFiveKV\");\r\n }\r\n if (data == \"盐城供电公司配网电能质量管控\") {\r\n this.$router.push(\"/powerQualityControl\");\r\n }\r\n if (data == \"乡村振兴电力综合指数\") {\r\n this.$router.push(\"/ruralRevitalizationPower\");\r\n }\r\n if (data == \"两高行业企业污染监测\") {\r\n this.$router.push(\"/enterprisePollutionMonitoring\");\r\n }\r\n if (data == \"农村生活污水治理设备电量分析\") {\r\n this.$router.push(\"/ruralDomesticSewageTreatment\");\r\n }\r\n if (data == \"数字化排涝抗旱辅助及检修辅助决策\") {\r\n this.$router.push(\"/digitalFloodDrainageDroughtRelief\");\r\n }\r\n },\r\n detailen1() {\r\n var fontColor = \"#30eee9\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailen\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n },\r\n grid: {\r\n left: \"0%\", //图表距离容器左侧多少距离\r\n right: \"10%\", //图表距离容器右侧侧多少距离\r\n bottom: \"20%\", //图表距离容器上面多少距离\r\n top: \"10%\", //图表距离容器下面多少距离\r\n containLabel: true, //防止标签溢出\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n },\r\n\r\n data: [\"电量KWH\"],\r\n },\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n data: [\r\n \"安丰镇\",\r\n \"草堰镇\",\r\n \"龙岗镇\",\r\n \"新丰镇\",\r\n \"伍佑街道\",\r\n \"步凤镇\",\r\n ],\r\n axisLabel: {\r\n show: true,\r\n textStyle: {\r\n color: \"#ffffff\",\r\n fontSize: 18,\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 fontSize: 18,\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"电量kwh\",\r\n type: \"bar\",\r\n barWidth: 40, // 柱子宽度核心代码，\r\n itemStyle: {\r\n normal: {\r\n color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"rgba(2,255,255,.3)\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"rgb(2,255,255)\",\r\n },\r\n ]),\r\n label: {\r\n show: true, //开启显示\r\n position: \"top\", //在上方显示\r\n formatter: function (params) {\r\n //核心部分 formatter 可以为字符串也可以是回调\r\n if (params.value) {\r\n //如果当前值存在则拼接\r\n return params.value + \"万\";\r\n } else {\r\n //否则返回个空\r\n return \"\";\r\n }\r\n },\r\n textStyle: {\r\n //数值样式\r\n color: \"#00ffff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n data: [320, 332, 301, 334, 390, 288, 299],\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n //班组\r\n getbanzhu() {\r\n getBanzugz({\r\n action: \"detail\",\r\n }).then((res) => {\r\n console.log(res, \"班组故障详情\");\r\n for (let i = 0; i < res.data.data.length; i++) {\r\n if (res.data.data[i].gz_time_deal) {\r\n let date = new Date(res.data.data[i].gz_time_deal);\r\n res.data.data[i].gz_time_deal =\r\n this.$moment(date).format(\"YYYY-MM-DD HH:mm\");\r\n // console.log(res.data.data[i].gz_time_deal,'转换后');\r\n }\r\n if (res.data.data[i].gz_time) {\r\n let time = new Date(res.data.data[i].gz_time);\r\n res.data.data[i].gz_time =\r\n this.$moment(time).format(\"YYYY-MM-DD HH:mm\");\r\n }\r\n this.tableData.push(res.data.data[i]);\r\n }\r\n });\r\n },\r\n //工单\r\n getGongdan() {\r\n getGdtj({ action: \"tongji\" }).then((res) => {\r\n console.log(res, \"工单统计数据\");\r\n let dataList = res.data.data;\r\n\r\n for (let i = 0; i < this.gongdanList.length; i++) {\r\n for (let j = 0; j < res.data.data.length; j++) {\r\n if (\r\n this.gongdanList[i].gd_type_name == res.data.data[j].gd_type_name\r\n ) {\r\n this.gongdanList[i].total = res.data.data[j].total;\r\n this.gongdanList[i].gd_type_id = res.data.data[j].gd_type_id;\r\n }\r\n }\r\n }\r\n // this.gongdanList = res.data.data;\r\n this.detailedThree(dataList);\r\n // this.$nextTick(() => {\r\n // this.detailedThree(dataList);\r\n // setInterval(() => {\r\n // this.doing();\r\n // }, 200);\r\n // });\r\n });\r\n },\r\n // //表格第一行颜色\r\n rowClass(row, rowIndex) {\r\n if (row.rowIndex === 0) {\r\n return \"rowColor0\";\r\n } else {\r\n return \"\";\r\n }\r\n },\r\n //切换当前页\r\n handleCurrentChange(val) {\r\n this.page = val;\r\n let tableData = [];\r\n if (this.emergencyList.length != 0) {\r\n tableData = this.emergencyList;\r\n if (val == 1) {\r\n this.alarmInformationData = tableData.slice(0, 10);\r\n document.getElementsByClassName(\"rowColor0\")[0].style.display = \"\";\r\n } else if (val == 2) {\r\n document.getElementsByClassName(\"rowColor0\")[0].style.display =\r\n \"none\";\r\n this.alarmInformationData = tableData.slice(10, 20);\r\n } else if (val == 3) {\r\n this.alarmInformationData = tableData.slice(20, 30);\r\n document.getElementsByClassName(\"rowColor0\")[0].style.display =\r\n \"none\";\r\n } else if (val == 4) {\r\n this.alarmInformationData = tableData.slice(30, 40);\r\n document.getElementsByClassName(\"rowColor0\")[0].style.display =\r\n \"none\";\r\n } else if (val == 5) {\r\n this.alarmInformationData = tableData.slice(40, 50);\r\n document.getElementsByClassName(\"rowColor0\")[0].style.display =\r\n \"none\";\r\n }\r\n } else {\r\n return false;\r\n }\r\n },\r\n // 线路详情弹窗\r\n openLineDetail(e) {\r\n // console.log(e);\r\n // var line = e + ''\r\n // console.log(line);\r\n getLine({ action: \"pdxl\" }).then(({ data }) => {\r\n console.log(data);\r\n this.lineShow = \"lineDetail\";\r\n this.lineItem = data.data;\r\n });\r\n },\r\n // 线路故障跳闸明细弹窗\r\n rowHandle(e) {\r\n // console.log(e, \"参数\");\r\n this.routeItem = e;\r\n this.routeShow = \"routeDetail\";\r\n // console.log(this.routeItem,'线路组件名称');\r\n },\r\n // 工单统计的弹窗\r\n openGdDetail(item) {\r\n this.orderItem = item;\r\n this.orderShow = \"workOrder\";\r\n },\r\n // 鼠标进入表格\r\n // mouseover() {\r\n // clearInterval(this.myTimer);\r\n // },\r\n // 鼠标离开表格\r\n mouseout() {\r\n this.roll();\r\n },\r\n //调用unity方法\r\n handleUnity(index, item) {\r\n this.btnActive = index;\r\n this.$refs.iframe.contentWindow.handleChange(item);\r\n },\r\n //选择线路\r\n selectLine(value) {\r\n getLine({\r\n action: \"query\",\r\n line_code: value,\r\n }).then((res) => {\r\n // console.log(res,'选择线路');\r\n if (res.data.data != 0 && res.data.data != null) {\r\n this.$refs.iframe.contentWindow.handleChangeLine(\r\n res.data.data.line_name\r\n );\r\n } else if (res.data.data == null) {\r\n this.$refs.iframe.contentWindow.handleChangeLine(\"\");\r\n }\r\n });\r\n },\r\n detailedOne() {\r\n let myChart = this.$echarts.init(document.getElementById(\"detailedOne\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n },\r\n\r\n data: [\"配变停电\"],\r\n },\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n data: [\r\n \"亭湖区\",\r\n \"东台市\",\r\n \"建湖县\",\r\n \"阜宁县\",\r\n \"响水县\",\r\n \"滨海县\",\r\n \"射阳县\",\r\n \"大丰区\",\r\n ],\r\n axisLabel: {\r\n show: true,\r\n textStyle: {\r\n color: \"#ffffff\",\r\n fontSize: 16,\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 fontSize: 16,\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"配变停电\",\r\n type: \"bar\",\r\n barWidth: 40, // 柱子宽度核心代码，\r\n itemStyle: {\r\n normal: {\r\n color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"rgba(2,255,255,.3)\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"rgb(2,255,255)\",\r\n },\r\n ]),\r\n label: {\r\n show: true, //开启显示\r\n position: \"top\", //在上方显示\r\n textStyle: {\r\n //数值样式\r\n color: \"#00ffff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n data: [5109, 5520, 5354, 5511, 4789, 5254, 5411, 4889],\r\n },\r\n ],\r\n };\r\n\r\n myChart.setOption(option);\r\n\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n shuzihuaCharts() {\r\n let myChart = this.$echarts.init(document.getElementById(\"shuzihua\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"cross\",\r\n crossStyle: {\r\n color: \"#999\",\r\n },\r\n },\r\n },\r\n grid: {\r\n left: \"5%\", //图表距离容器左侧多少距离\r\n right: \"8%\", //图表距离容器右侧侧多少距离\r\n bottom: \"20%\", //图表距离容器上面多少距离\r\n top: \"15%\", //图表距离容器下面多少距离\r\n containLabel: true, //防止标签溢出\r\n },\r\n legend: [\r\n {\r\n x: \"center\",\r\n data: [\r\n \"投运15年以上设备数量\",\r\n \"统计时间所辖线路设备数量\",\r\n \"设备老化占比\",\r\n ],\r\n textStyle: {\r\n fontSize: 18,\r\n color: \"#fff\",\r\n },\r\n },\r\n ],\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n data: [\r\n \"10kv星雨线163\",\r\n \"10kv智谋线183\",\r\n \"10kv朝阳线164\",\r\n \"10kv杨庄线181\",\r\n \"10kv森达线174\",\r\n ],\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n axisLabel: {\r\n rotate: -15, //60度角倾斜显示\r\n interval: 0, //横轴信息全部显示\r\n color: \"#fff\",\r\n fontSize: 20,\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n min: 0,\r\n max: 160,\r\n interval: 40,\r\n axisLabel: {\r\n textStyle: {\r\n fontSize: \"18\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n {\r\n type: \"value\",\r\n min: 0,\r\n max: 80,\r\n interval: 20,\r\n axisLabel: {\r\n formatter: \"{value}%\",\r\n textStyle: {\r\n fontSize: \"18\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"投运15年以上设备数量\",\r\n type: \"bar\",\r\n tooltip: {\r\n valueFormatter: function (value) {\r\n return value;\r\n },\r\n },\r\n itemStyle: {\r\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n { offset: 1, color: \"rgba(240,230,140,.2) \" },\r\n { offset: 0.5, color: \"rgb(240,230,140,.6)\" },\r\n { offset: 0, color: \"rgb(240,230,140)\" },\r\n ]),\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n data: [55, 66, 89, 113, 123],\r\n },\r\n {\r\n name: \"统计时间所辖线路设备数量\",\r\n type: \"bar\",\r\n tooltip: {\r\n valueFormatter: function (value) {\r\n return value;\r\n },\r\n },\r\n itemStyle: {\r\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n { offset: 1, color: \"rgba(65,105,225,.2) \" },\r\n { offset: 0.5, color: \"rgb(65,105,225,.6)\" },\r\n { offset: 0, color: \"rgb(65,105,225)\" },\r\n ]),\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n data: [46, 56, 99, 103, 123],\r\n },\r\n {\r\n name: \"设备老化占比\",\r\n type: \"line\",\r\n yAxisIndex: 1,\r\n tooltip: {\r\n valueFormatter: function (value) {\r\n return value;\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: \"#0080ff\",\r\n lineStyle: {\r\n color: \"#0080ff\",\r\n },\r\n },\r\n },\r\n data: [20, 40, 60, 80, 67],\r\n },\r\n ],\r\n };\r\n\r\n myChart.setOption(option);\r\n\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedTwo() {\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo1\"));\r\n var option = {\r\n xAxis: {\r\n type: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: fontColor,\r\n },\r\n axisLine: {\r\n show: true,\r\n lineStyle: {\r\n color: \"#397cbc\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#195384\",\r\n },\r\n },\r\n data: [\r\n \"0:00\",\r\n \"3:00\",\r\n \"6:00\",\r\n \"9:00\",\r\n \"12:00\",\r\n \"15:00\",\r\n \"18:00\",\r\n \"21:00\",\r\n \"24:00\",\r\n ],\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"单位：kw\",\r\n min: 0,\r\n max: 1000,\r\n show: true,\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n axisLabel: {\r\n formatter: \"{value}\",\r\n textStyle: {\r\n color: \"#2ad1d2\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#27b4c2\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n data: [720, 632, 801, 734, 470, 670, 720, 123, 567],\r\n type: \"line\",\r\n symbol: \"none\",\r\n lineStyle: {\r\n color: \"#00ffff\",\r\n width: 2,\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: \"00ffff\",\r\n lineStyle: {\r\n color: \"00ffff\",\r\n width: 3,\r\n type: \"solid\",\r\n },\r\n },\r\n },\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedTwo11() {\r\n var fontColor = \"#30eee9\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo1\"));\r\n var option = {\r\n xAxis: {\r\n type: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: fontColor,\r\n },\r\n axisLine: {\r\n show: true,\r\n lineStyle: {\r\n color: \"#397cbc\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#195384\",\r\n },\r\n },\r\n data: [\r\n \"0:00\",\r\n \"3:00\",\r\n \"6:00\",\r\n \"9:00\",\r\n \"12:00\",\r\n \"15:00\",\r\n \"18:00\",\r\n \"21:00\",\r\n \"24:00\",\r\n ],\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"单位：kw\",\r\n min: 0,\r\n max: 1000,\r\n show: true,\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n axisLabel: {\r\n formatter: \"{value}\",\r\n textStyle: {\r\n color: \"#2ad1d2\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#27b4c2\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n data: [720, 632, 801, 734, 470, 670, 720, 123, 567],\r\n type: \"line\",\r\n symbol: \"none\",\r\n lineStyle: {\r\n color: \"#00ffff\",\r\n width: 2,\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: \"00ffff\",\r\n lineStyle: {\r\n color: \"00ffff\",\r\n width: 3,\r\n type: \"solid\",\r\n },\r\n },\r\n },\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n horizontalChart() {\r\n var myChart = this.$echarts.init(\r\n document.getElementById(\"horizontalChart\")\r\n );\r\n var honorData = [\r\n {\r\n name: \"60天内掉电客户数\",\r\n data: [13.4, 12.1, 14.3],\r\n },\r\n {\r\n name: \"60天内掉电总数\",\r\n data: [9.4, 8.1, 7.3],\r\n },\r\n ];\r\n var honorXAxisData = [\"No.3\", \"No.2\", \"No.1\"];\r\n var nameList = [\r\n \"PMS_晨光满园9台区\",\r\n \"滨河华苑3台区\",\r\n \"PMS_晨光满园11台区\",\r\n ];\r\n var option = {\r\n color: [\"#0F9AF8\", \"#2039C3\", \"rgba(32,57,195,.5)\", \"#2ECACE\"],\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"none\",\r\n },\r\n },\r\n legend: {\r\n right: 20,\r\n top: \"5%\",\r\n itemWidth: 10,\r\n itemHeight: 10,\r\n itemGap: 15,\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n grid: {\r\n top: \"15%\",\r\n left: \"14%\",\r\n right: \"0%\",\r\n bottom: \"0%\",\r\n },\r\n xAxis: [\r\n {\r\n type: \"value\",\r\n show: false,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: \"#6B9DD7\",\r\n fontSize: 16, // 文字大小\r\n fontWeight: 400,\r\n interval: 0,\r\n formatter: function (value) {\r\n return value + \"(万元)\";\r\n },\r\n },\r\n splitLine: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"category\",\r\n offset: 17,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: \"#00FFFF\",\r\n fontSize: 20, // 文字大小\r\n fontWeight: 700,\r\n interval: 0,\r\n },\r\n\r\n data: honorXAxisData,\r\n },\r\n {\r\n //名称\r\n type: \"category\",\r\n offset: -10,\r\n position: \"left\",\r\n axisLine: {\r\n show: false,\r\n },\r\n inverse: true,\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n color: \"#fff\",\r\n align: \"left\",\r\n verticalAlign: \"bottom\",\r\n lineHeight: 40,\r\n fontSize: 20,\r\n },\r\n data: nameList,\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"60天内掉电客户数\",\r\n type: \"bar\",\r\n stack: \"zongliang\",\r\n barWidth: \"25%\",\r\n barGap: 15, // 柱图之间的间距\r\n itemStyle: {\r\n //自定义颜色\r\n // normal: { color: \"orange\" },\r\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"rgba(255,165,0,.4)\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"rgb(255,165,0)\",\r\n },\r\n ]),\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: [\"80%\", \"-100%\"],\r\n formatter: function (params) {\r\n return params.value;\r\n },\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n\r\n data: honorData[0].data,\r\n },\r\n {\r\n name: \"60天内掉电总数\",\r\n type: \"bar\",\r\n stack: \"zongliang\",\r\n barWidth: \"25%\",\r\n itemStyle: {\r\n //自定义颜色\r\n // normal: { color: \"orange\" },\r\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"#005BEA\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"#00C6FB\",\r\n },\r\n ]),\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: [\"80%\", \"-100%\"],\r\n formatter: function (params) {\r\n return params.value;\r\n },\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n data: honorData[1].data,\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n 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 {\r\n type: \"pie\",\r\n radius: [\"80\", \"120\"],\r\n center: [\"50%\", \"50%\"],\r\n color: [\"#80C269\", \"#00FFFF\", \"#0090F1\", \"#FFA800\", \"#4658F6\"],\r\n itemStyle: {\r\n normal: {\r\n borderWidth: 5,\r\n borderColor: \"#031845\",\r\n },\r\n },\r\n data: [\r\n {\r\n value: 27,\r\n name: \"国网大丰市供电公司\",\r\n },\r\n {\r\n value: 30,\r\n name: \"国网射阳县供电公司\",\r\n },\r\n {\r\n value: 24,\r\n name: \"开发区供电服务中心\",\r\n },\r\n {\r\n value: 27,\r\n name: \"盐城运维检修部\",\r\n },\r\n {\r\n value: 27,\r\n name: \"设备管理部\",\r\n },\r\n {\r\n value: 27,\r\n name: \"国网响水县供电公司\",\r\n },\r\n ],\r\n labelLine: {\r\n normal: {\r\n show: true,\r\n length: 20,\r\n length2: 10,\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: 20,\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: 20,\r\n align: \"center\",\r\n padding: 4,\r\n color: \"#fff\",\r\n },\r\n },\r\n },\r\n },\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n roseCharts() {\r\n var myChart = this.$echarts.init(document.getElementById(\"roseCharts\"));\r\n var option = {\r\n color: [\r\n \"#EAEA26\",\r\n \"#906BF9\",\r\n \"#FE5656\",\r\n \"#01E17E\",\r\n \"#3DD1F9\",\r\n \"#FFAD05\",\r\n ],\r\n 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\r\n polar: {},\r\n angleAxis: {\r\n interval: 1,\r\n type: \"category\",\r\n data: [],\r\n z: 10,\r\n axisLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#0B4A6B\",\r\n width: 1,\r\n type: \"solid\",\r\n },\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n show: true,\r\n color: \"#0B4A6B\",\r\n margin: 8,\r\n fontSize: 16,\r\n },\r\n },\r\n radiusAxis: {\r\n min: 40,\r\n max: 120,\r\n interval: 20,\r\n axisLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#0B3E5E\",\r\n width: 1,\r\n type: \"solid\",\r\n },\r\n },\r\n axisLabel: {\r\n formatter: \"{value} %\",\r\n show: false,\r\n padding: [0, 0, 20, 0],\r\n color: \"#0B3E5E\",\r\n fontSize: 16,\r\n },\r\n splitLine: {\r\n lineStyle: {\r\n color: \"#0B3E5E\",\r\n width: 2,\r\n type: \"solid\",\r\n },\r\n },\r\n },\r\n calculable: true,\r\n series: [\r\n {\r\n type: \"pie\",\r\n radius: [\"5%\", \"10%\"],\r\n hoverAnimation: false,\r\n labelLine: {\r\n normal: {\r\n show: false,\r\n length: 30,\r\n length2: 55,\r\n },\r\n emphasis: {\r\n show: false,\r\n },\r\n },\r\n data: [\r\n {\r\n name: \"\",\r\n value: 0,\r\n itemStyle: {\r\n normal: {\r\n color: \"#0B4A6B\",\r\n },\r\n },\r\n },\r\n ],\r\n },\r\n {\r\n type: \"pie\",\r\n radius: [\"90%\", \"95%\"],\r\n hoverAnimation: false,\r\n labelLine: {\r\n normal: {\r\n show: false,\r\n length: 30,\r\n length2: 55,\r\n },\r\n emphasis: {\r\n show: false,\r\n },\r\n },\r\n name: \"\",\r\n data: [\r\n {\r\n name: \"\",\r\n value: 0,\r\n itemStyle: {\r\n normal: {\r\n color: \"#0B4A6B\",\r\n },\r\n },\r\n },\r\n ],\r\n },\r\n {\r\n stack: \"a\",\r\n type: \"pie\",\r\n radius: [\"20%\", \"80%\"],\r\n roseType: \"area\",\r\n zlevel: 10,\r\n label: {\r\n normal: {\r\n show: true,\r\n formatter: \"{b} {d} %\",\r\n textStyle: {\r\n fontSize: 20,\r\n color: \"#fff\",\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: 35,\r\n borderWidth: 4,\r\n },\r\n emphasis: {\r\n show: false,\r\n },\r\n },\r\n data: [\r\n {\r\n value: 15,\r\n name: \"东台市\",\r\n },\r\n {\r\n value: 7,\r\n name: \"阜宁县\",\r\n },\r\n {\r\n value: 14,\r\n name: \"盐都区\",\r\n },\r\n {\r\n value: 23,\r\n name: \"滨海县\",\r\n },\r\n {\r\n value: 18,\r\n name: \"建湖县\",\r\n },\r\n {\r\n value: 35,\r\n name: \"射阳县\",\r\n },\r\n {\r\n value: 31,\r\n name: \"大丰区\",\r\n },\r\n {\r\n value: 28,\r\n name: \"响水县\",\r\n },\r\n {\r\n value: 36,\r\n name: \"亭湖区\",\r\n },\r\n ],\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedThree(dataList) {\r\n // console.log(this.threeImg,'图片');\r\n // var equipment = [dataList.yjlts, dataList.yjlyj];\r\n var that = this;\r\n // console.log(that,'指向');\r\n var colorList = [\r\n \"#0090ff\",\r\n \"#06d3c4\",\r\n \"#66b0ed\",\r\n \"#7cb79d\",\r\n \"#2361b4\",\r\n \"rgb(198,123,244)\",\r\n ];\r\n var colorList1 = [\"rgb(198,123,244)\", \"#2361b4\"];\r\n // 饼图数据\r\n var threeList = dataList.map((ele) => {\r\n return { name: ele.gd_type_name, value: ele.total };\r\n });\r\n // console.log(threeList, \"饼图数据\");\r\n // var legendData = dataList.concat(\r\n // {\r\n // value: equipment[0],\r\n // name: \"运检类投诉\",\r\n // },\r\n // {\r\n // value: equipment[1],\r\n // name: \"运检类意见\",\r\n // }\r\n // );\r\n this.myChartBin = this.$echarts.init(\r\n document.getElementById(\"detailedThree\")\r\n );\r\n // var graphicList = [];\r\n // legendData.forEach((ele, index) => {\r\n // if (index <= 2) {\r\n // graphicList.push({\r\n // type: \"image\",\r\n // style: {\r\n // image: this.threeImg,\r\n // width: 164,\r\n // height: 41,\r\n // x: 250,\r\n // y: 55 * (index + 1),\r\n // },\r\n // });\r\n // } else {\r\n // graphicList.push({\r\n // type: \"image\",\r\n // style: {\r\n // image: this.threeImg,\r\n // width: 164,\r\n // height: 41,\r\n // x: 424,\r\n // y: 55 * (index - 2),\r\n // },\r\n // });\r\n // }\r\n // });\r\n this.option = {\r\n borderColor: \"none\",\r\n\r\n tooltip: {\r\n formatter: function (param) {\r\n if (param.data.type == null) {\r\n return param.data.name + \":\" + param.value + \"个\";\r\n } else {\r\n return param.data.name + \":\" + param.value + \"个\";\r\n }\r\n },\r\n },\r\n\r\n legend: {\r\n icon: \"pin\",\r\n // height: 90,\r\n top: 20,\r\n show: false,\r\n // bottom:0,\r\n // itemGap: 40,\r\n // lineHeight: 80,\r\n // padding: [30, 0, 30, 0],\r\n // right: '20%',\r\n // orient: \"vertical\", //垂直显示\r\n x: \"center\", //延Y轴居中\r\n data: dataList.map((ele) => {\r\n return ele.gd_type_name;\r\n }),\r\n textStyle: {\r\n color: \"#ffffff\",\r\n fontSize: 15,\r\n\r\n // width:20,\r\n // height:60,\r\n },\r\n },\r\n series: [\r\n {\r\n name: \"\",\r\n type: \"pie\",\r\n radius: [0, \"70%\"],\r\n center: [\"50%\", \"50%\"],\r\n startAngle: 60, //默认角度\r\n label: {\r\n position: \"inner\",\r\n show: false,\r\n },\r\n\r\n itemStyle: {\r\n normal: {\r\n borderColor: \"none\",\r\n borderWidth: 2,\r\n fontSize: 16,\r\n color: function (params) {\r\n return colorList[params.dataIndex];\r\n },\r\n },\r\n },\r\n\r\n selectedMode: \"single\",\r\n data: threeList,\r\n },\r\n // {\r\n // name: \"运检类\",\r\n // type: \"pie\",\r\n // radius: [\"70%\", \"80%\"],\r\n // center: [\"20%\", \"50%\"],\r\n // startAngle: 30,\r\n // itemStyle: {\r\n // normal: {\r\n // fontSize: 16,\r\n // color: function (params) {\r\n // return colorList1[params.dataIndex];\r\n // },\r\n // // color:'#F4C907',\r\n // },\r\n // },\r\n // label: {\r\n // normal: {\r\n // formatter: function (params) {\r\n // return params.data.name + \":\" + params.data.type + \"个\";\r\n // },\r\n // color: \"auto\",\r\n // show: false,\r\n // fontSize: 16,\r\n // },\r\n // },\r\n\r\n // data: [\r\n // {\r\n // value: equipment[0],\r\n // name: \"运检类投诉\",\r\n // type: equipment[0],\r\n // },\r\n // {\r\n // value: equipment[1],\r\n // name: \"运检类意见\",\r\n // type: equipment[1],\r\n // },\r\n // ],\r\n // animation: false,\r\n // },\r\n ],\r\n };\r\n this.myChartBin.setOption(this.option);\r\n window.addEventListener(\"resize\", () => {\r\n this.myChartBin.resize();\r\n });\r\n },\r\n doing() {\r\n this.option.series[0].startAngle = this.option.series[0].startAngle - 5;\r\n this.option.series[1].startAngle = this.option.series[1].startAngle - 5;\r\n this.myChartBin.setOption(this.option);\r\n },\r\n detailedFour(dataList) {\r\n let yearBzData = [];\r\n let yearChcg = [];\r\n let yearChbc = [];\r\n let yearWchz = [];\r\n let yearJieDi = [];\r\n let yearFenJi = [];\r\n for (let i = 0; i < dataList.length; i++) {\r\n yearBzData.push(dataList[i].bz);\r\n yearChcg.push(dataList[i].chcg);\r\n yearChbc.push(dataList[i].chbc);\r\n yearWchz.push(dataList[i].wchz);\r\n yearJieDi.push(dataList[i].jd);\r\n yearFenJi.push(dataList[i].fjbh);\r\n }\r\n // console.log(yearJieDi,'接地数据');\r\n let that = this;\r\n let myChart = this.$echarts.init(document.getElementById(\"detailedFour\"));\r\n var option = {\r\n tooltip: {\r\n axisPointer: {\r\n type: \"shadow\",\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 16,\r\n },\r\n },\r\n },\r\n grid: {\r\n borderWidth: 0,\r\n top: 30,\r\n bottom: \"17%\",\r\n left: \"6%\",\r\n right: \"6%\",\r\n textStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n legend: {\r\n icon: \"rect\",\r\n right: \"4%\",\r\n textStyle: {\r\n color: \"#ffffff\",\r\n },\r\n data: [\"重合成功\", \"重合不成\", \"无重合闸\", \"接地\", \"分级保护\"],\r\n },\r\n calculable: true,\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n trigger: \"axis\",\r\n axisLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#fff\",\r\n fontSize: 16,\r\n },\r\n },\r\n splitLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitArea: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n fontSize: 14,\r\n rotate: 30,\r\n },\r\n data: yearBzData,\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n color: \"rgb(83,83,83)\",\r\n fontSize: 16,\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n fontSize: 16,\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n },\r\n splitArea: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"重合成功\",\r\n type: \"bar\",\r\n stack: \"Total1\",\r\n barMaxWidth: 15,\r\n barGap: \"10%\",\r\n label: {\r\n show: true,\r\n formatter: function (params) {\r\n if (params.value == 0) {\r\n return \"\";\r\n } else {\r\n return params.value;\r\n }\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n {\r\n offset: 0,\r\n color: \"rgba(194,190,190,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(194,190,190,0)\",\r\n },\r\n ]),\r\n borderColor: new that.$echarts.graphic.LinearGradient(\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n [\r\n {\r\n offset: 0,\r\n color: \"rgba(194,190,190,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(194,190,190,0)\",\r\n },\r\n ]\r\n ),\r\n },\r\n },\r\n data: yearChcg,\r\n },\r\n {\r\n name: \"重合不成\",\r\n type: \"bar\",\r\n barMaxWidth: 15,\r\n stack: \"Total1\",\r\n label: {\r\n show: true,\r\n formatter: function (params) {\r\n if (params.value == 0) {\r\n return \"\";\r\n } else {\r\n return params.value;\r\n }\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n {\r\n offset: 0,\r\n color: \"rgba(86,254,226,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(86,254,226,0)\",\r\n },\r\n ]),\r\n borderColor: new that.$echarts.graphic.LinearGradient(\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n [\r\n {\r\n offset: 0,\r\n color: \"rgba(86,254,226,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(86,254,226,0)\",\r\n },\r\n ]\r\n ),\r\n },\r\n },\r\n data: yearChbc,\r\n },\r\n {\r\n name: \"无重合闸\",\r\n type: \"bar\",\r\n barMaxWidth: 15,\r\n stack: \"Total1\",\r\n label: {\r\n show: true,\r\n formatter: function (params) {\r\n if (params.value == 0) {\r\n return \"\";\r\n } else {\r\n return params.value;\r\n }\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n {\r\n offset: 0,\r\n color: \"rgba(237,125,49,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(237,125,49,0)\",\r\n },\r\n ]),\r\n borderColor: new that.$echarts.graphic.LinearGradient(\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n [\r\n {\r\n offset: 0,\r\n color: \"rgba(237,125,49,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(237,125,49,0)\",\r\n },\r\n ]\r\n ),\r\n barBorderRadius: 0,\r\n },\r\n },\r\n data: yearWchz,\r\n },\r\n {\r\n name: \"接地\",\r\n type: \"bar\",\r\n barMaxWidth: 15,\r\n stack: \"Total1\",\r\n label: {\r\n show: true,\r\n formatter: function (params) {\r\n if (params.value == 0) {\r\n return \"\";\r\n } else {\r\n return params.value;\r\n }\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n {\r\n offset: 0,\r\n color: \"rgba(35,160,247,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(35,160,247,0)\",\r\n },\r\n ]),\r\n borderColor: new that.$echarts.graphic.LinearGradient(\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n [\r\n {\r\n offset: 0,\r\n color: \"rgba(35,160,247,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(35,160,247,0)\",\r\n },\r\n ]\r\n ),\r\n barBorderRadius: 0,\r\n },\r\n },\r\n data: yearJieDi,\r\n },\r\n {\r\n name: \"分级保护\",\r\n type: \"bar\",\r\n barMaxWidth: 15,\r\n stack: \"Total1\",\r\n label: {\r\n show: true,\r\n formatter: function (params) {\r\n if (params.value == 0) {\r\n return \"\";\r\n } else {\r\n return params.value;\r\n }\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n {\r\n offset: 0,\r\n color: \"rgba(156,73,200,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(156,73,200,0)\",\r\n },\r\n ]),\r\n borderColor: new that.$echarts.graphic.LinearGradient(\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n [\r\n {\r\n offset: 0,\r\n color: \"rgba(156,73,200,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(156,73,200,0)\",\r\n },\r\n ]\r\n ),\r\n barBorderRadius: 0,\r\n },\r\n },\r\n data: yearFenJi,\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedFive() {\r\n let myChart = this.$echarts.init(document.getElementById(\"detailedFive\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n },\r\n grid: {\r\n left: \"5%\", //图表距离容器左侧多少距离\r\n right: \"5%\", //图表距离容器右侧侧多少距离\r\n bottom: \"0%\", //图表距离容器上面多少距离\r\n top: \"30%\", //图表距离容器下面多少距离\r\n containLabel: true, //防止标签溢出\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 \"长荡镇\",\r\n \"河海镇\",\r\n \"黄沙港镇\",\r\n \"临海镇\",\r\n \"兴桥镇\",\r\n \"合德镇\",\r\n \"四明镇\",\r\n \"特庸镇\",\r\n ],\r\n axisLabel: {\r\n interval: 0, //横轴信息全部显示\r\n show: true,\r\n textStyle: {\r\n color: \"#ffffff\",\r\n fontSize: 18,\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 fontSize: 18,\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"配变名称\",\r\n type: \"bar\",\r\n barWidth: 40, // 柱子宽度核心代码\r\n itemStyle: {\r\n normal: {\r\n color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"rgba(232, 155, 0,.3)\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"rgb(232, 155, 0)\",\r\n },\r\n ]),\r\n label: {\r\n show: true, //开启显示\r\n position: \"top\", //在上方显示\r\n textStyle: {\r\n //数值样式\r\n color: \"rgb(232, 155, 0)\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n },\r\n data: [87.69, 84.69, 82.69, 83.69, 77.69, 67.69, 57.69, 47.69],\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.content3 {\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 .content3 {\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 .line3 {\r\n width: 30%;\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 margin-bottom: 1%;\r\n height: 100%;\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 width: 100%;\r\n\r\n .num1 {\r\n background: url(\"../assets/indexN/zsjbtk.png\") no-repeat;\r\n width: 100%;\r\n height: 100%;\r\n background-size: 100%;\r\n line-height: 250%;\r\n text-align: center;\r\n }\r\n .numText {\r\n color: #ffffff;\r\n background: url(\"../assets/indexN/main.png\") no-repeat;\r\n background-size: 100%;\r\n width: 100%;\r\n height: 74px;\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(254, 209, 86) !important;\r\n -webkit-mask: linear-gradient(\r\n to top,\r\n rgb(254, 162, 86),\r\n transparent\r\n );\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% - 150px);\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 .content3 {\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 .line3 {\r\n width: 30%;\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: 1%;\r\n height: 100%;\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 width: 100%;\r\n\r\n .num1 {\r\n background: url(\"../assets/indexN/zsjbtk.png\") no-repeat;\r\n width: 100%;\r\n // height: 100%;\r\n background-size: 100%;\r\n line-height: 250%;\r\n text-align: center;\r\n }\r\n .numText {\r\n color: #ffffff;\r\n background: url(\"../assets/indexN/main.png\") no-repeat;\r\n background-size: 100%;\r\n width: 100%;\r\n height: 74px;\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(254, 209, 86) !important;\r\n -webkit-mask: linear-gradient(\r\n to top,\r\n rgb(254, 162, 86),\r\n transparent\r\n );\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 #detailedOne {\r\n width: 100%;\r\n height: calc(100% - 160px);\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/indexN/midzsj.png\") no-repeat;\r\n background-size: 100%;\r\n width: 65%;\r\n height: 20%;\r\n position: relative;\r\n top: -28%;\r\n left: 25%;\r\n .contents {\r\n // height: 90%;\r\n position: absolute;\r\n padding: 10px;\r\n height: 100%;\r\n width: 96%;\r\n display: flex;\r\n flex-direction: row;\r\n /* 平分剩余空间 */\r\n justify-content: space-around;\r\n .lines {\r\n width: 106%;\r\n padding: 10px 0 0 0px;\r\n // background: url(\"../assets/index/mainMin.png\") no-repeat;\r\n }\r\n\r\n .total {\r\n .num {\r\n // display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: center;\r\n align-items: left;\r\n color: #ffffff;\r\n span {\r\n font-size: 18px;\r\n }\r\n h5 {\r\n font-size: 34px;\r\n }\r\n .yellow {\r\n padding-top: 30px;\r\n color: yellow;\r\n font-size: 24px;\r\n }\r\n .orange {\r\n padding-top: 30px;\r\n color: orange;\r\n font-size: 24px;\r\n }\r\n .yellows {\r\n padding-top: 20px;\r\n color: yellow;\r\n font-size: 24px;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n .imgboxtwo1 {\r\n background: url(\"../assets/indexN/tk.png\") no-repeat;\r\n background-size: 100%;\r\n float: right;\r\n right: 8%;\r\n top: 20%;\r\n width: 28vh;\r\n height: 100%;\r\n position: relative;\r\n .content2 {\r\n padding: 5px;\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 .line1 {\r\n width: 100%;\r\n height: 100%;\r\n margin-left: 5%;\r\n text-align: left;\r\n font-size: 24px;\r\n color: #fff;\r\n }\r\n }\r\n }\r\n .map {\r\n background: url(\"../assets/indexN/map.png\") no-repeat;\r\n vertical-align: middle;\r\n display: table-cell;\r\n text-align: center;\r\n margin-left: -20%;\r\n .leftimg {\r\n position: absolute;\r\n left: 34.5%;\r\n }\r\n .rightimg {\r\n position: absolute;\r\n right: 35%;\r\n }\r\n .allimg {\r\n position: relative;\r\n left: 28.5%;\r\n top: 34%;\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 .enselect {\r\n position: absolute;\r\n right: 30px;\r\n top: 50%;\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 & > 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 .content3 {\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 .contentUl {\r\n display: flex;\r\n flex-wrap: wrap;\r\n height: 20%;\r\n width: 100%;\r\n position: relative;\r\n .top {\r\n position: relative;\r\n flex-basis: calc(100% / 3);\r\n height: 50%;\r\n left: 33%;\r\n img {\r\n margin-top: 15%;\r\n }\r\n .texts {\r\n color: orange;\r\n position: absolute;\r\n z-index: 2;\r\n left: 32%;\r\n top: 25%;\r\n align-items: center;\r\n font-size: 32px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 10%;\r\n }\r\n }\r\n .top1 {\r\n position: absolute;\r\n flex-basis: calc(100% / 3);\r\n height: 100%;\r\n img {\r\n margin-top: 30%;\r\n }\r\n .texts {\r\n color: #fff;\r\n position: absolute;\r\n z-index: 2;\r\n left: 0%;\r\n top: 27%;\r\n width: 87%;\r\n height: 100%;\r\n padding-top: 27%;\r\n background: url(\"../assets/indexN/xctb2.png\") no-repeat;\r\n background-size: 100%;\r\n align-items: center;\r\n font-size: 24px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 130%;\r\n }\r\n }\r\n .top2 {\r\n position: absolute;\r\n flex-basis: calc(100% / 3);\r\n height: 100%;\r\n left: 21%;\r\n top: -33%;\r\n img {\r\n margin-top: 30%;\r\n }\r\n .texts {\r\n color: #fff;\r\n position: absolute;\r\n z-index: 2;\r\n left: 0%;\r\n top: 27%;\r\n width: 87%;\r\n height: 100%;\r\n padding-top: 27%;\r\n background: url(\"../assets/indexN/xctb2.png\") no-repeat;\r\n background-size: 100%;\r\n align-items: center;\r\n font-size: 24px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 130%;\r\n }\r\n }\r\n .top3 {\r\n position: absolute;\r\n flex-basis: calc(100% / 3);\r\n height: 100%;\r\n left: 29%;\r\n top: 50%;\r\n img {\r\n margin-top: 30%;\r\n }\r\n .texts {\r\n color: #fff;\r\n position: absolute;\r\n z-index: 2;\r\n left: 0%;\r\n top: 27%;\r\n width: 87%;\r\n height: 100%;\r\n padding-top: 27%;\r\n background: url(\"../assets/indexN/xctb2.png\") no-repeat;\r\n background-size: 100%;\r\n align-items: center;\r\n font-size: 24px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 130%;\r\n }\r\n }\r\n .top4 {\r\n position: absolute;\r\n flex-basis: calc(100% / 3);\r\n height: 100%;\r\n left: 64%;\r\n top: 15%;\r\n img {\r\n margin-top: 30%;\r\n }\r\n .texts {\r\n color: #fff;\r\n position: absolute;\r\n z-index: 2;\r\n left: 0%;\r\n top: 27%;\r\n width: 87%;\r\n height: 100%;\r\n padding-top: 27%;\r\n background: url(\"../assets/indexN/xctb2.png\") no-repeat;\r\n background-size: 100%;\r\n align-items: center;\r\n font-size: 24px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 130%;\r\n }\r\n }\r\n .top5 {\r\n position: absolute;\r\n flex-basis: calc(100% / 3);\r\n height: 100%;\r\n left: 82%;\r\n top: -22%;\r\n img {\r\n margin-top: 30%;\r\n }\r\n .texts {\r\n color: #fff;\r\n position: absolute;\r\n z-index: 2;\r\n left: 0%;\r\n top: 27%;\r\n width: 87%;\r\n height: 100%;\r\n padding-top: 27%;\r\n background: url(\"../assets/indexN/xctb2.png\") no-repeat;\r\n background-size: 100%;\r\n align-items: center;\r\n font-size: 24px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 130%;\r\n }\r\n }\r\n }\r\n .line3 {\r\n width: 30%;\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: 1%;\r\n height: 100%;\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 width: 100%;\r\n\r\n .num1 {\r\n background: url(\"../assets/indexN/zsjbtk.png\") no-repeat;\r\n width: 100%;\r\n height: 100%;\r\n background-size: 100%;\r\n line-height: 200%;\r\n text-align: center;\r\n }\r\n .numText {\r\n color: #ffffff;\r\n background: url(\"../assets/indexN/main.png\") no-repeat;\r\n background-size: 100%;\r\n width: 100%;\r\n height: 74px;\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(254, 209, 86) !important;\r\n -webkit-mask: linear-gradient(\r\n to top,\r\n rgb(254, 162, 86),\r\n transparent\r\n );\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\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% - 190px);\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 .content3 {\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 .line3 {\r\n width: 30%;\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: 1%;\r\n height: 100%;\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 width: 100%;\r\n\r\n .num1 {\r\n background: url(\"../assets/indexN/zsjbtk.png\") no-repeat;\r\n width: 100%;\r\n // height: 100%;\r\n background-size: 100%;\r\n line-height: 250%;\r\n text-align: center;\r\n }\r\n .numText {\r\n color: #ffffff;\r\n background: url(\"../assets/indexN/main.png\") no-repeat;\r\n background-size: 100%;\r\n width: 100%;\r\n height: 74px;\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(254, 209, 86) !important;\r\n -webkit-mask: linear-gradient(\r\n to top,\r\n rgb(254, 162, 86),\r\n transparent\r\n );\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 #detailen {\r\n width: 100%;\r\n height: calc(100% - 150px);\r\n }\r\n #shuzihua {\r\n width: 100%;\r\n height: calc(100% - 150px);\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% - 150px);\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(\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\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 .content3 {\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(\r\n to bottom,\r\n rgb(255, 255, 255),\r\n rgb(86, 244, 254)\r\n );\r\n }\r\n }\r\n\r\n .content3 {\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\r\n .el-table--striped\r\n .el-table__body\r\n tr.el-table__row--striped\r\n 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#yellow {\r\n color: yellow;\r\n}\r\n#orange {\r\n color: rgb(232, 155, 0);\r\n}\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 .content3 {\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 .line3 {\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: 1%;\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(\r\n to top,\r\n rgb(86, 244, 254),\r\n transparent\r\n );\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 #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.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>\r\n"]}]}
\ No newline at end of file
+{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\index.vue?vue&type=style&index=0&id=a83bd3b0&lang=less&scoped=true&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\index.vue","mtime":1690160299337},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1655715156000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\less-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["\r\n.content3 {\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 #textleft {\r\n margin-left: 30px !important;\r\n }\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 .content3 {\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 .line3 {\r\n width: 30%;\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 margin-bottom: 1%;\r\n height: 100%;\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 width: 100%;\r\n\r\n .num1 {\r\n background: url(\"../assets/indexN/zsjbtk.png\") no-repeat;\r\n width: 100%;\r\n height: 100%;\r\n background-size: 100%;\r\n line-height: 250%;\r\n text-align: center;\r\n }\r\n .numText {\r\n color: #ffffff;\r\n background: url(\"../assets/indexN/main.png\") no-repeat;\r\n background-size: 100%;\r\n width: 100%;\r\n height: 74px;\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(254, 209, 86) !important;\r\n -webkit-mask: linear-gradient(\r\n to top,\r\n rgb(254, 162, 86),\r\n transparent\r\n );\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% - 150px);\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 .content3 {\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 .line3 {\r\n width: 30%;\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: 1%;\r\n height: 100%;\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 width: 100%;\r\n\r\n .num1 {\r\n background: url(\"../assets/indexN/zsjbtk.png\") no-repeat;\r\n width: 100%;\r\n // height: 100%;\r\n background-size: 100%;\r\n line-height: 250%;\r\n text-align: center;\r\n }\r\n .numText {\r\n color: #ffffff;\r\n background: url(\"../assets/indexN/main.png\") no-repeat;\r\n background-size: 100%;\r\n width: 100%;\r\n height: 74px;\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(254, 209, 86) !important;\r\n -webkit-mask: linear-gradient(\r\n to top,\r\n rgb(254, 162, 86),\r\n transparent\r\n );\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 #detailedOne {\r\n width: 100%;\r\n height: calc(100% - 160px);\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/indexN/midzsj.png\") no-repeat;\r\n background-size: 100%;\r\n width: 65%;\r\n height: 20%;\r\n position: relative;\r\n top: -28%;\r\n left: 25%;\r\n .contents {\r\n // height: 90%;\r\n position: absolute;\r\n padding: 10px;\r\n height: 100%;\r\n width: 96%;\r\n display: flex;\r\n flex-direction: row;\r\n /* 平分剩余空间 */\r\n justify-content: space-around;\r\n .lines {\r\n width: 106%;\r\n padding: 10px 0 0 0px;\r\n // background: url(\"../assets/index/mainMin.png\") no-repeat;\r\n }\r\n\r\n .total {\r\n .num {\r\n // display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: center;\r\n align-items: left;\r\n color: #ffffff;\r\n span {\r\n font-size: 18px;\r\n }\r\n h5 {\r\n font-size: 34px;\r\n }\r\n .yellow {\r\n padding-top: 30px;\r\n color: yellow;\r\n font-size: 24px;\r\n }\r\n .orange {\r\n padding-top: 30px;\r\n color: orange;\r\n font-size: 24px;\r\n }\r\n .yellows {\r\n padding-top: 20px;\r\n color: yellow;\r\n font-size: 24px;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n .imgboxtwo1 {\r\n background: url(\"../assets/indexN/tk.png\") no-repeat;\r\n background-size: 100%;\r\n float: right;\r\n right: 8%;\r\n top: 20%;\r\n width: 28vh;\r\n height: 100%;\r\n position: relative;\r\n .content2 {\r\n padding: 5px;\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 .line1 {\r\n width: 100%;\r\n height: 100%;\r\n margin-left: 5%;\r\n text-align: left;\r\n font-size: 24px;\r\n color: #fff;\r\n }\r\n }\r\n }\r\n .map {\r\n background: url(\"../assets/indexN/map.png\") no-repeat;\r\n vertical-align: middle;\r\n display: table-cell;\r\n text-align: center;\r\n margin-left: -20%;\r\n .leftimg {\r\n position: absolute;\r\n left: 34.5%;\r\n }\r\n .rightimg {\r\n position: absolute;\r\n right: 35%;\r\n }\r\n .allimg {\r\n position: relative;\r\n left: 28.5%;\r\n top: 34%;\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 .enselect {\r\n position: absolute;\r\n right: 30px;\r\n top: 50%;\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 & > 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 .content3 {\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 .contentUl {\r\n display: flex;\r\n flex-wrap: wrap;\r\n height: 20%;\r\n width: 100%;\r\n position: relative;\r\n .top {\r\n position: relative;\r\n flex-basis: calc(100% / 3);\r\n height: 50%;\r\n left: 33%;\r\n img {\r\n margin-top: 15%;\r\n }\r\n .texts {\r\n color: orange;\r\n position: absolute;\r\n z-index: 2;\r\n left: 32%;\r\n top: 25%;\r\n align-items: center;\r\n font-size: 32px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 10%;\r\n }\r\n }\r\n .top1 {\r\n position: absolute;\r\n flex-basis: calc(100% / 3);\r\n height: 100%;\r\n img {\r\n margin-top: 30%;\r\n }\r\n .texts {\r\n color: #fff;\r\n position: absolute;\r\n z-index: 2;\r\n left: 0%;\r\n top: 27%;\r\n width: 87%;\r\n height: 100%;\r\n padding-top: 27%;\r\n background: url(\"../assets/indexN/xctb2.png\") no-repeat;\r\n background-size: 100%;\r\n align-items: center;\r\n font-size: 24px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 130%;\r\n }\r\n }\r\n .top2 {\r\n position: absolute;\r\n flex-basis: calc(100% / 3);\r\n height: 100%;\r\n left: 21%;\r\n top: -33%;\r\n img {\r\n margin-top: 30%;\r\n }\r\n .texts {\r\n color: #fff;\r\n position: absolute;\r\n z-index: 2;\r\n left: 0%;\r\n top: 27%;\r\n width: 87%;\r\n height: 100%;\r\n padding-top: 27%;\r\n background: url(\"../assets/indexN/xctb2.png\") no-repeat;\r\n background-size: 100%;\r\n align-items: center;\r\n font-size: 24px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 130%;\r\n }\r\n }\r\n .top3 {\r\n position: absolute;\r\n flex-basis: calc(100% / 3);\r\n height: 100%;\r\n left: 29%;\r\n top: 50%;\r\n img {\r\n margin-top: 30%;\r\n }\r\n .texts {\r\n color: #fff;\r\n position: absolute;\r\n z-index: 2;\r\n left: 0%;\r\n top: 27%;\r\n width: 87%;\r\n height: 100%;\r\n padding-top: 27%;\r\n background: url(\"../assets/indexN/xctb2.png\") no-repeat;\r\n background-size: 100%;\r\n align-items: center;\r\n font-size: 24px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 130%;\r\n }\r\n }\r\n .top4 {\r\n position: absolute;\r\n flex-basis: calc(100% / 3);\r\n height: 100%;\r\n left: 64%;\r\n top: 15%;\r\n img {\r\n margin-top: 30%;\r\n }\r\n .texts {\r\n color: #fff;\r\n position: absolute;\r\n z-index: 2;\r\n left: 0%;\r\n top: 27%;\r\n width: 87%;\r\n height: 100%;\r\n padding-top: 27%;\r\n background: url(\"../assets/indexN/xctb2.png\") no-repeat;\r\n background-size: 100%;\r\n align-items: center;\r\n font-size: 24px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 130%;\r\n }\r\n }\r\n .top5 {\r\n position: absolute;\r\n flex-basis: calc(100% / 3);\r\n height: 100%;\r\n left: 82%;\r\n top: -22%;\r\n img {\r\n margin-top: 30%;\r\n }\r\n .texts {\r\n color: #fff;\r\n position: absolute;\r\n z-index: 2;\r\n left: 0%;\r\n top: 27%;\r\n width: 87%;\r\n height: 100%;\r\n padding-top: 27%;\r\n background: url(\"../assets/indexN/xctb2.png\") no-repeat;\r\n background-size: 100%;\r\n align-items: center;\r\n font-size: 24px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 130%;\r\n }\r\n }\r\n }\r\n .line3 {\r\n width: 30%;\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: 1%;\r\n height: 100%;\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 width: 100%;\r\n\r\n .num1 {\r\n background: url(\"../assets/indexN/zsjbtk.png\") no-repeat;\r\n width: 100%;\r\n height: 100%;\r\n background-size: 100%;\r\n line-height: 200%;\r\n text-align: center;\r\n }\r\n .numText {\r\n color: #ffffff;\r\n background: url(\"../assets/indexN/main.png\") no-repeat;\r\n background-size: 100%;\r\n width: 100%;\r\n height: 74px;\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(254, 209, 86) !important;\r\n -webkit-mask: linear-gradient(\r\n to top,\r\n rgb(254, 162, 86),\r\n transparent\r\n );\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\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% - 190px);\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 .content3 {\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 .line3 {\r\n width: 30%;\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: 1%;\r\n height: 100%;\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 width: 100%;\r\n\r\n .num1 {\r\n background: url(\"../assets/indexN/zsjbtk.png\") no-repeat;\r\n width: 100%;\r\n // height: 100%;\r\n background-size: 100%;\r\n line-height: 250%;\r\n text-align: center;\r\n }\r\n .numText {\r\n color: #ffffff;\r\n background: url(\"../assets/indexN/main.png\") no-repeat;\r\n background-size: 100%;\r\n width: 100%;\r\n height: 74px;\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(254, 209, 86) !important;\r\n -webkit-mask: linear-gradient(\r\n to top,\r\n rgb(254, 162, 86),\r\n transparent\r\n );\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 #detailen {\r\n width: 100%;\r\n height: calc(100% - 150px);\r\n }\r\n #shuzihua {\r\n width: 100%;\r\n height: calc(100% - 150px);\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% - 150px);\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(\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\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 .content3 {\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(\r\n to bottom,\r\n rgb(255, 255, 255),\r\n rgb(86, 244, 254)\r\n );\r\n }\r\n }\r\n\r\n .content3 {\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\r\n .el-table--striped\r\n .el-table__body\r\n tr.el-table__row--striped\r\n 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":";AA+oGA;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;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;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;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;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;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;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;;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;;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;;AAEA;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;;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;AACA;AACA;;AAEA;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;AACA;;AAEA;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;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;;AAEA;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;AACA;AACA;;AAEA;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;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;;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;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;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;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 <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>盐城地区分布光伏运行监测</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content3\">\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >户数高渗透率 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.hsgst\"\r\n >{{ CompanyInfo.hsgst }}\r\n <span style=\"font-size: 18px; color: #fff\">%</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >容量渗透率 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"orange\"\r\n :text=\"CompanyInfo.rlst\"\r\n >{{ CompanyInfo.rlst }}\r\n <span style=\"font-size: 18px; color: #fff\">%</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >能量渗透率 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.nlst\"\r\n >{{ CompanyInfo.nlst }}\r\n <span style=\"font-size: 18px; color: #fff\">%</span>\r\n </span>\r\n </div>\r\n </div>\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\" @click=\"routerTo('配网工程全过程物资审计')\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>配网工程全过程物资审计</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content3\" style=\"display: inline\">\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n <span style=\"font-size: 18px\" class=\"num1\">项目数 </span>\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.xms\"\r\n >{{ CompanyInfo.xms }}\r\n <span style=\"font-size: 18px; color: #fff\">万</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\">预算费用总和</span>\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"orange\"\r\n :text=\"CompanyInfo.ysfyzh\"\r\n >{{ CompanyInfo.ysfyzh }}\r\n <span style=\"font-size: 18px; color: #fff\">%</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\">计划数</span>\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.jhs\"\r\n >{{ CompanyInfo.jhs }}\r\n </span>\r\n </div>\r\n </div>\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\" @click=\"routerTo('盐城东台区供电所数字化分析')\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>盐城东台区供电所数字化分析</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content3\">\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >升档配变数量 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.sdpbsl\"\r\n >{{ CompanyInfo.sdpbsl }}</span\r\n >\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\">降档配比数量</span>\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"orange\"\r\n :text=\"CompanyInfo.jdpbsl\"\r\n >{{ CompanyInfo.jdpbsl }}</span\r\n >\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >负荷关注配变数量 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.fhgzpb\"\r\n >{{ CompanyInfo.fhgzpb }}</span\r\n >\r\n </div>\r\n </div>\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\" @click=\"routerTo('盐城供电公司配网电能质量管控')\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>盐城供电公司配网电能质量管控</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content3\">\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >月供电可靠性 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.ygdkkx\"\r\n >{{ CompanyInfo.ygdkkx }}\r\n <span style=\"font-size: 18px; color: #fff\">%</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >平均停电频次 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"orange\"\r\n :text=\"CompanyInfo.pjtdpc\"\r\n >{{ CompanyInfo.pjtdpc }}\r\n <span style=\"font-size: 18px; color: #fff\">次/户</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >平均停电时间 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.pjtdsj\"\r\n >{{ CompanyInfo.pjtdsj }}\r\n <span style=\"font-size: 18px; color: #fff\">小时</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div id=\"detailedOne\"></div>\r\n </div>\r\n </div>\r\n <div class=\"middle\" id=\"middle\">\r\n <div class=\"map\" style=\"height: 100%\">\r\n <canvas\r\n id=\"myCanvas\"\r\n width=\"1000\"\r\n height=\"600\"\r\n style=\"position: absolute\"\r\n ></canvas>\r\n <img src=\"../assets/indexN/left.png\" class=\"leftimg\" alt=\"\" />\r\n <img src=\"../assets/indexN/right.png\" class=\"rightimg\" alt=\"\" />\r\n <img class=\"allimg\" src=\"../assets/indexN/dfsxz.png\" alt=\"\" />\r\n <div class=\"imgboxtwo1\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\" style=\"color: #fff; font-size: 26px\">\r\n 大丰区\r\n </div>\r\n </div>\r\n <div class=\"content2\">\r\n <div class=\"line1\">\r\n 用电量 (kwh) \r\n <span style=\"color: yellow; font-size: 28px\">2.685亿</span>\r\n </div>\r\n <div class=\"line1\">\r\n 碳排放量 (kg) \r\n <span style=\"color: orange; font-size: 28px\">7.303万</span>\r\n </div>\r\n <div class=\"line1\">\r\n 企业数量 \r\n <span style=\"color: yellow; font-size: 28px\">713</span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"imgboxone\">\r\n <div class=\"contents\">\r\n <div class=\"lines\" style=\"width: 55%\">\r\n <img src=\"../assets/indexN/tb1.png\" style=\"margin-top: 15%\" />\r\n <h4 style=\"color: #fff; margin-top: 10%\">数据目录</h4>\r\n </div>\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span>发布数量</span>\r\n <span class=\"yellow\">\r\n 100 <span style=\"color: #fff\">%</span>\r\n </span>\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <span>负面清单</span>\r\n <span class=\"orange\">\r\n 7244<span style=\"color: #fff\">个</span>\r\n </span>\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <span>涉及系统</span>\r\n <span class=\"yellow\">\r\n 251 <span style=\"color: #fff\">个</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"lines\" style=\"width: 55%\">\r\n <img src=\"../assets/indexN/tb2.png\" style=\"margin-top: 15%\" />\r\n <h4 style=\"color: #fff; margin-top: 10%\">数据资源</h4>\r\n </div>\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <div style=\"display: inline-block\">\r\n <span>接入数量</span>\r\n </div>\r\n <span class=\"yellow\"\r\n > 1.6 <span style=\"color: #fff\">万个</span></span\r\n >\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <div style=\"display: inline-block\">\r\n <span>涉及系统</span>\r\n </div>\r\n <span class=\"orange\"\r\n > 123 <span style=\"color: #fff\">个</span></span\r\n >\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <div style=\"display: inline-block\">\r\n <span>数据资源卡片</span>\r\n </div>\r\n <span class=\"yellow\"\r\n >31<span style=\"color: #fff\">个</span></span\r\n >\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"lines\" style=\"width: 55%\">\r\n <img src=\"../assets/indexN/tb3.png\" style=\"margin-top: 15%\" />\r\n <h4 style=\"color: #fff; margin-top: 10%\">数据服务</h4>\r\n </div>\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <div style=\"display: inline-block\">\r\n <span>服务数量</span>\r\n </div>\r\n <span class=\"yellow\">\r\n 1084<span style=\"color: #fff\">个</span>\r\n </span>\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <div style=\"display: inline-block\">\r\n <span>接入数量</span>\r\n </div>\r\n <span class=\"orange\">\r\n 8833<span style=\"color: #fff\">个</span>\r\n </span>\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <div style=\"display: inline-block\">\r\n <span>访问次数</span>\r\n </div>\r\n <span class=\"yellow\">\r\n 5.3 <span style=\"color: #fff\">亿个</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"lines\" style=\"width: 55%\">\r\n <img src=\"../assets/indexN/tb4.png\" style=\"margin-top: 15%\" />\r\n <h4 style=\"color: #fff; margin-top: 10%\">数据产品</h4>\r\n </div>\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <div style=\"display: inline-block\">\r\n <span>报表数量</span>\r\n </div>\r\n <span class=\"yellow\"\r\n > 19 <span style=\"color: #fff\">个</span></span\r\n >\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <div style=\"display: inline-block\">\r\n <span>服务访问次数</span>\r\n </div>\r\n <span class=\"orange\"\r\n > 0 <span style=\"color: #fff\">次</span></span\r\n >\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <div style=\"display: inline-block\">\r\n <span>指标数量</span>\r\n </div>\r\n <span class=\"yellow\"\r\n > 477 <span style=\"color: #fff\">个</span></span\r\n >\r\n </div>\r\n </div>\r\n </div>\r\n </div>\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\" @click=\"routerTo('乡村振兴电力综合指数')\">\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\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>乡村振兴电力综合指数</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n <!-- <div 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=\"content3\">\r\n <div class=\"contentUl\">\r\n <div class=\"top1\">\r\n <!-- <img src=\"../assets/indexN/xctb2.png\" /> -->\r\n <div class=\"texts\">94.46</div>\r\n <h4>产业兴旺</h4>\r\n </div>\r\n <div class=\"top2\">\r\n <!-- <img src=\"../assets/indexN/xctb2.png\" /> -->\r\n <div class=\"texts\">63.95</div>\r\n <h4>生活宜居</h4>\r\n </div>\r\n <div class=\"top3\">\r\n <div class=\"texts\">74.15</div>\r\n <h4>生活富裕</h4>\r\n </div>\r\n <div class=\"top4\">\r\n <div class=\"texts\">56.23</div>\r\n <h4>治理有效</h4>\r\n </div>\r\n <div class=\"top5\">\r\n <div class=\"texts\">86.82</div>\r\n <h4>乡风文明</h4>\r\n </div>\r\n <div class=\"top\">\r\n <img src=\"../assets/indexN/xctb1.png\" />\r\n <div class=\"texts\" style=\"color: yellow\">77.17</div>\r\n </div>\r\n <!-- <div class=\"top\">\r\n <img src=\"../assets/05/sjfx.png\" />\r\n <div class=\"texts\" style=\"color: yellow\">\r\n 0\r\n <span style=\"font-size: 15px; color: #fff\">个</span>\r\n </div>\r\n <h4>自然村</h4>\r\n </div> -->\r\n </div>\r\n </div>\r\n <div class=\"enselect\">\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n <span class=\"text\">乡镇</span>\r\n </div>\r\n <div id=\"detailedFive\"></div>\r\n </div>\r\n\r\n <div class=\"three\" style=\"height: 48%; width: 100%\">\r\n <div class=\"cartitle\" @click=\"routerTo('两高行业企业污染监测')\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>两高行业企业污染监测</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <!-- <div class=\"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=\"content3\" style=\"display: inline\">\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n <span style=\"font-size: 18px\" class=\"num1\" id=\"textleft\"\r\n >2022年度总碳排放量</span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600; margin-left: 30px\"\r\n class=\"numText\"\r\n :text=\"CompanyInfo.ztpf\"\r\n id=\"yellow\"\r\n >{{ CompanyInfo.ztpf }}\r\n <span style=\"font-size: 18px; color: #fff\">吨碳</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\" id=\"textleft\"\r\n >2022年度总用电量</span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600; margin-left: 30px\"\r\n class=\"numText\"\r\n id=\"orange\"\r\n :text=\"CompanyInfo.zydl\"\r\n >{{ CompanyInfo.zydl }}\r\n <span style=\"font-size: 18px; color: #fff\">kwh</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\" id=\"textleft\"\r\n >2022年度客户总数</span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600; margin-left: 30px\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.khzs\"\r\n >{{ CompanyInfo.khzs }}\r\n <span style=\"font-size: 18px; color: #fff\">人</span>\r\n </span>\r\n </div>\r\n </div>\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\" @click=\"routerTo('农村生活污水治理设备电量分析')\">\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\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>农村生活污水治理设备电量分析</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n <!-- <div 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\r\n <div class=\"content3\">\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >年度总用电量 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.xczydl\"\r\n >{{ CompanyInfo.xczydl }}\r\n <span style=\"font-size: 18px; color: #fff\">万kwh</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >最大设备规模 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"orange\"\r\n :text=\"CompanyInfo.zdsbgm\"\r\n >{{ CompanyInfo.zdsbgm }}\r\n <span style=\"font-size: 18px; color: #fff\">吨/日</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >最小设备规模 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.zxsbgm\"\r\n >{{ CompanyInfo.zxsbgm }}\r\n <span style=\"font-size: 18px; color: #fff\">吨/日</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div id=\"detailen\"></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\r\n class=\"cartitle\"\r\n @click=\"routerTo('数字化排涝抗旱辅助及检修辅助决策')\"\r\n >\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>数字化排涝抗旱辅助及检修辅助决策</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content3\">\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >辖区管理供电所 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.glgds\"\r\n >{{ CompanyInfo.glgds }}\r\n <span style=\"font-size: 18px; color: #fff\">个</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >辖区管理台区 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"orange\"\r\n :text=\"CompanyInfo.gltq\"\r\n >{{ CompanyInfo.gltq }}\r\n <span style=\"font-size: 18px; color: #fff\">个</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >自然村 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.zrc\"\r\n >{{ CompanyInfo.zrc }}\r\n <span style=\"font-size: 18px; color: #fff\">条</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div id=\"shuzihua\"></div>\r\n </div>\r\n </div>\r\n <div class=\"realTimeAlarm\" v-show=\"realTimeAlarmShow\">\r\n <div class=\"content3\">\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\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=\"content3\">\r\n <div class=\"table user_skills\">\r\n <el-table\r\n :data=\"alarmInformationData\"\r\n style=\"width: 100%; height: 100%\"\r\n :header-cell-style=\"{ 'text-align': 'center' }\"\r\n :cell-style=\"{ 'text-align': 'center' }\"\r\n :row-class-name=\"rowClass\"\r\n >\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\r\n prop=\"cabinet_name\"\r\n label=\"告警位置\"\r\n align=\"center\"\r\n >\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\r\n @current-change=\"handleCurrentChange\"\r\n :current-page=\"page\"\r\n :page-size=\"pageSize\"\r\n layout=\"prev, pager, next\"\r\n :total=\"totals\"\r\n v-if=\"pageShow\"\r\n >\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\r\n class=\"componentShow\"\r\n style=\"display: block; height: calc(100% - 100px); top: 100px\"\r\n v-if=\"lineItem != null\"\r\n >\r\n <component :is=\"lineShow\" :lineItem=\"lineItem\"></component>\r\n </div> -->\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\nimport {\r\n getCompanyInfo,\r\n getLine,\r\n getBanzugz,\r\n getGdtj,\r\n getDwbzgz,\r\n getGdsgdzl,\r\n getPbtyqk,\r\n getCabinetInfo,\r\n getCabinetList,\r\n getfaultReportList,\r\n getCabinetAlarmList,\r\n} from \"../api/index.js\";\r\n//引入echarts\r\nimport * as echarts from \"echarts\";\r\n// 工单统计弹窗组件\r\nimport workOrder from \"../component/workOrder.vue\";\r\n// import 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 hsgst: \"3.4\",\r\n rlst: \"0.01\",\r\n nlst: \"0.44\",\r\n xms: \"9.279\",\r\n ysfyzh: \"118.5\",\r\n jhs: \"44\",\r\n sdpbsl: \"12\",\r\n jdpbsl: \"7\",\r\n fhgzpb: \"87\",\r\n ygdkkx: \"99.95\",\r\n pjtdpc: \"0.39\",\r\n pjtdsj: \"0.37\",\r\n ztpf: \"108.3万\",\r\n zydl: \"39.83亿\",\r\n khzs: \"4968\",\r\n xczydl: \"723.6\",\r\n zdsbgm: \"1250\",\r\n zxsbgm: \"3673\",\r\n glgds: \"10\",\r\n gltq: \"13884\",\r\n zrc: \"306\",\r\n },\r\n tableData: [],\r\n btnArr: [\"总览\", \"环网柜\", \"分支箱\", \"箱变\", \"开闭所\"],\r\n btnActive: 0,\r\n iconGround: [\r\n {\r\n icon: require(\"@/assets/images/huanwanggui.png\"),\r\n name: \"环网柜\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/fenzhixiang.png\"),\r\n name: \"分支箱\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/xiangbian.png\"),\r\n name: \"箱变\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/kaibisuo.png\"),\r\n name: \"开闭所\",\r\n },\r\n ],\r\n btnEnlarge: [\r\n {\r\n icon: require(\"@/assets/images/btnTiShi.png\"),\r\n },\r\n {\r\n icon: require(\"@/assets/images/btnFangDa.png\"),\r\n },\r\n ],\r\n btnEnlarge1: [\r\n {\r\n icon: require(\"@/assets/images/btnTiShi.png\"),\r\n },\r\n {\r\n icon: require(\"@/assets/images/suoxiao.png\"),\r\n },\r\n ],\r\n options: [\r\n {\r\n value: \"\",\r\n label: \"\",\r\n },\r\n ],\r\n value: \"\",\r\n topContent: [\r\n {\r\n name: \"配变数量\",\r\n count: \"\",\r\n },\r\n {\r\n name: \"重复停运台次\",\r\n count: \"\",\r\n },\r\n {\r\n name: \"配变重复停运率\",\r\n count: \"\",\r\n },\r\n ],\r\n device: \"\",\r\n tableData: [],\r\n tableKey: +new Date(),\r\n scrollTop: 0, //table距离顶部距离\r\n option: null,\r\n myChartBin: null,\r\n\r\n gongdanList: [\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"频繁停电\",\r\n total: 0,\r\n },\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"处理时间长\",\r\n total: 0,\r\n },\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"运检类投诉\",\r\n total: 0,\r\n },\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"运检类意见\",\r\n total: 0,\r\n },\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"民事赔偿\",\r\n total: 0,\r\n },\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"多次停电\",\r\n total: 0,\r\n },\r\n ],\r\n\r\n // 工单\r\n orderItem: null,\r\n\r\n orderShow: \"\",\r\n // 线路故障明细\r\n routeItem: null,\r\n routeShow: \"\",\r\n\r\n // 配电线路\r\n lineItem: null,\r\n lineShow: \"\",\r\n timer: null, //定时器\r\n emergencyList: [], //告警数据\r\n rowTime: \"\",\r\n };\r\n },\r\n created() {},\r\n mounted() {\r\n // this.beginShowing();\r\n // 监听浏览器窗口大小变化\r\n window.onresize = () => {\r\n clearInterval(this.myTimer);\r\n this.beginShowing();\r\n };\r\n window.parent.getLoc();\r\n this.xianDuan();\r\n this.detailedTwo11();\r\n this.horizontalChart();\r\n this.detailedOne();\r\n this.barCharts();\r\n this.detailedFive();\r\n this.shuzihuaCharts();\r\n this.roseCharts();\r\n this.detailen1();\r\n // this.handleDate(0);\r\n\r\n let that = this;\r\n\r\n // //历史故障接口\r\n // let faultData = {\r\n // token: localStorage.getItem(\"token\"),\r\n // pageSize: \"500\",\r\n // page: \"1\",\r\n // };\r\n },\r\n // beforeDestroy() {\r\n // this.dataDestroy(); // 页面摧毁前，关闭定时器\r\n // },\r\n beforeDestroy() {\r\n // 离开当前路由前的操作\r\n clearInterval(this.timer);\r\n this.timer = null;\r\n },\r\n methods: {\r\n //地图画线\r\n xianDuan() {\r\n var canvas = document.getElementById(\"myCanvas\");\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.moveTo(650, 450); // moveTo(x,y) 定义线条开始坐标\r\n ctx.lineTo(735, 250); // lineTo(x,y) 定义线条结束坐标\r\n ctx.strokeStyle = \"orange\";\r\n ctx.lineWidth = 3;\r\n ctx.stroke();\r\n },\r\n routerTo(data) {\r\n if (data == \"盐城地区分布光伏运行监测\") {\r\n this.$router.push(\"/stationBuilding\");\r\n }\r\n if (data == \"盐城东台区供电所数字化分析\") {\r\n this.$router.push(\"/twentyKV\");\r\n }\r\n if (data == \"配网工程全过程物资审计\") {\r\n this.$router.push(\"/thirtyFiveKV\");\r\n }\r\n if (data == \"盐城供电公司配网电能质量管控\") {\r\n this.$router.push(\"/powerQualityControl\");\r\n }\r\n if (data == \"乡村振兴电力综合指数\") {\r\n this.$router.push(\"/ruralRevitalizationPower\");\r\n }\r\n if (data == \"两高行业企业污染监测\") {\r\n this.$router.push(\"/enterprisePollutionMonitoring\");\r\n }\r\n if (data == \"农村生活污水治理设备电量分析\") {\r\n this.$router.push(\"/ruralDomesticSewageTreatment\");\r\n }\r\n if (data == \"数字化排涝抗旱辅助及检修辅助决策\") {\r\n this.$router.push(\"/digitalFloodDrainageDroughtRelief\");\r\n }\r\n },\r\n detailen1() {\r\n var fontColor = \"#30eee9\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailen\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n },\r\n grid: {\r\n left: \"0%\", //图表距离容器左侧多少距离\r\n right: \"10%\", //图表距离容器右侧侧多少距离\r\n bottom: \"20%\", //图表距离容器上面多少距离\r\n top: \"10%\", //图表距离容器下面多少距离\r\n containLabel: true, //防止标签溢出\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n },\r\n\r\n data: [\"电量KWH\"],\r\n },\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n data: [\r\n \"安丰镇\",\r\n \"草堰镇\",\r\n \"龙岗镇\",\r\n \"新丰镇\",\r\n \"伍佑街道\",\r\n \"步凤镇\",\r\n ],\r\n axisLabel: {\r\n show: true,\r\n textStyle: {\r\n color: \"#ffffff\",\r\n fontSize: 18,\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 fontSize: 18,\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"电量kwh\",\r\n type: \"bar\",\r\n barWidth: 40, // 柱子宽度核心代码，\r\n itemStyle: {\r\n normal: {\r\n color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"rgba(2,255,255,.1)\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"rgb(2,255,255)\",\r\n },\r\n ]),\r\n label: {\r\n show: true, //开启显示\r\n position: \"top\", //在上方显示\r\n formatter: function (params) {\r\n //核心部分 formatter 可以为字符串也可以是回调\r\n if (params.value) {\r\n //如果当前值存在则拼接\r\n return params.value + \"万\";\r\n } else {\r\n //否则返回个空\r\n return \"\";\r\n }\r\n },\r\n textStyle: {\r\n //数值样式\r\n color: \"#00ffff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n data: [320, 332, 301, 334, 390, 288, 299],\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n //班组\r\n getbanzhu() {\r\n getBanzugz({\r\n action: \"detail\",\r\n }).then((res) => {\r\n console.log(res, \"班组故障详情\");\r\n for (let i = 0; i < res.data.data.length; i++) {\r\n if (res.data.data[i].gz_time_deal) {\r\n let date = new Date(res.data.data[i].gz_time_deal);\r\n res.data.data[i].gz_time_deal =\r\n this.$moment(date).format(\"YYYY-MM-DD HH:mm\");\r\n // console.log(res.data.data[i].gz_time_deal,'转换后');\r\n }\r\n if (res.data.data[i].gz_time) {\r\n let time = new Date(res.data.data[i].gz_time);\r\n res.data.data[i].gz_time =\r\n this.$moment(time).format(\"YYYY-MM-DD HH:mm\");\r\n }\r\n this.tableData.push(res.data.data[i]);\r\n }\r\n });\r\n },\r\n //工单\r\n getGongdan() {\r\n getGdtj({ action: \"tongji\" }).then((res) => {\r\n console.log(res, \"工单统计数据\");\r\n let dataList = res.data.data;\r\n\r\n for (let i = 0; i < this.gongdanList.length; i++) {\r\n for (let j = 0; j < res.data.data.length; j++) {\r\n if (\r\n this.gongdanList[i].gd_type_name == res.data.data[j].gd_type_name\r\n ) {\r\n this.gongdanList[i].total = res.data.data[j].total;\r\n this.gongdanList[i].gd_type_id = res.data.data[j].gd_type_id;\r\n }\r\n }\r\n }\r\n // this.gongdanList = res.data.data;\r\n this.detailedThree(dataList);\r\n // this.$nextTick(() => {\r\n // this.detailedThree(dataList);\r\n // setInterval(() => {\r\n // this.doing();\r\n // }, 200);\r\n // });\r\n });\r\n },\r\n // //表格第一行颜色\r\n rowClass(row, rowIndex) {\r\n if (row.rowIndex === 0) {\r\n return \"rowColor0\";\r\n } else {\r\n return \"\";\r\n }\r\n },\r\n //切换当前页\r\n handleCurrentChange(val) {\r\n this.page = val;\r\n let tableData = [];\r\n if (this.emergencyList.length != 0) {\r\n tableData = this.emergencyList;\r\n if (val == 1) {\r\n this.alarmInformationData = tableData.slice(0, 10);\r\n document.getElementsByClassName(\"rowColor0\")[0].style.display = \"\";\r\n } else if (val == 2) {\r\n document.getElementsByClassName(\"rowColor0\")[0].style.display =\r\n \"none\";\r\n this.alarmInformationData = tableData.slice(10, 20);\r\n } else if (val == 3) {\r\n this.alarmInformationData = tableData.slice(20, 30);\r\n document.getElementsByClassName(\"rowColor0\")[0].style.display =\r\n \"none\";\r\n } else if (val == 4) {\r\n this.alarmInformationData = tableData.slice(30, 40);\r\n document.getElementsByClassName(\"rowColor0\")[0].style.display =\r\n \"none\";\r\n } else if (val == 5) {\r\n this.alarmInformationData = tableData.slice(40, 50);\r\n document.getElementsByClassName(\"rowColor0\")[0].style.display =\r\n \"none\";\r\n }\r\n } else {\r\n return false;\r\n }\r\n },\r\n // 线路详情弹窗\r\n openLineDetail(e) {\r\n // console.log(e);\r\n // var line = e + ''\r\n // console.log(line);\r\n getLine({ action: \"pdxl\" }).then(({ data }) => {\r\n console.log(data);\r\n this.lineShow = \"lineDetail\";\r\n this.lineItem = data.data;\r\n });\r\n },\r\n // 线路故障跳闸明细弹窗\r\n rowHandle(e) {\r\n // console.log(e, \"参数\");\r\n this.routeItem = e;\r\n this.routeShow = \"routeDetail\";\r\n // console.log(this.routeItem,'线路组件名称');\r\n },\r\n // 工单统计的弹窗\r\n openGdDetail(item) {\r\n this.orderItem = item;\r\n this.orderShow = \"workOrder\";\r\n },\r\n // 鼠标进入表格\r\n // mouseover() {\r\n // clearInterval(this.myTimer);\r\n // },\r\n // 鼠标离开表格\r\n mouseout() {\r\n this.roll();\r\n },\r\n //调用unity方法\r\n handleUnity(index, item) {\r\n this.btnActive = index;\r\n this.$refs.iframe.contentWindow.handleChange(item);\r\n },\r\n //选择线路\r\n selectLine(value) {\r\n getLine({\r\n action: \"query\",\r\n line_code: value,\r\n }).then((res) => {\r\n // console.log(res,'选择线路');\r\n if (res.data.data != 0 && res.data.data != null) {\r\n this.$refs.iframe.contentWindow.handleChangeLine(\r\n res.data.data.line_name\r\n );\r\n } else if (res.data.data == null) {\r\n this.$refs.iframe.contentWindow.handleChangeLine(\"\");\r\n }\r\n });\r\n },\r\n detailedOne() {\r\n let myChart = this.$echarts.init(document.getElementById(\"detailedOne\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n },\r\n\r\n data: [\"配变停电\"],\r\n },\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n data: [\r\n \"亭湖区\",\r\n \"东台市\",\r\n \"建湖县\",\r\n \"阜宁县\",\r\n \"响水县\",\r\n \"滨海县\",\r\n \"射阳县\",\r\n \"大丰区\",\r\n ],\r\n axisLabel: {\r\n show: true,\r\n textStyle: {\r\n color: \"#ffffff\",\r\n fontSize: 16,\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 fontSize: 16,\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"配变停电\",\r\n type: \"bar\",\r\n barWidth: 40, // 柱子宽度核心代码，\r\n itemStyle: {\r\n normal: {\r\n color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"rgba(2,255,255,.1)\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"rgb(2,255,255)\",\r\n },\r\n ]),\r\n label: {\r\n show: true, //开启显示\r\n position: \"top\", //在上方显示\r\n textStyle: {\r\n //数值样式\r\n color: \"#00ffff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n data: [5109, 5520, 5354, 5511, 4789, 5254, 5411, 4889],\r\n },\r\n ],\r\n };\r\n\r\n myChart.setOption(option);\r\n\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n shuzihuaCharts() {\r\n let myChart = this.$echarts.init(document.getElementById(\"shuzihua\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"cross\",\r\n crossStyle: {\r\n color: \"#999\",\r\n },\r\n },\r\n },\r\n grid: {\r\n left: \"5%\", //图表距离容器左侧多少距离\r\n right: \"8%\", //图表距离容器右侧侧多少距离\r\n bottom: \"20%\", //图表距离容器上面多少距离\r\n top: \"15%\", //图表距离容器下面多少距离\r\n containLabel: true, //防止标签溢出\r\n },\r\n legend: [\r\n {\r\n x: \"center\",\r\n data: [\r\n \"投运15年以上设备数量\",\r\n \"统计时间所辖线路设备数量\",\r\n \"设备老化占比\",\r\n ],\r\n textStyle: {\r\n fontSize: 18,\r\n color: \"#fff\",\r\n },\r\n },\r\n ],\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n data: [\r\n \"10kv星雨线163\",\r\n \"10kv智谋线183\",\r\n \"10kv朝阳线164\",\r\n \"10kv杨庄线181\",\r\n \"10kv森达线174\",\r\n ],\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n axisLabel: {\r\n rotate: -15, //60度角倾斜显示\r\n interval: 0, //横轴信息全部显示\r\n color: \"#fff\",\r\n fontSize: 20,\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n min: 0,\r\n max: 160,\r\n interval: 40,\r\n axisLabel: {\r\n textStyle: {\r\n fontSize: \"18\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n {\r\n type: \"value\",\r\n min: 0,\r\n max: 80,\r\n interval: 20,\r\n axisLabel: {\r\n formatter: \"{value}%\",\r\n textStyle: {\r\n fontSize: \"18\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"投运15年以上设备数量\",\r\n type: \"bar\",\r\n tooltip: {\r\n valueFormatter: function (value) {\r\n return value;\r\n },\r\n },\r\n itemStyle: {\r\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n { offset: 1, color: \"rgba(255,255,0,.2) \" },\r\n { offset: 0.5, color: \"rgb(255,255,0,.6)\" },\r\n { offset: 0, color: \"rgb(255,255,0)\" },\r\n ]),\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n data: [55, 66, 89, 113, 123],\r\n },\r\n {\r\n name: \"统计时间所辖线路设备数量\",\r\n type: \"bar\",\r\n tooltip: {\r\n valueFormatter: function (value) {\r\n return value;\r\n },\r\n },\r\n itemStyle: {\r\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n { offset: 1, color: \"rgba(2,255,255,.2) \" },\r\n { offset: 0.5, color: \"rgb(2,255,255,.6)\" },\r\n { offset: 0, color: \"rgb(2,255,255)\" },\r\n ]),\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n data: [46, 56, 99, 103, 123],\r\n },\r\n {\r\n name: \"设备老化占比\",\r\n type: \"line\",\r\n yAxisIndex: 1,\r\n tooltip: {\r\n valueFormatter: function (value) {\r\n return value;\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: \"orange\",\r\n lineStyle: {\r\n color: \"orange\",\r\n },\r\n },\r\n },\r\n data: [20, 40, 60, 80, 67],\r\n },\r\n ],\r\n };\r\n\r\n myChart.setOption(option);\r\n\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedTwo() {\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo1\"));\r\n var option = {\r\n xAxis: {\r\n type: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: fontColor,\r\n },\r\n axisLine: {\r\n show: true,\r\n lineStyle: {\r\n color: \"#397cbc\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#195384\",\r\n },\r\n },\r\n data: [\r\n \"0:00\",\r\n \"3:00\",\r\n \"6:00\",\r\n \"9:00\",\r\n \"12:00\",\r\n \"15:00\",\r\n \"18:00\",\r\n \"21:00\",\r\n \"24:00\",\r\n ],\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"单位：kw\",\r\n min: 0,\r\n max: 1000,\r\n show: true,\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n axisLabel: {\r\n formatter: \"{value}\",\r\n textStyle: {\r\n color: \"#2ad1d2\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#27b4c2\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n data: [720, 632, 801, 734, 470, 670, 720, 123, 567],\r\n type: \"line\",\r\n symbol: \"none\",\r\n lineStyle: {\r\n color: \"#00ffff\",\r\n width: 2,\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: \"00ffff\",\r\n lineStyle: {\r\n color: \"00ffff\",\r\n width: 3,\r\n type: \"solid\",\r\n },\r\n },\r\n },\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedTwo11() {\r\n var fontColor = \"#30eee9\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo1\"));\r\n var option = {\r\n xAxis: {\r\n type: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: fontColor,\r\n },\r\n axisLine: {\r\n show: true,\r\n lineStyle: {\r\n color: \"#397cbc\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#195384\",\r\n },\r\n },\r\n data: [\r\n \"0:00\",\r\n \"3:00\",\r\n \"6:00\",\r\n \"9:00\",\r\n \"12:00\",\r\n \"15:00\",\r\n \"18:00\",\r\n \"21:00\",\r\n \"24:00\",\r\n ],\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"单位：kw\",\r\n min: 0,\r\n max: 1000,\r\n show: true,\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n axisLabel: {\r\n formatter: \"{value}\",\r\n textStyle: {\r\n color: \"#2ad1d2\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#27b4c2\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n data: [720, 632, 801, 734, 470, 670, 720, 123, 567],\r\n type: \"line\",\r\n symbol: \"none\",\r\n lineStyle: {\r\n color: \"#00ffff\",\r\n width: 2,\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: \"00ffff\",\r\n lineStyle: {\r\n color: \"00ffff\",\r\n width: 3,\r\n type: \"solid\",\r\n },\r\n },\r\n },\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n horizontalChart() {\r\n var myChart = this.$echarts.init(\r\n document.getElementById(\"horizontalChart\")\r\n );\r\n var honorData = [\r\n {\r\n name: \"60天内掉电客户数\",\r\n data: [13.4, 12.1, 14.3],\r\n },\r\n {\r\n name: \"60天内掉电总数\",\r\n data: [9.4, 8.1, 7.3],\r\n },\r\n ];\r\n var honorXAxisData = [\"No.3\", \"No.2\", \"No.1\"];\r\n var nameList = [\r\n \"PMS_晨光满园9台区\",\r\n \"滨河华苑3台区\",\r\n \"PMS_晨光满园11台区\",\r\n ];\r\n var option = {\r\n color: [\"#0F9AF8\", \"#2039C3\", \"rgba(32,57,195,.5)\", \"#2ECACE\"],\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"none\",\r\n },\r\n },\r\n legend: {\r\n right: 20,\r\n top: \"5%\",\r\n itemWidth: 10,\r\n itemHeight: 10,\r\n itemGap: 15,\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n grid: {\r\n top: \"15%\",\r\n left: \"14%\",\r\n right: \"0%\",\r\n bottom: \"0%\",\r\n },\r\n xAxis: [\r\n {\r\n type: \"value\",\r\n show: false,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: \"#6B9DD7\",\r\n fontSize: 16, // 文字大小\r\n fontWeight: 400,\r\n interval: 0,\r\n formatter: function (value) {\r\n return value + \"(万元)\";\r\n },\r\n },\r\n splitLine: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"category\",\r\n offset: 17,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: \"#00FFFF\",\r\n fontSize: 20, // 文字大小\r\n fontWeight: 700,\r\n interval: 0,\r\n },\r\n\r\n data: honorXAxisData,\r\n },\r\n {\r\n //名称\r\n type: \"category\",\r\n offset: -10,\r\n position: \"left\",\r\n axisLine: {\r\n show: false,\r\n },\r\n inverse: true,\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n color: \"#fff\",\r\n align: \"left\",\r\n verticalAlign: \"bottom\",\r\n lineHeight: 40,\r\n fontSize: 20,\r\n },\r\n data: nameList,\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"60天内掉电客户数\",\r\n type: \"bar\",\r\n stack: \"zongliang\",\r\n barWidth: \"25%\",\r\n barMinHeight: 20,\r\n barGap: 15, // 柱图之间的间距\r\n itemStyle: {\r\n //自定义颜色\r\n // normal: { color: \"orange\" },\r\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"rgba(255,165,0,.2)\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"rgb(255,165,0)\",\r\n },\r\n ]),\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: [\"80%\", \"-100%\"],\r\n formatter: function (params) {\r\n return params.value;\r\n },\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n\r\n data: honorData[0].data,\r\n },\r\n {\r\n name: \"60天内掉电总数\",\r\n type: \"bar\",\r\n stack: \"zongliang\",\r\n barWidth: \"25%\",\r\n barMinHeight: 20,\r\n itemStyle: {\r\n //自定义颜色\r\n // normal: { color: \"orange\" },\r\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"#005BEA\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"#00C6FB\",\r\n },\r\n ]),\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: [\"80%\", \"-100%\"],\r\n formatter: function (params) {\r\n return params.value;\r\n },\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n data: honorData[1].data,\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n 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 {\r\n type: \"pie\",\r\n radius: [\"80\", \"120\"],\r\n center: [\"50%\", \"50%\"],\r\n color: [\"#80C269\", \"#00FFFF\", \"#0090F1\", \"#FFA800\", \"#4658F6\"],\r\n itemStyle: {\r\n normal: {\r\n borderWidth: 5,\r\n borderColor: \"#031845\",\r\n },\r\n },\r\n data: [\r\n {\r\n value: 27,\r\n name: \"国网大丰市供电公司\",\r\n },\r\n {\r\n value: 30,\r\n name: \"国网射阳县供电公司\",\r\n },\r\n {\r\n value: 24,\r\n name: \"开发区供电服务中心\",\r\n },\r\n {\r\n value: 27,\r\n name: \"盐城运维检修部\",\r\n },\r\n {\r\n value: 27,\r\n name: \"设备管理部\",\r\n },\r\n {\r\n value: 27,\r\n name: \"国网响水县供电公司\",\r\n },\r\n ],\r\n labelLine: {\r\n normal: {\r\n show: true,\r\n length: 20,\r\n length2: 10,\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: 20,\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: 20,\r\n align: \"center\",\r\n padding: 4,\r\n color: \"#fff\",\r\n },\r\n },\r\n },\r\n },\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n roseCharts() {\r\n var myChart = this.$echarts.init(document.getElementById(\"roseCharts\"));\r\n var option = {\r\n color: [\r\n \"#EAEA26\",\r\n \"#906BF9\",\r\n \"#FE5656\",\r\n \"#01E17E\",\r\n \"#3DD1F9\",\r\n \"#FFAD05\",\r\n ],\r\n 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\r\n polar: {},\r\n angleAxis: {\r\n interval: 1,\r\n type: \"category\",\r\n data: [],\r\n z: 10,\r\n axisLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#0B4A6B\",\r\n width: 1,\r\n type: \"solid\",\r\n },\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n show: true,\r\n color: \"#0B4A6B\",\r\n margin: 8,\r\n fontSize: 16,\r\n },\r\n },\r\n radiusAxis: {\r\n min: 40,\r\n max: 120,\r\n interval: 20,\r\n axisLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#0B3E5E\",\r\n width: 1,\r\n type: \"solid\",\r\n },\r\n },\r\n axisLabel: {\r\n formatter: \"{value} %\",\r\n show: false,\r\n padding: [0, 0, 20, 0],\r\n color: \"#0B3E5E\",\r\n fontSize: 16,\r\n },\r\n splitLine: {\r\n lineStyle: {\r\n color: \"#0B3E5E\",\r\n width: 2,\r\n type: \"solid\",\r\n },\r\n },\r\n },\r\n calculable: true,\r\n series: [\r\n {\r\n type: \"pie\",\r\n radius: [\"5%\", \"10%\"],\r\n hoverAnimation: false,\r\n labelLine: {\r\n normal: {\r\n show: false,\r\n length: 30,\r\n length2: 55,\r\n },\r\n emphasis: {\r\n show: false,\r\n },\r\n },\r\n data: [\r\n {\r\n name: \"\",\r\n value: 0,\r\n itemStyle: {\r\n normal: {\r\n color: \"#0B4A6B\",\r\n },\r\n },\r\n },\r\n ],\r\n },\r\n {\r\n type: \"pie\",\r\n radius: [\"90%\", \"95%\"],\r\n hoverAnimation: false,\r\n labelLine: {\r\n normal: {\r\n show: false,\r\n length: 30,\r\n length2: 55,\r\n },\r\n emphasis: {\r\n show: false,\r\n },\r\n },\r\n name: \"\",\r\n data: [\r\n {\r\n name: \"\",\r\n value: 0,\r\n itemStyle: {\r\n normal: {\r\n color: \"#0B4A6B\",\r\n },\r\n },\r\n },\r\n ],\r\n },\r\n {\r\n stack: \"a\",\r\n type: \"pie\",\r\n radius: [\"20%\", \"80%\"],\r\n roseType: \"area\",\r\n zlevel: 10,\r\n label: {\r\n normal: {\r\n show: true,\r\n formatter: \"{b} {d} %\",\r\n textStyle: {\r\n fontSize: 20,\r\n color: \"#fff\",\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: 35,\r\n borderWidth: 4,\r\n },\r\n emphasis: {\r\n show: false,\r\n },\r\n },\r\n data: [\r\n {\r\n value: 15,\r\n name: \"东台市\",\r\n },\r\n {\r\n value: 7,\r\n name: \"阜宁县\",\r\n },\r\n {\r\n value: 14,\r\n name: \"盐都区\",\r\n },\r\n {\r\n value: 23,\r\n name: \"滨海县\",\r\n },\r\n {\r\n value: 18,\r\n name: \"建湖县\",\r\n },\r\n {\r\n value: 35,\r\n name: \"射阳县\",\r\n },\r\n {\r\n value: 31,\r\n name: \"大丰区\",\r\n },\r\n {\r\n value: 28,\r\n name: \"响水县\",\r\n },\r\n {\r\n value: 36,\r\n name: \"亭湖区\",\r\n },\r\n ],\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedThree(dataList) {\r\n // console.log(this.threeImg,'图片');\r\n // var equipment = [dataList.yjlts, dataList.yjlyj];\r\n var that = this;\r\n // console.log(that,'指向');\r\n var colorList = [\r\n \"#0090ff\",\r\n \"#06d3c4\",\r\n \"#66b0ed\",\r\n \"#7cb79d\",\r\n \"#2361b4\",\r\n \"rgb(198,123,244)\",\r\n ];\r\n var colorList1 = [\"rgb(198,123,244)\", \"#2361b4\"];\r\n // 饼图数据\r\n var threeList = dataList.map((ele) => {\r\n return { name: ele.gd_type_name, value: ele.total };\r\n });\r\n // console.log(threeList, \"饼图数据\");\r\n // var legendData = dataList.concat(\r\n // {\r\n // value: equipment[0],\r\n // name: \"运检类投诉\",\r\n // },\r\n // {\r\n // value: equipment[1],\r\n // name: \"运检类意见\",\r\n // }\r\n // );\r\n this.myChartBin = this.$echarts.init(\r\n document.getElementById(\"detailedThree\")\r\n );\r\n // var graphicList = [];\r\n // legendData.forEach((ele, index) => {\r\n // if (index <= 2) {\r\n // graphicList.push({\r\n // type: \"image\",\r\n // style: {\r\n // image: this.threeImg,\r\n // width: 164,\r\n // height: 41,\r\n // x: 250,\r\n // y: 55 * (index + 1),\r\n // },\r\n // });\r\n // } else {\r\n // graphicList.push({\r\n // type: \"image\",\r\n // style: {\r\n // image: this.threeImg,\r\n // width: 164,\r\n // height: 41,\r\n // x: 424,\r\n // y: 55 * (index - 2),\r\n // },\r\n // });\r\n // }\r\n // });\r\n this.option = {\r\n borderColor: \"none\",\r\n\r\n tooltip: {\r\n formatter: function (param) {\r\n if (param.data.type == null) {\r\n return param.data.name + \":\" + param.value + \"个\";\r\n } else {\r\n return param.data.name + \":\" + param.value + \"个\";\r\n }\r\n },\r\n },\r\n\r\n legend: {\r\n icon: \"pin\",\r\n // height: 90,\r\n top: 20,\r\n show: false,\r\n // bottom:0,\r\n // itemGap: 40,\r\n // lineHeight: 80,\r\n // padding: [30, 0, 30, 0],\r\n // right: '20%',\r\n // orient: \"vertical\", //垂直显示\r\n x: \"center\", //延Y轴居中\r\n data: dataList.map((ele) => {\r\n return ele.gd_type_name;\r\n }),\r\n textStyle: {\r\n color: \"#ffffff\",\r\n fontSize: 15,\r\n\r\n // width:20,\r\n // height:60,\r\n },\r\n },\r\n series: [\r\n {\r\n name: \"\",\r\n type: \"pie\",\r\n radius: [0, \"70%\"],\r\n center: [\"50%\", \"50%\"],\r\n startAngle: 60, //默认角度\r\n label: {\r\n position: \"inner\",\r\n show: false,\r\n },\r\n\r\n itemStyle: {\r\n normal: {\r\n borderColor: \"none\",\r\n borderWidth: 2,\r\n fontSize: 16,\r\n color: function (params) {\r\n return colorList[params.dataIndex];\r\n },\r\n },\r\n },\r\n\r\n selectedMode: \"single\",\r\n data: threeList,\r\n },\r\n // {\r\n // name: \"运检类\",\r\n // type: \"pie\",\r\n // radius: [\"70%\", \"80%\"],\r\n // center: [\"20%\", \"50%\"],\r\n // startAngle: 30,\r\n // itemStyle: {\r\n // normal: {\r\n // fontSize: 16,\r\n // color: function (params) {\r\n // return colorList1[params.dataIndex];\r\n // },\r\n // // color:'#F4C907',\r\n // },\r\n // },\r\n // label: {\r\n // normal: {\r\n // formatter: function (params) {\r\n // return params.data.name + \":\" + params.data.type + \"个\";\r\n // },\r\n // color: \"auto\",\r\n // show: false,\r\n // fontSize: 16,\r\n // },\r\n // },\r\n\r\n // data: [\r\n // {\r\n // value: equipment[0],\r\n // name: \"运检类投诉\",\r\n // type: equipment[0],\r\n // },\r\n // {\r\n // value: equipment[1],\r\n // name: \"运检类意见\",\r\n // type: equipment[1],\r\n // },\r\n // ],\r\n // animation: false,\r\n // },\r\n ],\r\n };\r\n this.myChartBin.setOption(this.option);\r\n window.addEventListener(\"resize\", () => {\r\n this.myChartBin.resize();\r\n });\r\n },\r\n doing() {\r\n this.option.series[0].startAngle = this.option.series[0].startAngle - 5;\r\n this.option.series[1].startAngle = this.option.series[1].startAngle - 5;\r\n this.myChartBin.setOption(this.option);\r\n },\r\n detailedFour(dataList) {\r\n let yearBzData = [];\r\n let yearChcg = [];\r\n let yearChbc = [];\r\n let yearWchz = [];\r\n let yearJieDi = [];\r\n let yearFenJi = [];\r\n for (let i = 0; i < dataList.length; i++) {\r\n yearBzData.push(dataList[i].bz);\r\n yearChcg.push(dataList[i].chcg);\r\n yearChbc.push(dataList[i].chbc);\r\n yearWchz.push(dataList[i].wchz);\r\n yearJieDi.push(dataList[i].jd);\r\n yearFenJi.push(dataList[i].fjbh);\r\n }\r\n // console.log(yearJieDi,'接地数据');\r\n let that = this;\r\n let myChart = this.$echarts.init(document.getElementById(\"detailedFour\"));\r\n var option = {\r\n tooltip: {\r\n axisPointer: {\r\n type: \"shadow\",\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 16,\r\n },\r\n },\r\n },\r\n grid: {\r\n borderWidth: 0,\r\n top: 30,\r\n bottom: \"17%\",\r\n left: \"6%\",\r\n right: \"6%\",\r\n textStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n legend: {\r\n icon: \"rect\",\r\n right: \"4%\",\r\n textStyle: {\r\n color: \"#ffffff\",\r\n },\r\n data: [\"重合成功\", \"重合不成\", \"无重合闸\", \"接地\", \"分级保护\"],\r\n },\r\n calculable: true,\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n trigger: \"axis\",\r\n axisLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#fff\",\r\n fontSize: 16,\r\n },\r\n },\r\n splitLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitArea: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n fontSize: 14,\r\n rotate: 30,\r\n },\r\n data: yearBzData,\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n color: \"rgb(83,83,83)\",\r\n fontSize: 16,\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n fontSize: 16,\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n },\r\n splitArea: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"重合成功\",\r\n type: \"bar\",\r\n stack: \"Total1\",\r\n barMaxWidth: 15,\r\n barGap: \"10%\",\r\n label: {\r\n show: true,\r\n formatter: function (params) {\r\n if (params.value == 0) {\r\n return \"\";\r\n } else {\r\n return params.value;\r\n }\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n {\r\n offset: 0,\r\n color: \"rgba(194,190,190,2)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgb(194,190,190)\",\r\n },\r\n ]),\r\n borderColor: new that.$echarts.graphic.LinearGradient(\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n [\r\n {\r\n offset: 0,\r\n color: \"rgba(194,190,190,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(194,190,190,0)\",\r\n },\r\n ]\r\n ),\r\n },\r\n },\r\n data: yearChcg,\r\n },\r\n {\r\n name: \"重合不成\",\r\n type: \"bar\",\r\n barMaxWidth: 15,\r\n stack: \"Total1\",\r\n label: {\r\n show: true,\r\n formatter: function (params) {\r\n if (params.value == 0) {\r\n return \"\";\r\n } else {\r\n return params.value;\r\n }\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n {\r\n offset: 0,\r\n color: \"rgba(86,254,226,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(86,254,226,0)\",\r\n },\r\n ]),\r\n borderColor: new that.$echarts.graphic.LinearGradient(\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n [\r\n {\r\n offset: 0,\r\n color: \"rgba(86,254,226,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(86,254,226,0)\",\r\n },\r\n ]\r\n ),\r\n },\r\n },\r\n data: yearChbc,\r\n },\r\n {\r\n name: \"无重合闸\",\r\n type: \"bar\",\r\n barMaxWidth: 15,\r\n stack: \"Total1\",\r\n label: {\r\n show: true,\r\n formatter: function (params) {\r\n if (params.value == 0) {\r\n return \"\";\r\n } else {\r\n return params.value;\r\n }\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n {\r\n offset: 0,\r\n color: \"rgba(237,125,49,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(237,125,49,0)\",\r\n },\r\n ]),\r\n borderColor: new that.$echarts.graphic.LinearGradient(\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n [\r\n {\r\n offset: 0,\r\n color: \"rgba(237,125,49,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(237,125,49,0)\",\r\n },\r\n ]\r\n ),\r\n barBorderRadius: 0,\r\n },\r\n },\r\n data: yearWchz,\r\n },\r\n {\r\n name: \"接地\",\r\n type: \"bar\",\r\n barMaxWidth: 15,\r\n stack: \"Total1\",\r\n label: {\r\n show: true,\r\n formatter: function (params) {\r\n if (params.value == 0) {\r\n return \"\";\r\n } else {\r\n return params.value;\r\n }\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n {\r\n offset: 0,\r\n color: \"rgba(35,160,247,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(35,160,247,0)\",\r\n },\r\n ]),\r\n borderColor: new that.$echarts.graphic.LinearGradient(\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n [\r\n {\r\n offset: 0,\r\n color: \"rgba(35,160,247,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(35,160,247,0)\",\r\n },\r\n ]\r\n ),\r\n barBorderRadius: 0,\r\n },\r\n },\r\n data: yearJieDi,\r\n },\r\n {\r\n name: \"分级保护\",\r\n type: \"bar\",\r\n barMaxWidth: 15,\r\n stack: \"Total1\",\r\n label: {\r\n show: true,\r\n formatter: function (params) {\r\n if (params.value == 0) {\r\n return \"\";\r\n } else {\r\n return params.value;\r\n }\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n {\r\n offset: 0,\r\n color: \"rgba(156,73,200,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(156,73,200,0)\",\r\n },\r\n ]),\r\n borderColor: new that.$echarts.graphic.LinearGradient(\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n [\r\n {\r\n offset: 0,\r\n color: \"rgba(156,73,200,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(156,73,200,0)\",\r\n },\r\n ]\r\n ),\r\n barBorderRadius: 0,\r\n },\r\n },\r\n data: yearFenJi,\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedFive() {\r\n let myChart = this.$echarts.init(document.getElementById(\"detailedFive\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n },\r\n grid: {\r\n left: \"5%\", //图表距离容器左侧多少距离\r\n right: \"5%\", //图表距离容器右侧侧多少距离\r\n bottom: \"0%\", //图表距离容器上面多少距离\r\n top: \"30%\", //图表距离容器下面多少距离\r\n containLabel: true, //防止标签溢出\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 \"长荡镇\",\r\n \"河海镇\",\r\n \"黄沙港镇\",\r\n \"临海镇\",\r\n \"兴桥镇\",\r\n \"合德镇\",\r\n \"四明镇\",\r\n \"特庸镇\",\r\n ],\r\n axisLabel: {\r\n interval: 0, //横轴信息全部显示\r\n show: true,\r\n textStyle: {\r\n color: \"#ffffff\",\r\n fontSize: 18,\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 fontSize: 18,\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"配变名称\",\r\n type: \"bar\",\r\n barWidth: 40, // 柱子宽度核心代码\r\n itemStyle: {\r\n normal: {\r\n color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"rgba(232, 155, 0,.3)\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"rgb(232, 155, 0)\",\r\n },\r\n ]),\r\n label: {\r\n show: true, //开启显示\r\n position: \"top\", //在上方显示\r\n textStyle: {\r\n //数值样式\r\n color: \"rgb(232, 155, 0)\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n },\r\n data: [87.69, 84.69, 82.69, 83.69, 77.69, 67.69, 57.69, 47.69],\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.content3 {\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 #textleft {\r\n margin-left: 30px !important;\r\n }\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 .content3 {\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 .line3 {\r\n width: 30%;\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 margin-bottom: 1%;\r\n height: 100%;\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 width: 100%;\r\n\r\n .num1 {\r\n background: url(\"../assets/indexN/zsjbtk.png\") no-repeat;\r\n width: 100%;\r\n height: 100%;\r\n background-size: 100%;\r\n line-height: 250%;\r\n text-align: center;\r\n }\r\n .numText {\r\n color: #ffffff;\r\n background: url(\"../assets/indexN/main.png\") no-repeat;\r\n background-size: 100%;\r\n width: 100%;\r\n height: 74px;\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(254, 209, 86) !important;\r\n -webkit-mask: linear-gradient(\r\n to top,\r\n rgb(254, 162, 86),\r\n transparent\r\n );\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% - 150px);\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 .content3 {\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 .line3 {\r\n width: 30%;\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: 1%;\r\n height: 100%;\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 width: 100%;\r\n\r\n .num1 {\r\n background: url(\"../assets/indexN/zsjbtk.png\") no-repeat;\r\n width: 100%;\r\n // height: 100%;\r\n background-size: 100%;\r\n line-height: 250%;\r\n text-align: center;\r\n }\r\n .numText {\r\n color: #ffffff;\r\n background: url(\"../assets/indexN/main.png\") no-repeat;\r\n background-size: 100%;\r\n width: 100%;\r\n height: 74px;\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(254, 209, 86) !important;\r\n -webkit-mask: linear-gradient(\r\n to top,\r\n rgb(254, 162, 86),\r\n transparent\r\n );\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 #detailedOne {\r\n width: 100%;\r\n height: calc(100% - 160px);\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/indexN/midzsj.png\") no-repeat;\r\n background-size: 100%;\r\n width: 65%;\r\n height: 20%;\r\n position: relative;\r\n top: -28%;\r\n left: 25%;\r\n .contents {\r\n // height: 90%;\r\n position: absolute;\r\n padding: 10px;\r\n height: 100%;\r\n width: 96%;\r\n display: flex;\r\n flex-direction: row;\r\n /* 平分剩余空间 */\r\n justify-content: space-around;\r\n .lines {\r\n width: 106%;\r\n padding: 10px 0 0 0px;\r\n // background: url(\"../assets/index/mainMin.png\") no-repeat;\r\n }\r\n\r\n .total {\r\n .num {\r\n // display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: center;\r\n align-items: left;\r\n color: #ffffff;\r\n span {\r\n font-size: 18px;\r\n }\r\n h5 {\r\n font-size: 34px;\r\n }\r\n .yellow {\r\n padding-top: 30px;\r\n color: yellow;\r\n font-size: 24px;\r\n }\r\n .orange {\r\n padding-top: 30px;\r\n color: orange;\r\n font-size: 24px;\r\n }\r\n .yellows {\r\n padding-top: 20px;\r\n color: yellow;\r\n font-size: 24px;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n .imgboxtwo1 {\r\n background: url(\"../assets/indexN/tk.png\") no-repeat;\r\n background-size: 100%;\r\n float: right;\r\n right: 8%;\r\n top: 20%;\r\n width: 28vh;\r\n height: 100%;\r\n position: relative;\r\n .content2 {\r\n padding: 5px;\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 .line1 {\r\n width: 100%;\r\n height: 100%;\r\n margin-left: 5%;\r\n text-align: left;\r\n font-size: 24px;\r\n color: #fff;\r\n }\r\n }\r\n }\r\n .map {\r\n background: url(\"../assets/indexN/map.png\") no-repeat;\r\n vertical-align: middle;\r\n display: table-cell;\r\n text-align: center;\r\n margin-left: -20%;\r\n .leftimg {\r\n position: absolute;\r\n left: 34.5%;\r\n }\r\n .rightimg {\r\n position: absolute;\r\n right: 35%;\r\n }\r\n .allimg {\r\n position: relative;\r\n left: 28.5%;\r\n top: 34%;\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 .enselect {\r\n position: absolute;\r\n right: 30px;\r\n top: 50%;\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 & > 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 .content3 {\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 .contentUl {\r\n display: flex;\r\n flex-wrap: wrap;\r\n height: 20%;\r\n width: 100%;\r\n position: relative;\r\n .top {\r\n position: relative;\r\n flex-basis: calc(100% / 3);\r\n height: 50%;\r\n left: 33%;\r\n img {\r\n margin-top: 15%;\r\n }\r\n .texts {\r\n color: orange;\r\n position: absolute;\r\n z-index: 2;\r\n left: 32%;\r\n top: 25%;\r\n align-items: center;\r\n font-size: 32px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 10%;\r\n }\r\n }\r\n .top1 {\r\n position: absolute;\r\n flex-basis: calc(100% / 3);\r\n height: 100%;\r\n img {\r\n margin-top: 30%;\r\n }\r\n .texts {\r\n color: #fff;\r\n position: absolute;\r\n z-index: 2;\r\n left: 0%;\r\n top: 27%;\r\n width: 87%;\r\n height: 100%;\r\n padding-top: 27%;\r\n background: url(\"../assets/indexN/xctb2.png\") no-repeat;\r\n background-size: 100%;\r\n align-items: center;\r\n font-size: 24px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 130%;\r\n }\r\n }\r\n .top2 {\r\n position: absolute;\r\n flex-basis: calc(100% / 3);\r\n height: 100%;\r\n left: 21%;\r\n top: -33%;\r\n img {\r\n margin-top: 30%;\r\n }\r\n .texts {\r\n color: #fff;\r\n position: absolute;\r\n z-index: 2;\r\n left: 0%;\r\n top: 27%;\r\n width: 87%;\r\n height: 100%;\r\n padding-top: 27%;\r\n background: url(\"../assets/indexN/xctb2.png\") no-repeat;\r\n background-size: 100%;\r\n align-items: center;\r\n font-size: 24px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 130%;\r\n }\r\n }\r\n .top3 {\r\n position: absolute;\r\n flex-basis: calc(100% / 3);\r\n height: 100%;\r\n left: 29%;\r\n top: 50%;\r\n img {\r\n margin-top: 30%;\r\n }\r\n .texts {\r\n color: #fff;\r\n position: absolute;\r\n z-index: 2;\r\n left: 0%;\r\n top: 27%;\r\n width: 87%;\r\n height: 100%;\r\n padding-top: 27%;\r\n background: url(\"../assets/indexN/xctb2.png\") no-repeat;\r\n background-size: 100%;\r\n align-items: center;\r\n font-size: 24px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 130%;\r\n }\r\n }\r\n .top4 {\r\n position: absolute;\r\n flex-basis: calc(100% / 3);\r\n height: 100%;\r\n left: 64%;\r\n top: 15%;\r\n img {\r\n margin-top: 30%;\r\n }\r\n .texts {\r\n color: #fff;\r\n position: absolute;\r\n z-index: 2;\r\n left: 0%;\r\n top: 27%;\r\n width: 87%;\r\n height: 100%;\r\n padding-top: 27%;\r\n background: url(\"../assets/indexN/xctb2.png\") no-repeat;\r\n background-size: 100%;\r\n align-items: center;\r\n font-size: 24px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 130%;\r\n }\r\n }\r\n .top5 {\r\n position: absolute;\r\n flex-basis: calc(100% / 3);\r\n height: 100%;\r\n left: 82%;\r\n top: -22%;\r\n img {\r\n margin-top: 30%;\r\n }\r\n .texts {\r\n color: #fff;\r\n position: absolute;\r\n z-index: 2;\r\n left: 0%;\r\n top: 27%;\r\n width: 87%;\r\n height: 100%;\r\n padding-top: 27%;\r\n background: url(\"../assets/indexN/xctb2.png\") no-repeat;\r\n background-size: 100%;\r\n align-items: center;\r\n font-size: 24px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 130%;\r\n }\r\n }\r\n }\r\n .line3 {\r\n width: 30%;\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: 1%;\r\n height: 100%;\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 width: 100%;\r\n\r\n .num1 {\r\n background: url(\"../assets/indexN/zsjbtk.png\") no-repeat;\r\n width: 100%;\r\n height: 100%;\r\n background-size: 100%;\r\n line-height: 200%;\r\n text-align: center;\r\n }\r\n .numText {\r\n color: #ffffff;\r\n background: url(\"../assets/indexN/main.png\") no-repeat;\r\n background-size: 100%;\r\n width: 100%;\r\n height: 74px;\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(254, 209, 86) !important;\r\n -webkit-mask: linear-gradient(\r\n to top,\r\n rgb(254, 162, 86),\r\n transparent\r\n );\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\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% - 190px);\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 .content3 {\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 .line3 {\r\n width: 30%;\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: 1%;\r\n height: 100%;\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 width: 100%;\r\n\r\n .num1 {\r\n background: url(\"../assets/indexN/zsjbtk.png\") no-repeat;\r\n width: 100%;\r\n // height: 100%;\r\n background-size: 100%;\r\n line-height: 250%;\r\n text-align: center;\r\n }\r\n .numText {\r\n color: #ffffff;\r\n background: url(\"../assets/indexN/main.png\") no-repeat;\r\n background-size: 100%;\r\n width: 100%;\r\n height: 74px;\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(254, 209, 86) !important;\r\n -webkit-mask: linear-gradient(\r\n to top,\r\n rgb(254, 162, 86),\r\n transparent\r\n );\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 #detailen {\r\n width: 100%;\r\n height: calc(100% - 150px);\r\n }\r\n #shuzihua {\r\n width: 100%;\r\n height: calc(100% - 150px);\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% - 150px);\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(\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\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 .content3 {\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(\r\n to bottom,\r\n rgb(255, 255, 255),\r\n rgb(86, 244, 254)\r\n );\r\n }\r\n }\r\n\r\n .content3 {\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\r\n .el-table--striped\r\n .el-table__body\r\n tr.el-table__row--striped\r\n 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#yellow {\r\n color: yellow;\r\n line-height: 175%;\r\n}\r\n#orange {\r\n color: rgb(235, 92, 92);\r\n line-height: 175%;\r\n}\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 .content3 {\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 .line3 {\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: 1%;\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(\r\n to top,\r\n rgb(86, 244, 254),\r\n transparent\r\n );\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 #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.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>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/ac32a2212ff9828f8ff73fdcf32f1242.json b/node_modules/.cache/vue-loader/ac32a2212ff9828f8ff73fdcf32f1242.json
index d4bf731a..69c97f89 100644
--- a/node_modules/.cache/vue-loader/ac32a2212ff9828f8ff73fdcf32f1242.json
+++ b/node_modules/.cache/vue-loader/ac32a2212ff9828f8ff73fdcf32f1242.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\index.vue","mtime":1689926769457},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["\r\nimport {\r\n getCompanyInfo,\r\n getLine,\r\n getBanzugz,\r\n getGdtj,\r\n getDwbzgz,\r\n getGdsgdzl,\r\n getPbtyqk,\r\n getCabinetInfo,\r\n getCabinetList,\r\n getfaultReportList,\r\n getCabinetAlarmList,\r\n} from \"../api/index.js\";\r\n//引入echarts\r\nimport * as echarts from \"echarts\";\r\n// 工单统计弹窗组件\r\nimport workOrder from \"../component/workOrder.vue\";\r\nimport ringMainUnit from \"./HomePop/ringMainUnit.vue\";\r\nimport routeDetail from \"../component/routeDetail.vue\";\r\n\r\n// 线路详情\r\nimport lineDetail from \"../component/lineDetail.vue\";\r\nexport default {\r\n name: \"home\",\r\n components: {\r\n ringMainUnit, //环网柜弹窗\r\n workOrder, //工单统计弹窗\r\n routeDetail, //线路故障跳闸明细\r\n lineDetail, //线路详情弹窗\r\n },\r\n data() {\r\n return {\r\n pageShow: true,\r\n totals: 5,\r\n pageSize: 10,\r\n page: 1,\r\n threeImg: require(\"../assets/images/pieBorder.png\"),\r\n\r\n enlargeShow: true,\r\n dataGzList: [\r\n {\r\n bz: \"大冈\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"配网二班\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"配网一班\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"尚庄\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"秦南\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"郭猛\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"大纵湖\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"潘黄\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"学富\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"龙冈\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"西区\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"楼王\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n ], //年故障数组\r\n dateList: [\"周\", \"月\"],\r\n acolor: true, //是否展示颜色\r\n currentIndex: -1,\r\n alarmInformationData: [],\r\n alarmInformationShow: false, //报警详情信息弹窗\r\n realTimeAlarmShow: false, //实时报警弹窗\r\n modelOthers: false,\r\n componentShow: \"\",\r\n CompanyInfo: {\r\n hsgst: \"3.4\",\r\n rlst: \"0.01\",\r\n nlst: \"0.44\",\r\n xms: \"9.279\",\r\n ysfyzh: \"118.5\",\r\n jhs: \"44\",\r\n sdpbsl: \"12\",\r\n jdpbsl: \"7\",\r\n fhgzpb: \"87\",\r\n ygdkkx: \"99.95\",\r\n pjtdpc: \"0.39\",\r\n pjtdsj: \"0.37\",\r\n ztpf: \"108.3万\",\r\n zydl: \"39.83亿\",\r\n khzs: \"4968\",\r\n xczydl: \"723.6\",\r\n zdsbgm: \"1250\",\r\n zxsbgm: \"3673\",\r\n glgds: \"10\",\r\n gltq: \"13884\",\r\n zrc: \"306\",\r\n },\r\n tableData: [],\r\n btnArr: [\"总览\", \"环网柜\", \"分支箱\", \"箱变\", \"开闭所\"],\r\n btnActive: 0,\r\n iconGround: [\r\n {\r\n icon: require(\"@/assets/images/huanwanggui.png\"),\r\n name: \"环网柜\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/fenzhixiang.png\"),\r\n name: \"分支箱\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/xiangbian.png\"),\r\n name: \"箱变\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/kaibisuo.png\"),\r\n name: \"开闭所\",\r\n },\r\n ],\r\n btnEnlarge: [\r\n {\r\n icon: require(\"@/assets/images/btnTiShi.png\"),\r\n },\r\n {\r\n icon: require(\"@/assets/images/btnFangDa.png\"),\r\n },\r\n ],\r\n btnEnlarge1: [\r\n {\r\n icon: require(\"@/assets/images/btnTiShi.png\"),\r\n },\r\n {\r\n icon: require(\"@/assets/images/suoxiao.png\"),\r\n },\r\n ],\r\n options: [\r\n {\r\n value: \"\",\r\n label: \"\",\r\n },\r\n ],\r\n value: \"\",\r\n topContent: [\r\n {\r\n name: \"配变数量\",\r\n count: \"\",\r\n },\r\n {\r\n name: \"重复停运台次\",\r\n count: \"\",\r\n },\r\n {\r\n name: \"配变重复停运率\",\r\n count: \"\",\r\n },\r\n ],\r\n device: \"\",\r\n tableData: [],\r\n tableKey: +new Date(),\r\n scrollTop: 0, //table距离顶部距离\r\n option: null,\r\n myChartBin: null,\r\n\r\n gongdanList: [\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"频繁停电\",\r\n total: 0,\r\n },\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"处理时间长\",\r\n total: 0,\r\n },\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"运检类投诉\",\r\n total: 0,\r\n },\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"运检类意见\",\r\n total: 0,\r\n },\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"民事赔偿\",\r\n total: 0,\r\n },\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"多次停电\",\r\n total: 0,\r\n },\r\n ],\r\n\r\n // 工单\r\n orderItem: null,\r\n\r\n orderShow: \"\",\r\n // 线路故障明细\r\n routeItem: null,\r\n routeShow: \"\",\r\n\r\n // 配电线路\r\n lineItem: null,\r\n lineShow: \"\",\r\n timer: null, //定时器\r\n emergencyList: [], //告警数据\r\n rowTime: \"\",\r\n };\r\n },\r\n created() {},\r\n mounted() {\r\n // this.beginShowing();\r\n // 监听浏览器窗口大小变化\r\n window.onresize = () => {\r\n clearInterval(this.myTimer);\r\n this.beginShowing();\r\n };\r\n this.xianDuan();\r\n this.detailedTwo11();\r\n this.horizontalChart();\r\n this.detailedOne();\r\n this.barCharts();\r\n this.detailedFive();\r\n this.shuzihuaCharts();\r\n this.roseCharts();\r\n this.detailen1();\r\n this.handleDate(0);\r\n\r\n let that = this;\r\n\r\n //历史故障接口\r\n let faultData = {\r\n token: localStorage.getItem(\"token\"),\r\n pageSize: \"500\",\r\n page: \"1\",\r\n };\r\n },\r\n // beforeDestroy() {\r\n // this.dataDestroy(); // 页面摧毁前，关闭定时器\r\n // },\r\n beforeDestroy() {\r\n // 离开当前路由前的操作\r\n clearInterval(this.timer);\r\n this.timer = null;\r\n },\r\n methods: {\r\n //地图画线\r\n xianDuan() {\r\n var canvas = document.getElementById(\"myCanvas\");\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.moveTo(650, 450); // moveTo(x,y) 定义线条开始坐标\r\n ctx.lineTo(735, 250); // lineTo(x,y) 定义线条结束坐标\r\n ctx.strokeStyle = \"orange\";\r\n ctx.lineWidth = 3;\r\n ctx.stroke();\r\n },\r\n routerTo(data) {\r\n if (data == \"盐城地区分布光伏运行监测\") {\r\n this.$router.push(\"/stationBuilding\");\r\n }\r\n if (data == \"盐城东台区供电所数字化分析\") {\r\n this.$router.push(\"/twentyKV\");\r\n }\r\n if (data == \"配网工程全过程物资审计\") {\r\n this.$router.push(\"/thirtyFiveKV\");\r\n }\r\n if (data == \"盐城供电公司配网电能质量管控\") {\r\n this.$router.push(\"/powerQualityControl\");\r\n }\r\n if (data == \"乡村振兴电力综合指数\") {\r\n this.$router.push(\"/ruralRevitalizationPower\");\r\n }\r\n if (data == \"两高行业企业污染监测\") {\r\n this.$router.push(\"/enterprisePollutionMonitoring\");\r\n }\r\n if (data == \"农村生活污水治理设备电量分析\") {\r\n this.$router.push(\"/ruralDomesticSewageTreatment\");\r\n }\r\n if (data == \"数字化排涝抗旱辅助及检修辅助决策\") {\r\n this.$router.push(\"/digitalFloodDrainageDroughtRelief\");\r\n }\r\n },\r\n detailen1() {\r\n var fontColor = \"#30eee9\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailen\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n },\r\n grid: {\r\n left: \"0%\", //图表距离容器左侧多少距离\r\n right: \"10%\", //图表距离容器右侧侧多少距离\r\n bottom: \"20%\", //图表距离容器上面多少距离\r\n top: \"10%\", //图表距离容器下面多少距离\r\n containLabel: true, //防止标签溢出\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n },\r\n\r\n data: [\"电量KWH\"],\r\n },\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n data: [\r\n \"安丰镇\",\r\n \"草堰镇\",\r\n \"龙岗镇\",\r\n \"新丰镇\",\r\n \"伍佑街道\",\r\n \"步凤镇\",\r\n ],\r\n axisLabel: {\r\n show: true,\r\n textStyle: {\r\n color: \"#ffffff\",\r\n fontSize: 18,\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 fontSize: 18,\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"电量kwh\",\r\n type: \"bar\",\r\n barWidth: 40, // 柱子宽度核心代码，\r\n itemStyle: {\r\n normal: {\r\n color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"rgba(2,255,255,.3)\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"rgb(2,255,255)\",\r\n },\r\n ]),\r\n label: {\r\n show: true, //开启显示\r\n position: \"top\", //在上方显示\r\n formatter: function (params) {\r\n //核心部分 formatter 可以为字符串也可以是回调\r\n if (params.value) {\r\n //如果当前值存在则拼接\r\n return params.value + \"万\";\r\n } else {\r\n //否则返回个空\r\n return \"\";\r\n }\r\n },\r\n textStyle: {\r\n //数值样式\r\n color: \"#00ffff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n data: [320, 332, 301, 334, 390, 288, 299],\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n //班组\r\n getbanzhu() {\r\n getBanzugz({\r\n action: \"detail\",\r\n }).then((res) => {\r\n console.log(res, \"班组故障详情\");\r\n for (let i = 0; i < res.data.data.length; i++) {\r\n if (res.data.data[i].gz_time_deal) {\r\n let date = new Date(res.data.data[i].gz_time_deal);\r\n res.data.data[i].gz_time_deal =\r\n this.$moment(date).format(\"YYYY-MM-DD HH:mm\");\r\n // console.log(res.data.data[i].gz_time_deal,'转换后');\r\n }\r\n if (res.data.data[i].gz_time) {\r\n let time = new Date(res.data.data[i].gz_time);\r\n res.data.data[i].gz_time =\r\n this.$moment(time).format(\"YYYY-MM-DD HH:mm\");\r\n }\r\n this.tableData.push(res.data.data[i]);\r\n }\r\n });\r\n },\r\n //工单\r\n getGongdan() {\r\n getGdtj({ action: \"tongji\" }).then((res) => {\r\n console.log(res, \"工单统计数据\");\r\n let dataList = res.data.data;\r\n\r\n for (let i = 0; i < this.gongdanList.length; i++) {\r\n for (let j = 0; j < res.data.data.length; j++) {\r\n if (\r\n this.gongdanList[i].gd_type_name == res.data.data[j].gd_type_name\r\n ) {\r\n this.gongdanList[i].total = res.data.data[j].total;\r\n this.gongdanList[i].gd_type_id = res.data.data[j].gd_type_id;\r\n }\r\n }\r\n }\r\n // this.gongdanList = res.data.data;\r\n this.detailedThree(dataList);\r\n // this.$nextTick(() => {\r\n // this.detailedThree(dataList);\r\n // setInterval(() => {\r\n // this.doing();\r\n // }, 200);\r\n // });\r\n });\r\n },\r\n // //表格第一行颜色\r\n rowClass(row, rowIndex) {\r\n if (row.rowIndex === 0) {\r\n return \"rowColor0\";\r\n } else {\r\n return \"\";\r\n }\r\n },\r\n //切换当前页\r\n handleCurrentChange(val) {\r\n this.page = val;\r\n let tableData = [];\r\n if (this.emergencyList.length != 0) {\r\n tableData = this.emergencyList;\r\n if (val == 1) {\r\n this.alarmInformationData = tableData.slice(0, 10);\r\n document.getElementsByClassName(\"rowColor0\")[0].style.display = \"\";\r\n } else if (val == 2) {\r\n document.getElementsByClassName(\"rowColor0\")[0].style.display =\r\n \"none\";\r\n this.alarmInformationData = tableData.slice(10, 20);\r\n } else if (val == 3) {\r\n this.alarmInformationData = tableData.slice(20, 30);\r\n document.getElementsByClassName(\"rowColor0\")[0].style.display =\r\n \"none\";\r\n } else if (val == 4) {\r\n this.alarmInformationData = tableData.slice(30, 40);\r\n document.getElementsByClassName(\"rowColor0\")[0].style.display =\r\n \"none\";\r\n } else if (val == 5) {\r\n this.alarmInformationData = tableData.slice(40, 50);\r\n document.getElementsByClassName(\"rowColor0\")[0].style.display =\r\n \"none\";\r\n }\r\n } else {\r\n return false;\r\n }\r\n },\r\n // 线路详情弹窗\r\n openLineDetail(e) {\r\n // console.log(e);\r\n // var line = e + ''\r\n // console.log(line);\r\n getLine({ action: \"pdxl\" }).then(({ data }) => {\r\n console.log(data);\r\n this.lineShow = \"lineDetail\";\r\n this.lineItem = data.data;\r\n });\r\n },\r\n // 线路故障跳闸明细弹窗\r\n rowHandle(e) {\r\n // console.log(e, \"参数\");\r\n this.routeItem = e;\r\n this.routeShow = \"routeDetail\";\r\n // console.log(this.routeItem,'线路组件名称');\r\n },\r\n // 工单统计的弹窗\r\n openGdDetail(item) {\r\n this.orderItem = item;\r\n this.orderShow = \"workOrder\";\r\n },\r\n // 鼠标进入表格\r\n // mouseover() {\r\n // clearInterval(this.myTimer);\r\n // },\r\n // 鼠标离开表格\r\n mouseout() {\r\n this.roll();\r\n },\r\n //调用unity方法\r\n handleUnity(index, item) {\r\n this.btnActive = index;\r\n this.$refs.iframe.contentWindow.handleChange(item);\r\n },\r\n //选择线路\r\n selectLine(value) {\r\n getLine({\r\n action: \"query\",\r\n line_code: value,\r\n }).then((res) => {\r\n // console.log(res,'选择线路');\r\n if (res.data.data != 0 && res.data.data != null) {\r\n this.$refs.iframe.contentWindow.handleChangeLine(\r\n res.data.data.line_name\r\n );\r\n } else if (res.data.data == null) {\r\n this.$refs.iframe.contentWindow.handleChangeLine(\"\");\r\n }\r\n });\r\n },\r\n detailedOne() {\r\n let myChart = this.$echarts.init(document.getElementById(\"detailedOne\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n },\r\n\r\n data: [\"配变停电\"],\r\n },\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n data: [\r\n \"亭湖区\",\r\n \"东台市\",\r\n \"建湖县\",\r\n \"阜宁县\",\r\n \"响水县\",\r\n \"滨海县\",\r\n \"射阳县\",\r\n \"大丰区\",\r\n ],\r\n axisLabel: {\r\n show: true,\r\n textStyle: {\r\n color: \"#ffffff\",\r\n fontSize: 16,\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 fontSize: 16,\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"配变停电\",\r\n type: \"bar\",\r\n barWidth: 40, // 柱子宽度核心代码，\r\n itemStyle: {\r\n normal: {\r\n color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"rgba(2,255,255,.3)\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"rgb(2,255,255)\",\r\n },\r\n ]),\r\n label: {\r\n show: true, //开启显示\r\n position: \"top\", //在上方显示\r\n textStyle: {\r\n //数值样式\r\n color: \"#00ffff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n data: [5109, 5520, 5354, 5511, 4789, 5254, 5411, 4889],\r\n },\r\n ],\r\n };\r\n\r\n myChart.setOption(option);\r\n\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n shuzihuaCharts() {\r\n let myChart = this.$echarts.init(document.getElementById(\"shuzihua\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"cross\",\r\n crossStyle: {\r\n color: \"#999\",\r\n },\r\n },\r\n },\r\n grid: {\r\n left: \"5%\", //图表距离容器左侧多少距离\r\n right: \"8%\", //图表距离容器右侧侧多少距离\r\n bottom: \"20%\", //图表距离容器上面多少距离\r\n top: \"15%\", //图表距离容器下面多少距离\r\n containLabel: true, //防止标签溢出\r\n },\r\n legend: [\r\n {\r\n x: \"center\",\r\n data: [\r\n \"投运15年以上设备数量\",\r\n \"统计时间所辖线路设备数量\",\r\n \"设备老化占比\",\r\n ],\r\n textStyle: {\r\n fontSize: 18,\r\n color: \"#fff\",\r\n },\r\n },\r\n ],\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n data: [\r\n \"10kv星雨线163\",\r\n \"10kv智谋线183\",\r\n \"10kv朝阳线164\",\r\n \"10kv杨庄线181\",\r\n \"10kv森达线174\",\r\n ],\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n axisLabel: {\r\n rotate: -15, //60度角倾斜显示\r\n interval: 0, //横轴信息全部显示\r\n color: \"#fff\",\r\n fontSize: 20,\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n min: 0,\r\n max: 160,\r\n interval: 40,\r\n axisLabel: {\r\n textStyle: {\r\n fontSize: \"18\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n {\r\n type: \"value\",\r\n min: 0,\r\n max: 80,\r\n interval: 20,\r\n axisLabel: {\r\n formatter: \"{value}%\",\r\n textStyle: {\r\n fontSize: \"18\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"投运15年以上设备数量\",\r\n type: \"bar\",\r\n tooltip: {\r\n valueFormatter: function (value) {\r\n return value;\r\n },\r\n },\r\n itemStyle: {\r\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n { offset: 1, color: \"rgba(240,230,140,.2) \" },\r\n { offset: 0.5, color: \"rgb(240,230,140,.6)\" },\r\n { offset: 0, color: \"rgb(240,230,140)\" },\r\n ]),\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n data: [55, 66, 89, 113, 123],\r\n },\r\n {\r\n name: \"统计时间所辖线路设备数量\",\r\n type: \"bar\",\r\n tooltip: {\r\n valueFormatter: function (value) {\r\n return value;\r\n },\r\n },\r\n itemStyle: {\r\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n { offset: 1, color: \"rgba(65,105,225,.2) \" },\r\n { offset: 0.5, color: \"rgb(65,105,225,.6)\" },\r\n { offset: 0, color: \"rgb(65,105,225)\" },\r\n ]),\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n data: [46, 56, 99, 103, 123],\r\n },\r\n {\r\n name: \"设备老化占比\",\r\n type: \"line\",\r\n yAxisIndex: 1,\r\n tooltip: {\r\n valueFormatter: function (value) {\r\n return value;\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: \"#0080ff\",\r\n lineStyle: {\r\n color: \"#0080ff\",\r\n },\r\n },\r\n },\r\n data: [20, 40, 60, 80, 67],\r\n },\r\n ],\r\n };\r\n\r\n myChart.setOption(option);\r\n\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedTwo() {\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo1\"));\r\n var option = {\r\n xAxis: {\r\n type: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: fontColor,\r\n },\r\n axisLine: {\r\n show: true,\r\n lineStyle: {\r\n color: \"#397cbc\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#195384\",\r\n },\r\n },\r\n data: [\r\n \"0:00\",\r\n \"3:00\",\r\n \"6:00\",\r\n \"9:00\",\r\n \"12:00\",\r\n \"15:00\",\r\n \"18:00\",\r\n \"21:00\",\r\n \"24:00\",\r\n ],\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"单位：kw\",\r\n min: 0,\r\n max: 1000,\r\n show: true,\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n axisLabel: {\r\n formatter: \"{value}\",\r\n textStyle: {\r\n color: \"#2ad1d2\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#27b4c2\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n data: [720, 632, 801, 734, 470, 670, 720, 123, 567],\r\n type: \"line\",\r\n symbol: \"none\",\r\n lineStyle: {\r\n color: \"#00ffff\",\r\n width: 2,\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: \"00ffff\",\r\n lineStyle: {\r\n color: \"00ffff\",\r\n width: 3,\r\n type: \"solid\",\r\n },\r\n },\r\n },\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedTwo11() {\r\n var fontColor = \"#30eee9\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo1\"));\r\n var option = {\r\n xAxis: {\r\n type: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: fontColor,\r\n },\r\n axisLine: {\r\n show: true,\r\n lineStyle: {\r\n color: \"#397cbc\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#195384\",\r\n },\r\n },\r\n data: [\r\n \"0:00\",\r\n \"3:00\",\r\n \"6:00\",\r\n \"9:00\",\r\n \"12:00\",\r\n \"15:00\",\r\n \"18:00\",\r\n \"21:00\",\r\n \"24:00\",\r\n ],\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"单位：kw\",\r\n min: 0,\r\n max: 1000,\r\n show: true,\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n axisLabel: {\r\n formatter: \"{value}\",\r\n textStyle: {\r\n color: \"#2ad1d2\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#27b4c2\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n data: [720, 632, 801, 734, 470, 670, 720, 123, 567],\r\n type: \"line\",\r\n symbol: \"none\",\r\n lineStyle: {\r\n color: \"#00ffff\",\r\n width: 2,\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: \"00ffff\",\r\n lineStyle: {\r\n color: \"00ffff\",\r\n width: 3,\r\n type: \"solid\",\r\n },\r\n },\r\n },\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n horizontalChart() {\r\n var myChart = this.$echarts.init(\r\n document.getElementById(\"horizontalChart\")\r\n );\r\n var honorData = [\r\n {\r\n name: \"60天内掉电客户数\",\r\n data: [13.4, 12.1, 14.3],\r\n },\r\n {\r\n name: \"60天内掉电总数\",\r\n data: [9.4, 8.1, 7.3],\r\n },\r\n ];\r\n var honorXAxisData = [\"No.3\", \"No.2\", \"No.1\"];\r\n var nameList = [\r\n \"PMS_晨光满园9台区\",\r\n \"滨河华苑3台区\",\r\n \"PMS_晨光满园11台区\",\r\n ];\r\n var option = {\r\n color: [\"#0F9AF8\", \"#2039C3\", \"rgba(32,57,195,.5)\", \"#2ECACE\"],\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"none\",\r\n },\r\n },\r\n legend: {\r\n right: 20,\r\n top: \"5%\",\r\n itemWidth: 10,\r\n itemHeight: 10,\r\n itemGap: 15,\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n grid: {\r\n top: \"15%\",\r\n left: \"14%\",\r\n right: \"0%\",\r\n bottom: \"0%\",\r\n },\r\n xAxis: [\r\n {\r\n type: \"value\",\r\n show: false,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: \"#6B9DD7\",\r\n fontSize: 16, // 文字大小\r\n fontWeight: 400,\r\n interval: 0,\r\n formatter: function (value) {\r\n return value + \"(万元)\";\r\n },\r\n },\r\n splitLine: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"category\",\r\n offset: 17,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: \"#00FFFF\",\r\n fontSize: 20, // 文字大小\r\n fontWeight: 700,\r\n interval: 0,\r\n },\r\n\r\n data: honorXAxisData,\r\n },\r\n {\r\n //名称\r\n type: \"category\",\r\n offset: -10,\r\n position: \"left\",\r\n axisLine: {\r\n show: false,\r\n },\r\n inverse: true,\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n color: \"#fff\",\r\n align: \"left\",\r\n verticalAlign: \"bottom\",\r\n lineHeight: 40,\r\n fontSize: 20,\r\n },\r\n data: nameList,\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"60天内掉电客户数\",\r\n type: \"bar\",\r\n stack: \"zongliang\",\r\n barWidth: \"25%\",\r\n barGap: 15, // 柱图之间的间距\r\n itemStyle: {\r\n //自定义颜色\r\n // normal: { color: \"orange\" },\r\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"rgba(255,165,0,.4)\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"rgb(255,165,0)\",\r\n },\r\n ]),\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: [\"80%\", \"-100%\"],\r\n formatter: function (params) {\r\n return params.value;\r\n },\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n\r\n data: honorData[0].data,\r\n },\r\n {\r\n name: \"60天内掉电总数\",\r\n type: \"bar\",\r\n stack: \"zongliang\",\r\n barWidth: \"25%\",\r\n itemStyle: {\r\n //自定义颜色\r\n // normal: { color: \"orange\" },\r\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"#005BEA\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"#00C6FB\",\r\n },\r\n ]),\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: [\"80%\", \"-100%\"],\r\n formatter: function (params) {\r\n return params.value;\r\n },\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n data: honorData[1].data,\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n 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 {\r\n type: \"pie\",\r\n radius: [\"80\", \"120\"],\r\n center: [\"50%\", \"50%\"],\r\n color: [\"#80C269\", \"#00FFFF\", \"#0090F1\", \"#FFA800\", \"#4658F6\"],\r\n itemStyle: {\r\n normal: {\r\n borderWidth: 5,\r\n borderColor: \"#031845\",\r\n },\r\n },\r\n data: [\r\n {\r\n value: 27,\r\n name: \"国网大丰市供电公司\",\r\n },\r\n {\r\n value: 30,\r\n name: \"国网射阳县供电公司\",\r\n },\r\n {\r\n value: 24,\r\n name: \"开发区供电服务中心\",\r\n },\r\n {\r\n value: 27,\r\n name: \"盐城运维检修部\",\r\n },\r\n {\r\n value: 27,\r\n name: \"设备管理部\",\r\n },\r\n {\r\n value: 27,\r\n name: \"国网响水县供电公司\",\r\n },\r\n ],\r\n labelLine: {\r\n normal: {\r\n show: true,\r\n length: 20,\r\n length2: 10,\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: 20,\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: 20,\r\n align: \"center\",\r\n padding: 4,\r\n color: \"#fff\",\r\n },\r\n },\r\n },\r\n },\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n roseCharts() {\r\n var myChart = this.$echarts.init(document.getElementById(\"roseCharts\"));\r\n var option = {\r\n color: [\r\n \"#EAEA26\",\r\n \"#906BF9\",\r\n \"#FE5656\",\r\n \"#01E17E\",\r\n \"#3DD1F9\",\r\n \"#FFAD05\",\r\n ],\r\n 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\r\n polar: {},\r\n angleAxis: {\r\n interval: 1,\r\n type: \"category\",\r\n data: [],\r\n z: 10,\r\n axisLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#0B4A6B\",\r\n width: 1,\r\n type: \"solid\",\r\n },\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n show: true,\r\n color: \"#0B4A6B\",\r\n margin: 8,\r\n fontSize: 16,\r\n },\r\n },\r\n radiusAxis: {\r\n min: 40,\r\n max: 120,\r\n interval: 20,\r\n axisLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#0B3E5E\",\r\n width: 1,\r\n type: \"solid\",\r\n },\r\n },\r\n axisLabel: {\r\n formatter: \"{value} %\",\r\n show: false,\r\n padding: [0, 0, 20, 0],\r\n color: \"#0B3E5E\",\r\n fontSize: 16,\r\n },\r\n splitLine: {\r\n lineStyle: {\r\n color: \"#0B3E5E\",\r\n width: 2,\r\n type: \"solid\",\r\n },\r\n },\r\n },\r\n calculable: true,\r\n series: [\r\n {\r\n type: \"pie\",\r\n radius: [\"5%\", \"10%\"],\r\n hoverAnimation: false,\r\n labelLine: {\r\n normal: {\r\n show: false,\r\n length: 30,\r\n length2: 55,\r\n },\r\n emphasis: {\r\n show: false,\r\n },\r\n },\r\n data: [\r\n {\r\n name: \"\",\r\n value: 0,\r\n itemStyle: {\r\n normal: {\r\n color: \"#0B4A6B\",\r\n },\r\n },\r\n },\r\n ],\r\n },\r\n {\r\n type: \"pie\",\r\n radius: [\"90%\", \"95%\"],\r\n hoverAnimation: false,\r\n labelLine: {\r\n normal: {\r\n show: false,\r\n length: 30,\r\n length2: 55,\r\n },\r\n emphasis: {\r\n show: false,\r\n },\r\n },\r\n name: \"\",\r\n data: [\r\n {\r\n name: \"\",\r\n value: 0,\r\n itemStyle: {\r\n normal: {\r\n color: \"#0B4A6B\",\r\n },\r\n },\r\n },\r\n ],\r\n },\r\n {\r\n stack: \"a\",\r\n type: \"pie\",\r\n radius: [\"20%\", \"80%\"],\r\n roseType: \"area\",\r\n zlevel: 10,\r\n label: {\r\n normal: {\r\n show: true,\r\n formatter: \"{b} {d} %\",\r\n textStyle: {\r\n fontSize: 20,\r\n color: \"#fff\",\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: 35,\r\n borderWidth: 4,\r\n },\r\n emphasis: {\r\n show: false,\r\n },\r\n },\r\n data: [\r\n {\r\n value: 15,\r\n name: \"东台市\",\r\n },\r\n {\r\n value: 7,\r\n name: \"阜宁县\",\r\n },\r\n {\r\n value: 14,\r\n name: \"盐都区\",\r\n },\r\n {\r\n value: 23,\r\n name: \"滨海县\",\r\n },\r\n {\r\n value: 18,\r\n name: \"建湖县\",\r\n },\r\n {\r\n value: 35,\r\n name: \"射阳县\",\r\n },\r\n {\r\n value: 31,\r\n name: \"大丰区\",\r\n },\r\n {\r\n value: 28,\r\n name: \"响水县\",\r\n },\r\n {\r\n value: 36,\r\n name: \"亭湖区\",\r\n },\r\n ],\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedThree(dataList) {\r\n // console.log(this.threeImg,'图片');\r\n // var equipment = [dataList.yjlts, dataList.yjlyj];\r\n var that = this;\r\n // console.log(that,'指向');\r\n var colorList = [\r\n \"#0090ff\",\r\n \"#06d3c4\",\r\n \"#66b0ed\",\r\n \"#7cb79d\",\r\n \"#2361b4\",\r\n \"rgb(198,123,244)\",\r\n ];\r\n var colorList1 = [\"rgb(198,123,244)\", \"#2361b4\"];\r\n // 饼图数据\r\n var threeList = dataList.map((ele) => {\r\n return { name: ele.gd_type_name, value: ele.total };\r\n });\r\n // console.log(threeList, \"饼图数据\");\r\n // var legendData = dataList.concat(\r\n // {\r\n // value: equipment[0],\r\n // name: \"运检类投诉\",\r\n // },\r\n // {\r\n // value: equipment[1],\r\n // name: \"运检类意见\",\r\n // }\r\n // );\r\n this.myChartBin = this.$echarts.init(\r\n document.getElementById(\"detailedThree\")\r\n );\r\n // var graphicList = [];\r\n // legendData.forEach((ele, index) => {\r\n // if (index <= 2) {\r\n // graphicList.push({\r\n // type: \"image\",\r\n // style: {\r\n // image: this.threeImg,\r\n // width: 164,\r\n // height: 41,\r\n // x: 250,\r\n // y: 55 * (index + 1),\r\n // },\r\n // });\r\n // } else {\r\n // graphicList.push({\r\n // type: \"image\",\r\n // style: {\r\n // image: this.threeImg,\r\n // width: 164,\r\n // height: 41,\r\n // x: 424,\r\n // y: 55 * (index - 2),\r\n // },\r\n // });\r\n // }\r\n // });\r\n this.option = {\r\n borderColor: \"none\",\r\n\r\n tooltip: {\r\n formatter: function (param) {\r\n if (param.data.type == null) {\r\n return param.data.name + \":\" + param.value + \"个\";\r\n } else {\r\n return param.data.name + \":\" + param.value + \"个\";\r\n }\r\n },\r\n },\r\n\r\n legend: {\r\n icon: \"pin\",\r\n // height: 90,\r\n top: 20,\r\n show: false,\r\n // bottom:0,\r\n // itemGap: 40,\r\n // lineHeight: 80,\r\n // padding: [30, 0, 30, 0],\r\n // right: '20%',\r\n // orient: \"vertical\", //垂直显示\r\n x: \"center\", //延Y轴居中\r\n data: dataList.map((ele) => {\r\n return ele.gd_type_name;\r\n }),\r\n textStyle: {\r\n color: \"#ffffff\",\r\n fontSize: 15,\r\n\r\n // width:20,\r\n // height:60,\r\n },\r\n },\r\n series: [\r\n {\r\n name: \"\",\r\n type: \"pie\",\r\n radius: [0, \"70%\"],\r\n center: [\"50%\", \"50%\"],\r\n startAngle: 60, //默认角度\r\n label: {\r\n position: \"inner\",\r\n show: false,\r\n },\r\n\r\n itemStyle: {\r\n normal: {\r\n borderColor: \"none\",\r\n borderWidth: 2,\r\n fontSize: 16,\r\n color: function (params) {\r\n return colorList[params.dataIndex];\r\n },\r\n },\r\n },\r\n\r\n selectedMode: \"single\",\r\n data: threeList,\r\n },\r\n // {\r\n // name: \"运检类\",\r\n // type: \"pie\",\r\n // radius: [\"70%\", \"80%\"],\r\n // center: [\"20%\", \"50%\"],\r\n // startAngle: 30,\r\n // itemStyle: {\r\n // normal: {\r\n // fontSize: 16,\r\n // color: function (params) {\r\n // return colorList1[params.dataIndex];\r\n // },\r\n // // color:'#F4C907',\r\n // },\r\n // },\r\n // label: {\r\n // normal: {\r\n // formatter: function (params) {\r\n // return params.data.name + \":\" + params.data.type + \"个\";\r\n // },\r\n // color: \"auto\",\r\n // show: false,\r\n // fontSize: 16,\r\n // },\r\n // },\r\n\r\n // data: [\r\n // {\r\n // value: equipment[0],\r\n // name: \"运检类投诉\",\r\n // type: equipment[0],\r\n // },\r\n // {\r\n // value: equipment[1],\r\n // name: \"运检类意见\",\r\n // type: equipment[1],\r\n // },\r\n // ],\r\n // animation: false,\r\n // },\r\n ],\r\n };\r\n this.myChartBin.setOption(this.option);\r\n window.addEventListener(\"resize\", () => {\r\n this.myChartBin.resize();\r\n });\r\n },\r\n doing() {\r\n this.option.series[0].startAngle = this.option.series[0].startAngle - 5;\r\n this.option.series[1].startAngle = this.option.series[1].startAngle - 5;\r\n this.myChartBin.setOption(this.option);\r\n },\r\n detailedFour(dataList) {\r\n let yearBzData = [];\r\n let yearChcg = [];\r\n let yearChbc = [];\r\n let yearWchz = [];\r\n let yearJieDi = [];\r\n let yearFenJi = [];\r\n for (let i = 0; i < dataList.length; i++) {\r\n yearBzData.push(dataList[i].bz);\r\n yearChcg.push(dataList[i].chcg);\r\n yearChbc.push(dataList[i].chbc);\r\n yearWchz.push(dataList[i].wchz);\r\n yearJieDi.push(dataList[i].jd);\r\n yearFenJi.push(dataList[i].fjbh);\r\n }\r\n // console.log(yearJieDi,'接地数据');\r\n let that = this;\r\n let myChart = this.$echarts.init(document.getElementById(\"detailedFour\"));\r\n var option = {\r\n tooltip: {\r\n axisPointer: {\r\n type: \"shadow\",\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 16,\r\n },\r\n },\r\n },\r\n grid: {\r\n borderWidth: 0,\r\n top: 30,\r\n bottom: \"17%\",\r\n left: \"6%\",\r\n right: \"6%\",\r\n textStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n legend: {\r\n icon: \"rect\",\r\n right: \"4%\",\r\n textStyle: {\r\n color: \"#ffffff\",\r\n },\r\n data: [\"重合成功\", \"重合不成\", \"无重合闸\", \"接地\", \"分级保护\"],\r\n },\r\n calculable: true,\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n trigger: \"axis\",\r\n axisLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#fff\",\r\n fontSize: 16,\r\n },\r\n },\r\n splitLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitArea: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n fontSize: 14,\r\n rotate: 30,\r\n },\r\n data: yearBzData,\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n color: \"rgb(83,83,83)\",\r\n fontSize: 16,\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n fontSize: 16,\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n },\r\n splitArea: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"重合成功\",\r\n type: \"bar\",\r\n stack: \"Total1\",\r\n barMaxWidth: 15,\r\n barGap: \"10%\",\r\n label: {\r\n show: true,\r\n formatter: function (params) {\r\n if (params.value == 0) {\r\n return \"\";\r\n } else {\r\n return params.value;\r\n }\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n {\r\n offset: 0,\r\n color: \"rgba(194,190,190,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(194,190,190,0)\",\r\n },\r\n ]),\r\n borderColor: new that.$echarts.graphic.LinearGradient(\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n [\r\n {\r\n offset: 0,\r\n color: \"rgba(194,190,190,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(194,190,190,0)\",\r\n },\r\n ]\r\n ),\r\n },\r\n },\r\n data: yearChcg,\r\n },\r\n {\r\n name: \"重合不成\",\r\n type: \"bar\",\r\n barMaxWidth: 15,\r\n stack: \"Total1\",\r\n label: {\r\n show: true,\r\n formatter: function (params) {\r\n if (params.value == 0) {\r\n return \"\";\r\n } else {\r\n return params.value;\r\n }\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n {\r\n offset: 0,\r\n color: \"rgba(86,254,226,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(86,254,226,0)\",\r\n },\r\n ]),\r\n borderColor: new that.$echarts.graphic.LinearGradient(\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n [\r\n {\r\n offset: 0,\r\n color: \"rgba(86,254,226,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(86,254,226,0)\",\r\n },\r\n ]\r\n ),\r\n },\r\n },\r\n data: yearChbc,\r\n },\r\n {\r\n name: \"无重合闸\",\r\n type: \"bar\",\r\n barMaxWidth: 15,\r\n stack: \"Total1\",\r\n label: {\r\n show: true,\r\n formatter: function (params) {\r\n if (params.value == 0) {\r\n return \"\";\r\n } else {\r\n return params.value;\r\n }\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n {\r\n offset: 0,\r\n color: \"rgba(237,125,49,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(237,125,49,0)\",\r\n },\r\n ]),\r\n borderColor: new that.$echarts.graphic.LinearGradient(\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n [\r\n {\r\n offset: 0,\r\n color: \"rgba(237,125,49,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(237,125,49,0)\",\r\n },\r\n ]\r\n ),\r\n barBorderRadius: 0,\r\n },\r\n },\r\n data: yearWchz,\r\n },\r\n {\r\n name: \"接地\",\r\n type: \"bar\",\r\n barMaxWidth: 15,\r\n stack: \"Total1\",\r\n label: {\r\n show: true,\r\n formatter: function (params) {\r\n if (params.value == 0) {\r\n return \"\";\r\n } else {\r\n return params.value;\r\n }\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n {\r\n offset: 0,\r\n color: \"rgba(35,160,247,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(35,160,247,0)\",\r\n },\r\n ]),\r\n borderColor: new that.$echarts.graphic.LinearGradient(\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n [\r\n {\r\n offset: 0,\r\n color: \"rgba(35,160,247,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(35,160,247,0)\",\r\n },\r\n ]\r\n ),\r\n barBorderRadius: 0,\r\n },\r\n },\r\n data: yearJieDi,\r\n },\r\n {\r\n name: \"分级保护\",\r\n type: \"bar\",\r\n barMaxWidth: 15,\r\n stack: \"Total1\",\r\n label: {\r\n show: true,\r\n formatter: function (params) {\r\n if (params.value == 0) {\r\n return \"\";\r\n } else {\r\n return params.value;\r\n }\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n {\r\n offset: 0,\r\n color: \"rgba(156,73,200,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(156,73,200,0)\",\r\n },\r\n ]),\r\n borderColor: new that.$echarts.graphic.LinearGradient(\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n [\r\n {\r\n offset: 0,\r\n color: \"rgba(156,73,200,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(156,73,200,0)\",\r\n },\r\n ]\r\n ),\r\n barBorderRadius: 0,\r\n },\r\n },\r\n data: yearFenJi,\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedFive() {\r\n let myChart = this.$echarts.init(document.getElementById(\"detailedFive\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n },\r\n grid: {\r\n left: \"5%\", //图表距离容器左侧多少距离\r\n right: \"5%\", //图表距离容器右侧侧多少距离\r\n bottom: \"0%\", //图表距离容器上面多少距离\r\n top: \"30%\", //图表距离容器下面多少距离\r\n containLabel: true, //防止标签溢出\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 \"长荡镇\",\r\n \"河海镇\",\r\n \"黄沙港镇\",\r\n \"临海镇\",\r\n \"兴桥镇\",\r\n \"合德镇\",\r\n \"四明镇\",\r\n \"特庸镇\",\r\n ],\r\n axisLabel: {\r\n interval: 0, //横轴信息全部显示\r\n show: true,\r\n textStyle: {\r\n color: \"#ffffff\",\r\n fontSize: 18,\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 fontSize: 18,\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"配变名称\",\r\n type: \"bar\",\r\n barWidth: 40, // 柱子宽度核心代码\r\n itemStyle: {\r\n normal: {\r\n color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"rgba(232, 155, 0,.3)\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"rgb(232, 155, 0)\",\r\n },\r\n ]),\r\n label: {\r\n show: true, //开启显示\r\n position: \"top\", //在上方显示\r\n textStyle: {\r\n //数值样式\r\n color: \"rgb(232, 155, 0)\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n },\r\n data: [87.69, 84.69, 82.69, 83.69, 77.69, 67.69, 57.69, 47.69],\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":";AA+xBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;;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;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;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;;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;;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;;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;;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;;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","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 <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>盐城地区分布光伏运行监测</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content3\">\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >户数高渗透率 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.hsgst\"\r\n >{{ CompanyInfo.hsgst }}\r\n <span style=\"font-size: 18px; color: #fff\">%</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >容量渗透率 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"orange\"\r\n :text=\"CompanyInfo.rlst\"\r\n >{{ CompanyInfo.rlst }}\r\n <span style=\"font-size: 18px; color: #fff\">%</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >能量渗透率 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.nlst\"\r\n >{{ CompanyInfo.nlst }}\r\n <span style=\"font-size: 18px; color: #fff\">%</span>\r\n </span>\r\n </div>\r\n </div>\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\" @click=\"routerTo('配网工程全过程物资审计')\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>配网工程全过程物资审计</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content3\" style=\"display: inline\">\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n <span style=\"font-size: 18px\" class=\"num1\">项目数 </span>\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.xms\"\r\n >{{ CompanyInfo.xms }}\r\n <span style=\"font-size: 18px; color: #fff\">万</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\">预算费用总和</span>\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"orange\"\r\n :text=\"CompanyInfo.ysfyzh\"\r\n >{{ CompanyInfo.ysfyzh }}\r\n <span style=\"font-size: 18px; color: #fff\">%</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\">计划数</span>\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.jhs\"\r\n >{{ CompanyInfo.jhs }}\r\n </span>\r\n </div>\r\n </div>\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\" @click=\"routerTo('盐城东台区供电所数字化分析')\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>盐城东台区供电所数字化分析</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content3\">\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >升档配变数量 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.sdpbsl\"\r\n >{{ CompanyInfo.sdpbsl }}</span\r\n >\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\">降档配比数量</span>\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"orange\"\r\n :text=\"CompanyInfo.jdpbsl\"\r\n >{{ CompanyInfo.jdpbsl }}</span\r\n >\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >负荷关注配变数量 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.fhgzpb\"\r\n >{{ CompanyInfo.fhgzpb }}</span\r\n >\r\n </div>\r\n </div>\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\" @click=\"routerTo('盐城供电公司配网电能质量管控')\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>盐城供电公司配网电能质量管控</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content3\">\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >月供电可靠性 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.ygdkkx\"\r\n >{{ CompanyInfo.ygdkkx }}\r\n <span style=\"font-size: 18px; color: #fff\">%</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >平均停电频次 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"orange\"\r\n :text=\"CompanyInfo.pjtdpc\"\r\n >{{ CompanyInfo.pjtdpc }}\r\n <span style=\"font-size: 18px; color: #fff\">次/户</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >平均停电时间 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.pjtdsj\"\r\n >{{ CompanyInfo.pjtdsj }}\r\n <span style=\"font-size: 18px; color: #fff\">小时</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div id=\"detailedOne\"></div>\r\n </div>\r\n </div>\r\n <div class=\"middle\" id=\"middle\">\r\n <div class=\"map\" style=\"height: 100%\">\r\n <canvas\r\n id=\"myCanvas\"\r\n width=\"1000\"\r\n height=\"600\"\r\n style=\"position: absolute\"\r\n ></canvas>\r\n <img src=\"../assets/indexN/left.png\" class=\"leftimg\" alt=\"\" />\r\n <img src=\"../assets/indexN/right.png\" class=\"rightimg\" alt=\"\" />\r\n <img class=\"allimg\" src=\"../assets/indexN/dfsxz.png\" alt=\"\" />\r\n <div class=\"imgboxtwo1\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\" style=\"color: #fff; font-size: 26px\">\r\n 大丰区\r\n </div>\r\n </div>\r\n <div class=\"content2\">\r\n <div class=\"line1\">\r\n 用电量 (kwh) \r\n <span style=\"color: yellow; font-size: 28px\">2.685亿</span>\r\n </div>\r\n <div class=\"line1\">\r\n 碳排放量 (kg) \r\n <span style=\"color: orange; font-size: 28px\">7.303万</span>\r\n </div>\r\n <div class=\"line1\">\r\n 企业数量 \r\n <span style=\"color: yellow; font-size: 28px\">713</span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"imgboxone\">\r\n <div class=\"contents\">\r\n <div class=\"lines\" style=\"width: 55%\">\r\n <img src=\"../assets/indexN/tb1.png\" style=\"margin-top: 15%\" />\r\n <h4 style=\"color: #fff; margin-top: 10%\">数据目录</h4>\r\n </div>\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span>发布数量</span>\r\n <span class=\"yellow\">\r\n 100 <span style=\"color: #fff\">%</span>\r\n </span>\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <span>负面清单</span>\r\n <span class=\"orange\">\r\n 7244<span style=\"color: #fff\">个</span>\r\n </span>\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <span>涉及系统</span>\r\n <span class=\"yellow\">\r\n 251 <span style=\"color: #fff\">个</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"lines\" style=\"width: 55%\">\r\n <img src=\"../assets/indexN/tb2.png\" style=\"margin-top: 15%\" />\r\n <h4 style=\"color: #fff; margin-top: 10%\">数据资源</h4>\r\n </div>\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <div style=\"display: inline-block\">\r\n <span>接入数量</span>\r\n </div>\r\n <span class=\"yellow\"\r\n > 1.6 <span style=\"color: #fff\">万个</span></span\r\n >\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <div style=\"display: inline-block\">\r\n <span>涉及系统</span>\r\n </div>\r\n <span class=\"orange\"\r\n > 123 <span style=\"color: #fff\">个</span></span\r\n >\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <div style=\"display: inline-block\">\r\n <span>数据资源卡片</span>\r\n </div>\r\n <span class=\"yellow\"\r\n >31<span style=\"color: #fff\">个</span></span\r\n >\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"lines\" style=\"width: 55%\">\r\n <img src=\"../assets/indexN/tb3.png\" style=\"margin-top: 15%\" />\r\n <h4 style=\"color: #fff; margin-top: 10%\">数据服务</h4>\r\n </div>\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <div style=\"display: inline-block\">\r\n <span>服务数量</span>\r\n </div>\r\n <span class=\"yellow\">\r\n 1084<span style=\"color: #fff\">个</span>\r\n </span>\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <div style=\"display: inline-block\">\r\n <span>接入数量</span>\r\n </div>\r\n <span class=\"orange\">\r\n 8833<span style=\"color: #fff\">个</span>\r\n </span>\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <div style=\"display: inline-block\">\r\n <span>访问次数</span>\r\n </div>\r\n <span class=\"yellow\">\r\n 5.3 <span style=\"color: #fff\">亿个</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"lines\" style=\"width: 55%\">\r\n <img src=\"../assets/indexN/tb4.png\" style=\"margin-top: 15%\" />\r\n <h4 style=\"color: #fff; margin-top: 10%\">数据产品</h4>\r\n </div>\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <div style=\"display: inline-block\">\r\n <span>报表数量</span>\r\n </div>\r\n <span class=\"yellow\"\r\n > 19 <span style=\"color: #fff\">个</span></span\r\n >\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <div style=\"display: inline-block\">\r\n <span>服务访问次数</span>\r\n </div>\r\n <span class=\"orange\"\r\n > 0 <span style=\"color: #fff\">次</span></span\r\n >\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <div style=\"display: inline-block\">\r\n <span>指标数量</span>\r\n </div>\r\n <span class=\"yellow\"\r\n > 477 <span style=\"color: #fff\">个</span></span\r\n >\r\n </div>\r\n </div>\r\n </div>\r\n </div>\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\" @click=\"routerTo('乡村振兴电力综合指数')\">\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\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>乡村振兴电力综合指数</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n <!-- <div 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=\"content3\">\r\n <div class=\"contentUl\">\r\n <div class=\"top1\">\r\n <!-- <img src=\"../assets/indexN/xctb2.png\" /> -->\r\n <div class=\"texts\">94.46</div>\r\n <h4>产业兴旺</h4>\r\n </div>\r\n <div class=\"top2\">\r\n <!-- <img src=\"../assets/indexN/xctb2.png\" /> -->\r\n <div class=\"texts\">63.95</div>\r\n <h4>生活宜居</h4>\r\n </div>\r\n <div class=\"top3\">\r\n <div class=\"texts\">74.15</div>\r\n <h4>生活富裕</h4>\r\n </div>\r\n <div class=\"top4\">\r\n <div class=\"texts\">56.23</div>\r\n <h4>治理有效</h4>\r\n </div>\r\n <div class=\"top5\">\r\n <div class=\"texts\">86.82</div>\r\n <h4>乡风文明</h4>\r\n </div>\r\n <div class=\"top\">\r\n <img src=\"../assets/indexN/xctb1.png\" />\r\n <div class=\"texts\" style=\"color: yellow\">77.17</div>\r\n </div>\r\n <!-- <div class=\"top\">\r\n <img src=\"../assets/05/sjfx.png\" />\r\n <div class=\"texts\" style=\"color: yellow\">\r\n 0\r\n <span style=\"font-size: 15px; color: #fff\">个</span>\r\n </div>\r\n <h4>自然村</h4>\r\n </div> -->\r\n </div>\r\n </div>\r\n <div class=\"enselect\">\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n <span class=\"text\">乡镇</span>\r\n </div>\r\n <div id=\"detailedFive\"></div>\r\n </div>\r\n\r\n <div class=\"three\" style=\"height: 48%; width: 100%\">\r\n <div class=\"cartitle\" @click=\"routerTo('两高行业企业污染监测')\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>两高行业企业污染监测</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <!-- <div class=\"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=\"content3\" style=\"display: inline\">\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >2022年度总碳排放量</span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n :text=\"CompanyInfo.ztpf\"\r\n id=\"yellow\"\r\n >{{ CompanyInfo.ztpf }}\r\n <span style=\"font-size: 18px; color: #fff\">吨碳</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >2022年度总用电量</span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"orange\"\r\n :text=\"CompanyInfo.zydl\"\r\n >{{ CompanyInfo.zydl }}\r\n <span style=\"font-size: 18px; color: #fff\">kwh</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >2022年度客户总数</span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.khzs\"\r\n >{{ CompanyInfo.khzs }}\r\n <span style=\"font-size: 18px; color: #fff\">人</span>\r\n </span>\r\n </div>\r\n </div>\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\" @click=\"routerTo('农村生活污水治理设备电量分析')\">\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\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>农村生活污水治理设备电量分析</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n <!-- <div 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\r\n <div class=\"content3\">\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >年度总用电量 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.xczydl\"\r\n >{{ CompanyInfo.xczydl }}\r\n <span style=\"font-size: 18px; color: #fff\">万kwh</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >最大设备规模 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"orange\"\r\n :text=\"CompanyInfo.zdsbgm\"\r\n >{{ CompanyInfo.zdsbgm }}\r\n <span style=\"font-size: 18px; color: #fff\">吨/日</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >最小设备规模 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.zxsbgm\"\r\n >{{ CompanyInfo.zxsbgm }}\r\n <span style=\"font-size: 18px; color: #fff\">吨/日</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div id=\"detailen\"></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\r\n class=\"cartitle\"\r\n @click=\"routerTo('数字化排涝抗旱辅助及检修辅助决策')\"\r\n >\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>数字化排涝抗旱辅助及检修辅助决策</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content3\">\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >辖区管理供电所 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.glgds\"\r\n >{{ CompanyInfo.glgds }}\r\n <span style=\"font-size: 18px; color: #fff\">个</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >辖区管理台区 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"orange\"\r\n :text=\"CompanyInfo.gltq\"\r\n >{{ CompanyInfo.gltq }}\r\n <span style=\"font-size: 18px; color: #fff\">个</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >自然村 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.zrc\"\r\n >{{ CompanyInfo.zrc }}\r\n <span style=\"font-size: 18px; color: #fff\">条</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div id=\"shuzihua\"></div>\r\n </div>\r\n </div>\r\n <div class=\"realTimeAlarm\" v-show=\"realTimeAlarmShow\">\r\n <div class=\"content3\">\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\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=\"content3\">\r\n <div class=\"table user_skills\">\r\n <el-table\r\n :data=\"alarmInformationData\"\r\n style=\"width: 100%; height: 100%\"\r\n :header-cell-style=\"{ 'text-align': 'center' }\"\r\n :cell-style=\"{ 'text-align': 'center' }\"\r\n :row-class-name=\"rowClass\"\r\n >\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\r\n prop=\"cabinet_name\"\r\n label=\"告警位置\"\r\n align=\"center\"\r\n >\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\r\n @current-change=\"handleCurrentChange\"\r\n :current-page=\"page\"\r\n :page-size=\"pageSize\"\r\n layout=\"prev, pager, next\"\r\n :total=\"totals\"\r\n v-if=\"pageShow\"\r\n >\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\r\n class=\"componentShow\"\r\n style=\"display: block; height: calc(100% - 100px); top: 100px\"\r\n v-if=\"lineItem != null\"\r\n >\r\n <component :is=\"lineShow\" :lineItem=\"lineItem\"></component>\r\n </div>\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\nimport {\r\n getCompanyInfo,\r\n getLine,\r\n getBanzugz,\r\n getGdtj,\r\n getDwbzgz,\r\n getGdsgdzl,\r\n getPbtyqk,\r\n getCabinetInfo,\r\n getCabinetList,\r\n getfaultReportList,\r\n getCabinetAlarmList,\r\n} from \"../api/index.js\";\r\n//引入echarts\r\nimport * as echarts from \"echarts\";\r\n// 工单统计弹窗组件\r\nimport workOrder from \"../component/workOrder.vue\";\r\nimport ringMainUnit from \"./HomePop/ringMainUnit.vue\";\r\nimport routeDetail from \"../component/routeDetail.vue\";\r\n\r\n// 线路详情\r\nimport lineDetail from \"../component/lineDetail.vue\";\r\nexport default {\r\n name: \"home\",\r\n components: {\r\n ringMainUnit, //环网柜弹窗\r\n workOrder, //工单统计弹窗\r\n routeDetail, //线路故障跳闸明细\r\n lineDetail, //线路详情弹窗\r\n },\r\n data() {\r\n return {\r\n pageShow: true,\r\n totals: 5,\r\n pageSize: 10,\r\n page: 1,\r\n threeImg: require(\"../assets/images/pieBorder.png\"),\r\n\r\n enlargeShow: true,\r\n dataGzList: [\r\n {\r\n bz: \"大冈\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"配网二班\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"配网一班\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"尚庄\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"秦南\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"郭猛\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"大纵湖\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"潘黄\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"学富\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"龙冈\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"西区\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n {\r\n bz: \"楼王\",\r\n chbc: 0,\r\n chcg: 0,\r\n jd: 0,\r\n total: 0,\r\n wchz: 0,\r\n },\r\n ], //年故障数组\r\n dateList: [\"周\", \"月\"],\r\n acolor: true, //是否展示颜色\r\n currentIndex: -1,\r\n alarmInformationData: [],\r\n alarmInformationShow: false, //报警详情信息弹窗\r\n realTimeAlarmShow: false, //实时报警弹窗\r\n modelOthers: false,\r\n componentShow: \"\",\r\n CompanyInfo: {\r\n hsgst: \"3.4\",\r\n rlst: \"0.01\",\r\n nlst: \"0.44\",\r\n xms: \"9.279\",\r\n ysfyzh: \"118.5\",\r\n jhs: \"44\",\r\n sdpbsl: \"12\",\r\n jdpbsl: \"7\",\r\n fhgzpb: \"87\",\r\n ygdkkx: \"99.95\",\r\n pjtdpc: \"0.39\",\r\n pjtdsj: \"0.37\",\r\n ztpf: \"108.3万\",\r\n zydl: \"39.83亿\",\r\n khzs: \"4968\",\r\n xczydl: \"723.6\",\r\n zdsbgm: \"1250\",\r\n zxsbgm: \"3673\",\r\n glgds: \"10\",\r\n gltq: \"13884\",\r\n zrc: \"306\",\r\n },\r\n tableData: [],\r\n btnArr: [\"总览\", \"环网柜\", \"分支箱\", \"箱变\", \"开闭所\"],\r\n btnActive: 0,\r\n iconGround: [\r\n {\r\n icon: require(\"@/assets/images/huanwanggui.png\"),\r\n name: \"环网柜\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/fenzhixiang.png\"),\r\n name: \"分支箱\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/xiangbian.png\"),\r\n name: \"箱变\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/kaibisuo.png\"),\r\n name: \"开闭所\",\r\n },\r\n ],\r\n btnEnlarge: [\r\n {\r\n icon: require(\"@/assets/images/btnTiShi.png\"),\r\n },\r\n {\r\n icon: require(\"@/assets/images/btnFangDa.png\"),\r\n },\r\n ],\r\n btnEnlarge1: [\r\n {\r\n icon: require(\"@/assets/images/btnTiShi.png\"),\r\n },\r\n {\r\n icon: require(\"@/assets/images/suoxiao.png\"),\r\n },\r\n ],\r\n options: [\r\n {\r\n value: \"\",\r\n label: \"\",\r\n },\r\n ],\r\n value: \"\",\r\n topContent: [\r\n {\r\n name: \"配变数量\",\r\n count: \"\",\r\n },\r\n {\r\n name: \"重复停运台次\",\r\n count: \"\",\r\n },\r\n {\r\n name: \"配变重复停运率\",\r\n count: \"\",\r\n },\r\n ],\r\n device: \"\",\r\n tableData: [],\r\n tableKey: +new Date(),\r\n scrollTop: 0, //table距离顶部距离\r\n option: null,\r\n myChartBin: null,\r\n\r\n gongdanList: [\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"频繁停电\",\r\n total: 0,\r\n },\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"处理时间长\",\r\n total: 0,\r\n },\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"运检类投诉\",\r\n total: 0,\r\n },\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"运检类意见\",\r\n total: 0,\r\n },\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"民事赔偿\",\r\n total: 0,\r\n },\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"多次停电\",\r\n total: 0,\r\n },\r\n ],\r\n\r\n // 工单\r\n orderItem: null,\r\n\r\n orderShow: \"\",\r\n // 线路故障明细\r\n routeItem: null,\r\n routeShow: \"\",\r\n\r\n // 配电线路\r\n lineItem: null,\r\n lineShow: \"\",\r\n timer: null, //定时器\r\n emergencyList: [], //告警数据\r\n rowTime: \"\",\r\n };\r\n },\r\n created() {},\r\n mounted() {\r\n // this.beginShowing();\r\n // 监听浏览器窗口大小变化\r\n window.onresize = () => {\r\n clearInterval(this.myTimer);\r\n this.beginShowing();\r\n };\r\n this.xianDuan();\r\n this.detailedTwo11();\r\n this.horizontalChart();\r\n this.detailedOne();\r\n this.barCharts();\r\n this.detailedFive();\r\n this.shuzihuaCharts();\r\n this.roseCharts();\r\n this.detailen1();\r\n this.handleDate(0);\r\n\r\n let that = this;\r\n\r\n //历史故障接口\r\n let faultData = {\r\n token: localStorage.getItem(\"token\"),\r\n pageSize: \"500\",\r\n page: \"1\",\r\n };\r\n },\r\n // beforeDestroy() {\r\n // this.dataDestroy(); // 页面摧毁前，关闭定时器\r\n // },\r\n beforeDestroy() {\r\n // 离开当前路由前的操作\r\n clearInterval(this.timer);\r\n this.timer = null;\r\n },\r\n methods: {\r\n //地图画线\r\n xianDuan() {\r\n var canvas = document.getElementById(\"myCanvas\");\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.moveTo(650, 450); // moveTo(x,y) 定义线条开始坐标\r\n ctx.lineTo(735, 250); // lineTo(x,y) 定义线条结束坐标\r\n ctx.strokeStyle = \"orange\";\r\n ctx.lineWidth = 3;\r\n ctx.stroke();\r\n },\r\n routerTo(data) {\r\n if (data == \"盐城地区分布光伏运行监测\") {\r\n this.$router.push(\"/stationBuilding\");\r\n }\r\n if (data == \"盐城东台区供电所数字化分析\") {\r\n this.$router.push(\"/twentyKV\");\r\n }\r\n if (data == \"配网工程全过程物资审计\") {\r\n this.$router.push(\"/thirtyFiveKV\");\r\n }\r\n if (data == \"盐城供电公司配网电能质量管控\") {\r\n this.$router.push(\"/powerQualityControl\");\r\n }\r\n if (data == \"乡村振兴电力综合指数\") {\r\n this.$router.push(\"/ruralRevitalizationPower\");\r\n }\r\n if (data == \"两高行业企业污染监测\") {\r\n this.$router.push(\"/enterprisePollutionMonitoring\");\r\n }\r\n if (data == \"农村生活污水治理设备电量分析\") {\r\n this.$router.push(\"/ruralDomesticSewageTreatment\");\r\n }\r\n if (data == \"数字化排涝抗旱辅助及检修辅助决策\") {\r\n this.$router.push(\"/digitalFloodDrainageDroughtRelief\");\r\n }\r\n },\r\n detailen1() {\r\n var fontColor = \"#30eee9\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailen\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n },\r\n grid: {\r\n left: \"0%\", //图表距离容器左侧多少距离\r\n right: \"10%\", //图表距离容器右侧侧多少距离\r\n bottom: \"20%\", //图表距离容器上面多少距离\r\n top: \"10%\", //图表距离容器下面多少距离\r\n containLabel: true, //防止标签溢出\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n },\r\n\r\n data: [\"电量KWH\"],\r\n },\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n data: [\r\n \"安丰镇\",\r\n \"草堰镇\",\r\n \"龙岗镇\",\r\n \"新丰镇\",\r\n \"伍佑街道\",\r\n \"步凤镇\",\r\n ],\r\n axisLabel: {\r\n show: true,\r\n textStyle: {\r\n color: \"#ffffff\",\r\n fontSize: 18,\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 fontSize: 18,\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"电量kwh\",\r\n type: \"bar\",\r\n barWidth: 40, // 柱子宽度核心代码，\r\n itemStyle: {\r\n normal: {\r\n color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"rgba(2,255,255,.3)\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"rgb(2,255,255)\",\r\n },\r\n ]),\r\n label: {\r\n show: true, //开启显示\r\n position: \"top\", //在上方显示\r\n formatter: function (params) {\r\n //核心部分 formatter 可以为字符串也可以是回调\r\n if (params.value) {\r\n //如果当前值存在则拼接\r\n return params.value + \"万\";\r\n } else {\r\n //否则返回个空\r\n return \"\";\r\n }\r\n },\r\n textStyle: {\r\n //数值样式\r\n color: \"#00ffff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n data: [320, 332, 301, 334, 390, 288, 299],\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n //班组\r\n getbanzhu() {\r\n getBanzugz({\r\n action: \"detail\",\r\n }).then((res) => {\r\n console.log(res, \"班组故障详情\");\r\n for (let i = 0; i < res.data.data.length; i++) {\r\n if (res.data.data[i].gz_time_deal) {\r\n let date = new Date(res.data.data[i].gz_time_deal);\r\n res.data.data[i].gz_time_deal =\r\n this.$moment(date).format(\"YYYY-MM-DD HH:mm\");\r\n // console.log(res.data.data[i].gz_time_deal,'转换后');\r\n }\r\n if (res.data.data[i].gz_time) {\r\n let time = new Date(res.data.data[i].gz_time);\r\n res.data.data[i].gz_time =\r\n this.$moment(time).format(\"YYYY-MM-DD HH:mm\");\r\n }\r\n this.tableData.push(res.data.data[i]);\r\n }\r\n });\r\n },\r\n //工单\r\n getGongdan() {\r\n getGdtj({ action: \"tongji\" }).then((res) => {\r\n console.log(res, \"工单统计数据\");\r\n let dataList = res.data.data;\r\n\r\n for (let i = 0; i < this.gongdanList.length; i++) {\r\n for (let j = 0; j < res.data.data.length; j++) {\r\n if (\r\n this.gongdanList[i].gd_type_name == res.data.data[j].gd_type_name\r\n ) {\r\n this.gongdanList[i].total = res.data.data[j].total;\r\n this.gongdanList[i].gd_type_id = res.data.data[j].gd_type_id;\r\n }\r\n }\r\n }\r\n // this.gongdanList = res.data.data;\r\n this.detailedThree(dataList);\r\n // this.$nextTick(() => {\r\n // this.detailedThree(dataList);\r\n // setInterval(() => {\r\n // this.doing();\r\n // }, 200);\r\n // });\r\n });\r\n },\r\n // //表格第一行颜色\r\n rowClass(row, rowIndex) {\r\n if (row.rowIndex === 0) {\r\n return \"rowColor0\";\r\n } else {\r\n return \"\";\r\n }\r\n },\r\n //切换当前页\r\n handleCurrentChange(val) {\r\n this.page = val;\r\n let tableData = [];\r\n if (this.emergencyList.length != 0) {\r\n tableData = this.emergencyList;\r\n if (val == 1) {\r\n this.alarmInformationData = tableData.slice(0, 10);\r\n document.getElementsByClassName(\"rowColor0\")[0].style.display = \"\";\r\n } else if (val == 2) {\r\n document.getElementsByClassName(\"rowColor0\")[0].style.display =\r\n \"none\";\r\n this.alarmInformationData = tableData.slice(10, 20);\r\n } else if (val == 3) {\r\n this.alarmInformationData = tableData.slice(20, 30);\r\n document.getElementsByClassName(\"rowColor0\")[0].style.display =\r\n \"none\";\r\n } else if (val == 4) {\r\n this.alarmInformationData = tableData.slice(30, 40);\r\n document.getElementsByClassName(\"rowColor0\")[0].style.display =\r\n \"none\";\r\n } else if (val == 5) {\r\n this.alarmInformationData = tableData.slice(40, 50);\r\n document.getElementsByClassName(\"rowColor0\")[0].style.display =\r\n \"none\";\r\n }\r\n } else {\r\n return false;\r\n }\r\n },\r\n // 线路详情弹窗\r\n openLineDetail(e) {\r\n // console.log(e);\r\n // var line = e + ''\r\n // console.log(line);\r\n getLine({ action: \"pdxl\" }).then(({ data }) => {\r\n console.log(data);\r\n this.lineShow = \"lineDetail\";\r\n this.lineItem = data.data;\r\n });\r\n },\r\n // 线路故障跳闸明细弹窗\r\n rowHandle(e) {\r\n // console.log(e, \"参数\");\r\n this.routeItem = e;\r\n this.routeShow = \"routeDetail\";\r\n // console.log(this.routeItem,'线路组件名称');\r\n },\r\n // 工单统计的弹窗\r\n openGdDetail(item) {\r\n this.orderItem = item;\r\n this.orderShow = \"workOrder\";\r\n },\r\n // 鼠标进入表格\r\n // mouseover() {\r\n // clearInterval(this.myTimer);\r\n // },\r\n // 鼠标离开表格\r\n mouseout() {\r\n this.roll();\r\n },\r\n //调用unity方法\r\n handleUnity(index, item) {\r\n this.btnActive = index;\r\n this.$refs.iframe.contentWindow.handleChange(item);\r\n },\r\n //选择线路\r\n selectLine(value) {\r\n getLine({\r\n action: \"query\",\r\n line_code: value,\r\n }).then((res) => {\r\n // console.log(res,'选择线路');\r\n if (res.data.data != 0 && res.data.data != null) {\r\n this.$refs.iframe.contentWindow.handleChangeLine(\r\n res.data.data.line_name\r\n );\r\n } else if (res.data.data == null) {\r\n this.$refs.iframe.contentWindow.handleChangeLine(\"\");\r\n }\r\n });\r\n },\r\n detailedOne() {\r\n let myChart = this.$echarts.init(document.getElementById(\"detailedOne\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n },\r\n\r\n data: [\"配变停电\"],\r\n },\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n data: [\r\n \"亭湖区\",\r\n \"东台市\",\r\n \"建湖县\",\r\n \"阜宁县\",\r\n \"响水县\",\r\n \"滨海县\",\r\n \"射阳县\",\r\n \"大丰区\",\r\n ],\r\n axisLabel: {\r\n show: true,\r\n textStyle: {\r\n color: \"#ffffff\",\r\n fontSize: 16,\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 fontSize: 16,\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"配变停电\",\r\n type: \"bar\",\r\n barWidth: 40, // 柱子宽度核心代码，\r\n itemStyle: {\r\n normal: {\r\n color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"rgba(2,255,255,.3)\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"rgb(2,255,255)\",\r\n },\r\n ]),\r\n label: {\r\n show: true, //开启显示\r\n position: \"top\", //在上方显示\r\n textStyle: {\r\n //数值样式\r\n color: \"#00ffff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n data: [5109, 5520, 5354, 5511, 4789, 5254, 5411, 4889],\r\n },\r\n ],\r\n };\r\n\r\n myChart.setOption(option);\r\n\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n shuzihuaCharts() {\r\n let myChart = this.$echarts.init(document.getElementById(\"shuzihua\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"cross\",\r\n crossStyle: {\r\n color: \"#999\",\r\n },\r\n },\r\n },\r\n grid: {\r\n left: \"5%\", //图表距离容器左侧多少距离\r\n right: \"8%\", //图表距离容器右侧侧多少距离\r\n bottom: \"20%\", //图表距离容器上面多少距离\r\n top: \"15%\", //图表距离容器下面多少距离\r\n containLabel: true, //防止标签溢出\r\n },\r\n legend: [\r\n {\r\n x: \"center\",\r\n data: [\r\n \"投运15年以上设备数量\",\r\n \"统计时间所辖线路设备数量\",\r\n \"设备老化占比\",\r\n ],\r\n textStyle: {\r\n fontSize: 18,\r\n color: \"#fff\",\r\n },\r\n },\r\n ],\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n data: [\r\n \"10kv星雨线163\",\r\n \"10kv智谋线183\",\r\n \"10kv朝阳线164\",\r\n \"10kv杨庄线181\",\r\n \"10kv森达线174\",\r\n ],\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n axisLabel: {\r\n rotate: -15, //60度角倾斜显示\r\n interval: 0, //横轴信息全部显示\r\n color: \"#fff\",\r\n fontSize: 20,\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n min: 0,\r\n max: 160,\r\n interval: 40,\r\n axisLabel: {\r\n textStyle: {\r\n fontSize: \"18\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n {\r\n type: \"value\",\r\n min: 0,\r\n max: 80,\r\n interval: 20,\r\n axisLabel: {\r\n formatter: \"{value}%\",\r\n textStyle: {\r\n fontSize: \"18\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"投运15年以上设备数量\",\r\n type: \"bar\",\r\n tooltip: {\r\n valueFormatter: function (value) {\r\n return value;\r\n },\r\n },\r\n itemStyle: {\r\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n { offset: 1, color: \"rgba(240,230,140,.2) \" },\r\n { offset: 0.5, color: \"rgb(240,230,140,.6)\" },\r\n { offset: 0, color: \"rgb(240,230,140)\" },\r\n ]),\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n data: [55, 66, 89, 113, 123],\r\n },\r\n {\r\n name: \"统计时间所辖线路设备数量\",\r\n type: \"bar\",\r\n tooltip: {\r\n valueFormatter: function (value) {\r\n return value;\r\n },\r\n },\r\n itemStyle: {\r\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n { offset: 1, color: \"rgba(65,105,225,.2) \" },\r\n { offset: 0.5, color: \"rgb(65,105,225,.6)\" },\r\n { offset: 0, color: \"rgb(65,105,225)\" },\r\n ]),\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n data: [46, 56, 99, 103, 123],\r\n },\r\n {\r\n name: \"设备老化占比\",\r\n type: \"line\",\r\n yAxisIndex: 1,\r\n tooltip: {\r\n valueFormatter: function (value) {\r\n return value;\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: \"#0080ff\",\r\n lineStyle: {\r\n color: \"#0080ff\",\r\n },\r\n },\r\n },\r\n data: [20, 40, 60, 80, 67],\r\n },\r\n ],\r\n };\r\n\r\n myChart.setOption(option);\r\n\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedTwo() {\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo1\"));\r\n var option = {\r\n xAxis: {\r\n type: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: fontColor,\r\n },\r\n axisLine: {\r\n show: true,\r\n lineStyle: {\r\n color: \"#397cbc\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#195384\",\r\n },\r\n },\r\n data: [\r\n \"0:00\",\r\n \"3:00\",\r\n \"6:00\",\r\n \"9:00\",\r\n \"12:00\",\r\n \"15:00\",\r\n \"18:00\",\r\n \"21:00\",\r\n \"24:00\",\r\n ],\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"单位：kw\",\r\n min: 0,\r\n max: 1000,\r\n show: true,\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n axisLabel: {\r\n formatter: \"{value}\",\r\n textStyle: {\r\n color: \"#2ad1d2\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#27b4c2\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n data: [720, 632, 801, 734, 470, 670, 720, 123, 567],\r\n type: \"line\",\r\n symbol: \"none\",\r\n lineStyle: {\r\n color: \"#00ffff\",\r\n width: 2,\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: \"00ffff\",\r\n lineStyle: {\r\n color: \"00ffff\",\r\n width: 3,\r\n type: \"solid\",\r\n },\r\n },\r\n },\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedTwo11() {\r\n var fontColor = \"#30eee9\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo1\"));\r\n var option = {\r\n xAxis: {\r\n type: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: fontColor,\r\n },\r\n axisLine: {\r\n show: true,\r\n lineStyle: {\r\n color: \"#397cbc\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#195384\",\r\n },\r\n },\r\n data: [\r\n \"0:00\",\r\n \"3:00\",\r\n \"6:00\",\r\n \"9:00\",\r\n \"12:00\",\r\n \"15:00\",\r\n \"18:00\",\r\n \"21:00\",\r\n \"24:00\",\r\n ],\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"单位：kw\",\r\n min: 0,\r\n max: 1000,\r\n show: true,\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n axisLabel: {\r\n formatter: \"{value}\",\r\n textStyle: {\r\n color: \"#2ad1d2\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#27b4c2\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n data: [720, 632, 801, 734, 470, 670, 720, 123, 567],\r\n type: \"line\",\r\n symbol: \"none\",\r\n lineStyle: {\r\n color: \"#00ffff\",\r\n width: 2,\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: \"00ffff\",\r\n lineStyle: {\r\n color: \"00ffff\",\r\n width: 3,\r\n type: \"solid\",\r\n },\r\n },\r\n },\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n horizontalChart() {\r\n var myChart = this.$echarts.init(\r\n document.getElementById(\"horizontalChart\")\r\n );\r\n var honorData = [\r\n {\r\n name: \"60天内掉电客户数\",\r\n data: [13.4, 12.1, 14.3],\r\n },\r\n {\r\n name: \"60天内掉电总数\",\r\n data: [9.4, 8.1, 7.3],\r\n },\r\n ];\r\n var honorXAxisData = [\"No.3\", \"No.2\", \"No.1\"];\r\n var nameList = [\r\n \"PMS_晨光满园9台区\",\r\n \"滨河华苑3台区\",\r\n \"PMS_晨光满园11台区\",\r\n ];\r\n var option = {\r\n color: [\"#0F9AF8\", \"#2039C3\", \"rgba(32,57,195,.5)\", \"#2ECACE\"],\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"none\",\r\n },\r\n },\r\n legend: {\r\n right: 20,\r\n top: \"5%\",\r\n itemWidth: 10,\r\n itemHeight: 10,\r\n itemGap: 15,\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n grid: {\r\n top: \"15%\",\r\n left: \"14%\",\r\n right: \"0%\",\r\n bottom: \"0%\",\r\n },\r\n xAxis: [\r\n {\r\n type: \"value\",\r\n show: false,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: \"#6B9DD7\",\r\n fontSize: 16, // 文字大小\r\n fontWeight: 400,\r\n interval: 0,\r\n formatter: function (value) {\r\n return value + \"(万元)\";\r\n },\r\n },\r\n splitLine: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"category\",\r\n offset: 17,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: \"#00FFFF\",\r\n fontSize: 20, // 文字大小\r\n fontWeight: 700,\r\n interval: 0,\r\n },\r\n\r\n data: honorXAxisData,\r\n },\r\n {\r\n //名称\r\n type: \"category\",\r\n offset: -10,\r\n position: \"left\",\r\n axisLine: {\r\n show: false,\r\n },\r\n inverse: true,\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n color: \"#fff\",\r\n align: \"left\",\r\n verticalAlign: \"bottom\",\r\n lineHeight: 40,\r\n fontSize: 20,\r\n },\r\n data: nameList,\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"60天内掉电客户数\",\r\n type: \"bar\",\r\n stack: \"zongliang\",\r\n barWidth: \"25%\",\r\n barGap: 15, // 柱图之间的间距\r\n itemStyle: {\r\n //自定义颜色\r\n // normal: { color: \"orange\" },\r\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"rgba(255,165,0,.4)\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"rgb(255,165,0)\",\r\n },\r\n ]),\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: [\"80%\", \"-100%\"],\r\n formatter: function (params) {\r\n return params.value;\r\n },\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n\r\n data: honorData[0].data,\r\n },\r\n {\r\n name: \"60天内掉电总数\",\r\n type: \"bar\",\r\n stack: \"zongliang\",\r\n barWidth: \"25%\",\r\n itemStyle: {\r\n //自定义颜色\r\n // normal: { color: \"orange\" },\r\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"#005BEA\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"#00C6FB\",\r\n },\r\n ]),\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: [\"80%\", \"-100%\"],\r\n formatter: function (params) {\r\n return params.value;\r\n },\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n data: honorData[1].data,\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n 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 {\r\n type: \"pie\",\r\n radius: [\"80\", \"120\"],\r\n center: [\"50%\", \"50%\"],\r\n color: [\"#80C269\", \"#00FFFF\", \"#0090F1\", \"#FFA800\", \"#4658F6\"],\r\n itemStyle: {\r\n normal: {\r\n borderWidth: 5,\r\n borderColor: \"#031845\",\r\n },\r\n },\r\n data: [\r\n {\r\n value: 27,\r\n name: \"国网大丰市供电公司\",\r\n },\r\n {\r\n value: 30,\r\n name: \"国网射阳县供电公司\",\r\n },\r\n {\r\n value: 24,\r\n name: \"开发区供电服务中心\",\r\n },\r\n {\r\n value: 27,\r\n name: \"盐城运维检修部\",\r\n },\r\n {\r\n value: 27,\r\n name: \"设备管理部\",\r\n },\r\n {\r\n value: 27,\r\n name: \"国网响水县供电公司\",\r\n },\r\n ],\r\n labelLine: {\r\n normal: {\r\n show: true,\r\n length: 20,\r\n length2: 10,\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: 20,\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: 20,\r\n align: \"center\",\r\n padding: 4,\r\n color: \"#fff\",\r\n },\r\n },\r\n },\r\n },\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n roseCharts() {\r\n var myChart = this.$echarts.init(document.getElementById(\"roseCharts\"));\r\n var option = {\r\n color: [\r\n \"#EAEA26\",\r\n \"#906BF9\",\r\n \"#FE5656\",\r\n \"#01E17E\",\r\n \"#3DD1F9\",\r\n \"#FFAD05\",\r\n ],\r\n 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\r\n polar: {},\r\n angleAxis: {\r\n interval: 1,\r\n type: \"category\",\r\n data: [],\r\n z: 10,\r\n axisLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#0B4A6B\",\r\n width: 1,\r\n type: \"solid\",\r\n },\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n show: true,\r\n color: \"#0B4A6B\",\r\n margin: 8,\r\n fontSize: 16,\r\n },\r\n },\r\n radiusAxis: {\r\n min: 40,\r\n max: 120,\r\n interval: 20,\r\n axisLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#0B3E5E\",\r\n width: 1,\r\n type: \"solid\",\r\n },\r\n },\r\n axisLabel: {\r\n formatter: \"{value} %\",\r\n show: false,\r\n padding: [0, 0, 20, 0],\r\n color: \"#0B3E5E\",\r\n fontSize: 16,\r\n },\r\n splitLine: {\r\n lineStyle: {\r\n color: \"#0B3E5E\",\r\n width: 2,\r\n type: \"solid\",\r\n },\r\n },\r\n },\r\n calculable: true,\r\n series: [\r\n {\r\n type: \"pie\",\r\n radius: [\"5%\", \"10%\"],\r\n hoverAnimation: false,\r\n labelLine: {\r\n normal: {\r\n show: false,\r\n length: 30,\r\n length2: 55,\r\n },\r\n emphasis: {\r\n show: false,\r\n },\r\n },\r\n data: [\r\n {\r\n name: \"\",\r\n value: 0,\r\n itemStyle: {\r\n normal: {\r\n color: \"#0B4A6B\",\r\n },\r\n },\r\n },\r\n ],\r\n },\r\n {\r\n type: \"pie\",\r\n radius: [\"90%\", \"95%\"],\r\n hoverAnimation: false,\r\n labelLine: {\r\n normal: {\r\n show: false,\r\n length: 30,\r\n length2: 55,\r\n },\r\n emphasis: {\r\n show: false,\r\n },\r\n },\r\n name: \"\",\r\n data: [\r\n {\r\n name: \"\",\r\n value: 0,\r\n itemStyle: {\r\n normal: {\r\n color: \"#0B4A6B\",\r\n },\r\n },\r\n },\r\n ],\r\n },\r\n {\r\n stack: \"a\",\r\n type: \"pie\",\r\n radius: [\"20%\", \"80%\"],\r\n roseType: \"area\",\r\n zlevel: 10,\r\n label: {\r\n normal: {\r\n show: true,\r\n formatter: \"{b} {d} %\",\r\n textStyle: {\r\n fontSize: 20,\r\n color: \"#fff\",\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: 35,\r\n borderWidth: 4,\r\n },\r\n emphasis: {\r\n show: false,\r\n },\r\n },\r\n data: [\r\n {\r\n value: 15,\r\n name: \"东台市\",\r\n },\r\n {\r\n value: 7,\r\n name: \"阜宁县\",\r\n },\r\n {\r\n value: 14,\r\n name: \"盐都区\",\r\n },\r\n {\r\n value: 23,\r\n name: \"滨海县\",\r\n },\r\n {\r\n value: 18,\r\n name: \"建湖县\",\r\n },\r\n {\r\n value: 35,\r\n name: \"射阳县\",\r\n },\r\n {\r\n value: 31,\r\n name: \"大丰区\",\r\n },\r\n {\r\n value: 28,\r\n name: \"响水县\",\r\n },\r\n {\r\n value: 36,\r\n name: \"亭湖区\",\r\n },\r\n ],\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedThree(dataList) {\r\n // console.log(this.threeImg,'图片');\r\n // var equipment = [dataList.yjlts, dataList.yjlyj];\r\n var that = this;\r\n // console.log(that,'指向');\r\n var colorList = [\r\n \"#0090ff\",\r\n \"#06d3c4\",\r\n \"#66b0ed\",\r\n \"#7cb79d\",\r\n \"#2361b4\",\r\n \"rgb(198,123,244)\",\r\n ];\r\n var colorList1 = [\"rgb(198,123,244)\", \"#2361b4\"];\r\n // 饼图数据\r\n var threeList = dataList.map((ele) => {\r\n return { name: ele.gd_type_name, value: ele.total };\r\n });\r\n // console.log(threeList, \"饼图数据\");\r\n // var legendData = dataList.concat(\r\n // {\r\n // value: equipment[0],\r\n // name: \"运检类投诉\",\r\n // },\r\n // {\r\n // value: equipment[1],\r\n // name: \"运检类意见\",\r\n // }\r\n // );\r\n this.myChartBin = this.$echarts.init(\r\n document.getElementById(\"detailedThree\")\r\n );\r\n // var graphicList = [];\r\n // legendData.forEach((ele, index) => {\r\n // if (index <= 2) {\r\n // graphicList.push({\r\n // type: \"image\",\r\n // style: {\r\n // image: this.threeImg,\r\n // width: 164,\r\n // height: 41,\r\n // x: 250,\r\n // y: 55 * (index + 1),\r\n // },\r\n // });\r\n // } else {\r\n // graphicList.push({\r\n // type: \"image\",\r\n // style: {\r\n // image: this.threeImg,\r\n // width: 164,\r\n // height: 41,\r\n // x: 424,\r\n // y: 55 * (index - 2),\r\n // },\r\n // });\r\n // }\r\n // });\r\n this.option = {\r\n borderColor: \"none\",\r\n\r\n tooltip: {\r\n formatter: function (param) {\r\n if (param.data.type == null) {\r\n return param.data.name + \":\" + param.value + \"个\";\r\n } else {\r\n return param.data.name + \":\" + param.value + \"个\";\r\n }\r\n },\r\n },\r\n\r\n legend: {\r\n icon: \"pin\",\r\n // height: 90,\r\n top: 20,\r\n show: false,\r\n // bottom:0,\r\n // itemGap: 40,\r\n // lineHeight: 80,\r\n // padding: [30, 0, 30, 0],\r\n // right: '20%',\r\n // orient: \"vertical\", //垂直显示\r\n x: \"center\", //延Y轴居中\r\n data: dataList.map((ele) => {\r\n return ele.gd_type_name;\r\n }),\r\n textStyle: {\r\n color: \"#ffffff\",\r\n fontSize: 15,\r\n\r\n // width:20,\r\n // height:60,\r\n },\r\n },\r\n series: [\r\n {\r\n name: \"\",\r\n type: \"pie\",\r\n radius: [0, \"70%\"],\r\n center: [\"50%\", \"50%\"],\r\n startAngle: 60, //默认角度\r\n label: {\r\n position: \"inner\",\r\n show: false,\r\n },\r\n\r\n itemStyle: {\r\n normal: {\r\n borderColor: \"none\",\r\n borderWidth: 2,\r\n fontSize: 16,\r\n color: function (params) {\r\n return colorList[params.dataIndex];\r\n },\r\n },\r\n },\r\n\r\n selectedMode: \"single\",\r\n data: threeList,\r\n },\r\n // {\r\n // name: \"运检类\",\r\n // type: \"pie\",\r\n // radius: [\"70%\", \"80%\"],\r\n // center: [\"20%\", \"50%\"],\r\n // startAngle: 30,\r\n // itemStyle: {\r\n // normal: {\r\n // fontSize: 16,\r\n // color: function (params) {\r\n // return colorList1[params.dataIndex];\r\n // },\r\n // // color:'#F4C907',\r\n // },\r\n // },\r\n // label: {\r\n // normal: {\r\n // formatter: function (params) {\r\n // return params.data.name + \":\" + params.data.type + \"个\";\r\n // },\r\n // color: \"auto\",\r\n // show: false,\r\n // fontSize: 16,\r\n // },\r\n // },\r\n\r\n // data: [\r\n // {\r\n // value: equipment[0],\r\n // name: \"运检类投诉\",\r\n // type: equipment[0],\r\n // },\r\n // {\r\n // value: equipment[1],\r\n // name: \"运检类意见\",\r\n // type: equipment[1],\r\n // },\r\n // ],\r\n // animation: false,\r\n // },\r\n ],\r\n };\r\n this.myChartBin.setOption(this.option);\r\n window.addEventListener(\"resize\", () => {\r\n this.myChartBin.resize();\r\n });\r\n },\r\n doing() {\r\n this.option.series[0].startAngle = this.option.series[0].startAngle - 5;\r\n this.option.series[1].startAngle = this.option.series[1].startAngle - 5;\r\n this.myChartBin.setOption(this.option);\r\n },\r\n detailedFour(dataList) {\r\n let yearBzData = [];\r\n let yearChcg = [];\r\n let yearChbc = [];\r\n let yearWchz = [];\r\n let yearJieDi = [];\r\n let yearFenJi = [];\r\n for (let i = 0; i < dataList.length; i++) {\r\n yearBzData.push(dataList[i].bz);\r\n yearChcg.push(dataList[i].chcg);\r\n yearChbc.push(dataList[i].chbc);\r\n yearWchz.push(dataList[i].wchz);\r\n yearJieDi.push(dataList[i].jd);\r\n yearFenJi.push(dataList[i].fjbh);\r\n }\r\n // console.log(yearJieDi,'接地数据');\r\n let that = this;\r\n let myChart = this.$echarts.init(document.getElementById(\"detailedFour\"));\r\n var option = {\r\n tooltip: {\r\n axisPointer: {\r\n type: \"shadow\",\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 16,\r\n },\r\n },\r\n },\r\n grid: {\r\n borderWidth: 0,\r\n top: 30,\r\n bottom: \"17%\",\r\n left: \"6%\",\r\n right: \"6%\",\r\n textStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n legend: {\r\n icon: \"rect\",\r\n right: \"4%\",\r\n textStyle: {\r\n color: \"#ffffff\",\r\n },\r\n data: [\"重合成功\", \"重合不成\", \"无重合闸\", \"接地\", \"分级保护\"],\r\n },\r\n calculable: true,\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n trigger: \"axis\",\r\n axisLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#fff\",\r\n fontSize: 16,\r\n },\r\n },\r\n splitLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitArea: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n fontSize: 14,\r\n rotate: 30,\r\n },\r\n data: yearBzData,\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n color: \"rgb(83,83,83)\",\r\n fontSize: 16,\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n fontSize: 16,\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n },\r\n splitArea: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"重合成功\",\r\n type: \"bar\",\r\n stack: \"Total1\",\r\n barMaxWidth: 15,\r\n barGap: \"10%\",\r\n label: {\r\n show: true,\r\n formatter: function (params) {\r\n if (params.value == 0) {\r\n return \"\";\r\n } else {\r\n return params.value;\r\n }\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n {\r\n offset: 0,\r\n color: \"rgba(194,190,190,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(194,190,190,0)\",\r\n },\r\n ]),\r\n borderColor: new that.$echarts.graphic.LinearGradient(\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n [\r\n {\r\n offset: 0,\r\n color: \"rgba(194,190,190,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(194,190,190,0)\",\r\n },\r\n ]\r\n ),\r\n },\r\n },\r\n data: yearChcg,\r\n },\r\n {\r\n name: \"重合不成\",\r\n type: \"bar\",\r\n barMaxWidth: 15,\r\n stack: \"Total1\",\r\n label: {\r\n show: true,\r\n formatter: function (params) {\r\n if (params.value == 0) {\r\n return \"\";\r\n } else {\r\n return params.value;\r\n }\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n {\r\n offset: 0,\r\n color: \"rgba(86,254,226,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(86,254,226,0)\",\r\n },\r\n ]),\r\n borderColor: new that.$echarts.graphic.LinearGradient(\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n [\r\n {\r\n offset: 0,\r\n color: \"rgba(86,254,226,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(86,254,226,0)\",\r\n },\r\n ]\r\n ),\r\n },\r\n },\r\n data: yearChbc,\r\n },\r\n {\r\n name: \"无重合闸\",\r\n type: \"bar\",\r\n barMaxWidth: 15,\r\n stack: \"Total1\",\r\n label: {\r\n show: true,\r\n formatter: function (params) {\r\n if (params.value == 0) {\r\n return \"\";\r\n } else {\r\n return params.value;\r\n }\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n {\r\n offset: 0,\r\n color: \"rgba(237,125,49,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(237,125,49,0)\",\r\n },\r\n ]),\r\n borderColor: new that.$echarts.graphic.LinearGradient(\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n [\r\n {\r\n offset: 0,\r\n color: \"rgba(237,125,49,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(237,125,49,0)\",\r\n },\r\n ]\r\n ),\r\n barBorderRadius: 0,\r\n },\r\n },\r\n data: yearWchz,\r\n },\r\n {\r\n name: \"接地\",\r\n type: \"bar\",\r\n barMaxWidth: 15,\r\n stack: \"Total1\",\r\n label: {\r\n show: true,\r\n formatter: function (params) {\r\n if (params.value == 0) {\r\n return \"\";\r\n } else {\r\n return params.value;\r\n }\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n {\r\n offset: 0,\r\n color: \"rgba(35,160,247,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(35,160,247,0)\",\r\n },\r\n ]),\r\n borderColor: new that.$echarts.graphic.LinearGradient(\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n [\r\n {\r\n offset: 0,\r\n color: \"rgba(35,160,247,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(35,160,247,0)\",\r\n },\r\n ]\r\n ),\r\n barBorderRadius: 0,\r\n },\r\n },\r\n data: yearJieDi,\r\n },\r\n {\r\n name: \"分级保护\",\r\n type: \"bar\",\r\n barMaxWidth: 15,\r\n stack: \"Total1\",\r\n label: {\r\n show: true,\r\n formatter: function (params) {\r\n if (params.value == 0) {\r\n return \"\";\r\n } else {\r\n return params.value;\r\n }\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n {\r\n offset: 0,\r\n color: \"rgba(156,73,200,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(156,73,200,0)\",\r\n },\r\n ]),\r\n borderColor: new that.$echarts.graphic.LinearGradient(\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n [\r\n {\r\n offset: 0,\r\n color: \"rgba(156,73,200,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(156,73,200,0)\",\r\n },\r\n ]\r\n ),\r\n barBorderRadius: 0,\r\n },\r\n },\r\n data: yearFenJi,\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedFive() {\r\n let myChart = this.$echarts.init(document.getElementById(\"detailedFive\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n },\r\n grid: {\r\n left: \"5%\", //图表距离容器左侧多少距离\r\n right: \"5%\", //图表距离容器右侧侧多少距离\r\n bottom: \"0%\", //图表距离容器上面多少距离\r\n top: \"30%\", //图表距离容器下面多少距离\r\n containLabel: true, //防止标签溢出\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 \"长荡镇\",\r\n \"河海镇\",\r\n \"黄沙港镇\",\r\n \"临海镇\",\r\n \"兴桥镇\",\r\n \"合德镇\",\r\n \"四明镇\",\r\n \"特庸镇\",\r\n ],\r\n axisLabel: {\r\n interval: 0, //横轴信息全部显示\r\n show: true,\r\n textStyle: {\r\n color: \"#ffffff\",\r\n fontSize: 18,\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 fontSize: 18,\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"配变名称\",\r\n type: \"bar\",\r\n barWidth: 40, // 柱子宽度核心代码\r\n itemStyle: {\r\n normal: {\r\n color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"rgba(232, 155, 0,.3)\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"rgb(232, 155, 0)\",\r\n },\r\n ]),\r\n label: {\r\n show: true, //开启显示\r\n position: \"top\", //在上方显示\r\n textStyle: {\r\n //数值样式\r\n color: \"rgb(232, 155, 0)\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n },\r\n data: [87.69, 84.69, 82.69, 83.69, 77.69, 67.69, 57.69, 47.69],\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.content3 {\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 .content3 {\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 .line3 {\r\n width: 30%;\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 margin-bottom: 1%;\r\n height: 100%;\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 width: 100%;\r\n\r\n .num1 {\r\n background: url(\"../assets/indexN/zsjbtk.png\") no-repeat;\r\n width: 100%;\r\n height: 100%;\r\n background-size: 100%;\r\n line-height: 250%;\r\n text-align: center;\r\n }\r\n .numText {\r\n color: #ffffff;\r\n background: url(\"../assets/indexN/main.png\") no-repeat;\r\n background-size: 100%;\r\n width: 100%;\r\n height: 74px;\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(254, 209, 86) !important;\r\n -webkit-mask: linear-gradient(\r\n to top,\r\n rgb(254, 162, 86),\r\n transparent\r\n );\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% - 150px);\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 .content3 {\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 .line3 {\r\n width: 30%;\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: 1%;\r\n height: 100%;\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 width: 100%;\r\n\r\n .num1 {\r\n background: url(\"../assets/indexN/zsjbtk.png\") no-repeat;\r\n width: 100%;\r\n // height: 100%;\r\n background-size: 100%;\r\n line-height: 250%;\r\n text-align: center;\r\n }\r\n .numText {\r\n color: #ffffff;\r\n background: url(\"../assets/indexN/main.png\") no-repeat;\r\n background-size: 100%;\r\n width: 100%;\r\n height: 74px;\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(254, 209, 86) !important;\r\n -webkit-mask: linear-gradient(\r\n to top,\r\n rgb(254, 162, 86),\r\n transparent\r\n );\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 #detailedOne {\r\n width: 100%;\r\n height: calc(100% - 160px);\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/indexN/midzsj.png\") no-repeat;\r\n background-size: 100%;\r\n width: 65%;\r\n height: 20%;\r\n position: relative;\r\n top: -28%;\r\n left: 25%;\r\n .contents {\r\n // height: 90%;\r\n position: absolute;\r\n padding: 10px;\r\n height: 100%;\r\n width: 96%;\r\n display: flex;\r\n flex-direction: row;\r\n /* 平分剩余空间 */\r\n justify-content: space-around;\r\n .lines {\r\n width: 106%;\r\n padding: 10px 0 0 0px;\r\n // background: url(\"../assets/index/mainMin.png\") no-repeat;\r\n }\r\n\r\n .total {\r\n .num {\r\n // display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: center;\r\n align-items: left;\r\n color: #ffffff;\r\n span {\r\n font-size: 18px;\r\n }\r\n h5 {\r\n font-size: 34px;\r\n }\r\n .yellow {\r\n padding-top: 30px;\r\n color: yellow;\r\n font-size: 24px;\r\n }\r\n .orange {\r\n padding-top: 30px;\r\n color: orange;\r\n font-size: 24px;\r\n }\r\n .yellows {\r\n padding-top: 20px;\r\n color: yellow;\r\n font-size: 24px;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n .imgboxtwo1 {\r\n background: url(\"../assets/indexN/tk.png\") no-repeat;\r\n background-size: 100%;\r\n float: right;\r\n right: 8%;\r\n top: 20%;\r\n width: 28vh;\r\n height: 100%;\r\n position: relative;\r\n .content2 {\r\n padding: 5px;\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 .line1 {\r\n width: 100%;\r\n height: 100%;\r\n margin-left: 5%;\r\n text-align: left;\r\n font-size: 24px;\r\n color: #fff;\r\n }\r\n }\r\n }\r\n .map {\r\n background: url(\"../assets/indexN/map.png\") no-repeat;\r\n vertical-align: middle;\r\n display: table-cell;\r\n text-align: center;\r\n margin-left: -20%;\r\n .leftimg {\r\n position: absolute;\r\n left: 34.5%;\r\n }\r\n .rightimg {\r\n position: absolute;\r\n right: 35%;\r\n }\r\n .allimg {\r\n position: relative;\r\n left: 28.5%;\r\n top: 34%;\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 .enselect {\r\n position: absolute;\r\n right: 30px;\r\n top: 50%;\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 & > 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 .content3 {\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 .contentUl {\r\n display: flex;\r\n flex-wrap: wrap;\r\n height: 20%;\r\n width: 100%;\r\n position: relative;\r\n .top {\r\n position: relative;\r\n flex-basis: calc(100% / 3);\r\n height: 50%;\r\n left: 33%;\r\n img {\r\n margin-top: 15%;\r\n }\r\n .texts {\r\n color: orange;\r\n position: absolute;\r\n z-index: 2;\r\n left: 32%;\r\n top: 25%;\r\n align-items: center;\r\n font-size: 32px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 10%;\r\n }\r\n }\r\n .top1 {\r\n position: absolute;\r\n flex-basis: calc(100% / 3);\r\n height: 100%;\r\n img {\r\n margin-top: 30%;\r\n }\r\n .texts {\r\n color: #fff;\r\n position: absolute;\r\n z-index: 2;\r\n left: 0%;\r\n top: 27%;\r\n width: 87%;\r\n height: 100%;\r\n padding-top: 27%;\r\n background: url(\"../assets/indexN/xctb2.png\") no-repeat;\r\n background-size: 100%;\r\n align-items: center;\r\n font-size: 24px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 130%;\r\n }\r\n }\r\n .top2 {\r\n position: absolute;\r\n flex-basis: calc(100% / 3);\r\n height: 100%;\r\n left: 21%;\r\n top: -33%;\r\n img {\r\n margin-top: 30%;\r\n }\r\n .texts {\r\n color: #fff;\r\n position: absolute;\r\n z-index: 2;\r\n left: 0%;\r\n top: 27%;\r\n width: 87%;\r\n height: 100%;\r\n padding-top: 27%;\r\n background: url(\"../assets/indexN/xctb2.png\") no-repeat;\r\n background-size: 100%;\r\n align-items: center;\r\n font-size: 24px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 130%;\r\n }\r\n }\r\n .top3 {\r\n position: absolute;\r\n flex-basis: calc(100% / 3);\r\n height: 100%;\r\n left: 29%;\r\n top: 50%;\r\n img {\r\n margin-top: 30%;\r\n }\r\n .texts {\r\n color: #fff;\r\n position: absolute;\r\n z-index: 2;\r\n left: 0%;\r\n top: 27%;\r\n width: 87%;\r\n height: 100%;\r\n padding-top: 27%;\r\n background: url(\"../assets/indexN/xctb2.png\") no-repeat;\r\n background-size: 100%;\r\n align-items: center;\r\n font-size: 24px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 130%;\r\n }\r\n }\r\n .top4 {\r\n position: absolute;\r\n flex-basis: calc(100% / 3);\r\n height: 100%;\r\n left: 64%;\r\n top: 15%;\r\n img {\r\n margin-top: 30%;\r\n }\r\n .texts {\r\n color: #fff;\r\n position: absolute;\r\n z-index: 2;\r\n left: 0%;\r\n top: 27%;\r\n width: 87%;\r\n height: 100%;\r\n padding-top: 27%;\r\n background: url(\"../assets/indexN/xctb2.png\") no-repeat;\r\n background-size: 100%;\r\n align-items: center;\r\n font-size: 24px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 130%;\r\n }\r\n }\r\n .top5 {\r\n position: absolute;\r\n flex-basis: calc(100% / 3);\r\n height: 100%;\r\n left: 82%;\r\n top: -22%;\r\n img {\r\n margin-top: 30%;\r\n }\r\n .texts {\r\n color: #fff;\r\n position: absolute;\r\n z-index: 2;\r\n left: 0%;\r\n top: 27%;\r\n width: 87%;\r\n height: 100%;\r\n padding-top: 27%;\r\n background: url(\"../assets/indexN/xctb2.png\") no-repeat;\r\n background-size: 100%;\r\n align-items: center;\r\n font-size: 24px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 130%;\r\n }\r\n }\r\n }\r\n .line3 {\r\n width: 30%;\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: 1%;\r\n height: 100%;\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 width: 100%;\r\n\r\n .num1 {\r\n background: url(\"../assets/indexN/zsjbtk.png\") no-repeat;\r\n width: 100%;\r\n height: 100%;\r\n background-size: 100%;\r\n line-height: 200%;\r\n text-align: center;\r\n }\r\n .numText {\r\n color: #ffffff;\r\n background: url(\"../assets/indexN/main.png\") no-repeat;\r\n background-size: 100%;\r\n width: 100%;\r\n height: 74px;\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(254, 209, 86) !important;\r\n -webkit-mask: linear-gradient(\r\n to top,\r\n rgb(254, 162, 86),\r\n transparent\r\n );\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\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% - 190px);\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 .content3 {\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 .line3 {\r\n width: 30%;\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: 1%;\r\n height: 100%;\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 width: 100%;\r\n\r\n .num1 {\r\n background: url(\"../assets/indexN/zsjbtk.png\") no-repeat;\r\n width: 100%;\r\n // height: 100%;\r\n background-size: 100%;\r\n line-height: 250%;\r\n text-align: center;\r\n }\r\n .numText {\r\n color: #ffffff;\r\n background: url(\"../assets/indexN/main.png\") no-repeat;\r\n background-size: 100%;\r\n width: 100%;\r\n height: 74px;\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(254, 209, 86) !important;\r\n -webkit-mask: linear-gradient(\r\n to top,\r\n rgb(254, 162, 86),\r\n transparent\r\n );\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 #detailen {\r\n width: 100%;\r\n height: calc(100% - 150px);\r\n }\r\n #shuzihua {\r\n width: 100%;\r\n height: calc(100% - 150px);\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% - 150px);\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(\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\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 .content3 {\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(\r\n to bottom,\r\n rgb(255, 255, 255),\r\n rgb(86, 244, 254)\r\n );\r\n }\r\n }\r\n\r\n .content3 {\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\r\n .el-table--striped\r\n .el-table__body\r\n tr.el-table__row--striped\r\n 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#yellow {\r\n color: yellow;\r\n}\r\n#orange {\r\n color: rgb(232, 155, 0);\r\n}\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 .content3 {\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 .line3 {\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: 1%;\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(\r\n to top,\r\n rgb(86, 244, 254),\r\n transparent\r\n );\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 #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.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>\r\n"]}]}
\ No newline at end of file
+{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\index.vue","mtime":1690160299337},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["\r\nimport {\r\n getCompanyInfo,\r\n getLine,\r\n getBanzugz,\r\n getGdtj,\r\n getDwbzgz,\r\n getGdsgdzl,\r\n getPbtyqk,\r\n getCabinetInfo,\r\n getCabinetList,\r\n getfaultReportList,\r\n getCabinetAlarmList,\r\n} from \"../api/index.js\";\r\n//引入echarts\r\nimport * as echarts from \"echarts\";\r\n// 工单统计弹窗组件\r\nimport workOrder from \"../component/workOrder.vue\";\r\n// import 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 hsgst: \"3.4\",\r\n rlst: \"0.01\",\r\n nlst: \"0.44\",\r\n xms: \"9.279\",\r\n ysfyzh: \"118.5\",\r\n jhs: \"44\",\r\n sdpbsl: \"12\",\r\n jdpbsl: \"7\",\r\n fhgzpb: \"87\",\r\n ygdkkx: \"99.95\",\r\n pjtdpc: \"0.39\",\r\n pjtdsj: \"0.37\",\r\n ztpf: \"108.3万\",\r\n zydl: \"39.83亿\",\r\n khzs: \"4968\",\r\n xczydl: \"723.6\",\r\n zdsbgm: \"1250\",\r\n zxsbgm: \"3673\",\r\n glgds: \"10\",\r\n gltq: \"13884\",\r\n zrc: \"306\",\r\n },\r\n tableData: [],\r\n btnArr: [\"总览\", \"环网柜\", \"分支箱\", \"箱变\", \"开闭所\"],\r\n btnActive: 0,\r\n iconGround: [\r\n {\r\n icon: require(\"@/assets/images/huanwanggui.png\"),\r\n name: \"环网柜\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/fenzhixiang.png\"),\r\n name: \"分支箱\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/xiangbian.png\"),\r\n name: \"箱变\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/kaibisuo.png\"),\r\n name: \"开闭所\",\r\n },\r\n ],\r\n btnEnlarge: [\r\n {\r\n icon: require(\"@/assets/images/btnTiShi.png\"),\r\n },\r\n {\r\n icon: require(\"@/assets/images/btnFangDa.png\"),\r\n },\r\n ],\r\n btnEnlarge1: [\r\n {\r\n icon: require(\"@/assets/images/btnTiShi.png\"),\r\n },\r\n {\r\n icon: require(\"@/assets/images/suoxiao.png\"),\r\n },\r\n ],\r\n options: [\r\n {\r\n value: \"\",\r\n label: \"\",\r\n },\r\n ],\r\n value: \"\",\r\n topContent: [\r\n {\r\n name: \"配变数量\",\r\n count: \"\",\r\n },\r\n {\r\n name: \"重复停运台次\",\r\n count: \"\",\r\n },\r\n {\r\n name: \"配变重复停运率\",\r\n count: \"\",\r\n },\r\n ],\r\n device: \"\",\r\n tableData: [],\r\n tableKey: +new Date(),\r\n scrollTop: 0, //table距离顶部距离\r\n option: null,\r\n myChartBin: null,\r\n\r\n gongdanList: [\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"频繁停电\",\r\n total: 0,\r\n },\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"处理时间长\",\r\n total: 0,\r\n },\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"运检类投诉\",\r\n total: 0,\r\n },\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"运检类意见\",\r\n total: 0,\r\n },\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"民事赔偿\",\r\n total: 0,\r\n },\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"多次停电\",\r\n total: 0,\r\n },\r\n ],\r\n\r\n // 工单\r\n orderItem: null,\r\n\r\n orderShow: \"\",\r\n // 线路故障明细\r\n routeItem: null,\r\n routeShow: \"\",\r\n\r\n // 配电线路\r\n lineItem: null,\r\n lineShow: \"\",\r\n timer: null, //定时器\r\n emergencyList: [], //告警数据\r\n rowTime: \"\",\r\n };\r\n },\r\n created() {},\r\n mounted() {\r\n // this.beginShowing();\r\n // 监听浏览器窗口大小变化\r\n window.onresize = () => {\r\n clearInterval(this.myTimer);\r\n this.beginShowing();\r\n };\r\n window.parent.getLoc();\r\n this.xianDuan();\r\n this.detailedTwo11();\r\n this.horizontalChart();\r\n this.detailedOne();\r\n this.barCharts();\r\n this.detailedFive();\r\n this.shuzihuaCharts();\r\n this.roseCharts();\r\n this.detailen1();\r\n // this.handleDate(0);\r\n\r\n let that = this;\r\n\r\n // //历史故障接口\r\n // let faultData = {\r\n // token: localStorage.getItem(\"token\"),\r\n // pageSize: \"500\",\r\n // page: \"1\",\r\n // };\r\n },\r\n // beforeDestroy() {\r\n // this.dataDestroy(); // 页面摧毁前，关闭定时器\r\n // },\r\n beforeDestroy() {\r\n // 离开当前路由前的操作\r\n clearInterval(this.timer);\r\n this.timer = null;\r\n },\r\n methods: {\r\n //地图画线\r\n xianDuan() {\r\n var canvas = document.getElementById(\"myCanvas\");\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.moveTo(650, 450); // moveTo(x,y) 定义线条开始坐标\r\n ctx.lineTo(735, 250); // lineTo(x,y) 定义线条结束坐标\r\n ctx.strokeStyle = \"orange\";\r\n ctx.lineWidth = 3;\r\n ctx.stroke();\r\n },\r\n routerTo(data) {\r\n if (data == \"盐城地区分布光伏运行监测\") {\r\n this.$router.push(\"/stationBuilding\");\r\n }\r\n if (data == \"盐城东台区供电所数字化分析\") {\r\n this.$router.push(\"/twentyKV\");\r\n }\r\n if (data == \"配网工程全过程物资审计\") {\r\n this.$router.push(\"/thirtyFiveKV\");\r\n }\r\n if (data == \"盐城供电公司配网电能质量管控\") {\r\n this.$router.push(\"/powerQualityControl\");\r\n }\r\n if (data == \"乡村振兴电力综合指数\") {\r\n this.$router.push(\"/ruralRevitalizationPower\");\r\n }\r\n if (data == \"两高行业企业污染监测\") {\r\n this.$router.push(\"/enterprisePollutionMonitoring\");\r\n }\r\n if (data == \"农村生活污水治理设备电量分析\") {\r\n this.$router.push(\"/ruralDomesticSewageTreatment\");\r\n }\r\n if (data == \"数字化排涝抗旱辅助及检修辅助决策\") {\r\n this.$router.push(\"/digitalFloodDrainageDroughtRelief\");\r\n }\r\n },\r\n detailen1() {\r\n var fontColor = \"#30eee9\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailen\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n },\r\n grid: {\r\n left: \"0%\", //图表距离容器左侧多少距离\r\n right: \"10%\", //图表距离容器右侧侧多少距离\r\n bottom: \"20%\", //图表距离容器上面多少距离\r\n top: \"10%\", //图表距离容器下面多少距离\r\n containLabel: true, //防止标签溢出\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n },\r\n\r\n data: [\"电量KWH\"],\r\n },\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n data: [\r\n \"安丰镇\",\r\n \"草堰镇\",\r\n \"龙岗镇\",\r\n \"新丰镇\",\r\n \"伍佑街道\",\r\n \"步凤镇\",\r\n ],\r\n axisLabel: {\r\n show: true,\r\n textStyle: {\r\n color: \"#ffffff\",\r\n fontSize: 18,\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 fontSize: 18,\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"电量kwh\",\r\n type: \"bar\",\r\n barWidth: 40, // 柱子宽度核心代码，\r\n itemStyle: {\r\n normal: {\r\n color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"rgba(2,255,255,.1)\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"rgb(2,255,255)\",\r\n },\r\n ]),\r\n label: {\r\n show: true, //开启显示\r\n position: \"top\", //在上方显示\r\n formatter: function (params) {\r\n //核心部分 formatter 可以为字符串也可以是回调\r\n if (params.value) {\r\n //如果当前值存在则拼接\r\n return params.value + \"万\";\r\n } else {\r\n //否则返回个空\r\n return \"\";\r\n }\r\n },\r\n textStyle: {\r\n //数值样式\r\n color: \"#00ffff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n data: [320, 332, 301, 334, 390, 288, 299],\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n //班组\r\n getbanzhu() {\r\n getBanzugz({\r\n action: \"detail\",\r\n }).then((res) => {\r\n console.log(res, \"班组故障详情\");\r\n for (let i = 0; i < res.data.data.length; i++) {\r\n if (res.data.data[i].gz_time_deal) {\r\n let date = new Date(res.data.data[i].gz_time_deal);\r\n res.data.data[i].gz_time_deal =\r\n this.$moment(date).format(\"YYYY-MM-DD HH:mm\");\r\n // console.log(res.data.data[i].gz_time_deal,'转换后');\r\n }\r\n if (res.data.data[i].gz_time) {\r\n let time = new Date(res.data.data[i].gz_time);\r\n res.data.data[i].gz_time =\r\n this.$moment(time).format(\"YYYY-MM-DD HH:mm\");\r\n }\r\n this.tableData.push(res.data.data[i]);\r\n }\r\n });\r\n },\r\n //工单\r\n getGongdan() {\r\n getGdtj({ action: \"tongji\" }).then((res) => {\r\n console.log(res, \"工单统计数据\");\r\n let dataList = res.data.data;\r\n\r\n for (let i = 0; i < this.gongdanList.length; i++) {\r\n for (let j = 0; j < res.data.data.length; j++) {\r\n if (\r\n this.gongdanList[i].gd_type_name == res.data.data[j].gd_type_name\r\n ) {\r\n this.gongdanList[i].total = res.data.data[j].total;\r\n this.gongdanList[i].gd_type_id = res.data.data[j].gd_type_id;\r\n }\r\n }\r\n }\r\n // this.gongdanList = res.data.data;\r\n this.detailedThree(dataList);\r\n // this.$nextTick(() => {\r\n // this.detailedThree(dataList);\r\n // setInterval(() => {\r\n // this.doing();\r\n // }, 200);\r\n // });\r\n });\r\n },\r\n // //表格第一行颜色\r\n rowClass(row, rowIndex) {\r\n if (row.rowIndex === 0) {\r\n return \"rowColor0\";\r\n } else {\r\n return \"\";\r\n }\r\n },\r\n //切换当前页\r\n handleCurrentChange(val) {\r\n this.page = val;\r\n let tableData = [];\r\n if (this.emergencyList.length != 0) {\r\n tableData = this.emergencyList;\r\n if (val == 1) {\r\n this.alarmInformationData = tableData.slice(0, 10);\r\n document.getElementsByClassName(\"rowColor0\")[0].style.display = \"\";\r\n } else if (val == 2) {\r\n document.getElementsByClassName(\"rowColor0\")[0].style.display =\r\n \"none\";\r\n this.alarmInformationData = tableData.slice(10, 20);\r\n } else if (val == 3) {\r\n this.alarmInformationData = tableData.slice(20, 30);\r\n document.getElementsByClassName(\"rowColor0\")[0].style.display =\r\n \"none\";\r\n } else if (val == 4) {\r\n this.alarmInformationData = tableData.slice(30, 40);\r\n document.getElementsByClassName(\"rowColor0\")[0].style.display =\r\n \"none\";\r\n } else if (val == 5) {\r\n this.alarmInformationData = tableData.slice(40, 50);\r\n document.getElementsByClassName(\"rowColor0\")[0].style.display =\r\n \"none\";\r\n }\r\n } else {\r\n return false;\r\n }\r\n },\r\n // 线路详情弹窗\r\n openLineDetail(e) {\r\n // console.log(e);\r\n // var line = e + ''\r\n // console.log(line);\r\n getLine({ action: \"pdxl\" }).then(({ data }) => {\r\n console.log(data);\r\n this.lineShow = \"lineDetail\";\r\n this.lineItem = data.data;\r\n });\r\n },\r\n // 线路故障跳闸明细弹窗\r\n rowHandle(e) {\r\n // console.log(e, \"参数\");\r\n this.routeItem = e;\r\n this.routeShow = \"routeDetail\";\r\n // console.log(this.routeItem,'线路组件名称');\r\n },\r\n // 工单统计的弹窗\r\n openGdDetail(item) {\r\n this.orderItem = item;\r\n this.orderShow = \"workOrder\";\r\n },\r\n // 鼠标进入表格\r\n // mouseover() {\r\n // clearInterval(this.myTimer);\r\n // },\r\n // 鼠标离开表格\r\n mouseout() {\r\n this.roll();\r\n },\r\n //调用unity方法\r\n handleUnity(index, item) {\r\n this.btnActive = index;\r\n this.$refs.iframe.contentWindow.handleChange(item);\r\n },\r\n //选择线路\r\n selectLine(value) {\r\n getLine({\r\n action: \"query\",\r\n line_code: value,\r\n }).then((res) => {\r\n // console.log(res,'选择线路');\r\n if (res.data.data != 0 && res.data.data != null) {\r\n this.$refs.iframe.contentWindow.handleChangeLine(\r\n res.data.data.line_name\r\n );\r\n } else if (res.data.data == null) {\r\n this.$refs.iframe.contentWindow.handleChangeLine(\"\");\r\n }\r\n });\r\n },\r\n detailedOne() {\r\n let myChart = this.$echarts.init(document.getElementById(\"detailedOne\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n },\r\n\r\n data: [\"配变停电\"],\r\n },\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n data: [\r\n \"亭湖区\",\r\n \"东台市\",\r\n \"建湖县\",\r\n \"阜宁县\",\r\n \"响水县\",\r\n \"滨海县\",\r\n \"射阳县\",\r\n \"大丰区\",\r\n ],\r\n axisLabel: {\r\n show: true,\r\n textStyle: {\r\n color: \"#ffffff\",\r\n fontSize: 16,\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 fontSize: 16,\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"配变停电\",\r\n type: \"bar\",\r\n barWidth: 40, // 柱子宽度核心代码，\r\n itemStyle: {\r\n normal: {\r\n color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"rgba(2,255,255,.1)\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"rgb(2,255,255)\",\r\n },\r\n ]),\r\n label: {\r\n show: true, //开启显示\r\n position: \"top\", //在上方显示\r\n textStyle: {\r\n //数值样式\r\n color: \"#00ffff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n data: [5109, 5520, 5354, 5511, 4789, 5254, 5411, 4889],\r\n },\r\n ],\r\n };\r\n\r\n myChart.setOption(option);\r\n\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n shuzihuaCharts() {\r\n let myChart = this.$echarts.init(document.getElementById(\"shuzihua\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"cross\",\r\n crossStyle: {\r\n color: \"#999\",\r\n },\r\n },\r\n },\r\n grid: {\r\n left: \"5%\", //图表距离容器左侧多少距离\r\n right: \"8%\", //图表距离容器右侧侧多少距离\r\n bottom: \"20%\", //图表距离容器上面多少距离\r\n top: \"15%\", //图表距离容器下面多少距离\r\n containLabel: true, //防止标签溢出\r\n },\r\n legend: [\r\n {\r\n x: \"center\",\r\n data: [\r\n \"投运15年以上设备数量\",\r\n \"统计时间所辖线路设备数量\",\r\n \"设备老化占比\",\r\n ],\r\n textStyle: {\r\n fontSize: 18,\r\n color: \"#fff\",\r\n },\r\n },\r\n ],\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n data: [\r\n \"10kv星雨线163\",\r\n \"10kv智谋线183\",\r\n \"10kv朝阳线164\",\r\n \"10kv杨庄线181\",\r\n \"10kv森达线174\",\r\n ],\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n axisLabel: {\r\n rotate: -15, //60度角倾斜显示\r\n interval: 0, //横轴信息全部显示\r\n color: \"#fff\",\r\n fontSize: 20,\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n min: 0,\r\n max: 160,\r\n interval: 40,\r\n axisLabel: {\r\n textStyle: {\r\n fontSize: \"18\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n {\r\n type: \"value\",\r\n min: 0,\r\n max: 80,\r\n interval: 20,\r\n axisLabel: {\r\n formatter: \"{value}%\",\r\n textStyle: {\r\n fontSize: \"18\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"投运15年以上设备数量\",\r\n type: \"bar\",\r\n tooltip: {\r\n valueFormatter: function (value) {\r\n return value;\r\n },\r\n },\r\n itemStyle: {\r\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n { offset: 1, color: \"rgba(255,255,0,.2) \" },\r\n { offset: 0.5, color: \"rgb(255,255,0,.6)\" },\r\n { offset: 0, color: \"rgb(255,255,0)\" },\r\n ]),\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n data: [55, 66, 89, 113, 123],\r\n },\r\n {\r\n name: \"统计时间所辖线路设备数量\",\r\n type: \"bar\",\r\n tooltip: {\r\n valueFormatter: function (value) {\r\n return value;\r\n },\r\n },\r\n itemStyle: {\r\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n { offset: 1, color: \"rgba(2,255,255,.2) \" },\r\n { offset: 0.5, color: \"rgb(2,255,255,.6)\" },\r\n { offset: 0, color: \"rgb(2,255,255)\" },\r\n ]),\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n data: [46, 56, 99, 103, 123],\r\n },\r\n {\r\n name: \"设备老化占比\",\r\n type: \"line\",\r\n yAxisIndex: 1,\r\n tooltip: {\r\n valueFormatter: function (value) {\r\n return value;\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: \"orange\",\r\n lineStyle: {\r\n color: \"orange\",\r\n },\r\n },\r\n },\r\n data: [20, 40, 60, 80, 67],\r\n },\r\n ],\r\n };\r\n\r\n myChart.setOption(option);\r\n\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedTwo() {\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo1\"));\r\n var option = {\r\n xAxis: {\r\n type: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: fontColor,\r\n },\r\n axisLine: {\r\n show: true,\r\n lineStyle: {\r\n color: \"#397cbc\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#195384\",\r\n },\r\n },\r\n data: [\r\n \"0:00\",\r\n \"3:00\",\r\n \"6:00\",\r\n \"9:00\",\r\n \"12:00\",\r\n \"15:00\",\r\n \"18:00\",\r\n \"21:00\",\r\n \"24:00\",\r\n ],\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"单位：kw\",\r\n min: 0,\r\n max: 1000,\r\n show: true,\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n axisLabel: {\r\n formatter: \"{value}\",\r\n textStyle: {\r\n color: \"#2ad1d2\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#27b4c2\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n data: [720, 632, 801, 734, 470, 670, 720, 123, 567],\r\n type: \"line\",\r\n symbol: \"none\",\r\n lineStyle: {\r\n color: \"#00ffff\",\r\n width: 2,\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: \"00ffff\",\r\n lineStyle: {\r\n color: \"00ffff\",\r\n width: 3,\r\n type: \"solid\",\r\n },\r\n },\r\n },\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedTwo11() {\r\n var fontColor = \"#30eee9\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo1\"));\r\n var option = {\r\n xAxis: {\r\n type: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: fontColor,\r\n },\r\n axisLine: {\r\n show: true,\r\n lineStyle: {\r\n color: \"#397cbc\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#195384\",\r\n },\r\n },\r\n data: [\r\n \"0:00\",\r\n \"3:00\",\r\n \"6:00\",\r\n \"9:00\",\r\n \"12:00\",\r\n \"15:00\",\r\n \"18:00\",\r\n \"21:00\",\r\n \"24:00\",\r\n ],\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"单位：kw\",\r\n min: 0,\r\n max: 1000,\r\n show: true,\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n axisLabel: {\r\n formatter: \"{value}\",\r\n textStyle: {\r\n color: \"#2ad1d2\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#27b4c2\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n data: [720, 632, 801, 734, 470, 670, 720, 123, 567],\r\n type: \"line\",\r\n symbol: \"none\",\r\n lineStyle: {\r\n color: \"#00ffff\",\r\n width: 2,\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: \"00ffff\",\r\n lineStyle: {\r\n color: \"00ffff\",\r\n width: 3,\r\n type: \"solid\",\r\n },\r\n },\r\n },\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n horizontalChart() {\r\n var myChart = this.$echarts.init(\r\n document.getElementById(\"horizontalChart\")\r\n );\r\n var honorData = [\r\n {\r\n name: \"60天内掉电客户数\",\r\n data: [13.4, 12.1, 14.3],\r\n },\r\n {\r\n name: \"60天内掉电总数\",\r\n data: [9.4, 8.1, 7.3],\r\n },\r\n ];\r\n var honorXAxisData = [\"No.3\", \"No.2\", \"No.1\"];\r\n var nameList = [\r\n \"PMS_晨光满园9台区\",\r\n \"滨河华苑3台区\",\r\n \"PMS_晨光满园11台区\",\r\n ];\r\n var option = {\r\n color: [\"#0F9AF8\", \"#2039C3\", \"rgba(32,57,195,.5)\", \"#2ECACE\"],\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"none\",\r\n },\r\n },\r\n legend: {\r\n right: 20,\r\n top: \"5%\",\r\n itemWidth: 10,\r\n itemHeight: 10,\r\n itemGap: 15,\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n grid: {\r\n top: \"15%\",\r\n left: \"14%\",\r\n right: \"0%\",\r\n bottom: \"0%\",\r\n },\r\n xAxis: [\r\n {\r\n type: \"value\",\r\n show: false,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: \"#6B9DD7\",\r\n fontSize: 16, // 文字大小\r\n fontWeight: 400,\r\n interval: 0,\r\n formatter: function (value) {\r\n return value + \"(万元)\";\r\n },\r\n },\r\n splitLine: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"category\",\r\n offset: 17,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: \"#00FFFF\",\r\n fontSize: 20, // 文字大小\r\n fontWeight: 700,\r\n interval: 0,\r\n },\r\n\r\n data: honorXAxisData,\r\n },\r\n {\r\n //名称\r\n type: \"category\",\r\n offset: -10,\r\n position: \"left\",\r\n axisLine: {\r\n show: false,\r\n },\r\n inverse: true,\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n color: \"#fff\",\r\n align: \"left\",\r\n verticalAlign: \"bottom\",\r\n lineHeight: 40,\r\n fontSize: 20,\r\n },\r\n data: nameList,\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"60天内掉电客户数\",\r\n type: \"bar\",\r\n stack: \"zongliang\",\r\n barWidth: \"25%\",\r\n barMinHeight: 20,\r\n barGap: 15, // 柱图之间的间距\r\n itemStyle: {\r\n //自定义颜色\r\n // normal: { color: \"orange\" },\r\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"rgba(255,165,0,.2)\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"rgb(255,165,0)\",\r\n },\r\n ]),\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: [\"80%\", \"-100%\"],\r\n formatter: function (params) {\r\n return params.value;\r\n },\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n\r\n data: honorData[0].data,\r\n },\r\n {\r\n name: \"60天内掉电总数\",\r\n type: \"bar\",\r\n stack: \"zongliang\",\r\n barWidth: \"25%\",\r\n barMinHeight: 20,\r\n itemStyle: {\r\n //自定义颜色\r\n // normal: { color: \"orange\" },\r\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"#005BEA\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"#00C6FB\",\r\n },\r\n ]),\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: [\"80%\", \"-100%\"],\r\n formatter: function (params) {\r\n return params.value;\r\n },\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n data: honorData[1].data,\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n 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 {\r\n type: \"pie\",\r\n radius: [\"80\", \"120\"],\r\n center: [\"50%\", \"50%\"],\r\n color: [\"#80C269\", \"#00FFFF\", \"#0090F1\", \"#FFA800\", \"#4658F6\"],\r\n itemStyle: {\r\n normal: {\r\n borderWidth: 5,\r\n borderColor: \"#031845\",\r\n },\r\n },\r\n data: [\r\n {\r\n value: 27,\r\n name: \"国网大丰市供电公司\",\r\n },\r\n {\r\n value: 30,\r\n name: \"国网射阳县供电公司\",\r\n },\r\n {\r\n value: 24,\r\n name: \"开发区供电服务中心\",\r\n },\r\n {\r\n value: 27,\r\n name: \"盐城运维检修部\",\r\n },\r\n {\r\n value: 27,\r\n name: \"设备管理部\",\r\n },\r\n {\r\n value: 27,\r\n name: \"国网响水县供电公司\",\r\n },\r\n ],\r\n labelLine: {\r\n normal: {\r\n show: true,\r\n length: 20,\r\n length2: 10,\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: 20,\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: 20,\r\n align: \"center\",\r\n padding: 4,\r\n color: \"#fff\",\r\n },\r\n },\r\n },\r\n },\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n roseCharts() {\r\n var myChart = this.$echarts.init(document.getElementById(\"roseCharts\"));\r\n var option = {\r\n color: [\r\n \"#EAEA26\",\r\n \"#906BF9\",\r\n \"#FE5656\",\r\n \"#01E17E\",\r\n \"#3DD1F9\",\r\n \"#FFAD05\",\r\n ],\r\n 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\r\n polar: {},\r\n angleAxis: {\r\n interval: 1,\r\n type: \"category\",\r\n data: [],\r\n z: 10,\r\n axisLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#0B4A6B\",\r\n width: 1,\r\n type: \"solid\",\r\n },\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n show: true,\r\n color: \"#0B4A6B\",\r\n margin: 8,\r\n fontSize: 16,\r\n },\r\n },\r\n radiusAxis: {\r\n min: 40,\r\n max: 120,\r\n interval: 20,\r\n axisLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#0B3E5E\",\r\n width: 1,\r\n type: \"solid\",\r\n },\r\n },\r\n axisLabel: {\r\n formatter: \"{value} %\",\r\n show: false,\r\n padding: [0, 0, 20, 0],\r\n color: \"#0B3E5E\",\r\n fontSize: 16,\r\n },\r\n splitLine: {\r\n lineStyle: {\r\n color: \"#0B3E5E\",\r\n width: 2,\r\n type: \"solid\",\r\n },\r\n },\r\n },\r\n calculable: true,\r\n series: [\r\n {\r\n type: \"pie\",\r\n radius: [\"5%\", \"10%\"],\r\n hoverAnimation: false,\r\n labelLine: {\r\n normal: {\r\n show: false,\r\n length: 30,\r\n length2: 55,\r\n },\r\n emphasis: {\r\n show: false,\r\n },\r\n },\r\n data: [\r\n {\r\n name: \"\",\r\n value: 0,\r\n itemStyle: {\r\n normal: {\r\n color: \"#0B4A6B\",\r\n },\r\n },\r\n },\r\n ],\r\n },\r\n {\r\n type: \"pie\",\r\n radius: [\"90%\", \"95%\"],\r\n hoverAnimation: false,\r\n labelLine: {\r\n normal: {\r\n show: false,\r\n length: 30,\r\n length2: 55,\r\n },\r\n emphasis: {\r\n show: false,\r\n },\r\n },\r\n name: \"\",\r\n data: [\r\n {\r\n name: \"\",\r\n value: 0,\r\n itemStyle: {\r\n normal: {\r\n color: \"#0B4A6B\",\r\n },\r\n },\r\n },\r\n ],\r\n },\r\n {\r\n stack: \"a\",\r\n type: \"pie\",\r\n radius: [\"20%\", \"80%\"],\r\n roseType: \"area\",\r\n zlevel: 10,\r\n label: {\r\n normal: {\r\n show: true,\r\n formatter: \"{b} {d} %\",\r\n textStyle: {\r\n fontSize: 20,\r\n color: \"#fff\",\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: 35,\r\n borderWidth: 4,\r\n },\r\n emphasis: {\r\n show: false,\r\n },\r\n },\r\n data: [\r\n {\r\n value: 15,\r\n name: \"东台市\",\r\n },\r\n {\r\n value: 7,\r\n name: \"阜宁县\",\r\n },\r\n {\r\n value: 14,\r\n name: \"盐都区\",\r\n },\r\n {\r\n value: 23,\r\n name: \"滨海县\",\r\n },\r\n {\r\n value: 18,\r\n name: \"建湖县\",\r\n },\r\n {\r\n value: 35,\r\n name: \"射阳县\",\r\n },\r\n {\r\n value: 31,\r\n name: \"大丰区\",\r\n },\r\n {\r\n value: 28,\r\n name: \"响水县\",\r\n },\r\n {\r\n value: 36,\r\n name: \"亭湖区\",\r\n },\r\n ],\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedThree(dataList) {\r\n // console.log(this.threeImg,'图片');\r\n // var equipment = [dataList.yjlts, dataList.yjlyj];\r\n var that = this;\r\n // console.log(that,'指向');\r\n var colorList = [\r\n \"#0090ff\",\r\n \"#06d3c4\",\r\n \"#66b0ed\",\r\n \"#7cb79d\",\r\n \"#2361b4\",\r\n \"rgb(198,123,244)\",\r\n ];\r\n var colorList1 = [\"rgb(198,123,244)\", \"#2361b4\"];\r\n // 饼图数据\r\n var threeList = dataList.map((ele) => {\r\n return { name: ele.gd_type_name, value: ele.total };\r\n });\r\n // console.log(threeList, \"饼图数据\");\r\n // var legendData = dataList.concat(\r\n // {\r\n // value: equipment[0],\r\n // name: \"运检类投诉\",\r\n // },\r\n // {\r\n // value: equipment[1],\r\n // name: \"运检类意见\",\r\n // }\r\n // );\r\n this.myChartBin = this.$echarts.init(\r\n document.getElementById(\"detailedThree\")\r\n );\r\n // var graphicList = [];\r\n // legendData.forEach((ele, index) => {\r\n // if (index <= 2) {\r\n // graphicList.push({\r\n // type: \"image\",\r\n // style: {\r\n // image: this.threeImg,\r\n // width: 164,\r\n // height: 41,\r\n // x: 250,\r\n // y: 55 * (index + 1),\r\n // },\r\n // });\r\n // } else {\r\n // graphicList.push({\r\n // type: \"image\",\r\n // style: {\r\n // image: this.threeImg,\r\n // width: 164,\r\n // height: 41,\r\n // x: 424,\r\n // y: 55 * (index - 2),\r\n // },\r\n // });\r\n // }\r\n // });\r\n this.option = {\r\n borderColor: \"none\",\r\n\r\n tooltip: {\r\n formatter: function (param) {\r\n if (param.data.type == null) {\r\n return param.data.name + \":\" + param.value + \"个\";\r\n } else {\r\n return param.data.name + \":\" + param.value + \"个\";\r\n }\r\n },\r\n },\r\n\r\n legend: {\r\n icon: \"pin\",\r\n // height: 90,\r\n top: 20,\r\n show: false,\r\n // bottom:0,\r\n // itemGap: 40,\r\n // lineHeight: 80,\r\n // padding: [30, 0, 30, 0],\r\n // right: '20%',\r\n // orient: \"vertical\", //垂直显示\r\n x: \"center\", //延Y轴居中\r\n data: dataList.map((ele) => {\r\n return ele.gd_type_name;\r\n }),\r\n textStyle: {\r\n color: \"#ffffff\",\r\n fontSize: 15,\r\n\r\n // width:20,\r\n // height:60,\r\n },\r\n },\r\n series: [\r\n {\r\n name: \"\",\r\n type: \"pie\",\r\n radius: [0, \"70%\"],\r\n center: [\"50%\", \"50%\"],\r\n startAngle: 60, //默认角度\r\n label: {\r\n position: \"inner\",\r\n show: false,\r\n },\r\n\r\n itemStyle: {\r\n normal: {\r\n borderColor: \"none\",\r\n borderWidth: 2,\r\n fontSize: 16,\r\n color: function (params) {\r\n return colorList[params.dataIndex];\r\n },\r\n },\r\n },\r\n\r\n selectedMode: \"single\",\r\n data: threeList,\r\n },\r\n // {\r\n // name: \"运检类\",\r\n // type: \"pie\",\r\n // radius: [\"70%\", \"80%\"],\r\n // center: [\"20%\", \"50%\"],\r\n // startAngle: 30,\r\n // itemStyle: {\r\n // normal: {\r\n // fontSize: 16,\r\n // color: function (params) {\r\n // return colorList1[params.dataIndex];\r\n // },\r\n // // color:'#F4C907',\r\n // },\r\n // },\r\n // label: {\r\n // normal: {\r\n // formatter: function (params) {\r\n // return params.data.name + \":\" + params.data.type + \"个\";\r\n // },\r\n // color: \"auto\",\r\n // show: false,\r\n // fontSize: 16,\r\n // },\r\n // },\r\n\r\n // data: [\r\n // {\r\n // value: equipment[0],\r\n // name: \"运检类投诉\",\r\n // type: equipment[0],\r\n // },\r\n // {\r\n // value: equipment[1],\r\n // name: \"运检类意见\",\r\n // type: equipment[1],\r\n // },\r\n // ],\r\n // animation: false,\r\n // },\r\n ],\r\n };\r\n this.myChartBin.setOption(this.option);\r\n window.addEventListener(\"resize\", () => {\r\n this.myChartBin.resize();\r\n });\r\n },\r\n doing() {\r\n this.option.series[0].startAngle = this.option.series[0].startAngle - 5;\r\n this.option.series[1].startAngle = this.option.series[1].startAngle - 5;\r\n this.myChartBin.setOption(this.option);\r\n },\r\n detailedFour(dataList) {\r\n let yearBzData = [];\r\n let yearChcg = [];\r\n let yearChbc = [];\r\n let yearWchz = [];\r\n let yearJieDi = [];\r\n let yearFenJi = [];\r\n for (let i = 0; i < dataList.length; i++) {\r\n yearBzData.push(dataList[i].bz);\r\n yearChcg.push(dataList[i].chcg);\r\n yearChbc.push(dataList[i].chbc);\r\n yearWchz.push(dataList[i].wchz);\r\n yearJieDi.push(dataList[i].jd);\r\n yearFenJi.push(dataList[i].fjbh);\r\n }\r\n // console.log(yearJieDi,'接地数据');\r\n let that = this;\r\n let myChart = this.$echarts.init(document.getElementById(\"detailedFour\"));\r\n var option = {\r\n tooltip: {\r\n axisPointer: {\r\n type: \"shadow\",\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 16,\r\n },\r\n },\r\n },\r\n grid: {\r\n borderWidth: 0,\r\n top: 30,\r\n bottom: \"17%\",\r\n left: \"6%\",\r\n right: \"6%\",\r\n textStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n legend: {\r\n icon: \"rect\",\r\n right: \"4%\",\r\n textStyle: {\r\n color: \"#ffffff\",\r\n },\r\n data: [\"重合成功\", \"重合不成\", \"无重合闸\", \"接地\", \"分级保护\"],\r\n },\r\n calculable: true,\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n trigger: \"axis\",\r\n axisLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#fff\",\r\n fontSize: 16,\r\n },\r\n },\r\n splitLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitArea: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n fontSize: 14,\r\n rotate: 30,\r\n },\r\n data: yearBzData,\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n color: \"rgb(83,83,83)\",\r\n fontSize: 16,\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n fontSize: 16,\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n },\r\n splitArea: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"重合成功\",\r\n type: \"bar\",\r\n stack: \"Total1\",\r\n barMaxWidth: 15,\r\n barGap: \"10%\",\r\n label: {\r\n show: true,\r\n formatter: function (params) {\r\n if (params.value == 0) {\r\n return \"\";\r\n } else {\r\n return params.value;\r\n }\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n {\r\n offset: 0,\r\n color: \"rgba(194,190,190,2)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgb(194,190,190)\",\r\n },\r\n ]),\r\n borderColor: new that.$echarts.graphic.LinearGradient(\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n [\r\n {\r\n offset: 0,\r\n color: \"rgba(194,190,190,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(194,190,190,0)\",\r\n },\r\n ]\r\n ),\r\n },\r\n },\r\n data: yearChcg,\r\n },\r\n {\r\n name: \"重合不成\",\r\n type: \"bar\",\r\n barMaxWidth: 15,\r\n stack: \"Total1\",\r\n label: {\r\n show: true,\r\n formatter: function (params) {\r\n if (params.value == 0) {\r\n return \"\";\r\n } else {\r\n return params.value;\r\n }\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n {\r\n offset: 0,\r\n color: \"rgba(86,254,226,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(86,254,226,0)\",\r\n },\r\n ]),\r\n borderColor: new that.$echarts.graphic.LinearGradient(\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n [\r\n {\r\n offset: 0,\r\n color: \"rgba(86,254,226,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(86,254,226,0)\",\r\n },\r\n ]\r\n ),\r\n },\r\n },\r\n data: yearChbc,\r\n },\r\n {\r\n name: \"无重合闸\",\r\n type: \"bar\",\r\n barMaxWidth: 15,\r\n stack: \"Total1\",\r\n label: {\r\n show: true,\r\n formatter: function (params) {\r\n if (params.value == 0) {\r\n return \"\";\r\n } else {\r\n return params.value;\r\n }\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n {\r\n offset: 0,\r\n color: \"rgba(237,125,49,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(237,125,49,0)\",\r\n },\r\n ]),\r\n borderColor: new that.$echarts.graphic.LinearGradient(\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n [\r\n {\r\n offset: 0,\r\n color: \"rgba(237,125,49,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(237,125,49,0)\",\r\n },\r\n ]\r\n ),\r\n barBorderRadius: 0,\r\n },\r\n },\r\n data: yearWchz,\r\n },\r\n {\r\n name: \"接地\",\r\n type: \"bar\",\r\n barMaxWidth: 15,\r\n stack: \"Total1\",\r\n label: {\r\n show: true,\r\n formatter: function (params) {\r\n if (params.value == 0) {\r\n return \"\";\r\n } else {\r\n return params.value;\r\n }\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n {\r\n offset: 0,\r\n color: \"rgba(35,160,247,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(35,160,247,0)\",\r\n },\r\n ]),\r\n borderColor: new that.$echarts.graphic.LinearGradient(\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n [\r\n {\r\n offset: 0,\r\n color: \"rgba(35,160,247,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(35,160,247,0)\",\r\n },\r\n ]\r\n ),\r\n barBorderRadius: 0,\r\n },\r\n },\r\n data: yearJieDi,\r\n },\r\n {\r\n name: \"分级保护\",\r\n type: \"bar\",\r\n barMaxWidth: 15,\r\n stack: \"Total1\",\r\n label: {\r\n show: true,\r\n formatter: function (params) {\r\n if (params.value == 0) {\r\n return \"\";\r\n } else {\r\n return params.value;\r\n }\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n {\r\n offset: 0,\r\n color: \"rgba(156,73,200,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(156,73,200,0)\",\r\n },\r\n ]),\r\n borderColor: new that.$echarts.graphic.LinearGradient(\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n [\r\n {\r\n offset: 0,\r\n color: \"rgba(156,73,200,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(156,73,200,0)\",\r\n },\r\n ]\r\n ),\r\n barBorderRadius: 0,\r\n },\r\n },\r\n data: yearFenJi,\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedFive() {\r\n let myChart = this.$echarts.init(document.getElementById(\"detailedFive\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n },\r\n grid: {\r\n left: \"5%\", //图表距离容器左侧多少距离\r\n right: \"5%\", //图表距离容器右侧侧多少距离\r\n bottom: \"0%\", //图表距离容器上面多少距离\r\n top: \"30%\", //图表距离容器下面多少距离\r\n containLabel: true, //防止标签溢出\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 \"长荡镇\",\r\n \"河海镇\",\r\n \"黄沙港镇\",\r\n \"临海镇\",\r\n \"兴桥镇\",\r\n \"合德镇\",\r\n \"四明镇\",\r\n \"特庸镇\",\r\n ],\r\n axisLabel: {\r\n interval: 0, //横轴信息全部显示\r\n show: true,\r\n textStyle: {\r\n color: \"#ffffff\",\r\n fontSize: 18,\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 fontSize: 18,\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"配变名称\",\r\n type: \"bar\",\r\n barWidth: 40, // 柱子宽度核心代码\r\n itemStyle: {\r\n normal: {\r\n color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"rgba(232, 155, 0,.3)\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"rgb(232, 155, 0)\",\r\n },\r\n ]),\r\n label: {\r\n show: true, //开启显示\r\n position: \"top\", //在上方显示\r\n textStyle: {\r\n //数值样式\r\n color: \"rgb(232, 155, 0)\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n },\r\n data: [87.69, 84.69, 82.69, 83.69, 77.69, 67.69, 57.69, 47.69],\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":";AA+xBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;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;;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;;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;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;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;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;;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;;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","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 <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>盐城地区分布光伏运行监测</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content3\">\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >户数高渗透率 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.hsgst\"\r\n >{{ CompanyInfo.hsgst }}\r\n <span style=\"font-size: 18px; color: #fff\">%</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >容量渗透率 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"orange\"\r\n :text=\"CompanyInfo.rlst\"\r\n >{{ CompanyInfo.rlst }}\r\n <span style=\"font-size: 18px; color: #fff\">%</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >能量渗透率 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.nlst\"\r\n >{{ CompanyInfo.nlst }}\r\n <span style=\"font-size: 18px; color: #fff\">%</span>\r\n </span>\r\n </div>\r\n </div>\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\" @click=\"routerTo('配网工程全过程物资审计')\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>配网工程全过程物资审计</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content3\" style=\"display: inline\">\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n <span style=\"font-size: 18px\" class=\"num1\">项目数 </span>\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.xms\"\r\n >{{ CompanyInfo.xms }}\r\n <span style=\"font-size: 18px; color: #fff\">万</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\">预算费用总和</span>\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"orange\"\r\n :text=\"CompanyInfo.ysfyzh\"\r\n >{{ CompanyInfo.ysfyzh }}\r\n <span style=\"font-size: 18px; color: #fff\">%</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\">计划数</span>\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.jhs\"\r\n >{{ CompanyInfo.jhs }}\r\n </span>\r\n </div>\r\n </div>\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\" @click=\"routerTo('盐城东台区供电所数字化分析')\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>盐城东台区供电所数字化分析</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content3\">\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >升档配变数量 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.sdpbsl\"\r\n >{{ CompanyInfo.sdpbsl }}</span\r\n >\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\">降档配比数量</span>\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"orange\"\r\n :text=\"CompanyInfo.jdpbsl\"\r\n >{{ CompanyInfo.jdpbsl }}</span\r\n >\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >负荷关注配变数量 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.fhgzpb\"\r\n >{{ CompanyInfo.fhgzpb }}</span\r\n >\r\n </div>\r\n </div>\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\" @click=\"routerTo('盐城供电公司配网电能质量管控')\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>盐城供电公司配网电能质量管控</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content3\">\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >月供电可靠性 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.ygdkkx\"\r\n >{{ CompanyInfo.ygdkkx }}\r\n <span style=\"font-size: 18px; color: #fff\">%</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >平均停电频次 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"orange\"\r\n :text=\"CompanyInfo.pjtdpc\"\r\n >{{ CompanyInfo.pjtdpc }}\r\n <span style=\"font-size: 18px; color: #fff\">次/户</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >平均停电时间 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.pjtdsj\"\r\n >{{ CompanyInfo.pjtdsj }}\r\n <span style=\"font-size: 18px; color: #fff\">小时</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div id=\"detailedOne\"></div>\r\n </div>\r\n </div>\r\n <div class=\"middle\" id=\"middle\">\r\n <div class=\"map\" style=\"height: 100%\">\r\n <canvas\r\n id=\"myCanvas\"\r\n width=\"1000\"\r\n height=\"600\"\r\n style=\"position: absolute\"\r\n ></canvas>\r\n <img src=\"../assets/indexN/left.png\" class=\"leftimg\" alt=\"\" />\r\n <img src=\"../assets/indexN/right.png\" class=\"rightimg\" alt=\"\" />\r\n <img class=\"allimg\" src=\"../assets/indexN/dfsxz.png\" alt=\"\" />\r\n <div class=\"imgboxtwo1\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\" style=\"color: #fff; font-size: 26px\">\r\n 大丰区\r\n </div>\r\n </div>\r\n <div class=\"content2\">\r\n <div class=\"line1\">\r\n 用电量 (kwh) \r\n <span style=\"color: yellow; font-size: 28px\">2.685亿</span>\r\n </div>\r\n <div class=\"line1\">\r\n 碳排放量 (kg) \r\n <span style=\"color: orange; font-size: 28px\">7.303万</span>\r\n </div>\r\n <div class=\"line1\">\r\n 企业数量 \r\n <span style=\"color: yellow; font-size: 28px\">713</span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"imgboxone\">\r\n <div class=\"contents\">\r\n <div class=\"lines\" style=\"width: 55%\">\r\n <img src=\"../assets/indexN/tb1.png\" style=\"margin-top: 15%\" />\r\n <h4 style=\"color: #fff; margin-top: 10%\">数据目录</h4>\r\n </div>\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span>发布数量</span>\r\n <span class=\"yellow\">\r\n 100 <span style=\"color: #fff\">%</span>\r\n </span>\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <span>负面清单</span>\r\n <span class=\"orange\">\r\n 7244<span style=\"color: #fff\">个</span>\r\n </span>\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <span>涉及系统</span>\r\n <span class=\"yellow\">\r\n 251 <span style=\"color: #fff\">个</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"lines\" style=\"width: 55%\">\r\n <img src=\"../assets/indexN/tb2.png\" style=\"margin-top: 15%\" />\r\n <h4 style=\"color: #fff; margin-top: 10%\">数据资源</h4>\r\n </div>\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <div style=\"display: inline-block\">\r\n <span>接入数量</span>\r\n </div>\r\n <span class=\"yellow\"\r\n > 1.6 <span style=\"color: #fff\">万个</span></span\r\n >\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <div style=\"display: inline-block\">\r\n <span>涉及系统</span>\r\n </div>\r\n <span class=\"orange\"\r\n > 123 <span style=\"color: #fff\">个</span></span\r\n >\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <div style=\"display: inline-block\">\r\n <span>数据资源卡片</span>\r\n </div>\r\n <span class=\"yellow\"\r\n >31<span style=\"color: #fff\">个</span></span\r\n >\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"lines\" style=\"width: 55%\">\r\n <img src=\"../assets/indexN/tb3.png\" style=\"margin-top: 15%\" />\r\n <h4 style=\"color: #fff; margin-top: 10%\">数据服务</h4>\r\n </div>\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <div style=\"display: inline-block\">\r\n <span>服务数量</span>\r\n </div>\r\n <span class=\"yellow\">\r\n 1084<span style=\"color: #fff\">个</span>\r\n </span>\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <div style=\"display: inline-block\">\r\n <span>接入数量</span>\r\n </div>\r\n <span class=\"orange\">\r\n 8833<span style=\"color: #fff\">个</span>\r\n </span>\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <div style=\"display: inline-block\">\r\n <span>访问次数</span>\r\n </div>\r\n <span class=\"yellow\">\r\n 5.3 <span style=\"color: #fff\">亿个</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"lines\" style=\"width: 55%\">\r\n <img src=\"../assets/indexN/tb4.png\" style=\"margin-top: 15%\" />\r\n <h4 style=\"color: #fff; margin-top: 10%\">数据产品</h4>\r\n </div>\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <div style=\"display: inline-block\">\r\n <span>报表数量</span>\r\n </div>\r\n <span class=\"yellow\"\r\n > 19 <span style=\"color: #fff\">个</span></span\r\n >\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <div style=\"display: inline-block\">\r\n <span>服务访问次数</span>\r\n </div>\r\n <span class=\"orange\"\r\n > 0 <span style=\"color: #fff\">次</span></span\r\n >\r\n </div>\r\n <div class=\"num\" style=\"margin-top: 5%\">\r\n <div style=\"display: inline-block\">\r\n <span>指标数量</span>\r\n </div>\r\n <span class=\"yellow\"\r\n > 477 <span style=\"color: #fff\">个</span></span\r\n >\r\n </div>\r\n </div>\r\n </div>\r\n </div>\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\" @click=\"routerTo('乡村振兴电力综合指数')\">\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\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>乡村振兴电力综合指数</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n <!-- <div 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=\"content3\">\r\n <div class=\"contentUl\">\r\n <div class=\"top1\">\r\n <!-- <img src=\"../assets/indexN/xctb2.png\" /> -->\r\n <div class=\"texts\">94.46</div>\r\n <h4>产业兴旺</h4>\r\n </div>\r\n <div class=\"top2\">\r\n <!-- <img src=\"../assets/indexN/xctb2.png\" /> -->\r\n <div class=\"texts\">63.95</div>\r\n <h4>生活宜居</h4>\r\n </div>\r\n <div class=\"top3\">\r\n <div class=\"texts\">74.15</div>\r\n <h4>生活富裕</h4>\r\n </div>\r\n <div class=\"top4\">\r\n <div class=\"texts\">56.23</div>\r\n <h4>治理有效</h4>\r\n </div>\r\n <div class=\"top5\">\r\n <div class=\"texts\">86.82</div>\r\n <h4>乡风文明</h4>\r\n </div>\r\n <div class=\"top\">\r\n <img src=\"../assets/indexN/xctb1.png\" />\r\n <div class=\"texts\" style=\"color: yellow\">77.17</div>\r\n </div>\r\n <!-- <div class=\"top\">\r\n <img src=\"../assets/05/sjfx.png\" />\r\n <div class=\"texts\" style=\"color: yellow\">\r\n 0\r\n <span style=\"font-size: 15px; color: #fff\">个</span>\r\n </div>\r\n <h4>自然村</h4>\r\n </div> -->\r\n </div>\r\n </div>\r\n <div class=\"enselect\">\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n <span class=\"text\">乡镇</span>\r\n </div>\r\n <div id=\"detailedFive\"></div>\r\n </div>\r\n\r\n <div class=\"three\" style=\"height: 48%; width: 100%\">\r\n <div class=\"cartitle\" @click=\"routerTo('两高行业企业污染监测')\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>两高行业企业污染监测</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <!-- <div class=\"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=\"content3\" style=\"display: inline\">\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n <span style=\"font-size: 18px\" class=\"num1\" id=\"textleft\"\r\n >2022年度总碳排放量</span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600; margin-left: 30px\"\r\n class=\"numText\"\r\n :text=\"CompanyInfo.ztpf\"\r\n id=\"yellow\"\r\n >{{ CompanyInfo.ztpf }}\r\n <span style=\"font-size: 18px; color: #fff\">吨碳</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\" id=\"textleft\"\r\n >2022年度总用电量</span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600; margin-left: 30px\"\r\n class=\"numText\"\r\n id=\"orange\"\r\n :text=\"CompanyInfo.zydl\"\r\n >{{ CompanyInfo.zydl }}\r\n <span style=\"font-size: 18px; color: #fff\">kwh</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\" id=\"textleft\"\r\n >2022年度客户总数</span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600; margin-left: 30px\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.khzs\"\r\n >{{ CompanyInfo.khzs }}\r\n <span style=\"font-size: 18px; color: #fff\">人</span>\r\n </span>\r\n </div>\r\n </div>\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\" @click=\"routerTo('农村生活污水治理设备电量分析')\">\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\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>农村生活污水治理设备电量分析</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n <!-- <div 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\r\n <div class=\"content3\">\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >年度总用电量 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.xczydl\"\r\n >{{ CompanyInfo.xczydl }}\r\n <span style=\"font-size: 18px; color: #fff\">万kwh</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >最大设备规模 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"orange\"\r\n :text=\"CompanyInfo.zdsbgm\"\r\n >{{ CompanyInfo.zdsbgm }}\r\n <span style=\"font-size: 18px; color: #fff\">吨/日</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >最小设备规模 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.zxsbgm\"\r\n >{{ CompanyInfo.zxsbgm }}\r\n <span style=\"font-size: 18px; color: #fff\">吨/日</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div id=\"detailen\"></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\r\n class=\"cartitle\"\r\n @click=\"routerTo('数字化排涝抗旱辅助及检修辅助决策')\"\r\n >\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>数字化排涝抗旱辅助及检修辅助决策</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content3\">\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >辖区管理供电所 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.glgds\"\r\n >{{ CompanyInfo.glgds }}\r\n <span style=\"font-size: 18px; color: #fff\">个</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >辖区管理台区 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"orange\"\r\n :text=\"CompanyInfo.gltq\"\r\n >{{ CompanyInfo.gltq }}\r\n <span style=\"font-size: 18px; color: #fff\">个</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"line3\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span style=\"font-size: 18px\" class=\"num1\"\r\n >自然村 </span\r\n >\r\n <span\r\n style=\"font-size: 40px; font-weight: 600\"\r\n class=\"numText\"\r\n id=\"yellow\"\r\n :text=\"CompanyInfo.zrc\"\r\n >{{ CompanyInfo.zrc }}\r\n <span style=\"font-size: 18px; color: #fff\">条</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div id=\"shuzihua\"></div>\r\n </div>\r\n </div>\r\n <div class=\"realTimeAlarm\" v-show=\"realTimeAlarmShow\">\r\n <div class=\"content3\">\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\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=\"content3\">\r\n <div class=\"table user_skills\">\r\n <el-table\r\n :data=\"alarmInformationData\"\r\n style=\"width: 100%; height: 100%\"\r\n :header-cell-style=\"{ 'text-align': 'center' }\"\r\n :cell-style=\"{ 'text-align': 'center' }\"\r\n :row-class-name=\"rowClass\"\r\n >\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\r\n prop=\"cabinet_name\"\r\n label=\"告警位置\"\r\n align=\"center\"\r\n >\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\r\n @current-change=\"handleCurrentChange\"\r\n :current-page=\"page\"\r\n :page-size=\"pageSize\"\r\n layout=\"prev, pager, next\"\r\n :total=\"totals\"\r\n v-if=\"pageShow\"\r\n >\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\r\n class=\"componentShow\"\r\n style=\"display: block; height: calc(100% - 100px); top: 100px\"\r\n v-if=\"lineItem != null\"\r\n >\r\n <component :is=\"lineShow\" :lineItem=\"lineItem\"></component>\r\n </div> -->\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\nimport {\r\n getCompanyInfo,\r\n getLine,\r\n getBanzugz,\r\n getGdtj,\r\n getDwbzgz,\r\n getGdsgdzl,\r\n getPbtyqk,\r\n getCabinetInfo,\r\n getCabinetList,\r\n getfaultReportList,\r\n getCabinetAlarmList,\r\n} from \"../api/index.js\";\r\n//引入echarts\r\nimport * as echarts from \"echarts\";\r\n// 工单统计弹窗组件\r\nimport workOrder from \"../component/workOrder.vue\";\r\n// import 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 hsgst: \"3.4\",\r\n rlst: \"0.01\",\r\n nlst: \"0.44\",\r\n xms: \"9.279\",\r\n ysfyzh: \"118.5\",\r\n jhs: \"44\",\r\n sdpbsl: \"12\",\r\n jdpbsl: \"7\",\r\n fhgzpb: \"87\",\r\n ygdkkx: \"99.95\",\r\n pjtdpc: \"0.39\",\r\n pjtdsj: \"0.37\",\r\n ztpf: \"108.3万\",\r\n zydl: \"39.83亿\",\r\n khzs: \"4968\",\r\n xczydl: \"723.6\",\r\n zdsbgm: \"1250\",\r\n zxsbgm: \"3673\",\r\n glgds: \"10\",\r\n gltq: \"13884\",\r\n zrc: \"306\",\r\n },\r\n tableData: [],\r\n btnArr: [\"总览\", \"环网柜\", \"分支箱\", \"箱变\", \"开闭所\"],\r\n btnActive: 0,\r\n iconGround: [\r\n {\r\n icon: require(\"@/assets/images/huanwanggui.png\"),\r\n name: \"环网柜\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/fenzhixiang.png\"),\r\n name: \"分支箱\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/xiangbian.png\"),\r\n name: \"箱变\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/kaibisuo.png\"),\r\n name: \"开闭所\",\r\n },\r\n ],\r\n btnEnlarge: [\r\n {\r\n icon: require(\"@/assets/images/btnTiShi.png\"),\r\n },\r\n {\r\n icon: require(\"@/assets/images/btnFangDa.png\"),\r\n },\r\n ],\r\n btnEnlarge1: [\r\n {\r\n icon: require(\"@/assets/images/btnTiShi.png\"),\r\n },\r\n {\r\n icon: require(\"@/assets/images/suoxiao.png\"),\r\n },\r\n ],\r\n options: [\r\n {\r\n value: \"\",\r\n label: \"\",\r\n },\r\n ],\r\n value: \"\",\r\n topContent: [\r\n {\r\n name: \"配变数量\",\r\n count: \"\",\r\n },\r\n {\r\n name: \"重复停运台次\",\r\n count: \"\",\r\n },\r\n {\r\n name: \"配变重复停运率\",\r\n count: \"\",\r\n },\r\n ],\r\n device: \"\",\r\n tableData: [],\r\n tableKey: +new Date(),\r\n scrollTop: 0, //table距离顶部距离\r\n option: null,\r\n myChartBin: null,\r\n\r\n gongdanList: [\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"频繁停电\",\r\n total: 0,\r\n },\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"处理时间长\",\r\n total: 0,\r\n },\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"运检类投诉\",\r\n total: 0,\r\n },\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"运检类意见\",\r\n total: 0,\r\n },\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"民事赔偿\",\r\n total: 0,\r\n },\r\n {\r\n gd_type_id: \"\",\r\n gd_type_name: \"多次停电\",\r\n total: 0,\r\n },\r\n ],\r\n\r\n // 工单\r\n orderItem: null,\r\n\r\n orderShow: \"\",\r\n // 线路故障明细\r\n routeItem: null,\r\n routeShow: \"\",\r\n\r\n // 配电线路\r\n lineItem: null,\r\n lineShow: \"\",\r\n timer: null, //定时器\r\n emergencyList: [], //告警数据\r\n rowTime: \"\",\r\n };\r\n },\r\n created() {},\r\n mounted() {\r\n // this.beginShowing();\r\n // 监听浏览器窗口大小变化\r\n window.onresize = () => {\r\n clearInterval(this.myTimer);\r\n this.beginShowing();\r\n };\r\n window.parent.getLoc();\r\n this.xianDuan();\r\n this.detailedTwo11();\r\n this.horizontalChart();\r\n this.detailedOne();\r\n this.barCharts();\r\n this.detailedFive();\r\n this.shuzihuaCharts();\r\n this.roseCharts();\r\n this.detailen1();\r\n // this.handleDate(0);\r\n\r\n let that = this;\r\n\r\n // //历史故障接口\r\n // let faultData = {\r\n // token: localStorage.getItem(\"token\"),\r\n // pageSize: \"500\",\r\n // page: \"1\",\r\n // };\r\n },\r\n // beforeDestroy() {\r\n // this.dataDestroy(); // 页面摧毁前，关闭定时器\r\n // },\r\n beforeDestroy() {\r\n // 离开当前路由前的操作\r\n clearInterval(this.timer);\r\n this.timer = null;\r\n },\r\n methods: {\r\n //地图画线\r\n xianDuan() {\r\n var canvas = document.getElementById(\"myCanvas\");\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.moveTo(650, 450); // moveTo(x,y) 定义线条开始坐标\r\n ctx.lineTo(735, 250); // lineTo(x,y) 定义线条结束坐标\r\n ctx.strokeStyle = \"orange\";\r\n ctx.lineWidth = 3;\r\n ctx.stroke();\r\n },\r\n routerTo(data) {\r\n if (data == \"盐城地区分布光伏运行监测\") {\r\n this.$router.push(\"/stationBuilding\");\r\n }\r\n if (data == \"盐城东台区供电所数字化分析\") {\r\n this.$router.push(\"/twentyKV\");\r\n }\r\n if (data == \"配网工程全过程物资审计\") {\r\n this.$router.push(\"/thirtyFiveKV\");\r\n }\r\n if (data == \"盐城供电公司配网电能质量管控\") {\r\n this.$router.push(\"/powerQualityControl\");\r\n }\r\n if (data == \"乡村振兴电力综合指数\") {\r\n this.$router.push(\"/ruralRevitalizationPower\");\r\n }\r\n if (data == \"两高行业企业污染监测\") {\r\n this.$router.push(\"/enterprisePollutionMonitoring\");\r\n }\r\n if (data == \"农村生活污水治理设备电量分析\") {\r\n this.$router.push(\"/ruralDomesticSewageTreatment\");\r\n }\r\n if (data == \"数字化排涝抗旱辅助及检修辅助决策\") {\r\n this.$router.push(\"/digitalFloodDrainageDroughtRelief\");\r\n }\r\n },\r\n detailen1() {\r\n var fontColor = \"#30eee9\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailen\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n },\r\n grid: {\r\n left: \"0%\", //图表距离容器左侧多少距离\r\n right: \"10%\", //图表距离容器右侧侧多少距离\r\n bottom: \"20%\", //图表距离容器上面多少距离\r\n top: \"10%\", //图表距离容器下面多少距离\r\n containLabel: true, //防止标签溢出\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n },\r\n\r\n data: [\"电量KWH\"],\r\n },\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n data: [\r\n \"安丰镇\",\r\n \"草堰镇\",\r\n \"龙岗镇\",\r\n \"新丰镇\",\r\n \"伍佑街道\",\r\n \"步凤镇\",\r\n ],\r\n axisLabel: {\r\n show: true,\r\n textStyle: {\r\n color: \"#ffffff\",\r\n fontSize: 18,\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 fontSize: 18,\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"电量kwh\",\r\n type: \"bar\",\r\n barWidth: 40, // 柱子宽度核心代码，\r\n itemStyle: {\r\n normal: {\r\n color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"rgba(2,255,255,.1)\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"rgb(2,255,255)\",\r\n },\r\n ]),\r\n label: {\r\n show: true, //开启显示\r\n position: \"top\", //在上方显示\r\n formatter: function (params) {\r\n //核心部分 formatter 可以为字符串也可以是回调\r\n if (params.value) {\r\n //如果当前值存在则拼接\r\n return params.value + \"万\";\r\n } else {\r\n //否则返回个空\r\n return \"\";\r\n }\r\n },\r\n textStyle: {\r\n //数值样式\r\n color: \"#00ffff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n data: [320, 332, 301, 334, 390, 288, 299],\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n //班组\r\n getbanzhu() {\r\n getBanzugz({\r\n action: \"detail\",\r\n }).then((res) => {\r\n console.log(res, \"班组故障详情\");\r\n for (let i = 0; i < res.data.data.length; i++) {\r\n if (res.data.data[i].gz_time_deal) {\r\n let date = new Date(res.data.data[i].gz_time_deal);\r\n res.data.data[i].gz_time_deal =\r\n this.$moment(date).format(\"YYYY-MM-DD HH:mm\");\r\n // console.log(res.data.data[i].gz_time_deal,'转换后');\r\n }\r\n if (res.data.data[i].gz_time) {\r\n let time = new Date(res.data.data[i].gz_time);\r\n res.data.data[i].gz_time =\r\n this.$moment(time).format(\"YYYY-MM-DD HH:mm\");\r\n }\r\n this.tableData.push(res.data.data[i]);\r\n }\r\n });\r\n },\r\n //工单\r\n getGongdan() {\r\n getGdtj({ action: \"tongji\" }).then((res) => {\r\n console.log(res, \"工单统计数据\");\r\n let dataList = res.data.data;\r\n\r\n for (let i = 0; i < this.gongdanList.length; i++) {\r\n for (let j = 0; j < res.data.data.length; j++) {\r\n if (\r\n this.gongdanList[i].gd_type_name == res.data.data[j].gd_type_name\r\n ) {\r\n this.gongdanList[i].total = res.data.data[j].total;\r\n this.gongdanList[i].gd_type_id = res.data.data[j].gd_type_id;\r\n }\r\n }\r\n }\r\n // this.gongdanList = res.data.data;\r\n this.detailedThree(dataList);\r\n // this.$nextTick(() => {\r\n // this.detailedThree(dataList);\r\n // setInterval(() => {\r\n // this.doing();\r\n // }, 200);\r\n // });\r\n });\r\n },\r\n // //表格第一行颜色\r\n rowClass(row, rowIndex) {\r\n if (row.rowIndex === 0) {\r\n return \"rowColor0\";\r\n } else {\r\n return \"\";\r\n }\r\n },\r\n //切换当前页\r\n handleCurrentChange(val) {\r\n this.page = val;\r\n let tableData = [];\r\n if (this.emergencyList.length != 0) {\r\n tableData = this.emergencyList;\r\n if (val == 1) {\r\n this.alarmInformationData = tableData.slice(0, 10);\r\n document.getElementsByClassName(\"rowColor0\")[0].style.display = \"\";\r\n } else if (val == 2) {\r\n document.getElementsByClassName(\"rowColor0\")[0].style.display =\r\n \"none\";\r\n this.alarmInformationData = tableData.slice(10, 20);\r\n } else if (val == 3) {\r\n this.alarmInformationData = tableData.slice(20, 30);\r\n document.getElementsByClassName(\"rowColor0\")[0].style.display =\r\n \"none\";\r\n } else if (val == 4) {\r\n this.alarmInformationData = tableData.slice(30, 40);\r\n document.getElementsByClassName(\"rowColor0\")[0].style.display =\r\n \"none\";\r\n } else if (val == 5) {\r\n this.alarmInformationData = tableData.slice(40, 50);\r\n document.getElementsByClassName(\"rowColor0\")[0].style.display =\r\n \"none\";\r\n }\r\n } else {\r\n return false;\r\n }\r\n },\r\n // 线路详情弹窗\r\n openLineDetail(e) {\r\n // console.log(e);\r\n // var line = e + ''\r\n // console.log(line);\r\n getLine({ action: \"pdxl\" }).then(({ data }) => {\r\n console.log(data);\r\n this.lineShow = \"lineDetail\";\r\n this.lineItem = data.data;\r\n });\r\n },\r\n // 线路故障跳闸明细弹窗\r\n rowHandle(e) {\r\n // console.log(e, \"参数\");\r\n this.routeItem = e;\r\n this.routeShow = \"routeDetail\";\r\n // console.log(this.routeItem,'线路组件名称');\r\n },\r\n // 工单统计的弹窗\r\n openGdDetail(item) {\r\n this.orderItem = item;\r\n this.orderShow = \"workOrder\";\r\n },\r\n // 鼠标进入表格\r\n // mouseover() {\r\n // clearInterval(this.myTimer);\r\n // },\r\n // 鼠标离开表格\r\n mouseout() {\r\n this.roll();\r\n },\r\n //调用unity方法\r\n handleUnity(index, item) {\r\n this.btnActive = index;\r\n this.$refs.iframe.contentWindow.handleChange(item);\r\n },\r\n //选择线路\r\n selectLine(value) {\r\n getLine({\r\n action: \"query\",\r\n line_code: value,\r\n }).then((res) => {\r\n // console.log(res,'选择线路');\r\n if (res.data.data != 0 && res.data.data != null) {\r\n this.$refs.iframe.contentWindow.handleChangeLine(\r\n res.data.data.line_name\r\n );\r\n } else if (res.data.data == null) {\r\n this.$refs.iframe.contentWindow.handleChangeLine(\"\");\r\n }\r\n });\r\n },\r\n detailedOne() {\r\n let myChart = this.$echarts.init(document.getElementById(\"detailedOne\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n },\r\n\r\n data: [\"配变停电\"],\r\n },\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n data: [\r\n \"亭湖区\",\r\n \"东台市\",\r\n \"建湖县\",\r\n \"阜宁县\",\r\n \"响水县\",\r\n \"滨海县\",\r\n \"射阳县\",\r\n \"大丰区\",\r\n ],\r\n axisLabel: {\r\n show: true,\r\n textStyle: {\r\n color: \"#ffffff\",\r\n fontSize: 16,\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 fontSize: 16,\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"配变停电\",\r\n type: \"bar\",\r\n barWidth: 40, // 柱子宽度核心代码，\r\n itemStyle: {\r\n normal: {\r\n color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"rgba(2,255,255,.1)\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"rgb(2,255,255)\",\r\n },\r\n ]),\r\n label: {\r\n show: true, //开启显示\r\n position: \"top\", //在上方显示\r\n textStyle: {\r\n //数值样式\r\n color: \"#00ffff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n data: [5109, 5520, 5354, 5511, 4789, 5254, 5411, 4889],\r\n },\r\n ],\r\n };\r\n\r\n myChart.setOption(option);\r\n\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n shuzihuaCharts() {\r\n let myChart = this.$echarts.init(document.getElementById(\"shuzihua\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"cross\",\r\n crossStyle: {\r\n color: \"#999\",\r\n },\r\n },\r\n },\r\n grid: {\r\n left: \"5%\", //图表距离容器左侧多少距离\r\n right: \"8%\", //图表距离容器右侧侧多少距离\r\n bottom: \"20%\", //图表距离容器上面多少距离\r\n top: \"15%\", //图表距离容器下面多少距离\r\n containLabel: true, //防止标签溢出\r\n },\r\n legend: [\r\n {\r\n x: \"center\",\r\n data: [\r\n \"投运15年以上设备数量\",\r\n \"统计时间所辖线路设备数量\",\r\n \"设备老化占比\",\r\n ],\r\n textStyle: {\r\n fontSize: 18,\r\n color: \"#fff\",\r\n },\r\n },\r\n ],\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n data: [\r\n \"10kv星雨线163\",\r\n \"10kv智谋线183\",\r\n \"10kv朝阳线164\",\r\n \"10kv杨庄线181\",\r\n \"10kv森达线174\",\r\n ],\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n axisLabel: {\r\n rotate: -15, //60度角倾斜显示\r\n interval: 0, //横轴信息全部显示\r\n color: \"#fff\",\r\n fontSize: 20,\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n min: 0,\r\n max: 160,\r\n interval: 40,\r\n axisLabel: {\r\n textStyle: {\r\n fontSize: \"18\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n {\r\n type: \"value\",\r\n min: 0,\r\n max: 80,\r\n interval: 20,\r\n axisLabel: {\r\n formatter: \"{value}%\",\r\n textStyle: {\r\n fontSize: \"18\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"投运15年以上设备数量\",\r\n type: \"bar\",\r\n tooltip: {\r\n valueFormatter: function (value) {\r\n return value;\r\n },\r\n },\r\n itemStyle: {\r\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n { offset: 1, color: \"rgba(255,255,0,.2) \" },\r\n { offset: 0.5, color: \"rgb(255,255,0,.6)\" },\r\n { offset: 0, color: \"rgb(255,255,0)\" },\r\n ]),\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n data: [55, 66, 89, 113, 123],\r\n },\r\n {\r\n name: \"统计时间所辖线路设备数量\",\r\n type: \"bar\",\r\n tooltip: {\r\n valueFormatter: function (value) {\r\n return value;\r\n },\r\n },\r\n itemStyle: {\r\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n { offset: 1, color: \"rgba(2,255,255,.2) \" },\r\n { offset: 0.5, color: \"rgb(2,255,255,.6)\" },\r\n { offset: 0, color: \"rgb(2,255,255)\" },\r\n ]),\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n data: [46, 56, 99, 103, 123],\r\n },\r\n {\r\n name: \"设备老化占比\",\r\n type: \"line\",\r\n yAxisIndex: 1,\r\n tooltip: {\r\n valueFormatter: function (value) {\r\n return value;\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: \"orange\",\r\n lineStyle: {\r\n color: \"orange\",\r\n },\r\n },\r\n },\r\n data: [20, 40, 60, 80, 67],\r\n },\r\n ],\r\n };\r\n\r\n myChart.setOption(option);\r\n\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedTwo() {\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo1\"));\r\n var option = {\r\n xAxis: {\r\n type: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: fontColor,\r\n },\r\n axisLine: {\r\n show: true,\r\n lineStyle: {\r\n color: \"#397cbc\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#195384\",\r\n },\r\n },\r\n data: [\r\n \"0:00\",\r\n \"3:00\",\r\n \"6:00\",\r\n \"9:00\",\r\n \"12:00\",\r\n \"15:00\",\r\n \"18:00\",\r\n \"21:00\",\r\n \"24:00\",\r\n ],\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"单位：kw\",\r\n min: 0,\r\n max: 1000,\r\n show: true,\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n axisLabel: {\r\n formatter: \"{value}\",\r\n textStyle: {\r\n color: \"#2ad1d2\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#27b4c2\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n data: [720, 632, 801, 734, 470, 670, 720, 123, 567],\r\n type: \"line\",\r\n symbol: \"none\",\r\n lineStyle: {\r\n color: \"#00ffff\",\r\n width: 2,\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: \"00ffff\",\r\n lineStyle: {\r\n color: \"00ffff\",\r\n width: 3,\r\n type: \"solid\",\r\n },\r\n },\r\n },\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedTwo11() {\r\n var fontColor = \"#30eee9\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo1\"));\r\n var option = {\r\n xAxis: {\r\n type: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: fontColor,\r\n },\r\n axisLine: {\r\n show: true,\r\n lineStyle: {\r\n color: \"#397cbc\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#195384\",\r\n },\r\n },\r\n data: [\r\n \"0:00\",\r\n \"3:00\",\r\n \"6:00\",\r\n \"9:00\",\r\n \"12:00\",\r\n \"15:00\",\r\n \"18:00\",\r\n \"21:00\",\r\n \"24:00\",\r\n ],\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"单位：kw\",\r\n min: 0,\r\n max: 1000,\r\n show: true,\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n axisLabel: {\r\n formatter: \"{value}\",\r\n textStyle: {\r\n color: \"#2ad1d2\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#27b4c2\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n data: [720, 632, 801, 734, 470, 670, 720, 123, 567],\r\n type: \"line\",\r\n symbol: \"none\",\r\n lineStyle: {\r\n color: \"#00ffff\",\r\n width: 2,\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: \"00ffff\",\r\n lineStyle: {\r\n color: \"00ffff\",\r\n width: 3,\r\n type: \"solid\",\r\n },\r\n },\r\n },\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n horizontalChart() {\r\n var myChart = this.$echarts.init(\r\n document.getElementById(\"horizontalChart\")\r\n );\r\n var honorData = [\r\n {\r\n name: \"60天内掉电客户数\",\r\n data: [13.4, 12.1, 14.3],\r\n },\r\n {\r\n name: \"60天内掉电总数\",\r\n data: [9.4, 8.1, 7.3],\r\n },\r\n ];\r\n var honorXAxisData = [\"No.3\", \"No.2\", \"No.1\"];\r\n var nameList = [\r\n \"PMS_晨光满园9台区\",\r\n \"滨河华苑3台区\",\r\n \"PMS_晨光满园11台区\",\r\n ];\r\n var option = {\r\n color: [\"#0F9AF8\", \"#2039C3\", \"rgba(32,57,195,.5)\", \"#2ECACE\"],\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"none\",\r\n },\r\n },\r\n legend: {\r\n right: 20,\r\n top: \"5%\",\r\n itemWidth: 10,\r\n itemHeight: 10,\r\n itemGap: 15,\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n grid: {\r\n top: \"15%\",\r\n left: \"14%\",\r\n right: \"0%\",\r\n bottom: \"0%\",\r\n },\r\n xAxis: [\r\n {\r\n type: \"value\",\r\n show: false,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: \"#6B9DD7\",\r\n fontSize: 16, // 文字大小\r\n fontWeight: 400,\r\n interval: 0,\r\n formatter: function (value) {\r\n return value + \"(万元)\";\r\n },\r\n },\r\n splitLine: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"category\",\r\n offset: 17,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: \"#00FFFF\",\r\n fontSize: 20, // 文字大小\r\n fontWeight: 700,\r\n interval: 0,\r\n },\r\n\r\n data: honorXAxisData,\r\n },\r\n {\r\n //名称\r\n type: \"category\",\r\n offset: -10,\r\n position: \"left\",\r\n axisLine: {\r\n show: false,\r\n },\r\n inverse: true,\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n color: \"#fff\",\r\n align: \"left\",\r\n verticalAlign: \"bottom\",\r\n lineHeight: 40,\r\n fontSize: 20,\r\n },\r\n data: nameList,\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"60天内掉电客户数\",\r\n type: \"bar\",\r\n stack: \"zongliang\",\r\n barWidth: \"25%\",\r\n barMinHeight: 20,\r\n barGap: 15, // 柱图之间的间距\r\n itemStyle: {\r\n //自定义颜色\r\n // normal: { color: \"orange\" },\r\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"rgba(255,165,0,.2)\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"rgb(255,165,0)\",\r\n },\r\n ]),\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: [\"80%\", \"-100%\"],\r\n formatter: function (params) {\r\n return params.value;\r\n },\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n\r\n data: honorData[0].data,\r\n },\r\n {\r\n name: \"60天内掉电总数\",\r\n type: \"bar\",\r\n stack: \"zongliang\",\r\n barWidth: \"25%\",\r\n barMinHeight: 20,\r\n itemStyle: {\r\n //自定义颜色\r\n // normal: { color: \"orange\" },\r\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"#005BEA\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"#00C6FB\",\r\n },\r\n ]),\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: [\"80%\", \"-100%\"],\r\n formatter: function (params) {\r\n return params.value;\r\n },\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n data: honorData[1].data,\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n 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 {\r\n type: \"pie\",\r\n radius: [\"80\", \"120\"],\r\n center: [\"50%\", \"50%\"],\r\n color: [\"#80C269\", \"#00FFFF\", \"#0090F1\", \"#FFA800\", \"#4658F6\"],\r\n itemStyle: {\r\n normal: {\r\n borderWidth: 5,\r\n borderColor: \"#031845\",\r\n },\r\n },\r\n data: [\r\n {\r\n value: 27,\r\n name: \"国网大丰市供电公司\",\r\n },\r\n {\r\n value: 30,\r\n name: \"国网射阳县供电公司\",\r\n },\r\n {\r\n value: 24,\r\n name: \"开发区供电服务中心\",\r\n },\r\n {\r\n value: 27,\r\n name: \"盐城运维检修部\",\r\n },\r\n {\r\n value: 27,\r\n name: \"设备管理部\",\r\n },\r\n {\r\n value: 27,\r\n name: \"国网响水县供电公司\",\r\n },\r\n ],\r\n labelLine: {\r\n normal: {\r\n show: true,\r\n length: 20,\r\n length2: 10,\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: 20,\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: 20,\r\n align: \"center\",\r\n padding: 4,\r\n color: \"#fff\",\r\n },\r\n },\r\n },\r\n },\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n roseCharts() {\r\n var myChart = this.$echarts.init(document.getElementById(\"roseCharts\"));\r\n var option = {\r\n color: [\r\n \"#EAEA26\",\r\n \"#906BF9\",\r\n \"#FE5656\",\r\n \"#01E17E\",\r\n \"#3DD1F9\",\r\n \"#FFAD05\",\r\n ],\r\n 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\r\n polar: {},\r\n angleAxis: {\r\n interval: 1,\r\n type: \"category\",\r\n data: [],\r\n z: 10,\r\n axisLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#0B4A6B\",\r\n width: 1,\r\n type: \"solid\",\r\n },\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n show: true,\r\n color: \"#0B4A6B\",\r\n margin: 8,\r\n fontSize: 16,\r\n },\r\n },\r\n radiusAxis: {\r\n min: 40,\r\n max: 120,\r\n interval: 20,\r\n axisLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#0B3E5E\",\r\n width: 1,\r\n type: \"solid\",\r\n },\r\n },\r\n axisLabel: {\r\n formatter: \"{value} %\",\r\n show: false,\r\n padding: [0, 0, 20, 0],\r\n color: \"#0B3E5E\",\r\n fontSize: 16,\r\n },\r\n splitLine: {\r\n lineStyle: {\r\n color: \"#0B3E5E\",\r\n width: 2,\r\n type: \"solid\",\r\n },\r\n },\r\n },\r\n calculable: true,\r\n series: [\r\n {\r\n type: \"pie\",\r\n radius: [\"5%\", \"10%\"],\r\n hoverAnimation: false,\r\n labelLine: {\r\n normal: {\r\n show: false,\r\n length: 30,\r\n length2: 55,\r\n },\r\n emphasis: {\r\n show: false,\r\n },\r\n },\r\n data: [\r\n {\r\n name: \"\",\r\n value: 0,\r\n itemStyle: {\r\n normal: {\r\n color: \"#0B4A6B\",\r\n },\r\n },\r\n },\r\n ],\r\n },\r\n {\r\n type: \"pie\",\r\n radius: [\"90%\", \"95%\"],\r\n hoverAnimation: false,\r\n labelLine: {\r\n normal: {\r\n show: false,\r\n length: 30,\r\n length2: 55,\r\n },\r\n emphasis: {\r\n show: false,\r\n },\r\n },\r\n name: \"\",\r\n data: [\r\n {\r\n name: \"\",\r\n value: 0,\r\n itemStyle: {\r\n normal: {\r\n color: \"#0B4A6B\",\r\n },\r\n },\r\n },\r\n ],\r\n },\r\n {\r\n stack: \"a\",\r\n type: \"pie\",\r\n radius: [\"20%\", \"80%\"],\r\n roseType: \"area\",\r\n zlevel: 10,\r\n label: {\r\n normal: {\r\n show: true,\r\n formatter: \"{b} {d} %\",\r\n textStyle: {\r\n fontSize: 20,\r\n color: \"#fff\",\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: 35,\r\n borderWidth: 4,\r\n },\r\n emphasis: {\r\n show: false,\r\n },\r\n },\r\n data: [\r\n {\r\n value: 15,\r\n name: \"东台市\",\r\n },\r\n {\r\n value: 7,\r\n name: \"阜宁县\",\r\n },\r\n {\r\n value: 14,\r\n name: \"盐都区\",\r\n },\r\n {\r\n value: 23,\r\n name: \"滨海县\",\r\n },\r\n {\r\n value: 18,\r\n name: \"建湖县\",\r\n },\r\n {\r\n value: 35,\r\n name: \"射阳县\",\r\n },\r\n {\r\n value: 31,\r\n name: \"大丰区\",\r\n },\r\n {\r\n value: 28,\r\n name: \"响水县\",\r\n },\r\n {\r\n value: 36,\r\n name: \"亭湖区\",\r\n },\r\n ],\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedThree(dataList) {\r\n // console.log(this.threeImg,'图片');\r\n // var equipment = [dataList.yjlts, dataList.yjlyj];\r\n var that = this;\r\n // console.log(that,'指向');\r\n var colorList = [\r\n \"#0090ff\",\r\n \"#06d3c4\",\r\n \"#66b0ed\",\r\n \"#7cb79d\",\r\n \"#2361b4\",\r\n \"rgb(198,123,244)\",\r\n ];\r\n var colorList1 = [\"rgb(198,123,244)\", \"#2361b4\"];\r\n // 饼图数据\r\n var threeList = dataList.map((ele) => {\r\n return { name: ele.gd_type_name, value: ele.total };\r\n });\r\n // console.log(threeList, \"饼图数据\");\r\n // var legendData = dataList.concat(\r\n // {\r\n // value: equipment[0],\r\n // name: \"运检类投诉\",\r\n // },\r\n // {\r\n // value: equipment[1],\r\n // name: \"运检类意见\",\r\n // }\r\n // );\r\n this.myChartBin = this.$echarts.init(\r\n document.getElementById(\"detailedThree\")\r\n );\r\n // var graphicList = [];\r\n // legendData.forEach((ele, index) => {\r\n // if (index <= 2) {\r\n // graphicList.push({\r\n // type: \"image\",\r\n // style: {\r\n // image: this.threeImg,\r\n // width: 164,\r\n // height: 41,\r\n // x: 250,\r\n // y: 55 * (index + 1),\r\n // },\r\n // });\r\n // } else {\r\n // graphicList.push({\r\n // type: \"image\",\r\n // style: {\r\n // image: this.threeImg,\r\n // width: 164,\r\n // height: 41,\r\n // x: 424,\r\n // y: 55 * (index - 2),\r\n // },\r\n // });\r\n // }\r\n // });\r\n this.option = {\r\n borderColor: \"none\",\r\n\r\n tooltip: {\r\n formatter: function (param) {\r\n if (param.data.type == null) {\r\n return param.data.name + \":\" + param.value + \"个\";\r\n } else {\r\n return param.data.name + \":\" + param.value + \"个\";\r\n }\r\n },\r\n },\r\n\r\n legend: {\r\n icon: \"pin\",\r\n // height: 90,\r\n top: 20,\r\n show: false,\r\n // bottom:0,\r\n // itemGap: 40,\r\n // lineHeight: 80,\r\n // padding: [30, 0, 30, 0],\r\n // right: '20%',\r\n // orient: \"vertical\", //垂直显示\r\n x: \"center\", //延Y轴居中\r\n data: dataList.map((ele) => {\r\n return ele.gd_type_name;\r\n }),\r\n textStyle: {\r\n color: \"#ffffff\",\r\n fontSize: 15,\r\n\r\n // width:20,\r\n // height:60,\r\n },\r\n },\r\n series: [\r\n {\r\n name: \"\",\r\n type: \"pie\",\r\n radius: [0, \"70%\"],\r\n center: [\"50%\", \"50%\"],\r\n startAngle: 60, //默认角度\r\n label: {\r\n position: \"inner\",\r\n show: false,\r\n },\r\n\r\n itemStyle: {\r\n normal: {\r\n borderColor: \"none\",\r\n borderWidth: 2,\r\n fontSize: 16,\r\n color: function (params) {\r\n return colorList[params.dataIndex];\r\n },\r\n },\r\n },\r\n\r\n selectedMode: \"single\",\r\n data: threeList,\r\n },\r\n // {\r\n // name: \"运检类\",\r\n // type: \"pie\",\r\n // radius: [\"70%\", \"80%\"],\r\n // center: [\"20%\", \"50%\"],\r\n // startAngle: 30,\r\n // itemStyle: {\r\n // normal: {\r\n // fontSize: 16,\r\n // color: function (params) {\r\n // return colorList1[params.dataIndex];\r\n // },\r\n // // color:'#F4C907',\r\n // },\r\n // },\r\n // label: {\r\n // normal: {\r\n // formatter: function (params) {\r\n // return params.data.name + \":\" + params.data.type + \"个\";\r\n // },\r\n // color: \"auto\",\r\n // show: false,\r\n // fontSize: 16,\r\n // },\r\n // },\r\n\r\n // data: [\r\n // {\r\n // value: equipment[0],\r\n // name: \"运检类投诉\",\r\n // type: equipment[0],\r\n // },\r\n // {\r\n // value: equipment[1],\r\n // name: \"运检类意见\",\r\n // type: equipment[1],\r\n // },\r\n // ],\r\n // animation: false,\r\n // },\r\n ],\r\n };\r\n this.myChartBin.setOption(this.option);\r\n window.addEventListener(\"resize\", () => {\r\n this.myChartBin.resize();\r\n });\r\n },\r\n doing() {\r\n this.option.series[0].startAngle = this.option.series[0].startAngle - 5;\r\n this.option.series[1].startAngle = this.option.series[1].startAngle - 5;\r\n this.myChartBin.setOption(this.option);\r\n },\r\n detailedFour(dataList) {\r\n let yearBzData = [];\r\n let yearChcg = [];\r\n let yearChbc = [];\r\n let yearWchz = [];\r\n let yearJieDi = [];\r\n let yearFenJi = [];\r\n for (let i = 0; i < dataList.length; i++) {\r\n yearBzData.push(dataList[i].bz);\r\n yearChcg.push(dataList[i].chcg);\r\n yearChbc.push(dataList[i].chbc);\r\n yearWchz.push(dataList[i].wchz);\r\n yearJieDi.push(dataList[i].jd);\r\n yearFenJi.push(dataList[i].fjbh);\r\n }\r\n // console.log(yearJieDi,'接地数据');\r\n let that = this;\r\n let myChart = this.$echarts.init(document.getElementById(\"detailedFour\"));\r\n var option = {\r\n tooltip: {\r\n axisPointer: {\r\n type: \"shadow\",\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 16,\r\n },\r\n },\r\n },\r\n grid: {\r\n borderWidth: 0,\r\n top: 30,\r\n bottom: \"17%\",\r\n left: \"6%\",\r\n right: \"6%\",\r\n textStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n legend: {\r\n icon: \"rect\",\r\n right: \"4%\",\r\n textStyle: {\r\n color: \"#ffffff\",\r\n },\r\n data: [\"重合成功\", \"重合不成\", \"无重合闸\", \"接地\", \"分级保护\"],\r\n },\r\n calculable: true,\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n trigger: \"axis\",\r\n axisLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#fff\",\r\n fontSize: 16,\r\n },\r\n },\r\n splitLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitArea: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n fontSize: 14,\r\n rotate: 30,\r\n },\r\n data: yearBzData,\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n color: \"rgb(83,83,83)\",\r\n fontSize: 16,\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n fontSize: 16,\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n },\r\n splitArea: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"重合成功\",\r\n type: \"bar\",\r\n stack: \"Total1\",\r\n barMaxWidth: 15,\r\n barGap: \"10%\",\r\n label: {\r\n show: true,\r\n formatter: function (params) {\r\n if (params.value == 0) {\r\n return \"\";\r\n } else {\r\n return params.value;\r\n }\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n {\r\n offset: 0,\r\n color: \"rgba(194,190,190,2)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgb(194,190,190)\",\r\n },\r\n ]),\r\n borderColor: new that.$echarts.graphic.LinearGradient(\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n [\r\n {\r\n offset: 0,\r\n color: \"rgba(194,190,190,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(194,190,190,0)\",\r\n },\r\n ]\r\n ),\r\n },\r\n },\r\n data: yearChcg,\r\n },\r\n {\r\n name: \"重合不成\",\r\n type: \"bar\",\r\n barMaxWidth: 15,\r\n stack: \"Total1\",\r\n label: {\r\n show: true,\r\n formatter: function (params) {\r\n if (params.value == 0) {\r\n return \"\";\r\n } else {\r\n return params.value;\r\n }\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n {\r\n offset: 0,\r\n color: \"rgba(86,254,226,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(86,254,226,0)\",\r\n },\r\n ]),\r\n borderColor: new that.$echarts.graphic.LinearGradient(\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n [\r\n {\r\n offset: 0,\r\n color: \"rgba(86,254,226,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(86,254,226,0)\",\r\n },\r\n ]\r\n ),\r\n },\r\n },\r\n data: yearChbc,\r\n },\r\n {\r\n name: \"无重合闸\",\r\n type: \"bar\",\r\n barMaxWidth: 15,\r\n stack: \"Total1\",\r\n label: {\r\n show: true,\r\n formatter: function (params) {\r\n if (params.value == 0) {\r\n return \"\";\r\n } else {\r\n return params.value;\r\n }\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n {\r\n offset: 0,\r\n color: \"rgba(237,125,49,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(237,125,49,0)\",\r\n },\r\n ]),\r\n borderColor: new that.$echarts.graphic.LinearGradient(\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n [\r\n {\r\n offset: 0,\r\n color: \"rgba(237,125,49,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(237,125,49,0)\",\r\n },\r\n ]\r\n ),\r\n barBorderRadius: 0,\r\n },\r\n },\r\n data: yearWchz,\r\n },\r\n {\r\n name: \"接地\",\r\n type: \"bar\",\r\n barMaxWidth: 15,\r\n stack: \"Total1\",\r\n label: {\r\n show: true,\r\n formatter: function (params) {\r\n if (params.value == 0) {\r\n return \"\";\r\n } else {\r\n return params.value;\r\n }\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n {\r\n offset: 0,\r\n color: \"rgba(35,160,247,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(35,160,247,0)\",\r\n },\r\n ]),\r\n borderColor: new that.$echarts.graphic.LinearGradient(\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n [\r\n {\r\n offset: 0,\r\n color: \"rgba(35,160,247,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(35,160,247,0)\",\r\n },\r\n ]\r\n ),\r\n barBorderRadius: 0,\r\n },\r\n },\r\n data: yearJieDi,\r\n },\r\n {\r\n name: \"分级保护\",\r\n type: \"bar\",\r\n barMaxWidth: 15,\r\n stack: \"Total1\",\r\n label: {\r\n show: true,\r\n formatter: function (params) {\r\n if (params.value == 0) {\r\n return \"\";\r\n } else {\r\n return params.value;\r\n }\r\n },\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n {\r\n offset: 0,\r\n color: \"rgba(156,73,200,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(156,73,200,0)\",\r\n },\r\n ]),\r\n borderColor: new that.$echarts.graphic.LinearGradient(\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n [\r\n {\r\n offset: 0,\r\n color: \"rgba(156,73,200,1)\",\r\n },\r\n {\r\n offset: 1,\r\n color: \"rgba(156,73,200,0)\",\r\n },\r\n ]\r\n ),\r\n barBorderRadius: 0,\r\n },\r\n },\r\n data: yearFenJi,\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedFive() {\r\n let myChart = this.$echarts.init(document.getElementById(\"detailedFive\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n },\r\n grid: {\r\n left: \"5%\", //图表距离容器左侧多少距离\r\n right: \"5%\", //图表距离容器右侧侧多少距离\r\n bottom: \"0%\", //图表距离容器上面多少距离\r\n top: \"30%\", //图表距离容器下面多少距离\r\n containLabel: true, //防止标签溢出\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 \"长荡镇\",\r\n \"河海镇\",\r\n \"黄沙港镇\",\r\n \"临海镇\",\r\n \"兴桥镇\",\r\n \"合德镇\",\r\n \"四明镇\",\r\n \"特庸镇\",\r\n ],\r\n axisLabel: {\r\n interval: 0, //横轴信息全部显示\r\n show: true,\r\n textStyle: {\r\n color: \"#ffffff\",\r\n fontSize: 18,\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 fontSize: 18,\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"配变名称\",\r\n type: \"bar\",\r\n barWidth: 40, // 柱子宽度核心代码\r\n itemStyle: {\r\n normal: {\r\n color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"rgba(232, 155, 0,.3)\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"rgb(232, 155, 0)\",\r\n },\r\n ]),\r\n label: {\r\n show: true, //开启显示\r\n position: \"top\", //在上方显示\r\n textStyle: {\r\n //数值样式\r\n color: \"rgb(232, 155, 0)\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n },\r\n data: [87.69, 84.69, 82.69, 83.69, 77.69, 67.69, 57.69, 47.69],\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.content3 {\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 #textleft {\r\n margin-left: 30px !important;\r\n }\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 .content3 {\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 .line3 {\r\n width: 30%;\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 margin-bottom: 1%;\r\n height: 100%;\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 width: 100%;\r\n\r\n .num1 {\r\n background: url(\"../assets/indexN/zsjbtk.png\") no-repeat;\r\n width: 100%;\r\n height: 100%;\r\n background-size: 100%;\r\n line-height: 250%;\r\n text-align: center;\r\n }\r\n .numText {\r\n color: #ffffff;\r\n background: url(\"../assets/indexN/main.png\") no-repeat;\r\n background-size: 100%;\r\n width: 100%;\r\n height: 74px;\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(254, 209, 86) !important;\r\n -webkit-mask: linear-gradient(\r\n to top,\r\n rgb(254, 162, 86),\r\n transparent\r\n );\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% - 150px);\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 .content3 {\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 .line3 {\r\n width: 30%;\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: 1%;\r\n height: 100%;\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 width: 100%;\r\n\r\n .num1 {\r\n background: url(\"../assets/indexN/zsjbtk.png\") no-repeat;\r\n width: 100%;\r\n // height: 100%;\r\n background-size: 100%;\r\n line-height: 250%;\r\n text-align: center;\r\n }\r\n .numText {\r\n color: #ffffff;\r\n background: url(\"../assets/indexN/main.png\") no-repeat;\r\n background-size: 100%;\r\n width: 100%;\r\n height: 74px;\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(254, 209, 86) !important;\r\n -webkit-mask: linear-gradient(\r\n to top,\r\n rgb(254, 162, 86),\r\n transparent\r\n );\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 #detailedOne {\r\n width: 100%;\r\n height: calc(100% - 160px);\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/indexN/midzsj.png\") no-repeat;\r\n background-size: 100%;\r\n width: 65%;\r\n height: 20%;\r\n position: relative;\r\n top: -28%;\r\n left: 25%;\r\n .contents {\r\n // height: 90%;\r\n position: absolute;\r\n padding: 10px;\r\n height: 100%;\r\n width: 96%;\r\n display: flex;\r\n flex-direction: row;\r\n /* 平分剩余空间 */\r\n justify-content: space-around;\r\n .lines {\r\n width: 106%;\r\n padding: 10px 0 0 0px;\r\n // background: url(\"../assets/index/mainMin.png\") no-repeat;\r\n }\r\n\r\n .total {\r\n .num {\r\n // display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: center;\r\n align-items: left;\r\n color: #ffffff;\r\n span {\r\n font-size: 18px;\r\n }\r\n h5 {\r\n font-size: 34px;\r\n }\r\n .yellow {\r\n padding-top: 30px;\r\n color: yellow;\r\n font-size: 24px;\r\n }\r\n .orange {\r\n padding-top: 30px;\r\n color: orange;\r\n font-size: 24px;\r\n }\r\n .yellows {\r\n padding-top: 20px;\r\n color: yellow;\r\n font-size: 24px;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n .imgboxtwo1 {\r\n background: url(\"../assets/indexN/tk.png\") no-repeat;\r\n background-size: 100%;\r\n float: right;\r\n right: 8%;\r\n top: 20%;\r\n width: 28vh;\r\n height: 100%;\r\n position: relative;\r\n .content2 {\r\n padding: 5px;\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 .line1 {\r\n width: 100%;\r\n height: 100%;\r\n margin-left: 5%;\r\n text-align: left;\r\n font-size: 24px;\r\n color: #fff;\r\n }\r\n }\r\n }\r\n .map {\r\n background: url(\"../assets/indexN/map.png\") no-repeat;\r\n vertical-align: middle;\r\n display: table-cell;\r\n text-align: center;\r\n margin-left: -20%;\r\n .leftimg {\r\n position: absolute;\r\n left: 34.5%;\r\n }\r\n .rightimg {\r\n position: absolute;\r\n right: 35%;\r\n }\r\n .allimg {\r\n position: relative;\r\n left: 28.5%;\r\n top: 34%;\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 .enselect {\r\n position: absolute;\r\n right: 30px;\r\n top: 50%;\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 & > 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 .content3 {\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 .contentUl {\r\n display: flex;\r\n flex-wrap: wrap;\r\n height: 20%;\r\n width: 100%;\r\n position: relative;\r\n .top {\r\n position: relative;\r\n flex-basis: calc(100% / 3);\r\n height: 50%;\r\n left: 33%;\r\n img {\r\n margin-top: 15%;\r\n }\r\n .texts {\r\n color: orange;\r\n position: absolute;\r\n z-index: 2;\r\n left: 32%;\r\n top: 25%;\r\n align-items: center;\r\n font-size: 32px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 10%;\r\n }\r\n }\r\n .top1 {\r\n position: absolute;\r\n flex-basis: calc(100% / 3);\r\n height: 100%;\r\n img {\r\n margin-top: 30%;\r\n }\r\n .texts {\r\n color: #fff;\r\n position: absolute;\r\n z-index: 2;\r\n left: 0%;\r\n top: 27%;\r\n width: 87%;\r\n height: 100%;\r\n padding-top: 27%;\r\n background: url(\"../assets/indexN/xctb2.png\") no-repeat;\r\n background-size: 100%;\r\n align-items: center;\r\n font-size: 24px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 130%;\r\n }\r\n }\r\n .top2 {\r\n position: absolute;\r\n flex-basis: calc(100% / 3);\r\n height: 100%;\r\n left: 21%;\r\n top: -33%;\r\n img {\r\n margin-top: 30%;\r\n }\r\n .texts {\r\n color: #fff;\r\n position: absolute;\r\n z-index: 2;\r\n left: 0%;\r\n top: 27%;\r\n width: 87%;\r\n height: 100%;\r\n padding-top: 27%;\r\n background: url(\"../assets/indexN/xctb2.png\") no-repeat;\r\n background-size: 100%;\r\n align-items: center;\r\n font-size: 24px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 130%;\r\n }\r\n }\r\n .top3 {\r\n position: absolute;\r\n flex-basis: calc(100% / 3);\r\n height: 100%;\r\n left: 29%;\r\n top: 50%;\r\n img {\r\n margin-top: 30%;\r\n }\r\n .texts {\r\n color: #fff;\r\n position: absolute;\r\n z-index: 2;\r\n left: 0%;\r\n top: 27%;\r\n width: 87%;\r\n height: 100%;\r\n padding-top: 27%;\r\n background: url(\"../assets/indexN/xctb2.png\") no-repeat;\r\n background-size: 100%;\r\n align-items: center;\r\n font-size: 24px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 130%;\r\n }\r\n }\r\n .top4 {\r\n position: absolute;\r\n flex-basis: calc(100% / 3);\r\n height: 100%;\r\n left: 64%;\r\n top: 15%;\r\n img {\r\n margin-top: 30%;\r\n }\r\n .texts {\r\n color: #fff;\r\n position: absolute;\r\n z-index: 2;\r\n left: 0%;\r\n top: 27%;\r\n width: 87%;\r\n height: 100%;\r\n padding-top: 27%;\r\n background: url(\"../assets/indexN/xctb2.png\") no-repeat;\r\n background-size: 100%;\r\n align-items: center;\r\n font-size: 24px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 130%;\r\n }\r\n }\r\n .top5 {\r\n position: absolute;\r\n flex-basis: calc(100% / 3);\r\n height: 100%;\r\n left: 82%;\r\n top: -22%;\r\n img {\r\n margin-top: 30%;\r\n }\r\n .texts {\r\n color: #fff;\r\n position: absolute;\r\n z-index: 2;\r\n left: 0%;\r\n top: 27%;\r\n width: 87%;\r\n height: 100%;\r\n padding-top: 27%;\r\n background: url(\"../assets/indexN/xctb2.png\") no-repeat;\r\n background-size: 100%;\r\n align-items: center;\r\n font-size: 24px;\r\n }\r\n h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n line-height: 1;\r\n padding-top: 130%;\r\n }\r\n }\r\n }\r\n .line3 {\r\n width: 30%;\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: 1%;\r\n height: 100%;\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 width: 100%;\r\n\r\n .num1 {\r\n background: url(\"../assets/indexN/zsjbtk.png\") no-repeat;\r\n width: 100%;\r\n height: 100%;\r\n background-size: 100%;\r\n line-height: 200%;\r\n text-align: center;\r\n }\r\n .numText {\r\n color: #ffffff;\r\n background: url(\"../assets/indexN/main.png\") no-repeat;\r\n background-size: 100%;\r\n width: 100%;\r\n height: 74px;\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(254, 209, 86) !important;\r\n -webkit-mask: linear-gradient(\r\n to top,\r\n rgb(254, 162, 86),\r\n transparent\r\n );\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\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% - 190px);\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 .content3 {\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 .line3 {\r\n width: 30%;\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: 1%;\r\n height: 100%;\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 width: 100%;\r\n\r\n .num1 {\r\n background: url(\"../assets/indexN/zsjbtk.png\") no-repeat;\r\n width: 100%;\r\n // height: 100%;\r\n background-size: 100%;\r\n line-height: 250%;\r\n text-align: center;\r\n }\r\n .numText {\r\n color: #ffffff;\r\n background: url(\"../assets/indexN/main.png\") no-repeat;\r\n background-size: 100%;\r\n width: 100%;\r\n height: 74px;\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(254, 209, 86) !important;\r\n -webkit-mask: linear-gradient(\r\n to top,\r\n rgb(254, 162, 86),\r\n transparent\r\n );\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 #detailen {\r\n width: 100%;\r\n height: calc(100% - 150px);\r\n }\r\n #shuzihua {\r\n width: 100%;\r\n height: calc(100% - 150px);\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% - 150px);\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(\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\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 .content3 {\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(\r\n to bottom,\r\n rgb(255, 255, 255),\r\n rgb(86, 244, 254)\r\n );\r\n }\r\n }\r\n\r\n .content3 {\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\r\n .el-table--striped\r\n .el-table__body\r\n tr.el-table__row--striped\r\n 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#yellow {\r\n color: yellow;\r\n line-height: 175%;\r\n}\r\n#orange {\r\n color: rgb(235, 92, 92);\r\n line-height: 175%;\r\n}\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 .content3 {\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 .line3 {\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: 1%;\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(\r\n to top,\r\n rgb(86, 244, 254),\r\n transparent\r\n );\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 #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.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>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/bc7acba42128240aa7675747967520ae.json b/node_modules/.cache/vue-loader/bc7acba42128240aa7675747967520ae.json
index 5a779eb6..51965d71 100644
--- a/node_modules/.cache/vue-loader/bc7acba42128240aa7675747967520ae.json
+++ b/node_modules/.cache/vue-loader/bc7acba42128240aa7675747967520ae.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\index.vue?vue&type=template&id=a83bd3b0&scoped=true&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\index.vue","mtime":1689926805004},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1655712169000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["\n<div class=\"home\">\n <div class=\"left\" id=\"left\">\n <div class=\"one\" style=\"height: 48%\">\n <div class=\"cartitle\" @click=\"routerTo('盐城地区分布光伏运行监测')\">\n <div class=\"titleFont\">\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\n <span>盐城地区分布光伏运行监测</span>\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\n </div>\n </div>\n <div class=\"content3\">\n <div class=\"line3\">\n <div class=\"total\">\n <div class=\"num\">\n <span style=\"font-size: 18px\" class=\"num1\"\n >户数高渗透率 </span\n >\n <span\n style=\"font-size: 40px; font-weight: 600\"\n class=\"numText\"\n id=\"yellow\"\n :text=\"CompanyInfo.hsgst\"\n >{{ CompanyInfo.hsgst }}\n <span style=\"font-size: 18px; color: #fff\">%</span>\n </span>\n </div>\n </div>\n </div>\n <div class=\"line3\">\n <div class=\"total\">\n <div class=\"num\">\n <span style=\"font-size: 18px\" class=\"num1\"\n >容量渗透率 </span\n >\n <span\n style=\"font-size: 40px; font-weight: 600\"\n class=\"numText\"\n id=\"orange\"\n :text=\"CompanyInfo.rlst\"\n >{{ CompanyInfo.rlst }}\n <span style=\"font-size: 18px; color: #fff\">%</span>\n </span>\n </div>\n </div>\n </div>\n <div class=\"line3\">\n <div class=\"total\">\n <div class=\"num\">\n <span style=\"font-size: 18px\" class=\"num1\"\n >能量渗透率 </span\n >\n <span\n style=\"font-size: 40px; font-weight: 600\"\n class=\"numText\"\n id=\"yellow\"\n :text=\"CompanyInfo.nlst\"\n >{{ CompanyInfo.nlst }}\n <span style=\"font-size: 18px; color: #fff\">%</span>\n </span>\n </div>\n </div>\n </div>\n </div>\n <div id=\"detailedTwo1\"></div>\n </div>\n <div class=\"two\" style=\"height: 49%\">\n <div class=\"cartitle\" @click=\"routerTo('配网工程全过程物资审计')\">\n <div class=\"titleFont\">\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\n <span>配网工程全过程物资审计</span>\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\n </div>\n </div>\n <div class=\"content3\" style=\"display: inline\">\n <div class=\"line3\">\n <div class=\"total\">\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\n <span style=\"font-size: 18px\" class=\"num1\">项目数 </span>\n <span\n style=\"font-size: 40px; font-weight: 600\"\n class=\"numText\"\n id=\"yellow\"\n :text=\"CompanyInfo.xms\"\n >{{ CompanyInfo.xms }}\n <span style=\"font-size: 18px; color: #fff\">万</span>\n </span>\n </div>\n </div>\n </div>\n <div class=\"line3\">\n <div class=\"total\">\n <div class=\"num\">\n <span style=\"font-size: 18px\" class=\"num1\">预算费用总和</span>\n <span\n style=\"font-size: 40px; font-weight: 600\"\n class=\"numText\"\n id=\"orange\"\n :text=\"CompanyInfo.ysfyzh\"\n >{{ CompanyInfo.ysfyzh }}\n <span style=\"font-size: 18px; color: #fff\">%</span>\n </span>\n </div>\n </div>\n </div>\n <div class=\"line3\">\n <div class=\"total\">\n <div class=\"num\">\n <span style=\"font-size: 18px\" class=\"num1\">计划数</span>\n <span\n style=\"font-size: 40px; font-weight: 600\"\n class=\"numText\"\n id=\"yellow\"\n :text=\"CompanyInfo.jhs\"\n >{{ CompanyInfo.jhs }}\n </span>\n </div>\n </div>\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\" @click=\"routerTo('盐城东台区供电所数字化分析')\">\n <div class=\"titleFont\">\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\n <span>盐城东台区供电所数字化分析</span>\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\n </div>\n </div>\n <div class=\"content3\">\n <div class=\"line3\">\n <div class=\"total\">\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\n <span style=\"font-size: 18px\" class=\"num1\"\n >升档配变数量 </span\n >\n <span\n style=\"font-size: 40px; font-weight: 600\"\n class=\"numText\"\n id=\"yellow\"\n :text=\"CompanyInfo.sdpbsl\"\n >{{ CompanyInfo.sdpbsl }}</span\n >\n </div>\n </div>\n </div>\n <div class=\"line3\">\n <div class=\"total\">\n <div class=\"num\">\n <span style=\"font-size: 18px\" class=\"num1\">降档配比数量</span>\n <span\n style=\"font-size: 40px; font-weight: 600\"\n class=\"numText\"\n id=\"orange\"\n :text=\"CompanyInfo.jdpbsl\"\n >{{ CompanyInfo.jdpbsl }}</span\n >\n </div>\n </div>\n </div>\n <div class=\"line3\">\n <div class=\"total\">\n <div class=\"num\">\n <span style=\"font-size: 18px\" class=\"num1\"\n >负荷关注配变数量 </span\n >\n <span\n style=\"font-size: 40px; font-weight: 600\"\n class=\"numText\"\n id=\"yellow\"\n :text=\"CompanyInfo.fhgzpb\"\n >{{ CompanyInfo.fhgzpb }}</span\n >\n </div>\n </div>\n </div>\n </div>\n <div id=\"horizontalChart\"></div>\n </div>\n <div class=\"two\" style=\"height: 49%\">\n <div class=\"cartitle\" @click=\"routerTo('盐城供电公司配网电能质量管控')\">\n <div class=\"titleFont\">\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\n <span>盐城供电公司配网电能质量管控</span>\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\n </div>\n </div>\n <div class=\"content3\">\n <div class=\"line3\">\n <div class=\"total\">\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\n <span style=\"font-size: 18px\" class=\"num1\"\n >月供电可靠性 </span\n >\n <span\n style=\"font-size: 40px; font-weight: 600\"\n class=\"numText\"\n id=\"yellow\"\n :text=\"CompanyInfo.ygdkkx\"\n >{{ CompanyInfo.ygdkkx }}\n <span style=\"font-size: 18px; color: #fff\">%</span>\n </span>\n </div>\n </div>\n </div>\n <div class=\"line3\">\n <div class=\"total\">\n <div class=\"num\">\n <span style=\"font-size: 18px\" class=\"num1\"\n >平均停电频次 </span\n >\n <span\n style=\"font-size: 40px; font-weight: 600\"\n class=\"numText\"\n id=\"orange\"\n :text=\"CompanyInfo.pjtdpc\"\n >{{ CompanyInfo.pjtdpc }}\n <span style=\"font-size: 18px; color: #fff\">次/户</span>\n </span>\n </div>\n </div>\n </div>\n <div class=\"line3\">\n <div class=\"total\">\n <div class=\"num\">\n <span style=\"font-size: 18px\" class=\"num1\"\n >平均停电时间 </span\n >\n <span\n style=\"font-size: 40px; font-weight: 600\"\n class=\"numText\"\n id=\"yellow\"\n :text=\"CompanyInfo.pjtdsj\"\n >{{ CompanyInfo.pjtdsj }}\n <span style=\"font-size: 18px; color: #fff\">小时</span>\n </span>\n </div>\n </div>\n </div>\n </div>\n <div id=\"detailedOne\"></div>\n </div>\n </div>\n <div class=\"middle\" id=\"middle\">\n <div class=\"map\" style=\"height: 100%\">\n <canvas\n id=\"myCanvas\"\n width=\"1000\"\n height=\"600\"\n style=\"position: absolute\"\n ></canvas>\n <img src=\"../assets/indexN/left.png\" class=\"leftimg\" alt=\"\" />\n <img src=\"../assets/indexN/right.png\" class=\"rightimg\" alt=\"\" />\n <img class=\"allimg\" src=\"../assets/indexN/dfsxz.png\" alt=\"\" />\n <div class=\"imgboxtwo1\">\n <div class=\"cartitle\">\n <div class=\"titleFont\" style=\"color: #fff; font-size: 26px\">\n 大丰区\n </div>\n </div>\n <div class=\"content2\">\n <div class=\"line1\">\n 用电量 (kwh) \n <span style=\"color: yellow; font-size: 28px\">2.685亿</span>\n </div>\n <div class=\"line1\">\n 碳排放量 (kg) \n <span style=\"color: orange; font-size: 28px\">7.303万</span>\n </div>\n <div class=\"line1\">\n 企业数量 \n <span style=\"color: yellow; font-size: 28px\">713</span>\n </div>\n </div>\n </div>\n <div class=\"imgboxone\">\n <div class=\"contents\">\n <div class=\"lines\" style=\"width: 55%\">\n <img src=\"../assets/indexN/tb1.png\" style=\"margin-top: 15%\" />\n <h4 style=\"color: #fff; margin-top: 10%\">数据目录</h4>\n </div>\n <div class=\"lines\">\n <div class=\"total\">\n <div class=\"num\">\n <span>发布数量</span>\n <span class=\"yellow\">\n 100 <span style=\"color: #fff\">%</span>\n </span>\n </div>\n <div class=\"num\" style=\"margin-top: 5%\">\n <span>负面清单</span>\n <span class=\"orange\">\n 7244<span style=\"color: #fff\">个</span>\n </span>\n </div>\n <div class=\"num\" style=\"margin-top: 5%\">\n <span>涉及系统</span>\n <span class=\"yellow\">\n 251 <span style=\"color: #fff\">个</span>\n </span>\n </div>\n </div>\n </div>\n <div class=\"lines\" style=\"width: 55%\">\n <img src=\"../assets/indexN/tb2.png\" style=\"margin-top: 15%\" />\n <h4 style=\"color: #fff; margin-top: 10%\">数据资源</h4>\n </div>\n <div class=\"lines\">\n <div class=\"total\">\n <div class=\"num\">\n <div style=\"display: inline-block\">\n <span>接入数量</span>\n </div>\n <span class=\"yellow\"\n > 1.6 <span style=\"color: #fff\">万个</span></span\n >\n </div>\n <div class=\"num\" style=\"margin-top: 5%\">\n <div style=\"display: inline-block\">\n <span>涉及系统</span>\n </div>\n <span class=\"orange\"\n > 123 <span style=\"color: #fff\">个</span></span\n >\n </div>\n <div class=\"num\" style=\"margin-top: 5%\">\n <div style=\"display: inline-block\">\n <span>数据资源卡片</span>\n </div>\n <span class=\"yellow\"\n >31<span style=\"color: #fff\">个</span></span\n >\n </div>\n </div>\n </div>\n <div class=\"lines\" style=\"width: 55%\">\n <img src=\"../assets/indexN/tb3.png\" style=\"margin-top: 15%\" />\n <h4 style=\"color: #fff; margin-top: 10%\">数据服务</h4>\n </div>\n <div class=\"lines\">\n <div class=\"total\">\n <div class=\"num\">\n <div style=\"display: inline-block\">\n <span>服务数量</span>\n </div>\n <span class=\"yellow\">\n 1084<span style=\"color: #fff\">个</span>\n </span>\n </div>\n <div class=\"num\" style=\"margin-top: 5%\">\n <div style=\"display: inline-block\">\n <span>接入数量</span>\n </div>\n <span class=\"orange\">\n 8833<span style=\"color: #fff\">个</span>\n </span>\n </div>\n <div class=\"num\" style=\"margin-top: 5%\">\n <div style=\"display: inline-block\">\n <span>访问次数</span>\n </div>\n <span class=\"yellow\">\n 5.3 <span style=\"color: #fff\">亿个</span>\n </span>\n </div>\n </div>\n </div>\n <div class=\"lines\" style=\"width: 55%\">\n <img src=\"../assets/indexN/tb4.png\" style=\"margin-top: 15%\" />\n <h4 style=\"color: #fff; margin-top: 10%\">数据产品</h4>\n </div>\n <div class=\"lines\">\n <div class=\"total\">\n <div class=\"num\">\n <div style=\"display: inline-block\">\n <span>报表数量</span>\n </div>\n <span class=\"yellow\"\n > 19 <span style=\"color: #fff\">个</span></span\n >\n </div>\n <div class=\"num\" style=\"margin-top: 5%\">\n <div style=\"display: inline-block\">\n <span>服务访问次数</span>\n </div>\n <span class=\"orange\"\n > 0 <span style=\"color: #fff\">次</span></span\n >\n </div>\n <div class=\"num\" style=\"margin-top: 5%\">\n <div style=\"display: inline-block\">\n <span>指标数量</span>\n </div>\n <span class=\"yellow\"\n > 477 <span style=\"color: #fff\">个</span></span\n >\n </div>\n </div>\n </div>\n </div>\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\" @click=\"routerTo('乡村振兴电力综合指数')\">\n <!-- <div style=\"\n width: 82%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n \"> -->\n <div class=\"titleFont\">\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\n <span>乡村振兴电力综合指数</span>\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\n </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=\"content3\">\n <div class=\"contentUl\">\n <div class=\"top1\">\n <!-- <img src=\"../assets/indexN/xctb2.png\" /> -->\n <div class=\"texts\">94.46</div>\n <h4>产业兴旺</h4>\n </div>\n <div class=\"top2\">\n <!-- <img src=\"../assets/indexN/xctb2.png\" /> -->\n <div class=\"texts\">63.95</div>\n <h4>生活宜居</h4>\n </div>\n <div class=\"top3\">\n <div class=\"texts\">74.15</div>\n <h4>生活富裕</h4>\n </div>\n <div class=\"top4\">\n <div class=\"texts\">56.23</div>\n <h4>治理有效</h4>\n </div>\n <div class=\"top5\">\n <div class=\"texts\">86.82</div>\n <h4>乡风文明</h4>\n </div>\n <div class=\"top\">\n <img src=\"../assets/indexN/xctb1.png\" />\n <div class=\"texts\" style=\"color: yellow\">77.17</div>\n </div>\n <!-- <div class=\"top\">\n <img src=\"../assets/05/sjfx.png\" />\n <div class=\"texts\" style=\"color: yellow\">\n 0\n <span style=\"font-size: 15px; color: #fff\">个</span>\n </div>\n <h4>自然村</h4>\n </div> -->\n </div>\n </div>\n <div class=\"enselect\">\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\n <span class=\"text\">乡镇</span>\n </div>\n <div id=\"detailedFive\"></div>\n </div>\n\n <div class=\"three\" style=\"height: 48%; width: 100%\">\n <div class=\"cartitle\" @click=\"routerTo('两高行业企业污染监测')\">\n <div class=\"titleFont\">\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\n <span>两高行业企业污染监测</span>\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\n </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=\"content3\" style=\"display: inline\">\n <div class=\"line3\">\n <div class=\"total\">\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\n <span style=\"font-size: 18px\" class=\"num1\"\n >2022年度总碳排放量</span\n >\n <span\n style=\"font-size: 40px; font-weight: 600\"\n class=\"numText\"\n :text=\"CompanyInfo.ztpf\"\n id=\"yellow\"\n >{{ CompanyInfo.ztpf }}\n <span style=\"font-size: 18px; color: #fff\">吨碳</span>\n </span>\n </div>\n </div>\n </div>\n <div class=\"line3\">\n <div class=\"total\">\n <div class=\"num\">\n <span style=\"font-size: 18px\" class=\"num1\"\n >2022年度总用电量</span\n >\n <span\n style=\"font-size: 40px; font-weight: 600\"\n class=\"numText\"\n id=\"orange\"\n :text=\"CompanyInfo.zydl\"\n >{{ CompanyInfo.zydl }}\n <span style=\"font-size: 18px; color: #fff\">kwh</span>\n </span>\n </div>\n </div>\n </div>\n <div class=\"line3\">\n <div class=\"total\">\n <div class=\"num\">\n <span style=\"font-size: 18px\" class=\"num1\"\n >2022年度客户总数</span\n >\n <span\n style=\"font-size: 40px; font-weight: 600\"\n class=\"numText\"\n id=\"yellow\"\n :text=\"CompanyInfo.khzs\"\n >{{ CompanyInfo.khzs }}\n <span style=\"font-size: 18px; color: #fff\">人</span>\n </span>\n </div>\n </div>\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\" @click=\"routerTo('农村生活污水治理设备电量分析')\">\n <!-- <div style=\"\n width: 82%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n \"> -->\n <div class=\"titleFont\">\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\n <span>农村生活污水治理设备电量分析</span>\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\n </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\n <div class=\"content3\">\n <div class=\"line3\">\n <div class=\"total\">\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\n <span style=\"font-size: 18px\" class=\"num1\"\n >年度总用电量 </span\n >\n <span\n style=\"font-size: 40px; font-weight: 600\"\n class=\"numText\"\n id=\"yellow\"\n :text=\"CompanyInfo.xczydl\"\n >{{ CompanyInfo.xczydl }}\n <span style=\"font-size: 18px; color: #fff\">万kwh</span>\n </span>\n </div>\n </div>\n </div>\n <div class=\"line3\">\n <div class=\"total\">\n <div class=\"num\">\n <span style=\"font-size: 18px\" class=\"num1\"\n >最大设备规模 </span\n >\n <span\n style=\"font-size: 40px; font-weight: 600\"\n class=\"numText\"\n id=\"orange\"\n :text=\"CompanyInfo.zdsbgm\"\n >{{ CompanyInfo.zdsbgm }}\n <span style=\"font-size: 18px; color: #fff\">吨/日</span>\n </span>\n </div>\n </div>\n </div>\n <div class=\"line3\">\n <div class=\"total\">\n <div class=\"num\">\n <span style=\"font-size: 18px\" class=\"num1\"\n >最小设备规模 </span\n >\n <span\n style=\"font-size: 40px; font-weight: 600\"\n class=\"numText\"\n id=\"yellow\"\n :text=\"CompanyInfo.zxsbgm\"\n >{{ CompanyInfo.zxsbgm }}\n <span style=\"font-size: 18px; color: #fff\">吨/日</span>\n </span>\n </div>\n </div>\n </div>\n </div>\n\n <div id=\"detailen\"></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\n class=\"cartitle\"\n @click=\"routerTo('数字化排涝抗旱辅助及检修辅助决策')\"\n >\n <div class=\"titleFont\">\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\n <span>数字化排涝抗旱辅助及检修辅助决策</span>\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\n </div>\n </div>\n <div class=\"content3\">\n <div class=\"line3\">\n <div class=\"total\">\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\n <span style=\"font-size: 18px\" class=\"num1\"\n >辖区管理供电所 </span\n >\n <span\n style=\"font-size: 40px; font-weight: 600\"\n class=\"numText\"\n id=\"yellow\"\n :text=\"CompanyInfo.glgds\"\n >{{ CompanyInfo.glgds }}\n <span style=\"font-size: 18px; color: #fff\">个</span>\n </span>\n </div>\n </div>\n </div>\n <div class=\"line3\">\n <div class=\"total\">\n <div class=\"num\">\n <span style=\"font-size: 18px\" class=\"num1\"\n >辖区管理台区 </span\n >\n <span\n style=\"font-size: 40px; font-weight: 600\"\n class=\"numText\"\n id=\"orange\"\n :text=\"CompanyInfo.gltq\"\n >{{ CompanyInfo.gltq }}\n <span style=\"font-size: 18px; color: #fff\">个</span>\n </span>\n </div>\n </div>\n </div>\n <div class=\"line3\">\n <div class=\"total\">\n <div class=\"num\">\n <span style=\"font-size: 18px\" class=\"num1\"\n >自然村 </span\n >\n <span\n style=\"font-size: 40px; font-weight: 600\"\n class=\"numText\"\n id=\"yellow\"\n :text=\"CompanyInfo.zrc\"\n >{{ CompanyInfo.zrc }}\n <span style=\"font-size: 18px; color: #fff\">条</span>\n </span>\n </div>\n </div>\n </div>\n </div>\n <div id=\"shuzihua\"></div>\n </div>\n </div>\n <div class=\"realTimeAlarm\" v-show=\"realTimeAlarmShow\">\n <div class=\"content3\">\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\n @click=\"handleClose\"\n src=\"@/assets/images/close.png\"\n style=\"cursor: pointer\"\n />\n </div>\n </div>\n <div class=\"content3\">\n <div class=\"table user_skills\">\n <el-table\n :data=\"alarmInformationData\"\n style=\"width: 100%; height: 100%\"\n :header-cell-style=\"{ 'text-align': 'center' }\"\n :cell-style=\"{ 'text-align': 'center' }\"\n :row-class-name=\"rowClass\"\n >\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\n prop=\"cabinet_name\"\n label=\"告警位置\"\n align=\"center\"\n >\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\n @current-change=\"handleCurrentChange\"\n :current-page=\"page\"\n :page-size=\"pageSize\"\n layout=\"prev, pager, next\"\n :total=\"totals\"\n v-if=\"pageShow\"\n >\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\n class=\"componentShow\"\n style=\"display: block; height: calc(100% - 100px); top: 100px\"\n v-if=\"lineItem != null\"\n >\n <component :is=\"lineShow\" :lineItem=\"lineItem\"></component>\n </div>\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
+{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\index.vue?vue&type=template&id=a83bd3b0&scoped=true&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\index.vue","mtime":1690160299337},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1655712169000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["\n<div class=\"home\">\n <div class=\"left\" id=\"left\">\n <div class=\"one\" style=\"height: 48%\">\n <div class=\"cartitle\" @click=\"routerTo('盐城地区分布光伏运行监测')\">\n <div class=\"titleFont\">\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\n <span>盐城地区分布光伏运行监测</span>\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\n </div>\n </div>\n <div class=\"content3\">\n <div class=\"line3\">\n <div class=\"total\">\n <div class=\"num\">\n <span style=\"font-size: 18px\" class=\"num1\"\n >户数高渗透率 </span\n >\n <span\n style=\"font-size: 40px; font-weight: 600\"\n class=\"numText\"\n id=\"yellow\"\n :text=\"CompanyInfo.hsgst\"\n >{{ CompanyInfo.hsgst }}\n <span style=\"font-size: 18px; color: #fff\">%</span>\n </span>\n </div>\n </div>\n </div>\n <div class=\"line3\">\n <div class=\"total\">\n <div class=\"num\">\n <span style=\"font-size: 18px\" class=\"num1\"\n >容量渗透率 </span\n >\n <span\n style=\"font-size: 40px; font-weight: 600\"\n class=\"numText\"\n id=\"orange\"\n :text=\"CompanyInfo.rlst\"\n >{{ CompanyInfo.rlst }}\n <span style=\"font-size: 18px; color: #fff\">%</span>\n </span>\n </div>\n </div>\n </div>\n <div class=\"line3\">\n <div class=\"total\">\n <div class=\"num\">\n <span style=\"font-size: 18px\" class=\"num1\"\n >能量渗透率 </span\n >\n <span\n style=\"font-size: 40px; font-weight: 600\"\n class=\"numText\"\n id=\"yellow\"\n :text=\"CompanyInfo.nlst\"\n >{{ CompanyInfo.nlst }}\n <span style=\"font-size: 18px; color: #fff\">%</span>\n </span>\n </div>\n </div>\n </div>\n </div>\n <div id=\"detailedTwo1\"></div>\n </div>\n <div class=\"two\" style=\"height: 49%\">\n <div class=\"cartitle\" @click=\"routerTo('配网工程全过程物资审计')\">\n <div class=\"titleFont\">\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\n <span>配网工程全过程物资审计</span>\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\n </div>\n </div>\n <div class=\"content3\" style=\"display: inline\">\n <div class=\"line3\">\n <div class=\"total\">\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\n <span style=\"font-size: 18px\" class=\"num1\">项目数 </span>\n <span\n style=\"font-size: 40px; font-weight: 600\"\n class=\"numText\"\n id=\"yellow\"\n :text=\"CompanyInfo.xms\"\n >{{ CompanyInfo.xms }}\n <span style=\"font-size: 18px; color: #fff\">万</span>\n </span>\n </div>\n </div>\n </div>\n <div class=\"line3\">\n <div class=\"total\">\n <div class=\"num\">\n <span style=\"font-size: 18px\" class=\"num1\">预算费用总和</span>\n <span\n style=\"font-size: 40px; font-weight: 600\"\n class=\"numText\"\n id=\"orange\"\n :text=\"CompanyInfo.ysfyzh\"\n >{{ CompanyInfo.ysfyzh }}\n <span style=\"font-size: 18px; color: #fff\">%</span>\n </span>\n </div>\n </div>\n </div>\n <div class=\"line3\">\n <div class=\"total\">\n <div class=\"num\">\n <span style=\"font-size: 18px\" class=\"num1\">计划数</span>\n <span\n style=\"font-size: 40px; font-weight: 600\"\n class=\"numText\"\n id=\"yellow\"\n :text=\"CompanyInfo.jhs\"\n >{{ CompanyInfo.jhs }}\n </span>\n </div>\n </div>\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\" @click=\"routerTo('盐城东台区供电所数字化分析')\">\n <div class=\"titleFont\">\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\n <span>盐城东台区供电所数字化分析</span>\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\n </div>\n </div>\n <div class=\"content3\">\n <div class=\"line3\">\n <div class=\"total\">\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\n <span style=\"font-size: 18px\" class=\"num1\"\n >升档配变数量 </span\n >\n <span\n style=\"font-size: 40px; font-weight: 600\"\n class=\"numText\"\n id=\"yellow\"\n :text=\"CompanyInfo.sdpbsl\"\n >{{ CompanyInfo.sdpbsl }}</span\n >\n </div>\n </div>\n </div>\n <div class=\"line3\">\n <div class=\"total\">\n <div class=\"num\">\n <span style=\"font-size: 18px\" class=\"num1\">降档配比数量</span>\n <span\n style=\"font-size: 40px; font-weight: 600\"\n class=\"numText\"\n id=\"orange\"\n :text=\"CompanyInfo.jdpbsl\"\n >{{ CompanyInfo.jdpbsl }}</span\n >\n </div>\n </div>\n </div>\n <div class=\"line3\">\n <div class=\"total\">\n <div class=\"num\">\n <span style=\"font-size: 18px\" class=\"num1\"\n >负荷关注配变数量 </span\n >\n <span\n style=\"font-size: 40px; font-weight: 600\"\n class=\"numText\"\n id=\"yellow\"\n :text=\"CompanyInfo.fhgzpb\"\n >{{ CompanyInfo.fhgzpb }}</span\n >\n </div>\n </div>\n </div>\n </div>\n <div id=\"horizontalChart\"></div>\n </div>\n <div class=\"two\" style=\"height: 49%\">\n <div class=\"cartitle\" @click=\"routerTo('盐城供电公司配网电能质量管控')\">\n <div class=\"titleFont\">\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\n <span>盐城供电公司配网电能质量管控</span>\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\n </div>\n </div>\n <div class=\"content3\">\n <div class=\"line3\">\n <div class=\"total\">\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\n <span style=\"font-size: 18px\" class=\"num1\"\n >月供电可靠性 </span\n >\n <span\n style=\"font-size: 40px; font-weight: 600\"\n class=\"numText\"\n id=\"yellow\"\n :text=\"CompanyInfo.ygdkkx\"\n >{{ CompanyInfo.ygdkkx }}\n <span style=\"font-size: 18px; color: #fff\">%</span>\n </span>\n </div>\n </div>\n </div>\n <div class=\"line3\">\n <div class=\"total\">\n <div class=\"num\">\n <span style=\"font-size: 18px\" class=\"num1\"\n >平均停电频次 </span\n >\n <span\n style=\"font-size: 40px; font-weight: 600\"\n class=\"numText\"\n id=\"orange\"\n :text=\"CompanyInfo.pjtdpc\"\n >{{ CompanyInfo.pjtdpc }}\n <span style=\"font-size: 18px; color: #fff\">次/户</span>\n </span>\n </div>\n </div>\n </div>\n <div class=\"line3\">\n <div class=\"total\">\n <div class=\"num\">\n <span style=\"font-size: 18px\" class=\"num1\"\n >平均停电时间 </span\n >\n <span\n style=\"font-size: 40px; font-weight: 600\"\n class=\"numText\"\n id=\"yellow\"\n :text=\"CompanyInfo.pjtdsj\"\n >{{ CompanyInfo.pjtdsj }}\n <span style=\"font-size: 18px; color: #fff\">小时</span>\n </span>\n </div>\n </div>\n </div>\n </div>\n <div id=\"detailedOne\"></div>\n </div>\n </div>\n <div class=\"middle\" id=\"middle\">\n <div class=\"map\" style=\"height: 100%\">\n <canvas\n id=\"myCanvas\"\n width=\"1000\"\n height=\"600\"\n style=\"position: absolute\"\n ></canvas>\n <img src=\"../assets/indexN/left.png\" class=\"leftimg\" alt=\"\" />\n <img src=\"../assets/indexN/right.png\" class=\"rightimg\" alt=\"\" />\n <img class=\"allimg\" src=\"../assets/indexN/dfsxz.png\" alt=\"\" />\n <div class=\"imgboxtwo1\">\n <div class=\"cartitle\">\n <div class=\"titleFont\" style=\"color: #fff; font-size: 26px\">\n 大丰区\n </div>\n </div>\n <div class=\"content2\">\n <div class=\"line1\">\n 用电量 (kwh) \n <span style=\"color: yellow; font-size: 28px\">2.685亿</span>\n </div>\n <div class=\"line1\">\n 碳排放量 (kg) \n <span style=\"color: orange; font-size: 28px\">7.303万</span>\n </div>\n <div class=\"line1\">\n 企业数量 \n <span style=\"color: yellow; font-size: 28px\">713</span>\n </div>\n </div>\n </div>\n <div class=\"imgboxone\">\n <div class=\"contents\">\n <div class=\"lines\" style=\"width: 55%\">\n <img src=\"../assets/indexN/tb1.png\" style=\"margin-top: 15%\" />\n <h4 style=\"color: #fff; margin-top: 10%\">数据目录</h4>\n </div>\n <div class=\"lines\">\n <div class=\"total\">\n <div class=\"num\">\n <span>发布数量</span>\n <span class=\"yellow\">\n 100 <span style=\"color: #fff\">%</span>\n </span>\n </div>\n <div class=\"num\" style=\"margin-top: 5%\">\n <span>负面清单</span>\n <span class=\"orange\">\n 7244<span style=\"color: #fff\">个</span>\n </span>\n </div>\n <div class=\"num\" style=\"margin-top: 5%\">\n <span>涉及系统</span>\n <span class=\"yellow\">\n 251 <span style=\"color: #fff\">个</span>\n </span>\n </div>\n </div>\n </div>\n <div class=\"lines\" style=\"width: 55%\">\n <img src=\"../assets/indexN/tb2.png\" style=\"margin-top: 15%\" />\n <h4 style=\"color: #fff; margin-top: 10%\">数据资源</h4>\n </div>\n <div class=\"lines\">\n <div class=\"total\">\n <div class=\"num\">\n <div style=\"display: inline-block\">\n <span>接入数量</span>\n </div>\n <span class=\"yellow\"\n > 1.6 <span style=\"color: #fff\">万个</span></span\n >\n </div>\n <div class=\"num\" style=\"margin-top: 5%\">\n <div style=\"display: inline-block\">\n <span>涉及系统</span>\n </div>\n <span class=\"orange\"\n > 123 <span style=\"color: #fff\">个</span></span\n >\n </div>\n <div class=\"num\" style=\"margin-top: 5%\">\n <div style=\"display: inline-block\">\n <span>数据资源卡片</span>\n </div>\n <span class=\"yellow\"\n >31<span style=\"color: #fff\">个</span></span\n >\n </div>\n </div>\n </div>\n <div class=\"lines\" style=\"width: 55%\">\n <img src=\"../assets/indexN/tb3.png\" style=\"margin-top: 15%\" />\n <h4 style=\"color: #fff; margin-top: 10%\">数据服务</h4>\n </div>\n <div class=\"lines\">\n <div class=\"total\">\n <div class=\"num\">\n <div style=\"display: inline-block\">\n <span>服务数量</span>\n </div>\n <span class=\"yellow\">\n 1084<span style=\"color: #fff\">个</span>\n </span>\n </div>\n <div class=\"num\" style=\"margin-top: 5%\">\n <div style=\"display: inline-block\">\n <span>接入数量</span>\n </div>\n <span class=\"orange\">\n 8833<span style=\"color: #fff\">个</span>\n </span>\n </div>\n <div class=\"num\" style=\"margin-top: 5%\">\n <div style=\"display: inline-block\">\n <span>访问次数</span>\n </div>\n <span class=\"yellow\">\n 5.3 <span style=\"color: #fff\">亿个</span>\n </span>\n </div>\n </div>\n </div>\n <div class=\"lines\" style=\"width: 55%\">\n <img src=\"../assets/indexN/tb4.png\" style=\"margin-top: 15%\" />\n <h4 style=\"color: #fff; margin-top: 10%\">数据产品</h4>\n </div>\n <div class=\"lines\">\n <div class=\"total\">\n <div class=\"num\">\n <div style=\"display: inline-block\">\n <span>报表数量</span>\n </div>\n <span class=\"yellow\"\n > 19 <span style=\"color: #fff\">个</span></span\n >\n </div>\n <div class=\"num\" style=\"margin-top: 5%\">\n <div style=\"display: inline-block\">\n <span>服务访问次数</span>\n </div>\n <span class=\"orange\"\n > 0 <span style=\"color: #fff\">次</span></span\n >\n </div>\n <div class=\"num\" style=\"margin-top: 5%\">\n <div style=\"display: inline-block\">\n <span>指标数量</span>\n </div>\n <span class=\"yellow\"\n > 477 <span style=\"color: #fff\">个</span></span\n >\n </div>\n </div>\n </div>\n </div>\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\" @click=\"routerTo('乡村振兴电力综合指数')\">\n <!-- <div style=\"\n width: 82%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n \"> -->\n <div class=\"titleFont\">\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\n <span>乡村振兴电力综合指数</span>\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\n </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=\"content3\">\n <div class=\"contentUl\">\n <div class=\"top1\">\n <!-- <img src=\"../assets/indexN/xctb2.png\" /> -->\n <div class=\"texts\">94.46</div>\n <h4>产业兴旺</h4>\n </div>\n <div class=\"top2\">\n <!-- <img src=\"../assets/indexN/xctb2.png\" /> -->\n <div class=\"texts\">63.95</div>\n <h4>生活宜居</h4>\n </div>\n <div class=\"top3\">\n <div class=\"texts\">74.15</div>\n <h4>生活富裕</h4>\n </div>\n <div class=\"top4\">\n <div class=\"texts\">56.23</div>\n <h4>治理有效</h4>\n </div>\n <div class=\"top5\">\n <div class=\"texts\">86.82</div>\n <h4>乡风文明</h4>\n </div>\n <div class=\"top\">\n <img src=\"../assets/indexN/xctb1.png\" />\n <div class=\"texts\" style=\"color: yellow\">77.17</div>\n </div>\n <!-- <div class=\"top\">\n <img src=\"../assets/05/sjfx.png\" />\n <div class=\"texts\" style=\"color: yellow\">\n 0\n <span style=\"font-size: 15px; color: #fff\">个</span>\n </div>\n <h4>自然村</h4>\n </div> -->\n </div>\n </div>\n <div class=\"enselect\">\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\n <span class=\"text\">乡镇</span>\n </div>\n <div id=\"detailedFive\"></div>\n </div>\n\n <div class=\"three\" style=\"height: 48%; width: 100%\">\n <div class=\"cartitle\" @click=\"routerTo('两高行业企业污染监测')\">\n <div class=\"titleFont\">\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\n <span>两高行业企业污染监测</span>\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\n </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=\"content3\" style=\"display: inline\">\n <div class=\"line3\">\n <div class=\"total\">\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\n <span style=\"font-size: 18px\" class=\"num1\" id=\"textleft\"\n >2022年度总碳排放量</span\n >\n <span\n style=\"font-size: 40px; font-weight: 600; margin-left: 30px\"\n class=\"numText\"\n :text=\"CompanyInfo.ztpf\"\n id=\"yellow\"\n >{{ CompanyInfo.ztpf }}\n <span style=\"font-size: 18px; color: #fff\">吨碳</span>\n </span>\n </div>\n </div>\n </div>\n <div class=\"line3\">\n <div class=\"total\">\n <div class=\"num\">\n <span style=\"font-size: 18px\" class=\"num1\" id=\"textleft\"\n >2022年度总用电量</span\n >\n <span\n style=\"font-size: 40px; font-weight: 600; margin-left: 30px\"\n class=\"numText\"\n id=\"orange\"\n :text=\"CompanyInfo.zydl\"\n >{{ CompanyInfo.zydl }}\n <span style=\"font-size: 18px; color: #fff\">kwh</span>\n </span>\n </div>\n </div>\n </div>\n <div class=\"line3\">\n <div class=\"total\">\n <div class=\"num\">\n <span style=\"font-size: 18px\" class=\"num1\" id=\"textleft\"\n >2022年度客户总数</span\n >\n <span\n style=\"font-size: 40px; font-weight: 600; margin-left: 30px\"\n class=\"numText\"\n id=\"yellow\"\n :text=\"CompanyInfo.khzs\"\n >{{ CompanyInfo.khzs }}\n <span style=\"font-size: 18px; color: #fff\">人</span>\n </span>\n </div>\n </div>\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\" @click=\"routerTo('农村生活污水治理设备电量分析')\">\n <!-- <div style=\"\n width: 82%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n \"> -->\n <div class=\"titleFont\">\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\n <span>农村生活污水治理设备电量分析</span>\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\n </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\n <div class=\"content3\">\n <div class=\"line3\">\n <div class=\"total\">\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\n <span style=\"font-size: 18px\" class=\"num1\"\n >年度总用电量 </span\n >\n <span\n style=\"font-size: 40px; font-weight: 600\"\n class=\"numText\"\n id=\"yellow\"\n :text=\"CompanyInfo.xczydl\"\n >{{ CompanyInfo.xczydl }}\n <span style=\"font-size: 18px; color: #fff\">万kwh</span>\n </span>\n </div>\n </div>\n </div>\n <div class=\"line3\">\n <div class=\"total\">\n <div class=\"num\">\n <span style=\"font-size: 18px\" class=\"num1\"\n >最大设备规模 </span\n >\n <span\n style=\"font-size: 40px; font-weight: 600\"\n class=\"numText\"\n id=\"orange\"\n :text=\"CompanyInfo.zdsbgm\"\n >{{ CompanyInfo.zdsbgm }}\n <span style=\"font-size: 18px; color: #fff\">吨/日</span>\n </span>\n </div>\n </div>\n </div>\n <div class=\"line3\">\n <div class=\"total\">\n <div class=\"num\">\n <span style=\"font-size: 18px\" class=\"num1\"\n >最小设备规模 </span\n >\n <span\n style=\"font-size: 40px; font-weight: 600\"\n class=\"numText\"\n id=\"yellow\"\n :text=\"CompanyInfo.zxsbgm\"\n >{{ CompanyInfo.zxsbgm }}\n <span style=\"font-size: 18px; color: #fff\">吨/日</span>\n </span>\n </div>\n </div>\n </div>\n </div>\n\n <div id=\"detailen\"></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\n class=\"cartitle\"\n @click=\"routerTo('数字化排涝抗旱辅助及检修辅助决策')\"\n >\n <div class=\"titleFont\">\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\n <span>数字化排涝抗旱辅助及检修辅助决策</span>\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\n </div>\n </div>\n <div class=\"content3\">\n <div class=\"line3\">\n <div class=\"total\">\n <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\n <span style=\"font-size: 18px\" class=\"num1\"\n >辖区管理供电所 </span\n >\n <span\n style=\"font-size: 40px; font-weight: 600\"\n class=\"numText\"\n id=\"yellow\"\n :text=\"CompanyInfo.glgds\"\n >{{ CompanyInfo.glgds }}\n <span style=\"font-size: 18px; color: #fff\">个</span>\n </span>\n </div>\n </div>\n </div>\n <div class=\"line3\">\n <div class=\"total\">\n <div class=\"num\">\n <span style=\"font-size: 18px\" class=\"num1\"\n >辖区管理台区 </span\n >\n <span\n style=\"font-size: 40px; font-weight: 600\"\n class=\"numText\"\n id=\"orange\"\n :text=\"CompanyInfo.gltq\"\n >{{ CompanyInfo.gltq }}\n <span style=\"font-size: 18px; color: #fff\">个</span>\n </span>\n </div>\n </div>\n </div>\n <div class=\"line3\">\n <div class=\"total\">\n <div class=\"num\">\n <span style=\"font-size: 18px\" class=\"num1\"\n >自然村 </span\n >\n <span\n style=\"font-size: 40px; font-weight: 600\"\n class=\"numText\"\n id=\"yellow\"\n :text=\"CompanyInfo.zrc\"\n >{{ CompanyInfo.zrc }}\n <span style=\"font-size: 18px; color: #fff\">条</span>\n </span>\n </div>\n </div>\n </div>\n </div>\n <div id=\"shuzihua\"></div>\n </div>\n </div>\n <div class=\"realTimeAlarm\" v-show=\"realTimeAlarmShow\">\n <div class=\"content3\">\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\n @click=\"handleClose\"\n src=\"@/assets/images/close.png\"\n style=\"cursor: pointer\"\n />\n </div>\n </div>\n <div class=\"content3\">\n <div class=\"table user_skills\">\n <el-table\n :data=\"alarmInformationData\"\n style=\"width: 100%; height: 100%\"\n :header-cell-style=\"{ 'text-align': 'center' }\"\n :cell-style=\"{ 'text-align': 'center' }\"\n :row-class-name=\"rowClass\"\n >\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\n prop=\"cabinet_name\"\n label=\"告警位置\"\n align=\"center\"\n >\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\n @current-change=\"handleCurrentChange\"\n :current-page=\"page\"\n :page-size=\"pageSize\"\n layout=\"prev, pager, next\"\n :total=\"totals\"\n v-if=\"pageShow\"\n >\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\n class=\"componentShow\"\n style=\"display: block; height: calc(100% - 100px); top: 100px\"\n v-if=\"lineItem != null\"\n >\n <component :is=\"lineShow\" :lineItem=\"lineItem\"></component>\n </div> -->\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/c1151949125bd1daf6fd8e166fca56a2.json b/node_modules/.cache/vue-loader/c1151949125bd1daf6fd8e166fca56a2.json
index bcfe2b54..28b0c395 100644
--- a/node_modules/.cache/vue-loader/c1151949125bd1daf6fd8e166fca56a2.json
+++ b/node_modules/.cache/vue-loader/c1151949125bd1daf6fd8e166fca56a2.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\thirtyFiveKV.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\thirtyFiveKV.vue","mtime":1689927955883},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["\r\n//引入echarts\r\nimport * as echarts from \"echarts\";\r\n// 工单统计弹窗组件\r\nimport workOrder from \"../component/workOrder.vue\";\r\nimport ringMainUnit from \"./HomePop/ringMainUnit.vue\";\r\nimport routeDetail from \"../component/routeDetail.vue\";\r\n\r\n// 线路详情\r\nimport lineDetail from \"../component/lineDetail.vue\";\r\nexport default {\r\n name: \"twentyKV\",\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 name: \"国网东台区供电公司\",\r\n stationNumber: \"0\",\r\n alternatorNumber: \"1\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"23\",\r\n alternatorNumber: \"1\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"1\",\r\n alternatorNumber: \"3\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"1\",\r\n alternatorNumber: \"2\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"14\",\r\n alternatorNumber: \"3\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"45.3w\",\r\n alternatorNumber: \"2\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"13.3w\",\r\n alternatorNumber: \"1\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"23\",\r\n alternatorNumber: \"0\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"23\",\r\n alternatorNumber: \"0\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"356.3w\",\r\n alternatorNumber: \"2\",\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.detailedTwo33();\r\n this.barCharts();\r\n this.detailen();\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 tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n },\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n data: [\"2018\", \"2019\", \"2020\", \"2021\", \"2022\"],\r\n axisLabel: {\r\n show: true,\r\n textStyle: {\r\n color: \"#ffffff\",\r\n fontSize: \"18\",\r\n },\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 },\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 fontSize: \"18\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"预计年变化趋势\",\r\n type: \"bar\",\r\n barWidth: 40,\r\n itemStyle: {\r\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n { offset: 1, color: \"rgba(86,254,226,.2) \" },\r\n { offset: 0.5, color: \"rgb(86,254,226,.6)\" },\r\n { offset: 0, color: \"rgb(86,254,226)\" },\r\n ]),\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n emphasis: {\r\n focus: \"series\",\r\n },\r\n data: [320, 332, 301, 334, 390],\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedTwo22() {\r\n var fontColor = \"#30eee9\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo2\"));\r\n var option = {\r\n tooltip: {\r\n show: true,\r\n trigger: \"item\",\r\n },\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: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: \"#fff\",\r\n fontSize: \"16\",\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: [\"2018\", \"2019\", \"2020\", \"2021\", \"2022\"],\r\n },\r\n yAxis: {\r\n type: \"value\",\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n series: [\r\n {\r\n name: \"总投资\",\r\n type: \"line\",\r\n stack: \"Total\",\r\n symbol: \"none\",\r\n data: [80, 132, 101, 134, 121],\r\n itemStyle: {\r\n normal: {\r\n color: \"yellow\",\r\n lineStyle: {\r\n color: \"yellow\",\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 detailedTwo33() {\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo3\"));\r\n var honorData = [\r\n {\r\n name: \"60天内掉电客户数\",\r\n data: [15.4, 14.1, 13.3, 12.6, 13.6, 14.4, 15.1, 16.3, 18.6, 16.6],\r\n },\r\n {\r\n name: \"60天内掉电总数\",\r\n data: [9.4, 8.1, 7.3, 8.6, 6.6, 9.4, 8.1, 7.3, 8.6, 6.6],\r\n },\r\n ];\r\n var honorXAxisData = [\r\n \"No.10\",\r\n \"No.9\",\r\n \"No.8\",\r\n \"No.7\",\r\n \"No.6\",\r\n \"No.5\",\r\n \"No.4\",\r\n \"No.3\",\r\n \"No.2\",\r\n \"No.1\",\r\n ];\r\n var nameList = [\r\n \"PMS_晨光满园9台区\",\r\n \"滨河华苑3台区\",\r\n \"PMS_晨光满园11台区\",\r\n \"PMS_晨光满园7台区\",\r\n \"PMS_碧桂园10#配变\",\r\n \"PMS_碧桂园12#配变\",\r\n \"晨光满园16台区\",\r\n \"晨光满园14台区\",\r\n \"滨河华苑7台区\",\r\n \"PMS_中合六配变\",\r\n ];\r\n var option = {\r\n color: [\"#0F9AF8\", \"#2039C3\", \"rgba(32,57,195,.5)\", \"#2ECACE\"],\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"none\",\r\n },\r\n },\r\n legend: {\r\n right: 5,\r\n top: \"5%\",\r\n itemWidth: 10,\r\n itemHeight: 10,\r\n itemGap: 25,\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n grid: {\r\n top: \"15%\",\r\n left: \"14%\",\r\n right: \"0%\",\r\n bottom: \"0%\",\r\n },\r\n xAxis: [\r\n {\r\n type: \"value\",\r\n show: false,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: \"#6B9DD7\",\r\n fontSize: 16, // 文字大小\r\n fontWeight: 400,\r\n interval: 0,\r\n formatter: function (value) {\r\n return value + \"(万元)\";\r\n },\r\n },\r\n splitLine: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"category\",\r\n offset: 17,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: \"#fff\",\r\n fontSize: 20, // 文字大小\r\n fontWeight: 700,\r\n interval: 0,\r\n },\r\n data: honorXAxisData,\r\n },\r\n {\r\n //名称\r\n type: \"category\",\r\n offset: -10,\r\n position: \"left\",\r\n axisLine: {\r\n show: false,\r\n },\r\n inverse: true,\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n color: \"#fff\",\r\n align: \"left\",\r\n verticalAlign: \"bottom\",\r\n lineHeight: 40,\r\n fontSize: 20,\r\n },\r\n data: nameList,\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"60天内掉电客户数\",\r\n type: \"bar\",\r\n stack: \"zongliang\",\r\n barWidth: \"25%\",\r\n barGap: 40, // 柱图之间的间距\r\n itemStyle: {\r\n //自定义颜色\r\n // normal: { color: \"orange\" },\r\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"rgba(255,165,0,.4)\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"rgb(255,165,0)\",\r\n },\r\n ]),\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: [\"80%\", \"-100%\"],\r\n formatter: function (params) {\r\n return params.value;\r\n },\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n\r\n data: honorData[0].data,\r\n },\r\n {\r\n name: \"60天内掉电总数\",\r\n type: \"bar\",\r\n stack: \"zongliang\",\r\n barWidth: \"25%\",\r\n barGap: 40, // 柱图之间的间距\r\n itemStyle: {\r\n //自定义颜色\r\n // normal: { color: \"orange\" },\r\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"#005BEA\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"#00C6FB\",\r\n },\r\n ]),\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: [\"80%\", \"-100%\"],\r\n formatter: function (params) {\r\n return params.value;\r\n },\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n data: honorData[1].data,\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n barCharts() {\r\n var m2R2Data = [\r\n {\r\n value: 335,\r\n legendname: \"22%\",\r\n name: \"国网大丰市供电公司\",\r\n itemStyle: { color: \"#8d7fec\" },\r\n },\r\n {\r\n value: 310,\r\n legendname: \"22%\",\r\n name: \"盐城运维检修部(检修分公司)\",\r\n itemStyle: { color: \"#5085f2\" },\r\n },\r\n {\r\n value: 234,\r\n legendname: \"22%\",\r\n name: \"国网射阳县供电公司\",\r\n itemStyle: { color: \"#e75fc3\" },\r\n },\r\n {\r\n value: 154,\r\n legendname: \"22%\",\r\n name: \"国网响水县供电公司\",\r\n itemStyle: { color: \"#f87be2\" },\r\n },\r\n {\r\n value: 335,\r\n legendname: \"22%\",\r\n name: \"设备管理部\",\r\n itemStyle: { color: \"#f2719a\" },\r\n },\r\n {\r\n value: 335,\r\n legendname: \"22%\",\r\n name: \"开发区供电服务中心\",\r\n itemStyle: { color: \"#fca4bb\" },\r\n },\r\n ];\r\n var myChart = this.$echarts.init(document.getElementById(\"barCharts\"));\r\n var option = {\r\n title: [\r\n {\r\n text: \"总计\",\r\n subtext: 59.53 + \"万\",\r\n textStyle: {\r\n fontSize: 20,\r\n color: \"#fff\",\r\n },\r\n subtextStyle: {\r\n fontSize: 20,\r\n color: \"yellow\",\r\n },\r\n textAlign: \"center\",\r\n x: \"34.5%\",\r\n y: \"44%\",\r\n },\r\n ],\r\n tooltip: {\r\n trigger: \"item\",\r\n formatter: function (parms) {\r\n var str =\r\n parms.seriesName +\r\n \"</br>\" +\r\n parms.marker +\r\n \"\" +\r\n parms.data.legendname +\r\n \"</br>\" +\r\n \"数量：\" +\r\n parms.data.value +\r\n \"</br>\" +\r\n \"占比：\" +\r\n parms.percent +\r\n \"%\";\r\n return str;\r\n },\r\n },\r\n legend: {\r\n type: \"scroll\",\r\n orient: \"vertical\",\r\n left: \"70%\",\r\n align: \"left\",\r\n top: \"middle\",\r\n textStyle: {\r\n color: \"white\",\r\n fontSize: 16,\r\n },\r\n height: 250,\r\n //格式化图例文本\r\n formatter(name) {\r\n // console.log(option);\r\n let than = option.series[0].data; //获取series中的data\r\n let total = 0;\r\n let tarValue;\r\n for (let i = 0, l = than.length; i < l; i++) {\r\n total += than[i].value;\r\n if (than[i].name == name) {\r\n tarValue = than[i].value;\r\n }\r\n }\r\n let p = (tarValue / total) * 100;\r\n return name;\r\n },\r\n icon: \"roundRect\",\r\n data: [\r\n \"国网大丰市供电公司\",\r\n \"设备管理部\",\r\n \"国网射阳县供电公司\",\r\n \"国网响水县供电公司\",\r\n \"盐城运维检修部(检修分公司)\",\r\n \"开发区供电服务中心\",\r\n ],\r\n },\r\n series: [\r\n {\r\n type: \"pie\",\r\n center: [\"35%\", \"50%\"],\r\n radius: [\"30%\", \"55%\"],\r\n clockwise: false, //饼图的扇区是否是顺时针排布\r\n avoidLabelOverlap: false,\r\n lable: {\r\n normal: {\r\n show: true,\r\n textStyle: {\r\n fontSize: 18,\r\n },\r\n },\r\n emphasis: {\r\n show: true,\r\n },\r\n },\r\n\r\n labelLine: {\r\n normal: {\r\n length: 10, //第一条线\r\n length: 30, //第二条线\r\n lineStyle: {\r\n width: 3, // 线条的宽度\r\n color: \"rgb(86,254,226)\", //线的颜色设置， 如没有设置颜色则线条的颜色跟随饼状图的颜色\r\n },\r\n },\r\n },\r\n\r\n itemStyle: {\r\n normal: {\r\n borderRadius: 10,\r\n borderColor: \"transparent\",\r\n borderWidth: 2,\r\n label: {\r\n show: true,\r\n formatter: \" {d}% \",\r\n fontSize: 20,\r\n color: \"#fff\",\r\n },\r\n },\r\n },\r\n\r\n data: m2R2Data,\r\n },\r\n {\r\n type: \"pie\",\r\n radius: [\"110\", \"111\"],\r\n center: [\"35%\", \"50%\"],\r\n data: [100],\r\n label: {\r\n show: false,\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 detailen() {\r\n var myChart = this.$echarts.init(document.getElementById(\"detailen\"));\r\n var option = {\r\n color: [\r\n \"#1E9BD1\",\r\n \"#A0CE3A\",\r\n \"#31C5C0\",\r\n \"#0F347B\",\r\n \"#585247\",\r\n \"#7F6AAD\",\r\n ],\r\n tooltip: {\r\n trigger: \"item\",\r\n formatter: \"{a} <br/>{b} : {c} ({d}%)\",\r\n },\r\n legend: {\r\n orient: \"vertical\",\r\n top: \"middle\",\r\n right: \"5%\",\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n //格式化图例文本\r\n formatter(name) {\r\n // console.log(option);\r\n let than = option.series[0].data; //获取series中的data\r\n let total = 0;\r\n let tarValue;\r\n for (let i = 0, l = than.length; i < l; i++) {\r\n total += than[i].value;\r\n if (than[i].name == name) {\r\n tarValue = than[i].value;\r\n }\r\n }\r\n let p = (tarValue / total) * 100;\r\n return p.toFixed(2) + \"%\";\r\n },\r\n },\r\n calculable: true,\r\n series: [\r\n {\r\n type: \"pie\",\r\n center: [\"35%\", \"50%\"],\r\n radius: [25, 100],\r\n roseType: \"area\",\r\n labelLine: {\r\n normal: {\r\n length: 30, //第一条线\r\n length: 10, //第二条线\r\n lineStyle: {\r\n width: 3, // 线条的宽度\r\n color: \"rgb(86,254,226)\", //线的颜色设置， 如没有设置颜色则线条的颜色跟随饼状图的颜色\r\n },\r\n },\r\n },\r\n\r\n itemStyle: {\r\n normal: {\r\n label: {\r\n show: true,\r\n fontSize: 20,\r\n color: \"#fff\",\r\n },\r\n },\r\n },\r\n data: [\r\n { value: 21, name: \"国网射阳县供电公司\" },\r\n { value: 20, name: \"设备管理部\" },\r\n { value: 22, name: \"国网大丰市供电公司\" },\r\n { value: 25, name: \"国网响水县供电公司\" },\r\n { value: 20, name: \"盐城运维检修部(检修分公司)\" },\r\n { value: 30, name: \"开发区供电服务中心\" },\r\n ],\r\n },\r\n {\r\n type: \"pie\",\r\n radius: [\"110\", \"111\"],\r\n center: [\"35%\", \"50%\"],\r\n data: [100],\r\n label: {\r\n show: false,\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 },\r\n watch: {},\r\n};\r\n",{"version":3,"sources":["thirtyFiveKV.vue"],"names":[],"mappings":";AAyMA;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;;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;;AAEA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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","file":"thirtyFiveKV.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n <div class=\"home\">\r\n <div class=\"left\" id=\"left\">\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>预计年/月变化趋势</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div class=\"enselect\">\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n <span class=\"text\">2022</span>\r\n </div>\r\n <div id=\"detailedTwo1\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>年/月总投资变化趋势</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div class=\"enselect\">\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n <span class=\"text\">2022</span>\r\n </div>\r\n <div id=\"detailedTwo2\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"left1\" id=\"left\">\r\n <div class=\"one\" style=\"height: 100%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>县公司预算统计</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div id=\"detailedTwo3\"></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 <img class=\"allimg\" src=\"../assets/indexN/dfsxz.png\" alt=\"\" />\r\n <div class=\"imgboxone\">\r\n <div class=\"contents\">\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <div style=\"display: inline-block\">\r\n <img\r\n style=\"float: left\"\r\n src=\"../assets/index/mainTb1.png\"\r\n alt=\"\"\r\n />\r\n <span>项目数</span>\r\n </div>\r\n <h5 class=\"yellow\">\r\n 9.279 <span style=\"color: #fff\">万</span>\r\n </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 <div style=\"display: inline-block\">\r\n <img\r\n style=\"float: left; height: 30px; width: 30px\"\r\n src=\"../assets/index/mainTb2.png\"\r\n alt=\"\"\r\n />\r\n <span>预算费用总和</span>\r\n </div>\r\n <h5 class=\"orange\">\r\n 118.5<span style=\"color: #fff\">万</span>\r\n </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 <div style=\"display: inline-block\">\r\n <img\r\n style=\"float: left; height: 30px; width: 30px\"\r\n src=\"../assets/index/mainTb1.png\"\r\n alt=\"\"\r\n />\r\n <span>计划数</span>\r\n </div>\r\n <h5 class=\"yellow\"> 44</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 <div style=\"display: inline-block\">\r\n <img\r\n style=\"float: left; height: 30px; width: 30px\"\r\n src=\"../assets/index/mainTb2.png\"\r\n alt=\"\"\r\n />\r\n <span>物科数</span>\r\n </div>\r\n <h5 class=\"orange\"> 10</h5>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"right\" id=\"right\">\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>县物项目总投资比</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div id=\"barCharts\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>县物资占比分配</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div id=\"detailen\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"right1\" id=\"right\">\r\n <div class=\"one\" style=\"height: 100%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>县公司预算统计</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <table>\r\n <thead style=\"color: #fff; font-size: 30px\">\r\n <tr>\r\n <td>县公司名称</td>\r\n <td>物科数量</td>\r\n <td>计划数量</td>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <tr v-for=\"(item, index) in pvTable\" :key=\"index\">\r\n <td>{{ item.name }}</td>\r\n <td>{{ item.stationNumber }}</td>\r\n <td class=\"titleFont\">{{ item.alternatorNumber }}</td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <audio\r\n controls=\"controls\"\r\n hidden\r\n src=\"../assets/videos/police.wav\"\r\n ref=\"audio\"\r\n ></audio>\r\n </div>\r\n</template>\r\n\r\n<script>\r\n//引入echarts\r\nimport * as echarts from \"echarts\";\r\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: \"twentyKV\",\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 name: \"国网东台区供电公司\",\r\n stationNumber: \"0\",\r\n alternatorNumber: \"1\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"23\",\r\n alternatorNumber: \"1\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"1\",\r\n alternatorNumber: \"3\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"1\",\r\n alternatorNumber: \"2\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"14\",\r\n alternatorNumber: \"3\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"45.3w\",\r\n alternatorNumber: \"2\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"13.3w\",\r\n alternatorNumber: \"1\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"23\",\r\n alternatorNumber: \"0\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"23\",\r\n alternatorNumber: \"0\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"356.3w\",\r\n alternatorNumber: \"2\",\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.detailedTwo33();\r\n this.barCharts();\r\n this.detailen();\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 tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n },\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n data: [\"2018\", \"2019\", \"2020\", \"2021\", \"2022\"],\r\n axisLabel: {\r\n show: true,\r\n textStyle: {\r\n color: \"#ffffff\",\r\n fontSize: \"18\",\r\n },\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 },\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 fontSize: \"18\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"预计年变化趋势\",\r\n type: \"bar\",\r\n barWidth: 40,\r\n itemStyle: {\r\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n { offset: 1, color: \"rgba(86,254,226,.2) \" },\r\n { offset: 0.5, color: \"rgb(86,254,226,.6)\" },\r\n { offset: 0, color: \"rgb(86,254,226)\" },\r\n ]),\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n emphasis: {\r\n focus: \"series\",\r\n },\r\n data: [320, 332, 301, 334, 390],\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedTwo22() {\r\n var fontColor = \"#30eee9\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo2\"));\r\n var option = {\r\n tooltip: {\r\n show: true,\r\n trigger: \"item\",\r\n },\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: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: \"#fff\",\r\n fontSize: \"16\",\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: [\"2018\", \"2019\", \"2020\", \"2021\", \"2022\"],\r\n },\r\n yAxis: {\r\n type: \"value\",\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n series: [\r\n {\r\n name: \"总投资\",\r\n type: \"line\",\r\n stack: \"Total\",\r\n symbol: \"none\",\r\n data: [80, 132, 101, 134, 121],\r\n itemStyle: {\r\n normal: {\r\n color: \"yellow\",\r\n lineStyle: {\r\n color: \"yellow\",\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 detailedTwo33() {\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo3\"));\r\n var honorData = [\r\n {\r\n name: \"60天内掉电客户数\",\r\n data: [15.4, 14.1, 13.3, 12.6, 13.6, 14.4, 15.1, 16.3, 18.6, 16.6],\r\n },\r\n {\r\n name: \"60天内掉电总数\",\r\n data: [9.4, 8.1, 7.3, 8.6, 6.6, 9.4, 8.1, 7.3, 8.6, 6.6],\r\n },\r\n ];\r\n var honorXAxisData = [\r\n \"No.10\",\r\n \"No.9\",\r\n \"No.8\",\r\n \"No.7\",\r\n \"No.6\",\r\n \"No.5\",\r\n \"No.4\",\r\n \"No.3\",\r\n \"No.2\",\r\n \"No.1\",\r\n ];\r\n var nameList = [\r\n \"PMS_晨光满园9台区\",\r\n \"滨河华苑3台区\",\r\n \"PMS_晨光满园11台区\",\r\n \"PMS_晨光满园7台区\",\r\n \"PMS_碧桂园10#配变\",\r\n \"PMS_碧桂园12#配变\",\r\n \"晨光满园16台区\",\r\n \"晨光满园14台区\",\r\n \"滨河华苑7台区\",\r\n \"PMS_中合六配变\",\r\n ];\r\n var option = {\r\n color: [\"#0F9AF8\", \"#2039C3\", \"rgba(32,57,195,.5)\", \"#2ECACE\"],\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"none\",\r\n },\r\n },\r\n legend: {\r\n right: 5,\r\n top: \"5%\",\r\n itemWidth: 10,\r\n itemHeight: 10,\r\n itemGap: 25,\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n grid: {\r\n top: \"15%\",\r\n left: \"14%\",\r\n right: \"0%\",\r\n bottom: \"0%\",\r\n },\r\n xAxis: [\r\n {\r\n type: \"value\",\r\n show: false,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: \"#6B9DD7\",\r\n fontSize: 16, // 文字大小\r\n fontWeight: 400,\r\n interval: 0,\r\n formatter: function (value) {\r\n return value + \"(万元)\";\r\n },\r\n },\r\n splitLine: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"category\",\r\n offset: 17,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: \"#fff\",\r\n fontSize: 20, // 文字大小\r\n fontWeight: 700,\r\n interval: 0,\r\n },\r\n data: honorXAxisData,\r\n },\r\n {\r\n //名称\r\n type: \"category\",\r\n offset: -10,\r\n position: \"left\",\r\n axisLine: {\r\n show: false,\r\n },\r\n inverse: true,\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n color: \"#fff\",\r\n align: \"left\",\r\n verticalAlign: \"bottom\",\r\n lineHeight: 40,\r\n fontSize: 20,\r\n },\r\n data: nameList,\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"60天内掉电客户数\",\r\n type: \"bar\",\r\n stack: \"zongliang\",\r\n barWidth: \"25%\",\r\n barGap: 40, // 柱图之间的间距\r\n itemStyle: {\r\n //自定义颜色\r\n // normal: { color: \"orange\" },\r\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"rgba(255,165,0,.4)\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"rgb(255,165,0)\",\r\n },\r\n ]),\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: [\"80%\", \"-100%\"],\r\n formatter: function (params) {\r\n return params.value;\r\n },\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n\r\n data: honorData[0].data,\r\n },\r\n {\r\n name: \"60天内掉电总数\",\r\n type: \"bar\",\r\n stack: \"zongliang\",\r\n barWidth: \"25%\",\r\n barGap: 40, // 柱图之间的间距\r\n itemStyle: {\r\n //自定义颜色\r\n // normal: { color: \"orange\" },\r\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"#005BEA\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"#00C6FB\",\r\n },\r\n ]),\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: [\"80%\", \"-100%\"],\r\n formatter: function (params) {\r\n return params.value;\r\n },\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n data: honorData[1].data,\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n barCharts() {\r\n var m2R2Data = [\r\n {\r\n value: 335,\r\n legendname: \"22%\",\r\n name: \"国网大丰市供电公司\",\r\n itemStyle: { color: \"#8d7fec\" },\r\n },\r\n {\r\n value: 310,\r\n legendname: \"22%\",\r\n name: \"盐城运维检修部(检修分公司)\",\r\n itemStyle: { color: \"#5085f2\" },\r\n },\r\n {\r\n value: 234,\r\n legendname: \"22%\",\r\n name: \"国网射阳县供电公司\",\r\n itemStyle: { color: \"#e75fc3\" },\r\n },\r\n {\r\n value: 154,\r\n legendname: \"22%\",\r\n name: \"国网响水县供电公司\",\r\n itemStyle: { color: \"#f87be2\" },\r\n },\r\n {\r\n value: 335,\r\n legendname: \"22%\",\r\n name: \"设备管理部\",\r\n itemStyle: { color: \"#f2719a\" },\r\n },\r\n {\r\n value: 335,\r\n legendname: \"22%\",\r\n name: \"开发区供电服务中心\",\r\n itemStyle: { color: \"#fca4bb\" },\r\n },\r\n ];\r\n var myChart = this.$echarts.init(document.getElementById(\"barCharts\"));\r\n var option = {\r\n title: [\r\n {\r\n text: \"总计\",\r\n subtext: 59.53 + \"万\",\r\n textStyle: {\r\n fontSize: 20,\r\n color: \"#fff\",\r\n },\r\n subtextStyle: {\r\n fontSize: 20,\r\n color: \"yellow\",\r\n },\r\n textAlign: \"center\",\r\n x: \"34.5%\",\r\n y: \"44%\",\r\n },\r\n ],\r\n tooltip: {\r\n trigger: \"item\",\r\n formatter: function (parms) {\r\n var str =\r\n parms.seriesName +\r\n \"</br>\" +\r\n parms.marker +\r\n \"\" +\r\n parms.data.legendname +\r\n \"</br>\" +\r\n \"数量：\" +\r\n parms.data.value +\r\n \"</br>\" +\r\n \"占比：\" +\r\n parms.percent +\r\n \"%\";\r\n return str;\r\n },\r\n },\r\n legend: {\r\n type: \"scroll\",\r\n orient: \"vertical\",\r\n left: \"70%\",\r\n align: \"left\",\r\n top: \"middle\",\r\n textStyle: {\r\n color: \"white\",\r\n fontSize: 16,\r\n },\r\n height: 250,\r\n //格式化图例文本\r\n formatter(name) {\r\n // console.log(option);\r\n let than = option.series[0].data; //获取series中的data\r\n let total = 0;\r\n let tarValue;\r\n for (let i = 0, l = than.length; i < l; i++) {\r\n total += than[i].value;\r\n if (than[i].name == name) {\r\n tarValue = than[i].value;\r\n }\r\n }\r\n let p = (tarValue / total) * 100;\r\n return name;\r\n },\r\n icon: \"roundRect\",\r\n data: [\r\n \"国网大丰市供电公司\",\r\n \"设备管理部\",\r\n \"国网射阳县供电公司\",\r\n \"国网响水县供电公司\",\r\n \"盐城运维检修部(检修分公司)\",\r\n \"开发区供电服务中心\",\r\n ],\r\n },\r\n series: [\r\n {\r\n type: \"pie\",\r\n center: [\"35%\", \"50%\"],\r\n radius: [\"30%\", \"55%\"],\r\n clockwise: false, //饼图的扇区是否是顺时针排布\r\n avoidLabelOverlap: false,\r\n lable: {\r\n normal: {\r\n show: true,\r\n textStyle: {\r\n fontSize: 18,\r\n },\r\n },\r\n emphasis: {\r\n show: true,\r\n },\r\n },\r\n\r\n labelLine: {\r\n normal: {\r\n length: 10, //第一条线\r\n length: 30, //第二条线\r\n lineStyle: {\r\n width: 3, // 线条的宽度\r\n color: \"rgb(86,254,226)\", //线的颜色设置， 如没有设置颜色则线条的颜色跟随饼状图的颜色\r\n },\r\n },\r\n },\r\n\r\n itemStyle: {\r\n normal: {\r\n borderRadius: 10,\r\n borderColor: \"transparent\",\r\n borderWidth: 2,\r\n label: {\r\n show: true,\r\n formatter: \" {d}% \",\r\n fontSize: 20,\r\n color: \"#fff\",\r\n },\r\n },\r\n },\r\n\r\n data: m2R2Data,\r\n },\r\n {\r\n type: \"pie\",\r\n radius: [\"110\", \"111\"],\r\n center: [\"35%\", \"50%\"],\r\n data: [100],\r\n label: {\r\n show: false,\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 detailen() {\r\n var myChart = this.$echarts.init(document.getElementById(\"detailen\"));\r\n var option = {\r\n color: [\r\n \"#1E9BD1\",\r\n \"#A0CE3A\",\r\n \"#31C5C0\",\r\n \"#0F347B\",\r\n \"#585247\",\r\n \"#7F6AAD\",\r\n ],\r\n tooltip: {\r\n trigger: \"item\",\r\n formatter: \"{a} <br/>{b} : {c} ({d}%)\",\r\n },\r\n legend: {\r\n orient: \"vertical\",\r\n top: \"middle\",\r\n right: \"5%\",\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n //格式化图例文本\r\n formatter(name) {\r\n // console.log(option);\r\n let than = option.series[0].data; //获取series中的data\r\n let total = 0;\r\n let tarValue;\r\n for (let i = 0, l = than.length; i < l; i++) {\r\n total += than[i].value;\r\n if (than[i].name == name) {\r\n tarValue = than[i].value;\r\n }\r\n }\r\n let p = (tarValue / total) * 100;\r\n return p.toFixed(2) + \"%\";\r\n },\r\n },\r\n calculable: true,\r\n series: [\r\n {\r\n type: \"pie\",\r\n center: [\"35%\", \"50%\"],\r\n radius: [25, 100],\r\n roseType: \"area\",\r\n labelLine: {\r\n normal: {\r\n length: 30, //第一条线\r\n length: 10, //第二条线\r\n lineStyle: {\r\n width: 3, // 线条的宽度\r\n color: \"rgb(86,254,226)\", //线的颜色设置， 如没有设置颜色则线条的颜色跟随饼状图的颜色\r\n },\r\n },\r\n },\r\n\r\n itemStyle: {\r\n normal: {\r\n label: {\r\n show: true,\r\n fontSize: 20,\r\n color: \"#fff\",\r\n },\r\n },\r\n },\r\n data: [\r\n { value: 21, name: \"国网射阳县供电公司\" },\r\n { value: 20, name: \"设备管理部\" },\r\n { value: 22, name: \"国网大丰市供电公司\" },\r\n { value: 25, name: \"国网响水县供电公司\" },\r\n { value: 20, name: \"盐城运维检修部(检修分公司)\" },\r\n { value: 30, name: \"开发区供电服务中心\" },\r\n ],\r\n },\r\n {\r\n type: \"pie\",\r\n radius: [\"110\", \"111\"],\r\n center: [\"35%\", \"50%\"],\r\n data: [100],\r\n label: {\r\n show: false,\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 },\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 #detailedTwo1 {\r\n width: 100%;\r\n height: 350px;\r\n }\r\n #detailedTwo2 {\r\n width: 100%;\r\n height: 350px;\r\n }\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 #detailedTwo3 {\r\n width: 100%;\r\n height: 50vh;\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/04/mainW.png\") no-repeat;\r\n width: 100%;\r\n height: 17%;\r\n position: relative;\r\n top: 45%;\r\n left: 30%;\r\n .contents {\r\n // height: 90%;\r\n position: absolute;\r\n padding: 10px;\r\n height: 100%;\r\n width: 53%;\r\n display: flex;\r\n flex-direction: row;\r\n /* 平分剩余空间 */\r\n justify-content: space-around;\r\n .lines {\r\n width: 100%;\r\n padding: 10px 0 0 1px;\r\n background: url(\"../assets/index/mainMin.png\") no-repeat;\r\n }\r\n\r\n .total {\r\n .num {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: center;\r\n align-items: left;\r\n color: #ffffff;\r\n span {\r\n font-size: 20px;\r\n }\r\n h5 {\r\n font-size: 34px;\r\n }\r\n .yellow {\r\n padding-top: 30px;\r\n color: yellow;\r\n }\r\n .orange {\r\n padding-top: 30px;\r\n color: orange;\r\n }\r\n .yellows {\r\n padding-top: 20px;\r\n color: yellow;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n .map {\r\n background: url(\"../assets/indexN/map.png\") no-repeat;\r\n vertical-align: middle;\r\n display: table-cell;\r\n text-align: center;\r\n margin-left: -20%;\r\n .allimg {\r\n position: relative;\r\n left: 20.5%;\r\n top: 35%;\r\n }\r\n }\r\n }\r\n\r\n .right {\r\n // width: 604px;\r\n width: 16.8%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n #barCharts {\r\n // width: 100%;\r\n // height: calc(100% - 52px);\r\n width: 90%;\r\n height: calc(100% - 100px);\r\n position: absolute;\r\n }\r\n #detailqe {\r\n width: 100%;\r\n height: 350px;\r\n }\r\n #detailen {\r\n width: 100%;\r\n height: 350px;\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 #detailstop {\r\n width: 100%;\r\n height: 400px;\r\n }\r\n }\r\n}\r\n\r\n// }\r\n</style>\r\n<style lang=\"less\" scoped>\r\n// .el-popper {\r\n// top: 50%;\r\n// }\r\n\r\n/deep/ .popper__arrow {\r\n left: 171px !important;\r\n top: 95px !important;\r\n}\r\n\r\n/deep/ .el-select-dropdown {\r\n background-color: rgb(14, 30, 46) !important;\r\n border: 1px solid rgba(45, 143, 148, 0.5) !important;\r\n\r\n /deep/ .el-select-dropdown__item {\r\n color: #fff !important;\r\n }\r\n\r\n /deep/ .el-select-dropdown__item.hover,\r\n /deep/ .el-select-dropdown__item:hover {\r\n background-color: rgb(18, 54, 87) !important;\r\n }\r\n}\r\n\r\n/deep/ .el-popper[x-placement^=\"bottom\"] {\r\n margin-top: -146px !important;\r\n}\r\n\r\n/**\r\n表格有滚动效果但是不显示滚动条\r\n*/\r\n</style>\r\n<style lang=\"less\">\r\n.el-table .rowColor0 {\r\n background: red !important;\r\n animation: fade 2000ms infinite ease-in-out;\r\n}\r\n\r\n@keyframes fade {\r\n from {\r\n opacity: 1;\r\n }\r\n\r\n 50% {\r\n opacity: 0.6;\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n }\r\n}\r\n\r\n// .el-pager li:hover{\r\n// color:black\r\n// }\r\n.cartitle {\r\n height: 52px;\r\n width: 100%;\r\n // background: url(\"../assets/images/carTitle.png\") no-repeat;\r\n font-size: 24px;\r\n font-weight: 600;\r\n color: #ffffff;\r\n line-height: 52px;\r\n // text-align: left;\r\n text-indent: 26px;\r\n}\r\n.titleFont {\r\n color: transparent;\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n background-image: linear-gradient(\r\n to bottom,\r\n rgb(255, 255, 255),\r\n rgb(123, 247, 245)\r\n );\r\n img {\r\n margin: 20px;\r\n }\r\n}\r\n.content {\r\n padding: 24px 31px 0 31px;\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n\r\n .line {\r\n width: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n table {\r\n thead {\r\n font-size: 22px !important;\r\n height: 50px;\r\n background: url(\"../assets/02/bgbth.png\") no-repeat;\r\n }\r\n tbody {\r\n tr {\r\n height: 50px;\r\n font-size: 18px !important;\r\n color: #fff;\r\n background: url(\"../assets/02/bgqth.png\") no-repeat;\r\n }\r\n }\r\n }\r\n\r\n .total {\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-around;\r\n margin-bottom: 15%;\r\n\r\n .num {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: center;\r\n align-items: center;\r\n color: #ffffff;\r\n\r\n .numText {\r\n color: #ffffff;\r\n }\r\n\r\n .numText:before {\r\n content: attr(text);\r\n position: absolute;\r\n z-index: 10;\r\n color: rgb(86, 254, 246) !important;\r\n -webkit-mask: linear-gradient(to top, rgb(86, 244, 254), transparent);\r\n }\r\n }\r\n }\r\n\r\n .info {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n\r\n .lists {\r\n width: 100%;\r\n height: 32px;\r\n background: url(\"../assets/images/cardSquare.png\") no-repeat;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n align-items: center;\r\n background-size: 100% 100%;\r\n margin-bottom: 9%;\r\n padding: 0 10px 0 0;\r\n box-sizing: border-box;\r\n\r\n & > div {\r\n font-size: 18px;\r\n color: #ffffff;\r\n }\r\n\r\n .number {\r\n color: rgb(86, 254, 226);\r\n }\r\n }\r\n }\r\n }\r\n}\r\n.two {\r\n background: url(\"../assets/indexN/boxLr.png\") no-repeat;\r\n background-size: 100% 100%;\r\n position: relative;\r\n}\r\n.one {\r\n background: url(\"../assets/02/bgk.png\") no-repeat;\r\n background-size: 100% 100%;\r\n position: relative;\r\n\r\n .unityBtn {\r\n position: absolute;\r\n top: 40px;\r\n left: 30%;\r\n width: 40%;\r\n display: flex;\r\n justify-content: space-between;\r\n\r\n .btn {\r\n width: 100%;\r\n height: 38px;\r\n color: #fff;\r\n font-size: 18px;\r\n line-height: 38px;\r\n background: url(\"../assets/images/btnAct.png\") no-repeat;\r\n background-size: 100% 100%;\r\n margin-bottom: 10px;\r\n margin-right: 15px;\r\n }\r\n\r\n .btnAct {\r\n color: rgb(244, 201, 7);\r\n background: url(\"../assets/images/unityBtn.png\") no-repeat;\r\n background-size: 100% 100%;\r\n margin-right: 15px;\r\n }\r\n }\r\n\r\n .unityIcon {\r\n background: url(\"../assets/images/iconCard.png\") no-repeat;\r\n background-size: 100% 100%;\r\n width: 110px;\r\n height: 168px;\r\n position: absolute;\r\n right: 40px;\r\n bottom: 80px;\r\n display: flex;\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n flex-direction: column;\r\n justify-content: space-around;\r\n align-items: center;\r\n\r\n .unityIconGround {\r\n width: 80%;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n }\r\n\r\n .unityEnlargeBtn {\r\n width: 100px;\r\n display: flex;\r\n justify-content: space-around;\r\n position: absolute;\r\n right: 40px;\r\n top: 40px;\r\n\r\n .content {\r\n width: 38px;\r\n height: 36px;\r\n background: url(\"../assets/images/btnkuang.png\") no-repeat !important;\r\n background-size: 100% 100% !important;\r\n }\r\n }\r\n\r\n .unitySelect {\r\n position: absolute;\r\n left: 40px;\r\n width: 222px;\r\n height: 5%;\r\n bottom: 20px;\r\n display: flex;\r\n align-items: center;\r\n\r\n .unitySuosou {\r\n width: 57px;\r\n height: 53px;\r\n background: url(\"../assets/images/sousuoKuang.png\") no-repeat;\r\n background-size: 100% 100%;\r\n }\r\n }\r\n}\r\n</style>\r\n"]}]}
\ No newline at end of file
+{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\thirtyFiveKV.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\thirtyFiveKV.vue","mtime":1689929405847},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["\r\n//引入echarts\r\nimport * as echarts from \"echarts\";\r\n// 工单统计弹窗组件\r\nimport workOrder from \"../component/workOrder.vue\";\r\nimport ringMainUnit from \"./HomePop/ringMainUnit.vue\";\r\nimport routeDetail from \"../component/routeDetail.vue\";\r\n\r\n// 线路详情\r\nimport lineDetail from \"../component/lineDetail.vue\";\r\nexport default {\r\n name: \"twentyKV\",\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 name: \"国网东台区供电公司\",\r\n stationNumber: \"0\",\r\n alternatorNumber: \"1\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"23\",\r\n alternatorNumber: \"1\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"1\",\r\n alternatorNumber: \"3\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"1\",\r\n alternatorNumber: \"2\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"14\",\r\n alternatorNumber: \"3\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"45.3w\",\r\n alternatorNumber: \"2\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"13.3w\",\r\n alternatorNumber: \"1\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"23\",\r\n alternatorNumber: \"0\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"23\",\r\n alternatorNumber: \"0\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"356.3w\",\r\n alternatorNumber: \"2\",\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.detailedTwo33();\r\n this.barCharts();\r\n this.detailen();\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 tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n },\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n data: [\"2018\", \"2019\", \"2020\", \"2021\", \"2022\"],\r\n axisLabel: {\r\n show: true,\r\n textStyle: {\r\n color: \"#ffffff\",\r\n fontSize: \"18\",\r\n },\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 },\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 fontSize: \"18\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"预计年变化趋势\",\r\n type: \"bar\",\r\n barWidth: 40,\r\n itemStyle: {\r\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n { offset: 1, color: \"rgba(86,254,226,.2) \" },\r\n { offset: 0.5, color: \"rgb(86,254,226,.6)\" },\r\n { offset: 0, color: \"rgb(86,254,226)\" },\r\n ]),\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n emphasis: {\r\n focus: \"series\",\r\n },\r\n data: [320, 332, 301, 334, 390],\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedTwo22() {\r\n var fontColor = \"#30eee9\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo2\"));\r\n var option = {\r\n tooltip: {\r\n show: true,\r\n trigger: \"item\",\r\n },\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: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: \"#fff\",\r\n fontSize: \"16\",\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: [\"2018\", \"2019\", \"2020\", \"2021\", \"2022\"],\r\n },\r\n yAxis: {\r\n type: \"value\",\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n series: [\r\n {\r\n name: \"总投资\",\r\n type: \"line\",\r\n stack: \"Total\",\r\n symbol: \"none\",\r\n data: [80, 132, 101, 134, 121],\r\n itemStyle: {\r\n normal: {\r\n color: \"yellow\",\r\n lineStyle: {\r\n color: \"yellow\",\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 detailedTwo33() {\r\n var bg =\r\n \"image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARYAAAAUCAMAAAB/LOLCAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAD9QTFRFAABwAAAAAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwrxv9agAAABV0Uk5T/wA1p053q7yaZs0QRIlVJ++IId4ydKfDYQAAAFtJREFUeJzt0McNwDAQwLBzutPb/rMG/gbawOIIjCQQqYtoqxYxckv1BlvQZAvabEG9LSjbgnZb0GoLOV9byHPbQubFFjLaggZb0GQLumxBvS0ol5aj0U9pEfgA+DsJLXE1TzAAAAAASUVORK5CYII=\";\r\n var bar =\r\n \"image://data:image/png;base64,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\";\r\n var data = [20.3, 18.2, 11, 23.4, 29.1, 12, 16, 24];\r\n var nameList = [\r\n \"盐城运维检修部(检修分公司)\",\r\n \"国网响水县供电公司\",\r\n \"国网滨海县供电公司\",\r\n \"国网大丰县供电公司\",\r\n \"国网射阳县供电公司\",\r\n \"国网东台县供电公司\",\r\n \"国网阜宁县供电公司\",\r\n \"国网建湖县供电公司\",\r\n ];\r\n var barWidth = 20;\r\n var maxNum = 0;\r\n for (var i = 0; i < data.length; i++) {\r\n if (data[i] > maxNum) {\r\n maxNum = data[i];\r\n }\r\n }\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo3\"));\r\n var option = {\r\n grid: {\r\n top: \"10%\",\r\n left: \"10%\",\r\n right: \"12%\",\r\n bottom: \"0%\",\r\n },\r\n xAxis: {\r\n show: false,\r\n },\r\n yAxis: [\r\n {\r\n data: data.map((item, index) => `No. ${index}`),\r\n splitLine: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n textStyle: { fontSize: 18, color: \"#30eee9\" },\r\n },\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: false,\r\n },\r\n\r\n {\r\n //名称\r\n type: \"category\",\r\n offset: -10,\r\n position: \"left\",\r\n axisLine: {\r\n show: false,\r\n },\r\n inverse: true,\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n color: [\"#fff\"],\r\n align: \"left\",\r\n verticalAlign: \"bottom\",\r\n lineHeight: 40,\r\n fontSize: 20,\r\n },\r\n data: nameList,\r\n },\r\n ],\r\n series: [\r\n {\r\n type: \"pictorialBar\",\r\n barWidth: barWidth,\r\n zlevel: 2,\r\n data: data.map(function (item) {\r\n return {\r\n value: item,\r\n symbol: bar,\r\n };\r\n }),\r\n },\r\n {\r\n type: \"pictorialBar\",\r\n barWidth: barWidth,\r\n data: data.map(function (item) {\r\n return {\r\n realValue: item,\r\n value: maxNum,\r\n symbol: bg,\r\n };\r\n }),\r\n label: {\r\n show: true,\r\n position: \"right\",\r\n distance: 80,\r\n align: \"right\",\r\n formatter: function (params) {\r\n return params.data.realValue + \" 万\";\r\n },\r\n color: \"#30eee9\",\r\n fontSize: 18,\r\n },\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n barCharts() {\r\n var m2R2Data = [\r\n {\r\n value: 335,\r\n legendname: \"22%\",\r\n name: \"国网大丰市供电公司\",\r\n itemStyle: { color: \"#8d7fec\" },\r\n },\r\n {\r\n value: 310,\r\n legendname: \"22%\",\r\n name: \"盐城运维检修部(检修分公司)\",\r\n itemStyle: { color: \"#5085f2\" },\r\n },\r\n {\r\n value: 234,\r\n legendname: \"22%\",\r\n name: \"国网射阳县供电公司\",\r\n itemStyle: { color: \"#e75fc3\" },\r\n },\r\n {\r\n value: 154,\r\n legendname: \"22%\",\r\n name: \"国网响水县供电公司\",\r\n itemStyle: { color: \"#f87be2\" },\r\n },\r\n {\r\n value: 335,\r\n legendname: \"22%\",\r\n name: \"设备管理部\",\r\n itemStyle: { color: \"#f2719a\" },\r\n },\r\n {\r\n value: 335,\r\n legendname: \"22%\",\r\n name: \"开发区供电服务中心\",\r\n itemStyle: { color: \"#fca4bb\" },\r\n },\r\n ];\r\n var myChart = this.$echarts.init(document.getElementById(\"barCharts\"));\r\n var option = {\r\n title: [\r\n {\r\n text: \"总计\",\r\n subtext: 59.53 + \"万\",\r\n textStyle: {\r\n fontSize: 20,\r\n color: \"#fff\",\r\n },\r\n subtextStyle: {\r\n fontSize: 20,\r\n color: \"yellow\",\r\n },\r\n textAlign: \"center\",\r\n x: \"34.5%\",\r\n y: \"44%\",\r\n },\r\n ],\r\n tooltip: {\r\n trigger: \"item\",\r\n formatter: function (parms) {\r\n var str =\r\n parms.seriesName +\r\n \"</br>\" +\r\n parms.marker +\r\n \"\" +\r\n parms.data.legendname +\r\n \"</br>\" +\r\n \"数量：\" +\r\n parms.data.value +\r\n \"</br>\" +\r\n \"占比：\" +\r\n parms.percent +\r\n \"%\";\r\n return str;\r\n },\r\n },\r\n legend: {\r\n type: \"scroll\",\r\n orient: \"vertical\",\r\n left: \"70%\",\r\n align: \"left\",\r\n top: \"middle\",\r\n textStyle: {\r\n color: \"white\",\r\n fontSize: 16,\r\n },\r\n height: 250,\r\n //格式化图例文本\r\n formatter(name) {\r\n // console.log(option);\r\n let than = option.series[0].data; //获取series中的data\r\n let total = 0;\r\n let tarValue;\r\n for (let i = 0, l = than.length; i < l; i++) {\r\n total += than[i].value;\r\n if (than[i].name == name) {\r\n tarValue = than[i].value;\r\n }\r\n }\r\n let p = (tarValue / total) * 100;\r\n return name;\r\n },\r\n icon: \"roundRect\",\r\n data: [\r\n \"国网大丰市供电公司\",\r\n \"设备管理部\",\r\n \"国网射阳县供电公司\",\r\n \"国网响水县供电公司\",\r\n \"盐城运维检修部(检修分公司)\",\r\n \"开发区供电服务中心\",\r\n ],\r\n },\r\n series: [\r\n {\r\n type: \"pie\",\r\n center: [\"35%\", \"50%\"],\r\n radius: [\"30%\", \"55%\"],\r\n clockwise: false, //饼图的扇区是否是顺时针排布\r\n avoidLabelOverlap: false,\r\n lable: {\r\n normal: {\r\n show: true,\r\n textStyle: {\r\n fontSize: 18,\r\n },\r\n },\r\n emphasis: {\r\n show: true,\r\n },\r\n },\r\n\r\n labelLine: {\r\n normal: {\r\n length: 10, //第一条线\r\n length: 30, //第二条线\r\n lineStyle: {\r\n width: 3, // 线条的宽度\r\n color: \"rgb(86,254,226)\", //线的颜色设置， 如没有设置颜色则线条的颜色跟随饼状图的颜色\r\n },\r\n },\r\n },\r\n\r\n itemStyle: {\r\n normal: {\r\n borderRadius: 10,\r\n borderColor: \"transparent\",\r\n borderWidth: 2,\r\n label: {\r\n show: true,\r\n formatter: \" {d}% \",\r\n fontSize: 20,\r\n color: \"#fff\",\r\n },\r\n },\r\n },\r\n\r\n data: m2R2Data,\r\n },\r\n {\r\n type: \"pie\",\r\n radius: [\"110\", \"111\"],\r\n center: [\"35%\", \"50%\"],\r\n data: [100],\r\n label: {\r\n show: false,\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 detailen() {\r\n var myChart = this.$echarts.init(document.getElementById(\"detailen\"));\r\n var option = {\r\n color: [\r\n \"#1E9BD1\",\r\n \"#A0CE3A\",\r\n \"#31C5C0\",\r\n \"#0F347B\",\r\n \"#585247\",\r\n \"#7F6AAD\",\r\n ],\r\n tooltip: {\r\n trigger: \"item\",\r\n formatter: \"{a} <br/>{b} : {c} ({d}%)\",\r\n },\r\n legend: {\r\n orient: \"vertical\",\r\n top: \"middle\",\r\n right: \"5%\",\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n //格式化图例文本\r\n formatter(name) {\r\n // console.log(option);\r\n let than = option.series[0].data; //获取series中的data\r\n let total = 0;\r\n let tarValue;\r\n for (let i = 0, l = than.length; i < l; i++) {\r\n total += than[i].value;\r\n if (than[i].name == name) {\r\n tarValue = than[i].value;\r\n }\r\n }\r\n let p = (tarValue / total) * 100;\r\n return p.toFixed(2) + \"%\";\r\n },\r\n },\r\n calculable: true,\r\n series: [\r\n {\r\n type: \"pie\",\r\n center: [\"35%\", \"50%\"],\r\n radius: [25, 100],\r\n roseType: \"area\",\r\n labelLine: {\r\n normal: {\r\n length: 30, //第一条线\r\n length: 10, //第二条线\r\n lineStyle: {\r\n width: 3, // 线条的宽度\r\n color: \"rgb(86,254,226)\", //线的颜色设置， 如没有设置颜色则线条的颜色跟随饼状图的颜色\r\n },\r\n },\r\n },\r\n\r\n itemStyle: {\r\n normal: {\r\n label: {\r\n show: true,\r\n fontSize: 20,\r\n color: \"#fff\",\r\n },\r\n },\r\n },\r\n data: [\r\n { value: 21, name: \"国网射阳县供电公司\" },\r\n { value: 20, name: \"设备管理部\" },\r\n { value: 22, name: \"国网大丰市供电公司\" },\r\n { value: 25, name: \"国网响水县供电公司\" },\r\n { value: 20, name: \"盐城运维检修部(检修分公司)\" },\r\n { value: 30, name: \"开发区供电服务中心\" },\r\n ],\r\n },\r\n {\r\n type: \"pie\",\r\n radius: [\"110\", \"111\"],\r\n center: [\"35%\", \"50%\"],\r\n data: [100],\r\n label: {\r\n show: false,\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 },\r\n watch: {},\r\n};\r\n",{"version":3,"sources":["thirtyFiveKV.vue"],"names":[],"mappings":";AAyMA;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;;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;;AAEA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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","file":"thirtyFiveKV.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n <div class=\"home\">\r\n <div class=\"left\" id=\"left\">\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>预计年/月变化趋势</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div class=\"enselect\">\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n <span class=\"text\">2022</span>\r\n </div>\r\n <div id=\"detailedTwo1\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>年/月总投资变化趋势</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div class=\"enselect\">\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n <span class=\"text\">2022</span>\r\n </div>\r\n <div id=\"detailedTwo2\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"left1\" id=\"left\">\r\n <div class=\"one\" style=\"height: 100%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>县公司预算统计</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div id=\"detailedTwo3\"></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 <img class=\"allimg\" src=\"../assets/indexN/dfsxz.png\" alt=\"\" />\r\n <div class=\"imgboxone\">\r\n <div class=\"contents\">\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <div style=\"display: inline-block\">\r\n <img\r\n style=\"float: left\"\r\n src=\"../assets/index/mainTb1.png\"\r\n alt=\"\"\r\n />\r\n <span>项目数</span>\r\n </div>\r\n <h5 class=\"yellow\">\r\n 9.279 <span style=\"color: #fff\">万</span>\r\n </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 <div style=\"display: inline-block\">\r\n <img\r\n style=\"float: left; height: 30px; width: 30px\"\r\n src=\"../assets/index/mainTb2.png\"\r\n alt=\"\"\r\n />\r\n <span>预算费用总和</span>\r\n </div>\r\n <h5 class=\"orange\">\r\n 118.5<span style=\"color: #fff\">万</span>\r\n </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 <div style=\"display: inline-block\">\r\n <img\r\n style=\"float: left; height: 30px; width: 30px\"\r\n src=\"../assets/index/mainTb1.png\"\r\n alt=\"\"\r\n />\r\n <span>计划数</span>\r\n </div>\r\n <h5 class=\"yellow\"> 44</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 <div style=\"display: inline-block\">\r\n <img\r\n style=\"float: left; height: 30px; width: 30px\"\r\n src=\"../assets/index/mainTb2.png\"\r\n alt=\"\"\r\n />\r\n <span>物科数</span>\r\n </div>\r\n <h5 class=\"orange\"> 10</h5>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"right\" id=\"right\">\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>县物项目总投资比</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div id=\"barCharts\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>县物资占比分配</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div id=\"detailen\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"right1\" id=\"right\">\r\n <div class=\"one\" style=\"height: 100%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>县公司预算统计</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <table>\r\n <thead style=\"color: #fff; font-size: 30px\">\r\n <tr>\r\n <td>县公司名称</td>\r\n <td>物科数量</td>\r\n <td>计划数量</td>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <tr v-for=\"(item, index) in pvTable\" :key=\"index\">\r\n <td>{{ item.name }}</td>\r\n <td>{{ item.stationNumber }}</td>\r\n <td class=\"titleFont\">{{ item.alternatorNumber }}</td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <audio\r\n controls=\"controls\"\r\n hidden\r\n src=\"../assets/videos/police.wav\"\r\n ref=\"audio\"\r\n ></audio>\r\n </div>\r\n</template>\r\n\r\n<script>\r\n//引入echarts\r\nimport * as echarts from \"echarts\";\r\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: \"twentyKV\",\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 name: \"国网东台区供电公司\",\r\n stationNumber: \"0\",\r\n alternatorNumber: \"1\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"23\",\r\n alternatorNumber: \"1\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"1\",\r\n alternatorNumber: \"3\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"1\",\r\n alternatorNumber: \"2\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"14\",\r\n alternatorNumber: \"3\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"45.3w\",\r\n alternatorNumber: \"2\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"13.3w\",\r\n alternatorNumber: \"1\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"23\",\r\n alternatorNumber: \"0\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"23\",\r\n alternatorNumber: \"0\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"356.3w\",\r\n alternatorNumber: \"2\",\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.detailedTwo33();\r\n this.barCharts();\r\n this.detailen();\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 tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n },\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n data: [\"2018\", \"2019\", \"2020\", \"2021\", \"2022\"],\r\n axisLabel: {\r\n show: true,\r\n textStyle: {\r\n color: \"#ffffff\",\r\n fontSize: \"18\",\r\n },\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 },\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 fontSize: \"18\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"预计年变化趋势\",\r\n type: \"bar\",\r\n barWidth: 40,\r\n itemStyle: {\r\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n { offset: 1, color: \"rgba(86,254,226,.2) \" },\r\n { offset: 0.5, color: \"rgb(86,254,226,.6)\" },\r\n { offset: 0, color: \"rgb(86,254,226)\" },\r\n ]),\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n emphasis: {\r\n focus: \"series\",\r\n },\r\n data: [320, 332, 301, 334, 390],\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedTwo22() {\r\n var fontColor = \"#30eee9\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo2\"));\r\n var option = {\r\n tooltip: {\r\n show: true,\r\n trigger: \"item\",\r\n },\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: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: \"#fff\",\r\n fontSize: \"16\",\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: [\"2018\", \"2019\", \"2020\", \"2021\", \"2022\"],\r\n },\r\n yAxis: {\r\n type: \"value\",\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n series: [\r\n {\r\n name: \"总投资\",\r\n type: \"line\",\r\n stack: \"Total\",\r\n symbol: \"none\",\r\n data: [80, 132, 101, 134, 121],\r\n itemStyle: {\r\n normal: {\r\n color: \"yellow\",\r\n lineStyle: {\r\n color: \"yellow\",\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 detailedTwo33() {\r\n var bg =\r\n \"image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARYAAAAUCAMAAAB/LOLCAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAD9QTFRFAABwAAAAAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwrxv9agAAABV0Uk5T/wA1p053q7yaZs0QRIlVJ++IId4ydKfDYQAAAFtJREFUeJzt0McNwDAQwLBzutPb/rMG/gbawOIIjCQQqYtoqxYxckv1BlvQZAvabEG9LSjbgnZb0GoLOV9byHPbQubFFjLaggZb0GQLumxBvS0ol5aj0U9pEfgA+DsJLXE1TzAAAAAASUVORK5CYII=\";\r\n var bar =\r\n \"image://data:image/png;base64,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\";\r\n var data = [20.3, 18.2, 11, 23.4, 29.1, 12, 16, 24];\r\n var nameList = [\r\n \"盐城运维检修部(检修分公司)\",\r\n \"国网响水县供电公司\",\r\n \"国网滨海县供电公司\",\r\n \"国网大丰县供电公司\",\r\n \"国网射阳县供电公司\",\r\n \"国网东台县供电公司\",\r\n \"国网阜宁县供电公司\",\r\n \"国网建湖县供电公司\",\r\n ];\r\n var barWidth = 20;\r\n var maxNum = 0;\r\n for (var i = 0; i < data.length; i++) {\r\n if (data[i] > maxNum) {\r\n maxNum = data[i];\r\n }\r\n }\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo3\"));\r\n var option = {\r\n grid: {\r\n top: \"10%\",\r\n left: \"10%\",\r\n right: \"12%\",\r\n bottom: \"0%\",\r\n },\r\n xAxis: {\r\n show: false,\r\n },\r\n yAxis: [\r\n {\r\n data: data.map((item, index) => `No. ${index}`),\r\n splitLine: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n textStyle: { fontSize: 18, color: \"#30eee9\" },\r\n },\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: false,\r\n },\r\n\r\n {\r\n //名称\r\n type: \"category\",\r\n offset: -10,\r\n position: \"left\",\r\n axisLine: {\r\n show: false,\r\n },\r\n inverse: true,\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n color: [\"#fff\"],\r\n align: \"left\",\r\n verticalAlign: \"bottom\",\r\n lineHeight: 40,\r\n fontSize: 20,\r\n },\r\n data: nameList,\r\n },\r\n ],\r\n series: [\r\n {\r\n type: \"pictorialBar\",\r\n barWidth: barWidth,\r\n zlevel: 2,\r\n data: data.map(function (item) {\r\n return {\r\n value: item,\r\n symbol: bar,\r\n };\r\n }),\r\n },\r\n {\r\n type: \"pictorialBar\",\r\n barWidth: barWidth,\r\n data: data.map(function (item) {\r\n return {\r\n realValue: item,\r\n value: maxNum,\r\n symbol: bg,\r\n };\r\n }),\r\n label: {\r\n show: true,\r\n position: \"right\",\r\n distance: 80,\r\n align: \"right\",\r\n formatter: function (params) {\r\n return params.data.realValue + \" 万\";\r\n },\r\n color: \"#30eee9\",\r\n fontSize: 18,\r\n },\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n barCharts() {\r\n var m2R2Data = [\r\n {\r\n value: 335,\r\n legendname: \"22%\",\r\n name: \"国网大丰市供电公司\",\r\n itemStyle: { color: \"#8d7fec\" },\r\n },\r\n {\r\n value: 310,\r\n legendname: \"22%\",\r\n name: \"盐城运维检修部(检修分公司)\",\r\n itemStyle: { color: \"#5085f2\" },\r\n },\r\n {\r\n value: 234,\r\n legendname: \"22%\",\r\n name: \"国网射阳县供电公司\",\r\n itemStyle: { color: \"#e75fc3\" },\r\n },\r\n {\r\n value: 154,\r\n legendname: \"22%\",\r\n name: \"国网响水县供电公司\",\r\n itemStyle: { color: \"#f87be2\" },\r\n },\r\n {\r\n value: 335,\r\n legendname: \"22%\",\r\n name: \"设备管理部\",\r\n itemStyle: { color: \"#f2719a\" },\r\n },\r\n {\r\n value: 335,\r\n legendname: \"22%\",\r\n name: \"开发区供电服务中心\",\r\n itemStyle: { color: \"#fca4bb\" },\r\n },\r\n ];\r\n var myChart = this.$echarts.init(document.getElementById(\"barCharts\"));\r\n var option = {\r\n title: [\r\n {\r\n text: \"总计\",\r\n subtext: 59.53 + \"万\",\r\n textStyle: {\r\n fontSize: 20,\r\n color: \"#fff\",\r\n },\r\n subtextStyle: {\r\n fontSize: 20,\r\n color: \"yellow\",\r\n },\r\n textAlign: \"center\",\r\n x: \"34.5%\",\r\n y: \"44%\",\r\n },\r\n ],\r\n tooltip: {\r\n trigger: \"item\",\r\n formatter: function (parms) {\r\n var str =\r\n parms.seriesName +\r\n \"</br>\" +\r\n parms.marker +\r\n \"\" +\r\n parms.data.legendname +\r\n \"</br>\" +\r\n \"数量：\" +\r\n parms.data.value +\r\n \"</br>\" +\r\n \"占比：\" +\r\n parms.percent +\r\n \"%\";\r\n return str;\r\n },\r\n },\r\n legend: {\r\n type: \"scroll\",\r\n orient: \"vertical\",\r\n left: \"70%\",\r\n align: \"left\",\r\n top: \"middle\",\r\n textStyle: {\r\n color: \"white\",\r\n fontSize: 16,\r\n },\r\n height: 250,\r\n //格式化图例文本\r\n formatter(name) {\r\n // console.log(option);\r\n let than = option.series[0].data; //获取series中的data\r\n let total = 0;\r\n let tarValue;\r\n for (let i = 0, l = than.length; i < l; i++) {\r\n total += than[i].value;\r\n if (than[i].name == name) {\r\n tarValue = than[i].value;\r\n }\r\n }\r\n let p = (tarValue / total) * 100;\r\n return name;\r\n },\r\n icon: \"roundRect\",\r\n data: [\r\n \"国网大丰市供电公司\",\r\n \"设备管理部\",\r\n \"国网射阳县供电公司\",\r\n \"国网响水县供电公司\",\r\n \"盐城运维检修部(检修分公司)\",\r\n \"开发区供电服务中心\",\r\n ],\r\n },\r\n series: [\r\n {\r\n type: \"pie\",\r\n center: [\"35%\", \"50%\"],\r\n radius: [\"30%\", \"55%\"],\r\n clockwise: false, //饼图的扇区是否是顺时针排布\r\n avoidLabelOverlap: false,\r\n lable: {\r\n normal: {\r\n show: true,\r\n textStyle: {\r\n fontSize: 18,\r\n },\r\n },\r\n emphasis: {\r\n show: true,\r\n },\r\n },\r\n\r\n labelLine: {\r\n normal: {\r\n length: 10, //第一条线\r\n length: 30, //第二条线\r\n lineStyle: {\r\n width: 3, // 线条的宽度\r\n color: \"rgb(86,254,226)\", //线的颜色设置， 如没有设置颜色则线条的颜色跟随饼状图的颜色\r\n },\r\n },\r\n },\r\n\r\n itemStyle: {\r\n normal: {\r\n borderRadius: 10,\r\n borderColor: \"transparent\",\r\n borderWidth: 2,\r\n label: {\r\n show: true,\r\n formatter: \" {d}% \",\r\n fontSize: 20,\r\n color: \"#fff\",\r\n },\r\n },\r\n },\r\n\r\n data: m2R2Data,\r\n },\r\n {\r\n type: \"pie\",\r\n radius: [\"110\", \"111\"],\r\n center: [\"35%\", \"50%\"],\r\n data: [100],\r\n label: {\r\n show: false,\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 detailen() {\r\n var myChart = this.$echarts.init(document.getElementById(\"detailen\"));\r\n var option = {\r\n color: [\r\n \"#1E9BD1\",\r\n \"#A0CE3A\",\r\n \"#31C5C0\",\r\n \"#0F347B\",\r\n \"#585247\",\r\n \"#7F6AAD\",\r\n ],\r\n tooltip: {\r\n trigger: \"item\",\r\n formatter: \"{a} <br/>{b} : {c} ({d}%)\",\r\n },\r\n legend: {\r\n orient: \"vertical\",\r\n top: \"middle\",\r\n right: \"5%\",\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n //格式化图例文本\r\n formatter(name) {\r\n // console.log(option);\r\n let than = option.series[0].data; //获取series中的data\r\n let total = 0;\r\n let tarValue;\r\n for (let i = 0, l = than.length; i < l; i++) {\r\n total += than[i].value;\r\n if (than[i].name == name) {\r\n tarValue = than[i].value;\r\n }\r\n }\r\n let p = (tarValue / total) * 100;\r\n return p.toFixed(2) + \"%\";\r\n },\r\n },\r\n calculable: true,\r\n series: [\r\n {\r\n type: \"pie\",\r\n center: [\"35%\", \"50%\"],\r\n radius: [25, 100],\r\n roseType: \"area\",\r\n labelLine: {\r\n normal: {\r\n length: 30, //第一条线\r\n length: 10, //第二条线\r\n lineStyle: {\r\n width: 3, // 线条的宽度\r\n color: \"rgb(86,254,226)\", //线的颜色设置， 如没有设置颜色则线条的颜色跟随饼状图的颜色\r\n },\r\n },\r\n },\r\n\r\n itemStyle: {\r\n normal: {\r\n label: {\r\n show: true,\r\n fontSize: 20,\r\n color: \"#fff\",\r\n },\r\n },\r\n },\r\n data: [\r\n { value: 21, name: \"国网射阳县供电公司\" },\r\n { value: 20, name: \"设备管理部\" },\r\n { value: 22, name: \"国网大丰市供电公司\" },\r\n { value: 25, name: \"国网响水县供电公司\" },\r\n { value: 20, name: \"盐城运维检修部(检修分公司)\" },\r\n { value: 30, name: \"开发区供电服务中心\" },\r\n ],\r\n },\r\n {\r\n type: \"pie\",\r\n radius: [\"110\", \"111\"],\r\n center: [\"35%\", \"50%\"],\r\n data: [100],\r\n label: {\r\n show: false,\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 },\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 #detailedTwo1 {\r\n width: 100%;\r\n height: 350px;\r\n }\r\n #detailedTwo2 {\r\n width: 100%;\r\n height: 350px;\r\n }\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 #detailedTwo3 {\r\n width: 100%;\r\n height: 70vh;\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/04/mainW.png\") no-repeat;\r\n width: 100%;\r\n height: 17%;\r\n position: relative;\r\n top: 45%;\r\n left: 30%;\r\n .contents {\r\n // height: 90%;\r\n position: absolute;\r\n padding: 10px;\r\n height: 100%;\r\n width: 53%;\r\n display: flex;\r\n flex-direction: row;\r\n /* 平分剩余空间 */\r\n justify-content: space-around;\r\n .lines {\r\n width: 100%;\r\n padding: 10px 0 0 1px;\r\n background: url(\"../assets/index/mainMin.png\") no-repeat;\r\n }\r\n\r\n .total {\r\n .num {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: center;\r\n align-items: left;\r\n color: #ffffff;\r\n span {\r\n font-size: 20px;\r\n }\r\n h5 {\r\n font-size: 34px;\r\n }\r\n .yellow {\r\n padding-top: 30px;\r\n color: yellow;\r\n }\r\n .orange {\r\n padding-top: 30px;\r\n color: orange;\r\n }\r\n .yellows {\r\n padding-top: 20px;\r\n color: yellow;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n .map {\r\n background: url(\"../assets/indexN/map.png\") no-repeat;\r\n vertical-align: middle;\r\n display: table-cell;\r\n text-align: center;\r\n margin-left: -20%;\r\n .allimg {\r\n position: relative;\r\n left: 20.5%;\r\n top: 35%;\r\n }\r\n }\r\n }\r\n\r\n .right {\r\n // width: 604px;\r\n width: 16.8%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n #barCharts {\r\n // width: 100%;\r\n // height: calc(100% - 52px);\r\n width: 90%;\r\n height: calc(100% - 100px);\r\n position: absolute;\r\n }\r\n #detailqe {\r\n width: 100%;\r\n height: 350px;\r\n }\r\n #detailen {\r\n width: 100%;\r\n height: 350px;\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 #detailstop {\r\n width: 100%;\r\n height: 400px;\r\n }\r\n }\r\n}\r\n\r\n// }\r\n</style>\r\n<style lang=\"less\" scoped>\r\n// .el-popper {\r\n// top: 50%;\r\n// }\r\n\r\n/deep/ .popper__arrow {\r\n left: 171px !important;\r\n top: 95px !important;\r\n}\r\n\r\n/deep/ .el-select-dropdown {\r\n background-color: rgb(14, 30, 46) !important;\r\n border: 1px solid rgba(45, 143, 148, 0.5) !important;\r\n\r\n /deep/ .el-select-dropdown__item {\r\n color: #fff !important;\r\n }\r\n\r\n /deep/ .el-select-dropdown__item.hover,\r\n /deep/ .el-select-dropdown__item:hover {\r\n background-color: rgb(18, 54, 87) !important;\r\n }\r\n}\r\n\r\n/deep/ .el-popper[x-placement^=\"bottom\"] {\r\n margin-top: -146px !important;\r\n}\r\n\r\n/**\r\n表格有滚动效果但是不显示滚动条\r\n*/\r\n</style>\r\n<style lang=\"less\">\r\n.el-table .rowColor0 {\r\n background: red !important;\r\n animation: fade 2000ms infinite ease-in-out;\r\n}\r\n\r\n@keyframes fade {\r\n from {\r\n opacity: 1;\r\n }\r\n\r\n 50% {\r\n opacity: 0.6;\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n }\r\n}\r\n\r\n// .el-pager li:hover{\r\n// color:black\r\n// }\r\n.cartitle {\r\n height: 52px;\r\n width: 100%;\r\n // background: url(\"../assets/images/carTitle.png\") no-repeat;\r\n font-size: 24px;\r\n font-weight: 600;\r\n color: #ffffff;\r\n line-height: 52px;\r\n // text-align: left;\r\n text-indent: 26px;\r\n}\r\n.titleFont {\r\n color: transparent;\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n background-image: linear-gradient(\r\n to bottom,\r\n rgb(255, 255, 255),\r\n rgb(123, 247, 245)\r\n );\r\n img {\r\n margin: 20px;\r\n }\r\n}\r\n.content {\r\n padding: 24px 31px 0 31px;\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n\r\n .line {\r\n width: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n table {\r\n thead {\r\n font-size: 22px !important;\r\n height: 50px;\r\n background: url(\"../assets/02/bgbth.png\") no-repeat;\r\n }\r\n tbody {\r\n tr {\r\n height: 50px;\r\n font-size: 18px !important;\r\n color: #fff;\r\n background: url(\"../assets/02/bgqth.png\") no-repeat;\r\n }\r\n }\r\n }\r\n\r\n .total {\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-around;\r\n margin-bottom: 15%;\r\n\r\n .num {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: center;\r\n align-items: center;\r\n color: #ffffff;\r\n\r\n .numText {\r\n color: #ffffff;\r\n }\r\n\r\n .numText:before {\r\n content: attr(text);\r\n position: absolute;\r\n z-index: 10;\r\n color: rgb(86, 254, 246) !important;\r\n -webkit-mask: linear-gradient(to top, rgb(86, 244, 254), transparent);\r\n }\r\n }\r\n }\r\n\r\n .info {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n\r\n .lists {\r\n width: 100%;\r\n height: 32px;\r\n background: url(\"../assets/images/cardSquare.png\") no-repeat;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n align-items: center;\r\n background-size: 100% 100%;\r\n margin-bottom: 9%;\r\n padding: 0 10px 0 0;\r\n box-sizing: border-box;\r\n\r\n & > div {\r\n font-size: 18px;\r\n color: #ffffff;\r\n }\r\n\r\n .number {\r\n color: rgb(86, 254, 226);\r\n }\r\n }\r\n }\r\n }\r\n}\r\n.two {\r\n background: url(\"../assets/indexN/boxLr.png\") no-repeat;\r\n background-size: 100% 100%;\r\n position: relative;\r\n}\r\n.one {\r\n background: url(\"../assets/02/bgk.png\") no-repeat;\r\n background-size: 100% 100%;\r\n position: relative;\r\n\r\n .unityBtn {\r\n position: absolute;\r\n top: 40px;\r\n left: 30%;\r\n width: 40%;\r\n display: flex;\r\n justify-content: space-between;\r\n\r\n .btn {\r\n width: 100%;\r\n height: 38px;\r\n color: #fff;\r\n font-size: 18px;\r\n line-height: 38px;\r\n background: url(\"../assets/images/btnAct.png\") no-repeat;\r\n background-size: 100% 100%;\r\n margin-bottom: 10px;\r\n margin-right: 15px;\r\n }\r\n\r\n .btnAct {\r\n color: rgb(244, 201, 7);\r\n background: url(\"../assets/images/unityBtn.png\") no-repeat;\r\n background-size: 100% 100%;\r\n margin-right: 15px;\r\n }\r\n }\r\n\r\n .unityIcon {\r\n background: url(\"../assets/images/iconCard.png\") no-repeat;\r\n background-size: 100% 100%;\r\n width: 110px;\r\n height: 168px;\r\n position: absolute;\r\n right: 40px;\r\n bottom: 80px;\r\n display: flex;\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n flex-direction: column;\r\n justify-content: space-around;\r\n align-items: center;\r\n\r\n .unityIconGround {\r\n width: 80%;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n }\r\n\r\n .unityEnlargeBtn {\r\n width: 100px;\r\n display: flex;\r\n justify-content: space-around;\r\n position: absolute;\r\n right: 40px;\r\n top: 40px;\r\n\r\n .content {\r\n width: 38px;\r\n height: 36px;\r\n background: url(\"../assets/images/btnkuang.png\") no-repeat !important;\r\n background-size: 100% 100% !important;\r\n }\r\n }\r\n\r\n .unitySelect {\r\n position: absolute;\r\n left: 40px;\r\n width: 222px;\r\n height: 5%;\r\n bottom: 20px;\r\n display: flex;\r\n align-items: center;\r\n\r\n .unitySuosou {\r\n width: 57px;\r\n height: 53px;\r\n background: url(\"../assets/images/sousuoKuang.png\") no-repeat;\r\n background-size: 100% 100%;\r\n }\r\n }\r\n}\r\n</style>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/c7b287d34c408fc20b757e8c307611ff.json b/node_modules/.cache/vue-loader/c7b287d34c408fc20b757e8c307611ff.json
index 42e7f6a3..fc7a6a38 100644
--- a/node_modules/.cache/vue-loader/c7b287d34c408fc20b757e8c307611ff.json
+++ b/node_modules/.cache/vue-loader/c7b287d34c408fc20b757e8c307611ff.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\stationBuilding.vue?vue&type=style&index=2&id=878d5e44&lang=less&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\stationBuilding.vue","mtime":1689927415772},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1655715156000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\less-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["\r\n.el-table .rowColor0 {\r\n background: red !important;\r\n animation: fade 2000ms infinite ease-in-out;\r\n}\r\n\r\n@keyframes fade {\r\n from {\r\n opacity: 1;\r\n }\r\n\r\n 50% {\r\n opacity: 0.6;\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n }\r\n}\r\n\r\n// .el-pager li:hover{\r\n// color:black\r\n// }\r\n.cartitle {\r\n height: 52px;\r\n width: 100%;\r\n // background: url(\"../assets/images/carTitle.png\") no-repeat;\r\n font-size: 24px;\r\n font-weight: 600;\r\n color: #ffffff;\r\n line-height: 52px;\r\n // text-align: left;\r\n text-indent: 26px;\r\n}\r\n.titleFont {\r\n color: transparent;\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n background-image: linear-gradient(\r\n to bottom,\r\n rgb(255, 255, 255),\r\n rgb(123, 247, 245)\r\n );\r\n img {\r\n margin: 20px;\r\n }\r\n}\r\n.content {\r\n padding: 24px 31px 0 31px;\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n\r\n .line {\r\n width: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n table {\r\n thead {\r\n font-size: 22px !important;\r\n height: 50px;\r\n background: url(\"../assets/02/bgbth.png\") no-repeat;\r\n }\r\n tbody {\r\n tr {\r\n height: 50px;\r\n font-size: 18px !important;\r\n color: #fff;\r\n background: url(\"../assets/02/bgqth.png\") no-repeat;\r\n }\r\n }\r\n }\r\n\r\n .total {\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-around;\r\n margin-bottom: 15%;\r\n\r\n .num {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: center;\r\n align-items: center;\r\n color: #ffffff;\r\n\r\n .numText {\r\n color: #ffffff;\r\n }\r\n\r\n .numText:before {\r\n content: attr(text);\r\n position: absolute;\r\n z-index: 10;\r\n color: rgb(86, 254, 246) !important;\r\n -webkit-mask: linear-gradient(to top, rgb(86, 244, 254), transparent);\r\n }\r\n }\r\n }\r\n\r\n .info {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n\r\n .lists {\r\n width: 100%;\r\n height: 32px;\r\n background: url(\"../assets/images/cardSquare.png\") no-repeat;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n align-items: center;\r\n background-size: 100% 100%;\r\n margin-bottom: 9%;\r\n padding: 0 10px 0 0;\r\n box-sizing: border-box;\r\n\r\n & > div {\r\n font-size: 18px;\r\n color: #ffffff;\r\n }\r\n\r\n .number {\r\n color: rgb(86, 254, 226);\r\n }\r\n }\r\n }\r\n }\r\n}\r\n.two {\r\n background: url(\"../assets/indexN/boxLr.png\") no-repeat;\r\n background-size: 100% 100%;\r\n position: relative;\r\n}\r\n.one {\r\n background: url(\"../assets/02/bgk.png\") no-repeat;\r\n background-size: 100% 100%;\r\n position: relative;\r\n\r\n .unityBtn {\r\n position: absolute;\r\n top: 40px;\r\n left: 30%;\r\n width: 40%;\r\n display: flex;\r\n justify-content: space-between;\r\n\r\n .btn {\r\n width: 100%;\r\n height: 38px;\r\n color: #fff;\r\n font-size: 18px;\r\n line-height: 38px;\r\n background: url(\"../assets/images/btnAct.png\") no-repeat;\r\n background-size: 100% 100%;\r\n margin-bottom: 10px;\r\n margin-right: 15px;\r\n }\r\n\r\n .btnAct {\r\n color: rgb(244, 201, 7);\r\n background: url(\"../assets/images/unityBtn.png\") no-repeat;\r\n background-size: 100% 100%;\r\n margin-right: 15px;\r\n }\r\n }\r\n\r\n .unityIcon {\r\n background: url(\"../assets/images/iconCard.png\") no-repeat;\r\n background-size: 100% 100%;\r\n width: 110px;\r\n height: 168px;\r\n position: absolute;\r\n right: 40px;\r\n bottom: 80px;\r\n display: flex;\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n flex-direction: column;\r\n justify-content: space-around;\r\n align-items: center;\r\n\r\n .unityIconGround {\r\n width: 80%;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n }\r\n\r\n .unityEnlargeBtn {\r\n width: 100px;\r\n display: flex;\r\n justify-content: space-around;\r\n position: absolute;\r\n right: 40px;\r\n top: 40px;\r\n\r\n .content {\r\n width: 38px;\r\n height: 36px;\r\n background: url(\"../assets/images/btnkuang.png\") no-repeat !important;\r\n background-size: 100% 100% !important;\r\n }\r\n }\r\n\r\n .unitySelect {\r\n position: absolute;\r\n left: 40px;\r\n width: 222px;\r\n height: 5%;\r\n bottom: 20px;\r\n display: flex;\r\n align-items: center;\r\n\r\n .unitySuosou {\r\n width: 57px;\r\n height: 53px;\r\n background: url(\"../assets/images/sousuoKuang.png\") no-repeat;\r\n background-size: 100% 100%;\r\n }\r\n }\r\n}\r\n",{"version":3,"sources":["stationBuilding.vue"],"names":[],"mappings":";AAq0CA;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/btjt.png\" alt=\"\" />\r\n <span>光伏台账</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <table>\r\n <thead style=\"color: #fff; font-size: 30px\">\r\n <tr>\r\n <td>序号</td>\r\n <td>单位名称</td>\r\n <td>台区编号</td>\r\n <td>发电客户编号</td>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <tr v-for=\"(item, index) in pvTable\" :key=\"index\">\r\n <td>{{ item.id }}</td>\r\n <td>{{ item.name }}</td>\r\n <td>{{ item.stationNumber }}</td>\r\n <td class=\"titleFont\">{{ item.alternatorNumber }}</td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"left1\" id=\"left\">\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>上网功率</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div id=\"detailedTwo1\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>配变负载率TOP5</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div id=\"detailedTwo2\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"middle\" id=\"middle\">\r\n <div class=\"map\" style=\"height: 100%\">\r\n <canvas\r\n id=\"myCanvas\"\r\n width=\"1000\"\r\n height=\"600\"\r\n style=\"position: absolute\"\r\n ></canvas>\r\n\r\n <img src=\"../assets/indexN/dfsxz.png\" alt=\"\" />\r\n <div class=\"imgboxone\">\r\n <div class=\"contents\">\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span>户数高渗透率</span>\r\n <h5 class=\"yellow\">3.40%</h5>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span>容量渗透率</span>\r\n <h5 class=\"orange\">0.01%</h5>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span>能量渗透率</span>\r\n <h5 class=\"yellow\">0.44%</h5>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"imgboxtwo\">\r\n <ul class=\"contentUl\">\r\n <li>\r\n <h5>发电客户数</h5>\r\n <br />\r\n <span style=\"color: yellow\">4721</span>\r\n </li>\r\n <li>\r\n <h5>变电站数量</h5>\r\n <br />\r\n <span style=\"color: orange\">90</span>\r\n </li>\r\n <li>\r\n <h5>台区总数</h5>\r\n <br />\r\n <span style=\"color: yellow\">17416</span>\r\n </li>\r\n <li>\r\n <h5>当前负载率</h5>\r\n <br />\r\n <span style=\"color: orange\">40.19%</span>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"right\" id=\"right\">\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>分布式光伏电量</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div class=\"eqselect\">\r\n <span>地区:</span>\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n <span>用户:</span>\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n <span>范围:</span>\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n <span>日期:</span>\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n </div>\r\n <div id=\"detailqe\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>能量/容量</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div class=\"enselect\">\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n <span class=\"text\">能量</span>\r\n </div>\r\n <div id=\"detailen\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"right1\" id=\"right\">\r\n <div class=\"one\" style=\"height: 100%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>渗透率统计</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <table>\r\n <thead style=\"color: #fff; font-size: 30px\">\r\n <tr>\r\n <td>序号</td>\r\n <td>供电公司</td>\r\n <td>线路名称</td>\r\n <td>光伏全年电量KWF</td>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <tr v-for=\"(item, index) in pvTable\" :key=\"index\">\r\n <td>{{ item.id }}</td>\r\n <td>{{ item.name }}</td>\r\n <td>{{ item.stationNumber }}</td>\r\n <td class=\"titleFont\">{{ item.alternatorNumber }}</td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <audio\r\n controls=\"controls\"\r\n hidden\r\n src=\"../assets/videos/police.wav\"\r\n ref=\"audio\"\r\n ></audio>\r\n </div>\r\n</template>\r\n\r\n<script>\r\n//引入echarts\r\nimport * as echarts from \"echarts\";\r\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: \"stationRuilding\",\r\n components: {\r\n ringMainUnit, //环网柜弹窗\r\n workOrder, //工单统计弹窗\r\n routeDetail, //线路故障跳闸明细\r\n lineDetail, //线路详情弹窗\r\n },\r\n data() {\r\n return {\r\n pageShow: true,\r\n totals: 5,\r\n pageSize: 10,\r\n page: 1,\r\n threeImg: require(\"../assets/images/pieBorder.png\"),\r\n enlargeShow: true,\r\n dateList: [\"周\", \"月\"],\r\n acolor: true, //是否展示颜色\r\n currentIndex: -1,\r\n alarmInformationData: [],\r\n alarmInformationShow: false, //报警详情信息弹窗\r\n realTimeAlarmShow: false, //实时报警弹窗\r\n modelOthers: false,\r\n componentShow: \"\",\r\n CompanyInfo: {},\r\n tableData: [],\r\n btnArr: [\"总览\", \"环网柜\", \"分支箱\", \"箱变\", \"开闭所\"],\r\n btnActive: 0,\r\n iconGround: [\r\n {\r\n icon: require(\"@/assets/images/huanwanggui.png\"),\r\n name: \"环网柜\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/fenzhixiang.png\"),\r\n name: \"分支箱\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/xiangbian.png\"),\r\n name: \"箱变\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/kaibisuo.png\"),\r\n name: \"开闭所\",\r\n },\r\n ],\r\n btnEnlarge: [\r\n {\r\n icon: require(\"@/assets/images/btnTiShi.png\"),\r\n },\r\n {\r\n icon: require(\"@/assets/images/btnFangDa.png\"),\r\n },\r\n ],\r\n btnEnlarge1: [\r\n {\r\n icon: require(\"@/assets/images/btnTiShi.png\"),\r\n },\r\n {\r\n icon: require(\"@/assets/images/suoxiao.png\"),\r\n },\r\n ],\r\n options: [\r\n {\r\n value: \"\",\r\n label: \"\",\r\n },\r\n ],\r\n value: \"\",\r\n topContent: [\r\n {\r\n name: \"配变数量\",\r\n count: \"\",\r\n },\r\n {\r\n name: \"重复停运台次\",\r\n count: \"\",\r\n },\r\n {\r\n name: \"配变重复停运率\",\r\n count: \"\",\r\n },\r\n ],\r\n device: \"\",\r\n tableData: [],\r\n tableKey: +new Date(),\r\n scrollTop: 0, //table距离顶部距离\r\n option: null,\r\n myChartBin: null,\r\n // 工单\r\n orderItem: null,\r\n orderShow: \"\",\r\n // 线路故障明细\r\n routeItem: null,\r\n routeShow: \"\",\r\n // 配电线路\r\n lineItem: null,\r\n lineShow: \"\",\r\n timer: null, //定时器\r\n emergencyList: [], //告警数据\r\n rowTime: \"\",\r\n pvTable: [\r\n {\r\n id: 1,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-1\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 2,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-2\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 3,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-3\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 4,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-4\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 5,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-5\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 6,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-6\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 7,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-7\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 8,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-8\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 9,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-9\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 10,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-10\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 11,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-11\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 12,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-12\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n ],\r\n psTable: [\r\n {\r\n id: 1,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 2,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 3,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 4,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 5,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 6,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 7,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 8,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 9,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 10,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 11,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 12,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n ],\r\n };\r\n },\r\n created() {},\r\n mounted() {\r\n this.detailedTwo11();\r\n this.detailedTwo22();\r\n this.detailqe1();\r\n this.detailen1();\r\n this.xianDuan();\r\n },\r\n methods: {\r\n //地图画线\r\n xianDuan() {\r\n var canvas = document.getElementById(\"myCanvas\");\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.moveTo(500, 500); // moveTo(x,y) 定义线条开始坐标\r\n ctx.lineTo(700, 150); // lineTo(x,y) 定义线条结束坐标\r\n ctx.moveTo(400, 500); // moveTo(x,y) 定义线条开始坐标\r\n ctx.lineTo(160, 600); // lineTo(x,y) 定义线条结束坐标\r\n ctx.strokeStyle = \"orange\";\r\n ctx.lineWidth = 5;\r\n ctx.stroke();\r\n },\r\n detailedTwo11() {\r\n var fontColor = \"#fff\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo1\"));\r\n var option = {\r\n grid: {\r\n left: \"5%\",\r\n right: \"10%\",\r\n top: \"20%\",\r\n bottom: \"15%\",\r\n containLabel: true,\r\n },\r\n tooltip: {\r\n show: true,\r\n trigger: \"item\",\r\n },\r\n legend: {\r\n show: true,\r\n x: \"center\",\r\n y: \"35\",\r\n icon: \"stack\",\r\n itemWidth: 10,\r\n itemHeight: 10,\r\n textStyle: {\r\n color: \"#1bb4f6\",\r\n },\r\n data: [\"已采纳\", \"已发布\", \"浏览量\"],\r\n },\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: fontColor,\r\n },\r\n axisLine: {\r\n show: true,\r\n lineStyle: {\r\n color: \"#397cbc\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#195384\",\r\n },\r\n },\r\n data: [\r\n \"0:00\",\r\n \"3:00\",\r\n \"6:00\",\r\n \"9:00\",\r\n \"12:00\",\r\n \"15:00\",\r\n \"18:00\",\r\n \"21:00\",\r\n \"24:00\",\r\n ],\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"信息量\",\r\n min: 0,\r\n max: 1000,\r\n show: false,\r\n axisLabel: {\r\n formatter: \"{value}\",\r\n textStyle: {\r\n color: \"#2ad1d2\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#27b4c2\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n // name: \"已发布\",\r\n type: \"line\",\r\n stack: \"总量\",\r\n symbol: \"none\",\r\n symbolSize: 8,\r\n itemStyle: {\r\n normal: {\r\n color: \"yellow\",\r\n lineStyle: {\r\n color: \"yellow\",\r\n width: 3,\r\n type: \"solid\",\r\n },\r\n },\r\n },\r\n data: [10, 12, 801, 844, 790, 830, 610, 501, 654, 490, 530, 310],\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedTwo22() {\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo2\"));\r\n var honorData = [\r\n {\r\n name: \"用电量（单位：亿）\",\r\n data: [13.4, 14.1, 17.3, 18.6, 16.6],\r\n },\r\n {\r\n name: \"碳排放量（单位：万）\",\r\n data: [9.4, 8.1, 7.3, 8.6, 6.6],\r\n },\r\n ];\r\n var honorXAxisData = [\"No.5\", \"No.4\", \"No.3\", \"No.2\", \"No.1\"];\r\n var nameList = [\r\n \"自然19#\",\r\n \"民权5#变\",\r\n \"民权5#变\",\r\n \"光顺09号\",\r\n \"PMS_碧桂园10#配变\",\r\n ];\r\n var option = {\r\n color: [\"#0F9AF8\", \"#2039C3\", \"rgba(32,57,195,.5)\", \"#2ECACE\"],\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"none\",\r\n },\r\n },\r\n legend: {\r\n right: 5,\r\n top: \"5%\",\r\n itemWidth: 10,\r\n itemHeight: 10,\r\n itemGap: 15,\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n grid: {\r\n top: \"15%\",\r\n left: \"14%\",\r\n right: \"0%\",\r\n bottom: \"0%\",\r\n },\r\n xAxis: [\r\n {\r\n type: \"value\",\r\n show: false,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: \"#6B9DD7\",\r\n fontSize: 16, // 文字大小\r\n fontWeight: 400,\r\n interval: 0,\r\n formatter: function (value) {\r\n return value + \"(万元)\";\r\n },\r\n },\r\n splitLine: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"category\",\r\n offset: 17,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: \"#fff\",\r\n fontSize: 20, // 文字大小\r\n fontWeight: 700,\r\n interval: 0,\r\n },\r\n\r\n data: honorXAxisData,\r\n },\r\n {\r\n //名称\r\n type: \"category\",\r\n offset: -10,\r\n position: \"left\",\r\n axisLine: {\r\n show: false,\r\n },\r\n inverse: true,\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n color: \"#fff\",\r\n align: \"left\",\r\n verticalAlign: \"bottom\",\r\n lineHeight: 40,\r\n fontSize: 20,\r\n },\r\n data: nameList,\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"60天内掉电客户数\",\r\n type: \"bar\",\r\n stack: \"zongliang\",\r\n barWidth: \"25%\",\r\n barGap: 15, // 柱图之间的间距\r\n itemStyle: {\r\n //自定义颜色\r\n // normal: { color: \"orange\" },\r\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"rgba(255,165,0,.4)\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"rgb(255,165,0)\",\r\n },\r\n ]),\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: [\"80%\", \"-100%\"],\r\n formatter: function (params) {\r\n return params.value;\r\n },\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n\r\n data: honorData[0].data,\r\n },\r\n {\r\n name: \"60天内掉电总数\",\r\n type: \"bar\",\r\n stack: \"zongliang\",\r\n barWidth: \"25%\",\r\n itemStyle: {\r\n //自定义颜色\r\n // normal: { color: \"orange\" },\r\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"#005BEA\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"#00C6FB\",\r\n },\r\n ]),\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: [\"80%\", \"-100%\"],\r\n formatter: function (params) {\r\n return params.value;\r\n },\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n data: honorData[1].data,\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailqe1() {\r\n var fontColor = \"#fff\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailqe\"));\r\n var option = {\r\n xAxis: {\r\n type: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: fontColor,\r\n },\r\n axisLine: {\r\n show: true,\r\n lineStyle: {\r\n color: \"#397cbc\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#195384\",\r\n },\r\n },\r\n data: [\r\n \"0:00\",\r\n \"3:00\",\r\n \"6:00\",\r\n \"9:00\",\r\n \"12:00\",\r\n \"15:00\",\r\n \"18:00\",\r\n \"21:00\",\r\n \"24:00\",\r\n ],\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"单位：kw\",\r\n min: 0,\r\n max: 1000,\r\n show: true,\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n axisLabel: {\r\n formatter: \"{value}\",\r\n textStyle: {\r\n color: \"#2ad1d2\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#27b4c2\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n data: [720, 632, 801, 734, 470, 670, 720, 123, 567],\r\n type: \"line\",\r\n symbol: \"none\",\r\n lineStyle: {\r\n color: \"#00ffff\",\r\n width: 2,\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: \"00ffff\",\r\n lineStyle: {\r\n color: \"00ffff\",\r\n width: 3,\r\n type: \"solid\",\r\n },\r\n },\r\n },\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailen1() {\r\n var fontColor = \"#30eee9\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailen\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n },\r\n\r\n data: [\"关联电网事故\", \"关联检修单\"],\r\n },\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n data: [\r\n \"10kv北红线124\",\r\n \"10kv北红线125\",\r\n \"10kv北红线126\",\r\n \"10kv北红线127\",\r\n \"10kv北红线128\",\r\n ],\r\n axisLabel: {\r\n show: true,\r\n textStyle: {\r\n color: \"#ffffff\",\r\n },\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"\",\r\n axisLabel: {\r\n textStyle: {\r\n color: \"#ffffff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"关联电网事故\",\r\n type: \"bar\",\r\n itemStyle: {\r\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n { offset: 1, color: \"rgba(86,254,226,.2) \" },\r\n { offset: 0.5, color: \"rgb(86,254,226,.6)\" },\r\n { offset: 0, color: \"rgb(86,254,226)\" },\r\n ]),\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n emphasis: {\r\n focus: \"series\",\r\n },\r\n data: [320, 332, 301, 334, 390],\r\n },\r\n {\r\n name: \"关联检修单\",\r\n type: \"bar\",\r\n itemStyle: {\r\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n { offset: 1, color: \"rgba(237,125,49,.2) \" },\r\n { offset: 0.5, color: \"rgb(237,125,49,.6)\" },\r\n { offset: 0, color: \"rgb(237,125,49)\" },\r\n ]),\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n emphasis: {\r\n focus: \"series\",\r\n },\r\n data: [220, 182, 191, 234, 290],\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n },\r\n watch: {},\r\n};\r\n</script>\r\n<style lang=\"less\" scoped>\r\n.content {\r\n /deep/ .el-table__body td .cell {\r\n white-space: normal !important;\r\n }\r\n}\r\n\r\n.two {\r\n /deep/ .el-table__body-wrapper {\r\n height: 195px !important;\r\n }\r\n .enselect {\r\n position: absolute;\r\n right: 30px;\r\n img {\r\n float: right;\r\n }\r\n .text {\r\n float: right;\r\n // right: -10px;\r\n margin-right: -60px;\r\n font-size: 20px;\r\n\r\n color: #fff;\r\n }\r\n }\r\n}\r\n\r\n// 滚动条的宽度\r\n/deep/ .el-table__body-wrapper::-webkit-scrollbar {\r\n width: 6px; // 横向滚动条\r\n height: 6px; // 纵向滚动条 必写\r\n // display: block !important;\r\n}\r\n\r\n// 滚动条的滑块\r\n/deep/ .el-table__body-wrapper::-webkit-scrollbar-thumb {\r\n background-color: rgba(35, 160, 247, 1);\r\n border-radius: 3px;\r\n}\r\n\r\n/deep/ .el-table--scrollable-x .el-table__body-wrapper {\r\n overflow-x: hidden;\r\n}\r\n\r\n.user_skills {\r\n /deep/ .el-table {\r\n background-color: transparent !important;\r\n }\r\n\r\n /deep/ .el-table th {\r\n background-color: transparent !important;\r\n }\r\n\r\n /deep/ .el-table__header {\r\n width: 100% !important;\r\n height: 70px;\r\n background: url(\"../assets/images/tableBg.png\") no-repeat;\r\n background-size: 100% 100%;\r\n\r\n .cell {\r\n text-align: center !important;\r\n justify-content: center;\r\n }\r\n }\r\n\r\n /deep/ .el-table__header th {\r\n border: none;\r\n padding: 0;\r\n height: 48px;\r\n\r\n .cell {\r\n height: 100%;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n &.el-table__cell.is-leaf {\r\n border: none !important;\r\n }\r\n }\r\n\r\n /deep/ .el-table tr {\r\n background-color: transparent;\r\n }\r\n\r\n /deep/ .el-table--enable-row-transition .el-table__body td,\r\n .el-table .cell {\r\n background-color: transparent !important;\r\n border: none;\r\n color: #ffffff;\r\n }\r\n\r\n /deep/ .el-table__body td .cell {\r\n white-space: nowrap;\r\n // word-break: break-all;\r\n display: flex !important;\r\n justify-content: center !important;\r\n }\r\n\r\n /deep/ .el-table th.el-table__cell > .cell {\r\n color: rgb(86, 254, 226);\r\n }\r\n\r\n /deep/.el-table__body,\r\n .el-table__footer,\r\n .el-table__header {\r\n width: 100% !important;\r\n }\r\n\r\n /deep/ .el-table__body td .cell {\r\n // width: 60px !important;\r\n }\r\n\r\n // &::before {\r\n // //去除底部白线\r\n // left: 0;\r\n // bottom: 0;\r\n // width: 100%;\r\n // height: 0px;\r\n // }\r\n .el-table::before {\r\n background-color: transparent;\r\n }\r\n}\r\n\r\n.home {\r\n width: 100%;\r\n height: 100%;\r\n padding: 15px 28px;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n box-sizing: border-box;\r\n\r\n .left {\r\n padding-right: 15px;\r\n // width: 604px;\r\n width: 17.18%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n }\r\n\r\n .left1 {\r\n // width: 604px;\r\n // padding: 0 10px;\r\n width: 17.18%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n #detailedTwo1 {\r\n width: 100%;\r\n height: 400px;\r\n }\r\n #detailedTwo2 {\r\n width: 100%;\r\n height: 350px;\r\n }\r\n }\r\n\r\n .middle {\r\n // width: 1590px;\r\n width: 32.7%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n .imgboxone {\r\n background: url(\"../assets/02/dttksgsj.png\") no-repeat;\r\n background-size: 100%;\r\n float: right;\r\n width: 40vh;\r\n height: 10vh;\r\n position: relative;\r\n top: 5vh;\r\n right: 1vh;\r\n .contents {\r\n height: 90%;\r\n padding: 10px 10px 10px 10px;\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n\r\n .lines {\r\n width: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n background: url(\"../assets/02/tkxkz.png\") no-repeat;\r\n }\r\n\r\n .total {\r\n .num {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: center;\r\n align-items: center;\r\n color: #ffffff;\r\n h5 {\r\n font-size: 28px;\r\n }\r\n .yellow {\r\n color: yellow;\r\n }\r\n .orange {\r\n color: orange;\r\n }\r\n span {\r\n float: left;\r\n font-size: 18px;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n .imgboxtwo {\r\n padding: 0 0 0 20px;\r\n background: url(\"../assets/02/map4.png\") no-repeat;\r\n background-size: 100%;\r\n float: left;\r\n width: 40vh;\r\n height: 25vh;\r\n position: relative;\r\n top: 52vh;\r\n left: 30vh;\r\n display: flex;\r\n .contentUl {\r\n display: flex;\r\n margin: 0;\r\n padding: 10px;\r\n width: 100%;\r\n /* flex布局 */\r\n display: flex;\r\n // 开启换行\r\n flex-wrap: wrap;\r\n // 主轴上两端对齐\r\n justify-content: space-between;\r\n // 副轴上两端对齐\r\n align-content: space-between;\r\n //li盒子大小设置\r\n li {\r\n h5 {\r\n float: left;\r\n }\r\n span {\r\n font-size: 30px;\r\n }\r\n width: 49.5%;\r\n //高度调整\r\n height: 50%;\r\n list-style: none;\r\n font-size: 24px;\r\n color: #fff;\r\n background: url(\"../assets/02/tkxkz.png\") no-repeat;\r\n background-size: 100%;\r\n }\r\n }\r\n }\r\n\r\n .map {\r\n background: url(\"../assets/indexN/map.png\") no-repeat;\r\n vertical-align: middle;\r\n display: table-cell;\r\n text-align: center;\r\n margin-left: -20%;\r\n img {\r\n position: relative;\r\n left: 20%;\r\n top: 35%;\r\n }\r\n }\r\n }\r\n\r\n .right {\r\n // width: 604px;\r\n width: 16.8%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n #detailqe {\r\n width: 100%;\r\n height: 350px;\r\n }\r\n #detailen {\r\n width: 100%;\r\n height: 400px;\r\n }\r\n .eqselect {\r\n span {\r\n font-size: 20px;\r\n color: #f8f8f8;\r\n }\r\n img {\r\n margin-right: 7px;\r\n }\r\n }\r\n }\r\n\r\n .right1 {\r\n // width: 604px;\r\n width: 17.18%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n }\r\n}\r\n\r\n// }\r\n</style>\r\n<style lang=\"less\" scoped>\r\n// .el-popper {\r\n// top: 50%;\r\n// }\r\n\r\n/deep/ .popper__arrow {\r\n left: 171px !important;\r\n top: 95px !important;\r\n}\r\n\r\n/deep/ .el-select-dropdown {\r\n background-color: rgb(14, 30, 46) !important;\r\n border: 1px solid rgba(45, 143, 148, 0.5) !important;\r\n\r\n /deep/ .el-select-dropdown__item {\r\n color: #fff !important;\r\n }\r\n\r\n /deep/ .el-select-dropdown__item.hover,\r\n /deep/ .el-select-dropdown__item:hover {\r\n background-color: rgb(18, 54, 87) !important;\r\n }\r\n}\r\n\r\n/deep/ .el-popper[x-placement^=\"bottom\"] {\r\n margin-top: -146px !important;\r\n}\r\n\r\n/**\r\n表格有滚动效果但是不显示滚动条\r\n*/\r\n</style>\r\n<style lang=\"less\">\r\n.el-table .rowColor0 {\r\n background: red !important;\r\n animation: fade 2000ms infinite ease-in-out;\r\n}\r\n\r\n@keyframes fade {\r\n from {\r\n opacity: 1;\r\n }\r\n\r\n 50% {\r\n opacity: 0.6;\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n }\r\n}\r\n\r\n// .el-pager li:hover{\r\n// color:black\r\n// }\r\n.cartitle {\r\n height: 52px;\r\n width: 100%;\r\n // background: url(\"../assets/images/carTitle.png\") no-repeat;\r\n font-size: 24px;\r\n font-weight: 600;\r\n color: #ffffff;\r\n line-height: 52px;\r\n // text-align: left;\r\n text-indent: 26px;\r\n}\r\n.titleFont {\r\n color: transparent;\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n background-image: linear-gradient(\r\n to bottom,\r\n rgb(255, 255, 255),\r\n rgb(123, 247, 245)\r\n );\r\n img {\r\n margin: 20px;\r\n }\r\n}\r\n.content {\r\n padding: 24px 31px 0 31px;\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n\r\n .line {\r\n width: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n table {\r\n thead {\r\n font-size: 22px !important;\r\n height: 50px;\r\n background: url(\"../assets/02/bgbth.png\") no-repeat;\r\n }\r\n tbody {\r\n tr {\r\n height: 50px;\r\n font-size: 18px !important;\r\n color: #fff;\r\n background: url(\"../assets/02/bgqth.png\") no-repeat;\r\n }\r\n }\r\n }\r\n\r\n .total {\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-around;\r\n margin-bottom: 15%;\r\n\r\n .num {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: center;\r\n align-items: center;\r\n color: #ffffff;\r\n\r\n .numText {\r\n color: #ffffff;\r\n }\r\n\r\n .numText:before {\r\n content: attr(text);\r\n position: absolute;\r\n z-index: 10;\r\n color: rgb(86, 254, 246) !important;\r\n -webkit-mask: linear-gradient(to top, rgb(86, 244, 254), transparent);\r\n }\r\n }\r\n }\r\n\r\n .info {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n\r\n .lists {\r\n width: 100%;\r\n height: 32px;\r\n background: url(\"../assets/images/cardSquare.png\") no-repeat;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n align-items: center;\r\n background-size: 100% 100%;\r\n margin-bottom: 9%;\r\n padding: 0 10px 0 0;\r\n box-sizing: border-box;\r\n\r\n & > div {\r\n font-size: 18px;\r\n color: #ffffff;\r\n }\r\n\r\n .number {\r\n color: rgb(86, 254, 226);\r\n }\r\n }\r\n }\r\n }\r\n}\r\n.two {\r\n background: url(\"../assets/indexN/boxLr.png\") no-repeat;\r\n background-size: 100% 100%;\r\n position: relative;\r\n}\r\n.one {\r\n background: url(\"../assets/02/bgk.png\") no-repeat;\r\n background-size: 100% 100%;\r\n position: relative;\r\n\r\n .unityBtn {\r\n position: absolute;\r\n top: 40px;\r\n left: 30%;\r\n width: 40%;\r\n display: flex;\r\n justify-content: space-between;\r\n\r\n .btn {\r\n width: 100%;\r\n height: 38px;\r\n color: #fff;\r\n font-size: 18px;\r\n line-height: 38px;\r\n background: url(\"../assets/images/btnAct.png\") no-repeat;\r\n background-size: 100% 100%;\r\n margin-bottom: 10px;\r\n margin-right: 15px;\r\n }\r\n\r\n .btnAct {\r\n color: rgb(244, 201, 7);\r\n background: url(\"../assets/images/unityBtn.png\") no-repeat;\r\n background-size: 100% 100%;\r\n margin-right: 15px;\r\n }\r\n }\r\n\r\n .unityIcon {\r\n background: url(\"../assets/images/iconCard.png\") no-repeat;\r\n background-size: 100% 100%;\r\n width: 110px;\r\n height: 168px;\r\n position: absolute;\r\n right: 40px;\r\n bottom: 80px;\r\n display: flex;\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n flex-direction: column;\r\n justify-content: space-around;\r\n align-items: center;\r\n\r\n .unityIconGround {\r\n width: 80%;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n }\r\n\r\n .unityEnlargeBtn {\r\n width: 100px;\r\n display: flex;\r\n justify-content: space-around;\r\n position: absolute;\r\n right: 40px;\r\n top: 40px;\r\n\r\n .content {\r\n width: 38px;\r\n height: 36px;\r\n background: url(\"../assets/images/btnkuang.png\") no-repeat !important;\r\n background-size: 100% 100% !important;\r\n }\r\n }\r\n\r\n .unitySelect {\r\n position: absolute;\r\n left: 40px;\r\n width: 222px;\r\n height: 5%;\r\n bottom: 20px;\r\n display: flex;\r\n align-items: center;\r\n\r\n .unitySuosou {\r\n width: 57px;\r\n height: 53px;\r\n background: url(\"../assets/images/sousuoKuang.png\") no-repeat;\r\n background-size: 100% 100%;\r\n }\r\n }\r\n}\r\n</style>\r\n"]}]}
\ No newline at end of file
+{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\stationBuilding.vue?vue&type=style&index=2&id=878d5e44&lang=less&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\stationBuilding.vue","mtime":1690161674337},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1655715156000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\less-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["\r\n.el-table .rowColor0 {\r\n background: red !important;\r\n animation: fade 2000ms infinite ease-in-out;\r\n}\r\n\r\n@keyframes fade {\r\n from {\r\n opacity: 1;\r\n }\r\n\r\n 50% {\r\n opacity: 0.6;\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n }\r\n}\r\n\r\n// .el-pager li:hover{\r\n// color:black\r\n// }\r\n.cartitle {\r\n height: 52px;\r\n width: 100%;\r\n // background: url(\"../assets/images/carTitle.png\") no-repeat;\r\n font-size: 24px;\r\n font-weight: 600;\r\n color: #ffffff;\r\n line-height: 52px;\r\n // text-align: left;\r\n text-indent: 26px;\r\n}\r\n.titleFont {\r\n color: transparent;\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n background-image: linear-gradient(\r\n to bottom,\r\n rgb(255, 255, 255),\r\n rgb(123, 247, 245)\r\n );\r\n img {\r\n margin: 20px;\r\n }\r\n}\r\n.content {\r\n padding: 24px 31px 0 31px;\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n\r\n .line {\r\n width: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n table {\r\n thead {\r\n font-size: 22px !important;\r\n height: 50px;\r\n background: url(\"../assets/02/bgbth.png\") no-repeat;\r\n }\r\n tbody {\r\n tr {\r\n height: 50px;\r\n font-size: 18px !important;\r\n color: #fff;\r\n background: url(\"../assets/02/bgqth.png\") no-repeat;\r\n }\r\n }\r\n }\r\n\r\n .total {\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-around;\r\n margin-bottom: 15%;\r\n\r\n .num {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: center;\r\n align-items: center;\r\n color: #ffffff;\r\n\r\n .numText {\r\n color: #ffffff;\r\n }\r\n\r\n .numText:before {\r\n content: attr(text);\r\n position: absolute;\r\n z-index: 10;\r\n color: rgb(86, 254, 246) !important;\r\n -webkit-mask: linear-gradient(to top, rgb(86, 244, 254), transparent);\r\n }\r\n }\r\n }\r\n\r\n .info {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n\r\n .lists {\r\n width: 100%;\r\n height: 32px;\r\n background: url(\"../assets/images/cardSquare.png\") no-repeat;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n align-items: center;\r\n background-size: 100% 100%;\r\n margin-bottom: 9%;\r\n padding: 0 10px 0 0;\r\n box-sizing: border-box;\r\n\r\n & > div {\r\n font-size: 18px;\r\n color: #ffffff;\r\n }\r\n\r\n .number {\r\n color: rgb(86, 254, 226);\r\n }\r\n }\r\n }\r\n }\r\n}\r\n.two {\r\n background: url(\"../assets/indexN/boxLr.png\") no-repeat;\r\n background-size: 100% 100%;\r\n position: relative;\r\n}\r\n.one {\r\n background: url(\"../assets/02/bgk.png\") no-repeat;\r\n background-size: 100% 100%;\r\n position: relative;\r\n\r\n .unityBtn {\r\n position: absolute;\r\n top: 40px;\r\n left: 30%;\r\n width: 40%;\r\n display: flex;\r\n justify-content: space-between;\r\n\r\n .btn {\r\n width: 100%;\r\n height: 38px;\r\n color: #fff;\r\n font-size: 18px;\r\n line-height: 38px;\r\n background: url(\"../assets/images/btnAct.png\") no-repeat;\r\n background-size: 100% 100%;\r\n margin-bottom: 10px;\r\n margin-right: 15px;\r\n }\r\n\r\n .btnAct {\r\n color: rgb(244, 201, 7);\r\n background: url(\"../assets/images/unityBtn.png\") no-repeat;\r\n background-size: 100% 100%;\r\n margin-right: 15px;\r\n }\r\n }\r\n\r\n .unityIcon {\r\n background: url(\"../assets/images/iconCard.png\") no-repeat;\r\n background-size: 100% 100%;\r\n width: 110px;\r\n height: 168px;\r\n position: absolute;\r\n right: 40px;\r\n bottom: 80px;\r\n display: flex;\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n flex-direction: column;\r\n justify-content: space-around;\r\n align-items: center;\r\n\r\n .unityIconGround {\r\n width: 80%;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n }\r\n\r\n .unityEnlargeBtn {\r\n width: 100px;\r\n display: flex;\r\n justify-content: space-around;\r\n position: absolute;\r\n right: 40px;\r\n top: 40px;\r\n\r\n .content {\r\n width: 38px;\r\n height: 36px;\r\n background: url(\"../assets/images/btnkuang.png\") no-repeat !important;\r\n background-size: 100% 100% !important;\r\n }\r\n }\r\n\r\n .unitySelect {\r\n position: absolute;\r\n left: 40px;\r\n width: 222px;\r\n height: 5%;\r\n bottom: 20px;\r\n display: flex;\r\n align-items: center;\r\n\r\n .unitySuosou {\r\n width: 57px;\r\n height: 53px;\r\n background: url(\"../assets/images/sousuoKuang.png\") no-repeat;\r\n background-size: 100% 100%;\r\n }\r\n }\r\n}\r\n",{"version":3,"sources":["stationBuilding.vue"],"names":[],"mappings":";AAm1CA;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/btjt.png\" alt=\"\" />\r\n <span>光伏台账</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <table>\r\n <thead style=\"color: #fff; font-size: 30px\">\r\n <tr>\r\n <td>序号</td>\r\n <td>单位名称</td>\r\n <td>台区编号</td>\r\n <td>发电客户编号</td>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <tr v-for=\"(item, index) in pvTable\" :key=\"index\">\r\n <td>{{ item.id }}</td>\r\n <td>{{ item.name }}</td>\r\n <td>{{ item.stationNumber }}</td>\r\n <td class=\"titleFont\">{{ item.alternatorNumber }}</td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"left1\" id=\"left\">\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>上网功率</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div id=\"detailedTwo1\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>配变负载率TOP5</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div id=\"detailedTwo2\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"middle\" id=\"middle\">\r\n <div class=\"map\" style=\"height: 100%\">\r\n <canvas\r\n id=\"myCanvas\"\r\n width=\"1000\"\r\n height=\"600\"\r\n style=\"position: absolute\"\r\n ></canvas>\r\n\r\n <img src=\"../assets/indexN/dfsxz.png\" alt=\"\" />\r\n <div class=\"imgboxone\">\r\n <div class=\"contents\">\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span>户数高渗透率</span>\r\n <h5 class=\"yellow\">3.40%</h5>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span>容量渗透率</span>\r\n <h5 class=\"orange\">0.01%</h5>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span>能量渗透率</span>\r\n <h5 class=\"yellow\">0.44%</h5>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"imgboxtwo\">\r\n <ul class=\"contentUl\">\r\n <li>\r\n <h5>发电客户数</h5>\r\n <br />\r\n <span style=\"color: yellow\">4721</span>\r\n </li>\r\n <li>\r\n <h5>变电站数量</h5>\r\n <br />\r\n <span style=\"color: orange\">90</span>\r\n </li>\r\n <li>\r\n <h5>台区总数</h5>\r\n <br />\r\n <span style=\"color: yellow\">17416</span>\r\n </li>\r\n <li>\r\n <h5>当前负载率</h5>\r\n <br />\r\n <span style=\"color: orange\">40.19%</span>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"right\" id=\"right\">\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>分布式光伏电量</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div class=\"eqselect\">\r\n <span>地区:</span>\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n <span>用户:</span>\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n <span>范围:</span>\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n <span>日期:</span>\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n </div>\r\n <div id=\"detailqe\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>能量/容量</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div class=\"enselect\">\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n <span class=\"text\">能量</span>\r\n </div>\r\n <div id=\"detailen\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"right1\" id=\"right\">\r\n <div class=\"one\" style=\"height: 100%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>渗透率统计</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <table>\r\n <thead style=\"color: #fff; font-size: 30px\">\r\n <tr>\r\n <td>序号</td>\r\n <td>供电公司</td>\r\n <td>线路名称</td>\r\n <td>光伏全年电量KWF</td>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <tr v-for=\"(item, index) in pvTable\" :key=\"index\">\r\n <td>{{ item.id }}</td>\r\n <td>{{ item.name }}</td>\r\n <td>{{ item.stationNumber }}</td>\r\n <td class=\"titleFont\">{{ item.alternatorNumber }}</td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <audio\r\n controls=\"controls\"\r\n hidden\r\n src=\"../assets/videos/police.wav\"\r\n ref=\"audio\"\r\n ></audio>\r\n </div>\r\n</template>\r\n\r\n<script>\r\n//引入echarts\r\nimport * as echarts from \"echarts\";\r\nimport { loadRateTop5 } from \"../api/stationBuilding.js\";\r\n// 工单统计弹窗组件\r\n// import workOrder from \"../component/workOrder.vue\";\r\n// import ringMainUnit from \"./HomePop/ringMainUnit.vue\";\r\n// import routeDetail from \"../component/routeDetail.vue\";\r\n\r\n// 线路详情\r\nimport lineDetail from \"../component/lineDetail.vue\";\r\nexport default {\r\n name: \"stationRuilding\",\r\n components: {\r\n // ringMainUnit, //环网柜弹窗\r\n // workOrder, //工单统计弹窗\r\n // routeDetail, //线路故障跳闸明细\r\n lineDetail, //线路详情弹窗\r\n },\r\n data() {\r\n return {\r\n pageShow: true,\r\n totals: 5,\r\n pageSize: 10,\r\n page: 1,\r\n threeImg: require(\"../assets/images/pieBorder.png\"),\r\n enlargeShow: true,\r\n dateList: [\"周\", \"月\"],\r\n acolor: true, //是否展示颜色\r\n currentIndex: -1,\r\n alarmInformationData: [],\r\n alarmInformationShow: false, //报警详情信息弹窗\r\n realTimeAlarmShow: false, //实时报警弹窗\r\n modelOthers: false,\r\n componentShow: \"\",\r\n CompanyInfo: {},\r\n tableData: [],\r\n btnArr: [\"总览\", \"环网柜\", \"分支箱\", \"箱变\", \"开闭所\"],\r\n btnActive: 0,\r\n iconGround: [\r\n {\r\n icon: require(\"@/assets/images/huanwanggui.png\"),\r\n name: \"环网柜\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/fenzhixiang.png\"),\r\n name: \"分支箱\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/xiangbian.png\"),\r\n name: \"箱变\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/kaibisuo.png\"),\r\n name: \"开闭所\",\r\n },\r\n ],\r\n btnEnlarge: [\r\n {\r\n icon: require(\"@/assets/images/btnTiShi.png\"),\r\n },\r\n {\r\n icon: require(\"@/assets/images/btnFangDa.png\"),\r\n },\r\n ],\r\n btnEnlarge1: [\r\n {\r\n icon: require(\"@/assets/images/btnTiShi.png\"),\r\n },\r\n {\r\n icon: require(\"@/assets/images/suoxiao.png\"),\r\n },\r\n ],\r\n options: [\r\n {\r\n value: \"\",\r\n label: \"\",\r\n },\r\n ],\r\n value: \"\",\r\n topContent: [\r\n {\r\n name: \"配变数量\",\r\n count: \"\",\r\n },\r\n {\r\n name: \"重复停运台次\",\r\n count: \"\",\r\n },\r\n {\r\n name: \"配变重复停运率\",\r\n count: \"\",\r\n },\r\n ],\r\n device: \"\",\r\n tableData: [],\r\n tableKey: +new Date(),\r\n scrollTop: 0, //table距离顶部距离\r\n option: null,\r\n myChartBin: null,\r\n // 工单\r\n orderItem: null,\r\n orderShow: \"\",\r\n // 线路故障明细\r\n routeItem: null,\r\n routeShow: \"\",\r\n // 配电线路\r\n lineItem: null,\r\n lineShow: \"\",\r\n timer: null, //定时器\r\n emergencyList: [], //告警数据\r\n rowTime: \"\",\r\n pvTable: [\r\n {\r\n id: 1,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-1\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 2,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-2\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 3,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-3\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 4,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-4\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 5,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-5\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 6,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-6\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 7,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-7\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 8,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-8\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 9,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-9\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 10,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-10\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 11,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-11\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 12,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-12\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n ],\r\n psTable: [\r\n {\r\n id: 1,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 2,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 3,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 4,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 5,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 6,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 7,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 8,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 9,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 10,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 11,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 12,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n ],\r\n };\r\n },\r\n created() {},\r\n mounted() {\r\n this.init();\r\n this.detailedTwo11();\r\n this.detailedTwo22();\r\n this.detailqe1();\r\n this.detailen1();\r\n this.xianDuan();\r\n window.parent.getLoc();\r\n },\r\n methods: {\r\n init() {\r\n loadRateTop5({\r\n area: \"大丰区\",\r\n date: \"2023-7-24\",\r\n }).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 xianDuan() {\r\n var canvas = document.getElementById(\"myCanvas\");\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.moveTo(500, 500); // moveTo(x,y) 定义线条开始坐标\r\n ctx.lineTo(700, 150); // lineTo(x,y) 定义线条结束坐标\r\n ctx.moveTo(400, 500); // moveTo(x,y) 定义线条开始坐标\r\n ctx.lineTo(160, 600); // lineTo(x,y) 定义线条结束坐标\r\n ctx.strokeStyle = \"orange\";\r\n ctx.lineWidth = 5;\r\n ctx.stroke();\r\n },\r\n detailedTwo11() {\r\n var fontColor = \"#fff\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo1\"));\r\n var option = {\r\n grid: {\r\n left: \"5%\",\r\n right: \"10%\",\r\n top: \"20%\",\r\n bottom: \"15%\",\r\n containLabel: true,\r\n },\r\n tooltip: {\r\n show: true,\r\n trigger: \"item\",\r\n },\r\n legend: {\r\n show: true,\r\n x: \"center\",\r\n y: \"35\",\r\n icon: \"stack\",\r\n itemWidth: 10,\r\n itemHeight: 10,\r\n textStyle: {\r\n color: \"#1bb4f6\",\r\n },\r\n data: [\"已采纳\", \"已发布\", \"浏览量\"],\r\n },\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: fontColor,\r\n },\r\n axisLine: {\r\n show: true,\r\n lineStyle: {\r\n color: \"#397cbc\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#195384\",\r\n },\r\n },\r\n data: [\r\n \"0:00\",\r\n \"3:00\",\r\n \"6:00\",\r\n \"9:00\",\r\n \"12:00\",\r\n \"15:00\",\r\n \"18:00\",\r\n \"21:00\",\r\n \"24:00\",\r\n ],\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"信息量\",\r\n min: 0,\r\n max: 1000,\r\n show: false,\r\n axisLabel: {\r\n formatter: \"{value}\",\r\n textStyle: {\r\n color: \"#2ad1d2\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#27b4c2\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n // name: \"已发布\",\r\n type: \"line\",\r\n stack: \"总量\",\r\n symbol: \"none\",\r\n symbolSize: 8,\r\n itemStyle: {\r\n normal: {\r\n color: \"yellow\",\r\n lineStyle: {\r\n color: \"yellow\",\r\n width: 3,\r\n type: \"solid\",\r\n },\r\n },\r\n },\r\n data: [10, 12, 801, 844, 790, 830, 610, 501, 654, 490, 530, 310],\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedTwo22() {\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo2\"));\r\n var honorData = [\r\n {\r\n name: \"用电量（单位：亿）\",\r\n data: [17.4, 14.1, 17.3, 18.6, 16.6],\r\n },\r\n {\r\n name: \"碳排放量（单位：万）\",\r\n data: [9.4, 8.1, 7.3, 8.6, 6.6],\r\n },\r\n ];\r\n var honorXAxisData = [\"No.5\", \"No.4\", \"No.3\", \"No.2\", \"No.1\"];\r\n var nameList = [\r\n \"自然19#\",\r\n \"民权5#变\",\r\n \"民权5#变\",\r\n \"光顺09号\",\r\n \"PMS_碧桂园10#配变\",\r\n ];\r\n var option = {\r\n color: [\"#0F9AF8\", \"#2039C3\", \"rgba(32,57,195,.5)\", \"#2ECACE\"],\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"none\",\r\n },\r\n },\r\n grid: {\r\n top: \"15%\",\r\n left: \"14%\",\r\n right: \"0%\",\r\n bottom: \"0%\",\r\n },\r\n xAxis: [\r\n {\r\n type: \"value\",\r\n show: false,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: \"#6B9DD7\",\r\n fontSize: 16, // 文字大小\r\n fontWeight: 400,\r\n interval: 0,\r\n formatter: function (value) {\r\n return value + \"(万元)\";\r\n },\r\n },\r\n splitLine: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"category\",\r\n offset: 17,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: \"#fff\",\r\n fontSize: 20, // 文字大小\r\n fontWeight: 700,\r\n interval: 0,\r\n },\r\n\r\n data: honorXAxisData,\r\n },\r\n {\r\n //名称\r\n type: \"category\",\r\n offset: -10,\r\n position: \"left\",\r\n axisLine: {\r\n show: false,\r\n },\r\n inverse: true,\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n color: \"#fff\",\r\n align: \"left\",\r\n verticalAlign: \"bottom\",\r\n lineHeight: 40,\r\n fontSize: 20,\r\n },\r\n data: nameList,\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"60天内掉电客户数\",\r\n type: \"bar\",\r\n stack: \"zongliang\",\r\n barWidth: \"25%\",\r\n barGap: 15, // 柱图之间的间距\r\n itemStyle: {\r\n //自定义颜色\r\n // normal: { color: \"orange\" },\r\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"rgba(255,165,0,.4)\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"rgb(255,165,0)\",\r\n },\r\n ]),\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: [\"80%\", \"-100%\"],\r\n formatter: function (params) {\r\n return params.value;\r\n },\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n\r\n data: honorData[0].data,\r\n },\r\n {\r\n name: \"60天内掉电总数\",\r\n type: \"bar\",\r\n stack: \"zongliang\",\r\n barWidth: \"25%\",\r\n itemStyle: {\r\n //自定义颜色\r\n // normal: { color: \"orange\" },\r\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"#005BEA\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"#00C6FB\",\r\n },\r\n ]),\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: [\"80%\", \"-100%\"],\r\n formatter: function (params) {\r\n return params.value;\r\n },\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n data: honorData[1].data,\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailqe1() {\r\n var fontColor = \"#fff\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailqe\"));\r\n var option = {\r\n xAxis: {\r\n type: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: fontColor,\r\n },\r\n axisLine: {\r\n show: true,\r\n lineStyle: {\r\n color: \"#397cbc\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#195384\",\r\n },\r\n },\r\n data: [\r\n \"0:00\",\r\n \"3:00\",\r\n \"6:00\",\r\n \"9:00\",\r\n \"12:00\",\r\n \"15:00\",\r\n \"18:00\",\r\n \"21:00\",\r\n \"24:00\",\r\n ],\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"单位：kw\",\r\n min: 0,\r\n max: 1000,\r\n show: true,\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n axisLabel: {\r\n formatter: \"{value}\",\r\n textStyle: {\r\n color: \"#2ad1d2\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#27b4c2\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n data: [720, 632, 801, 734, 470, 670, 720, 123, 567],\r\n type: \"line\",\r\n symbol: \"none\",\r\n lineStyle: {\r\n color: \"#00ffff\",\r\n width: 2,\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: \"00ffff\",\r\n lineStyle: {\r\n color: \"00ffff\",\r\n width: 3,\r\n type: \"solid\",\r\n },\r\n },\r\n },\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailen1() {\r\n var fontColor = \"#30eee9\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailen\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n },\r\n\r\n data: [\"关联电网事故\", \"关联检修单\"],\r\n },\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n data: [\r\n \"10kv北红线124\",\r\n \"10kv北红线125\",\r\n \"10kv北红线126\",\r\n \"10kv北红线127\",\r\n \"10kv北红线128\",\r\n ],\r\n axisLabel: {\r\n show: true,\r\n textStyle: {\r\n color: \"#ffffff\",\r\n },\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"\",\r\n axisLabel: {\r\n textStyle: {\r\n color: \"#ffffff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"关联电网事故\",\r\n type: \"bar\",\r\n itemStyle: {\r\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n { offset: 1, color: \"rgba(86,254,226,.2) \" },\r\n { offset: 0.5, color: \"rgb(86,254,226,.6)\" },\r\n { offset: 0, color: \"rgb(86,254,226)\" },\r\n ]),\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n emphasis: {\r\n focus: \"series\",\r\n },\r\n data: [320, 332, 301, 334, 390],\r\n },\r\n {\r\n name: \"关联检修单\",\r\n type: \"bar\",\r\n itemStyle: {\r\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n { offset: 1, color: \"rgba(237,125,49,.2) \" },\r\n { offset: 0.5, color: \"rgb(237,125,49,.6)\" },\r\n { offset: 0, color: \"rgb(237,125,49)\" },\r\n ]),\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n emphasis: {\r\n focus: \"series\",\r\n },\r\n data: [220, 182, 191, 234, 290],\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n },\r\n watch: {},\r\n};\r\n</script>\r\n<style lang=\"less\" scoped>\r\n.content {\r\n /deep/ .el-table__body td .cell {\r\n white-space: normal !important;\r\n }\r\n}\r\n\r\n.two {\r\n /deep/ .el-table__body-wrapper {\r\n height: 195px !important;\r\n }\r\n .enselect {\r\n position: absolute;\r\n right: 30px;\r\n img {\r\n float: right;\r\n }\r\n .text {\r\n float: right;\r\n // right: -10px;\r\n margin-right: -60px;\r\n font-size: 20px;\r\n\r\n color: #fff;\r\n }\r\n }\r\n}\r\n\r\n// 滚动条的宽度\r\n/deep/ .el-table__body-wrapper::-webkit-scrollbar {\r\n width: 6px; // 横向滚动条\r\n height: 6px; // 纵向滚动条 必写\r\n // display: block !important;\r\n}\r\n\r\n// 滚动条的滑块\r\n/deep/ .el-table__body-wrapper::-webkit-scrollbar-thumb {\r\n background-color: rgba(35, 160, 247, 1);\r\n border-radius: 3px;\r\n}\r\n\r\n/deep/ .el-table--scrollable-x .el-table__body-wrapper {\r\n overflow-x: hidden;\r\n}\r\n\r\n.user_skills {\r\n /deep/ .el-table {\r\n background-color: transparent !important;\r\n }\r\n\r\n /deep/ .el-table th {\r\n background-color: transparent !important;\r\n }\r\n\r\n /deep/ .el-table__header {\r\n width: 100% !important;\r\n height: 70px;\r\n background: url(\"../assets/images/tableBg.png\") no-repeat;\r\n background-size: 100% 100%;\r\n\r\n .cell {\r\n text-align: center !important;\r\n justify-content: center;\r\n }\r\n }\r\n\r\n /deep/ .el-table__header th {\r\n border: none;\r\n padding: 0;\r\n height: 48px;\r\n\r\n .cell {\r\n height: 100%;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n &.el-table__cell.is-leaf {\r\n border: none !important;\r\n }\r\n }\r\n\r\n /deep/ .el-table tr {\r\n background-color: transparent;\r\n }\r\n\r\n /deep/ .el-table--enable-row-transition .el-table__body td,\r\n .el-table .cell {\r\n background-color: transparent !important;\r\n border: none;\r\n color: #ffffff;\r\n }\r\n\r\n /deep/ .el-table__body td .cell {\r\n white-space: nowrap;\r\n // word-break: break-all;\r\n display: flex !important;\r\n justify-content: center !important;\r\n }\r\n\r\n /deep/ .el-table th.el-table__cell > .cell {\r\n color: rgb(86, 254, 226);\r\n }\r\n\r\n /deep/.el-table__body,\r\n .el-table__footer,\r\n .el-table__header {\r\n width: 100% !important;\r\n }\r\n\r\n /deep/ .el-table__body td .cell {\r\n // width: 60px !important;\r\n }\r\n\r\n // &::before {\r\n // //去除底部白线\r\n // left: 0;\r\n // bottom: 0;\r\n // width: 100%;\r\n // height: 0px;\r\n // }\r\n .el-table::before {\r\n background-color: transparent;\r\n }\r\n}\r\n\r\n.home {\r\n width: 100%;\r\n height: 100%;\r\n padding: 15px 28px;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n box-sizing: border-box;\r\n\r\n .left {\r\n padding-right: 15px;\r\n // width: 604px;\r\n width: 17.18%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n }\r\n\r\n .left1 {\r\n // width: 604px;\r\n // padding: 0 10px;\r\n width: 17.18%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n #detailedTwo1 {\r\n width: 100%;\r\n height: 400px;\r\n }\r\n #detailedTwo2 {\r\n width: 100%;\r\n height: 350px;\r\n }\r\n }\r\n\r\n .middle {\r\n // width: 1590px;\r\n width: 32.7%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n .imgboxone {\r\n background: url(\"../assets/02/dttksgsj.png\") no-repeat;\r\n background-size: 100%;\r\n float: right;\r\n width: 40vh;\r\n height: 10vh;\r\n position: relative;\r\n top: 5vh;\r\n right: 1vh;\r\n .contents {\r\n height: 90%;\r\n padding: 10px 10px 10px 10px;\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n\r\n .lines {\r\n width: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n background: url(\"../assets/02/tkxkz.png\") no-repeat;\r\n }\r\n\r\n .total {\r\n .num {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: center;\r\n align-items: center;\r\n color: #ffffff;\r\n h5 {\r\n font-size: 28px;\r\n }\r\n .yellow {\r\n color: yellow;\r\n }\r\n .orange {\r\n color: orange;\r\n }\r\n span {\r\n float: left;\r\n font-size: 18px;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n .imgboxtwo {\r\n padding: 0 0 0 20px;\r\n background: url(\"../assets/02/map4.png\") no-repeat;\r\n background-size: 100%;\r\n float: left;\r\n width: 40vh;\r\n height: 25vh;\r\n position: relative;\r\n top: 52vh;\r\n left: 30vh;\r\n display: flex;\r\n .contentUl {\r\n display: flex;\r\n margin: 0;\r\n padding: 10px;\r\n width: 100%;\r\n /* flex布局 */\r\n display: flex;\r\n // 开启换行\r\n flex-wrap: wrap;\r\n // 主轴上两端对齐\r\n justify-content: space-between;\r\n // 副轴上两端对齐\r\n align-content: space-between;\r\n //li盒子大小设置\r\n li {\r\n h5 {\r\n float: left;\r\n }\r\n span {\r\n font-size: 30px;\r\n }\r\n width: 49.5%;\r\n //高度调整\r\n height: 50%;\r\n list-style: none;\r\n font-size: 24px;\r\n color: #fff;\r\n background: url(\"../assets/02/tkxkz.png\") no-repeat;\r\n background-size: 100%;\r\n }\r\n }\r\n }\r\n\r\n .map {\r\n background: url(\"../assets/indexN/map.png\") no-repeat;\r\n vertical-align: middle;\r\n display: table-cell;\r\n text-align: center;\r\n margin-left: -20%;\r\n img {\r\n position: relative;\r\n left: 20%;\r\n top: 35%;\r\n }\r\n }\r\n }\r\n\r\n .right {\r\n // width: 604px;\r\n width: 16.8%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n #detailqe {\r\n width: 100%;\r\n height: 350px;\r\n }\r\n #detailen {\r\n width: 100%;\r\n height: 400px;\r\n }\r\n .eqselect {\r\n span {\r\n font-size: 20px;\r\n color: #f8f8f8;\r\n }\r\n img {\r\n margin-right: 7px;\r\n }\r\n }\r\n }\r\n\r\n .right1 {\r\n // width: 604px;\r\n width: 17.18%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n }\r\n}\r\n\r\n// }\r\n</style>\r\n<style lang=\"less\" scoped>\r\n// .el-popper {\r\n// top: 50%;\r\n// }\r\n\r\n/deep/ .popper__arrow {\r\n left: 171px !important;\r\n top: 95px !important;\r\n}\r\n\r\n/deep/ .el-select-dropdown {\r\n background-color: rgb(14, 30, 46) !important;\r\n border: 1px solid rgba(45, 143, 148, 0.5) !important;\r\n\r\n /deep/ .el-select-dropdown__item {\r\n color: #fff !important;\r\n }\r\n\r\n /deep/ .el-select-dropdown__item.hover,\r\n /deep/ .el-select-dropdown__item:hover {\r\n background-color: rgb(18, 54, 87) !important;\r\n }\r\n}\r\n\r\n/deep/ .el-popper[x-placement^=\"bottom\"] {\r\n margin-top: -146px !important;\r\n}\r\n\r\n/**\r\n表格有滚动效果但是不显示滚动条\r\n*/\r\n</style>\r\n<style lang=\"less\">\r\n.el-table .rowColor0 {\r\n background: red !important;\r\n animation: fade 2000ms infinite ease-in-out;\r\n}\r\n\r\n@keyframes fade {\r\n from {\r\n opacity: 1;\r\n }\r\n\r\n 50% {\r\n opacity: 0.6;\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n }\r\n}\r\n\r\n// .el-pager li:hover{\r\n// color:black\r\n// }\r\n.cartitle {\r\n height: 52px;\r\n width: 100%;\r\n // background: url(\"../assets/images/carTitle.png\") no-repeat;\r\n font-size: 24px;\r\n font-weight: 600;\r\n color: #ffffff;\r\n line-height: 52px;\r\n // text-align: left;\r\n text-indent: 26px;\r\n}\r\n.titleFont {\r\n color: transparent;\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n background-image: linear-gradient(\r\n to bottom,\r\n rgb(255, 255, 255),\r\n rgb(123, 247, 245)\r\n );\r\n img {\r\n margin: 20px;\r\n }\r\n}\r\n.content {\r\n padding: 24px 31px 0 31px;\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n\r\n .line {\r\n width: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n table {\r\n thead {\r\n font-size: 22px !important;\r\n height: 50px;\r\n background: url(\"../assets/02/bgbth.png\") no-repeat;\r\n }\r\n tbody {\r\n tr {\r\n height: 50px;\r\n font-size: 18px !important;\r\n color: #fff;\r\n background: url(\"../assets/02/bgqth.png\") no-repeat;\r\n }\r\n }\r\n }\r\n\r\n .total {\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-around;\r\n margin-bottom: 15%;\r\n\r\n .num {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: center;\r\n align-items: center;\r\n color: #ffffff;\r\n\r\n .numText {\r\n color: #ffffff;\r\n }\r\n\r\n .numText:before {\r\n content: attr(text);\r\n position: absolute;\r\n z-index: 10;\r\n color: rgb(86, 254, 246) !important;\r\n -webkit-mask: linear-gradient(to top, rgb(86, 244, 254), transparent);\r\n }\r\n }\r\n }\r\n\r\n .info {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n\r\n .lists {\r\n width: 100%;\r\n height: 32px;\r\n background: url(\"../assets/images/cardSquare.png\") no-repeat;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n align-items: center;\r\n background-size: 100% 100%;\r\n margin-bottom: 9%;\r\n padding: 0 10px 0 0;\r\n box-sizing: border-box;\r\n\r\n & > div {\r\n font-size: 18px;\r\n color: #ffffff;\r\n }\r\n\r\n .number {\r\n color: rgb(86, 254, 226);\r\n }\r\n }\r\n }\r\n }\r\n}\r\n.two {\r\n background: url(\"../assets/indexN/boxLr.png\") no-repeat;\r\n background-size: 100% 100%;\r\n position: relative;\r\n}\r\n.one {\r\n background: url(\"../assets/02/bgk.png\") no-repeat;\r\n background-size: 100% 100%;\r\n position: relative;\r\n\r\n .unityBtn {\r\n position: absolute;\r\n top: 40px;\r\n left: 30%;\r\n width: 40%;\r\n display: flex;\r\n justify-content: space-between;\r\n\r\n .btn {\r\n width: 100%;\r\n height: 38px;\r\n color: #fff;\r\n font-size: 18px;\r\n line-height: 38px;\r\n background: url(\"../assets/images/btnAct.png\") no-repeat;\r\n background-size: 100% 100%;\r\n margin-bottom: 10px;\r\n margin-right: 15px;\r\n }\r\n\r\n .btnAct {\r\n color: rgb(244, 201, 7);\r\n background: url(\"../assets/images/unityBtn.png\") no-repeat;\r\n background-size: 100% 100%;\r\n margin-right: 15px;\r\n }\r\n }\r\n\r\n .unityIcon {\r\n background: url(\"../assets/images/iconCard.png\") no-repeat;\r\n background-size: 100% 100%;\r\n width: 110px;\r\n height: 168px;\r\n position: absolute;\r\n right: 40px;\r\n bottom: 80px;\r\n display: flex;\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n flex-direction: column;\r\n justify-content: space-around;\r\n align-items: center;\r\n\r\n .unityIconGround {\r\n width: 80%;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n }\r\n\r\n .unityEnlargeBtn {\r\n width: 100px;\r\n display: flex;\r\n justify-content: space-around;\r\n position: absolute;\r\n right: 40px;\r\n top: 40px;\r\n\r\n .content {\r\n width: 38px;\r\n height: 36px;\r\n background: url(\"../assets/images/btnkuang.png\") no-repeat !important;\r\n background-size: 100% 100% !important;\r\n }\r\n }\r\n\r\n .unitySelect {\r\n position: absolute;\r\n left: 40px;\r\n width: 222px;\r\n height: 5%;\r\n bottom: 20px;\r\n display: flex;\r\n align-items: center;\r\n\r\n .unitySuosou {\r\n width: 57px;\r\n height: 53px;\r\n background: url(\"../assets/images/sousuoKuang.png\") no-repeat;\r\n background-size: 100% 100%;\r\n }\r\n }\r\n}\r\n</style>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/c90a5faf814e8f4f6e9638eb4117a615.json b/node_modules/.cache/vue-loader/c90a5faf814e8f4f6e9638eb4117a615.json
index 26ff64d9..6d51ed05 100644
--- a/node_modules/.cache/vue-loader/c90a5faf814e8f4f6e9638eb4117a615.json
+++ b/node_modules/.cache/vue-loader/c90a5faf814e8f4f6e9638eb4117a615.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\App.vue?vue&type=template&id=7ba5bd90&scoped=true&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\App.vue","mtime":1689921115690},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1655712169000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["\n<div id=\"app\">\n <div class=\"top\">\n <div class=\"left\">\n <div class=\"time\">\n {{this.$moment().format(\"YYYY.MM.DD\")}} {{nowDate}} | {{week}}\n </div>\n \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=\"weather\">\n <div class=\"pic\">\n <img src=\"./assets/images/union.png\" alt=\"\" style=\"height: 100%; width: 100%\" />\n </div>\n <span>阴转多云</span>|\n <span style=\"font-size: 24px; color:#0B4A6B\">25℃~30℃</span>|\n <span style=\"font-size: 24px; margin-top: 3px\">东风3~4级</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
+{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\App.vue?vue&type=template&id=7ba5bd90&scoped=true&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\App.vue","mtime":1689927995523},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1655712169000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["\n<div id=\"app\">\n <div class=\"top\">\n <div class=\"left\">\n <div class=\"time\">\n {{this.$moment().format(\"YYYY.MM.DD\")}} {{nowDate}} | {{week}}\n </div>\n \n </div>\n <div class=\"middle\">\n <div class=\"box\">\n \n <img :src=\"middleImg\" alt=\"\" ref=\"switchBtn\" /> \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=\"weather\">\n <div v-if=\"backShow\" @click=\"backBtn\">\n <img src=\"./assets/indexN/back.png\" alt=\"\" style=\"height: 100%; width: 100%\" /> \n </div>\n <div class=\"pic\">\n <img src=\"./assets/images/union.png\" alt=\"\" style=\"height: 100%; width: 100%\" />\n </div>\n <span>阴转多云</span>|\n <span style=\"font-size: 24px; color:#0B4A6B\">25℃~30℃</span>|\n <span style=\"font-size: 24px; margin-top: 3px\">东风3~4级</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></router-view>\n </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/cab4fc3f911d4f94414615975e208fbe.json b/node_modules/.cache/vue-loader/cab4fc3f911d4f94414615975e208fbe.json
index c1e5bc85..07f4751f 100644
--- a/node_modules/.cache/vue-loader/cab4fc3f911d4f94414615975e208fbe.json
+++ b/node_modules/.cache/vue-loader/cab4fc3f911d4f94414615975e208fbe.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\stationBuilding.vue?vue&type=style&index=1&id=878d5e44&lang=less&scoped=true&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\stationBuilding.vue","mtime":1689927415772},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1655715156000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\less-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["\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":";AAqyCA;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/btjt.png\" alt=\"\" />\r\n <span>光伏台账</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <table>\r\n <thead style=\"color: #fff; font-size: 30px\">\r\n <tr>\r\n <td>序号</td>\r\n <td>单位名称</td>\r\n <td>台区编号</td>\r\n <td>发电客户编号</td>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <tr v-for=\"(item, index) in pvTable\" :key=\"index\">\r\n <td>{{ item.id }}</td>\r\n <td>{{ item.name }}</td>\r\n <td>{{ item.stationNumber }}</td>\r\n <td class=\"titleFont\">{{ item.alternatorNumber }}</td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"left1\" id=\"left\">\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>上网功率</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div id=\"detailedTwo1\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>配变负载率TOP5</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div id=\"detailedTwo2\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"middle\" id=\"middle\">\r\n <div class=\"map\" style=\"height: 100%\">\r\n <canvas\r\n id=\"myCanvas\"\r\n width=\"1000\"\r\n height=\"600\"\r\n style=\"position: absolute\"\r\n ></canvas>\r\n\r\n <img src=\"../assets/indexN/dfsxz.png\" alt=\"\" />\r\n <div class=\"imgboxone\">\r\n <div class=\"contents\">\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span>户数高渗透率</span>\r\n <h5 class=\"yellow\">3.40%</h5>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span>容量渗透率</span>\r\n <h5 class=\"orange\">0.01%</h5>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span>能量渗透率</span>\r\n <h5 class=\"yellow\">0.44%</h5>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"imgboxtwo\">\r\n <ul class=\"contentUl\">\r\n <li>\r\n <h5>发电客户数</h5>\r\n <br />\r\n <span style=\"color: yellow\">4721</span>\r\n </li>\r\n <li>\r\n <h5>变电站数量</h5>\r\n <br />\r\n <span style=\"color: orange\">90</span>\r\n </li>\r\n <li>\r\n <h5>台区总数</h5>\r\n <br />\r\n <span style=\"color: yellow\">17416</span>\r\n </li>\r\n <li>\r\n <h5>当前负载率</h5>\r\n <br />\r\n <span style=\"color: orange\">40.19%</span>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"right\" id=\"right\">\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>分布式光伏电量</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div class=\"eqselect\">\r\n <span>地区:</span>\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n <span>用户:</span>\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n <span>范围:</span>\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n <span>日期:</span>\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n </div>\r\n <div id=\"detailqe\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>能量/容量</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div class=\"enselect\">\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n <span class=\"text\">能量</span>\r\n </div>\r\n <div id=\"detailen\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"right1\" id=\"right\">\r\n <div class=\"one\" style=\"height: 100%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>渗透率统计</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <table>\r\n <thead style=\"color: #fff; font-size: 30px\">\r\n <tr>\r\n <td>序号</td>\r\n <td>供电公司</td>\r\n <td>线路名称</td>\r\n <td>光伏全年电量KWF</td>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <tr v-for=\"(item, index) in pvTable\" :key=\"index\">\r\n <td>{{ item.id }}</td>\r\n <td>{{ item.name }}</td>\r\n <td>{{ item.stationNumber }}</td>\r\n <td class=\"titleFont\">{{ item.alternatorNumber }}</td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <audio\r\n controls=\"controls\"\r\n hidden\r\n src=\"../assets/videos/police.wav\"\r\n ref=\"audio\"\r\n ></audio>\r\n </div>\r\n</template>\r\n\r\n<script>\r\n//引入echarts\r\nimport * as echarts from \"echarts\";\r\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: \"stationRuilding\",\r\n components: {\r\n ringMainUnit, //环网柜弹窗\r\n workOrder, //工单统计弹窗\r\n routeDetail, //线路故障跳闸明细\r\n lineDetail, //线路详情弹窗\r\n },\r\n data() {\r\n return {\r\n pageShow: true,\r\n totals: 5,\r\n pageSize: 10,\r\n page: 1,\r\n threeImg: require(\"../assets/images/pieBorder.png\"),\r\n enlargeShow: true,\r\n dateList: [\"周\", \"月\"],\r\n acolor: true, //是否展示颜色\r\n currentIndex: -1,\r\n alarmInformationData: [],\r\n alarmInformationShow: false, //报警详情信息弹窗\r\n realTimeAlarmShow: false, //实时报警弹窗\r\n modelOthers: false,\r\n componentShow: \"\",\r\n CompanyInfo: {},\r\n tableData: [],\r\n btnArr: [\"总览\", \"环网柜\", \"分支箱\", \"箱变\", \"开闭所\"],\r\n btnActive: 0,\r\n iconGround: [\r\n {\r\n icon: require(\"@/assets/images/huanwanggui.png\"),\r\n name: \"环网柜\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/fenzhixiang.png\"),\r\n name: \"分支箱\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/xiangbian.png\"),\r\n name: \"箱变\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/kaibisuo.png\"),\r\n name: \"开闭所\",\r\n },\r\n ],\r\n btnEnlarge: [\r\n {\r\n icon: require(\"@/assets/images/btnTiShi.png\"),\r\n },\r\n {\r\n icon: require(\"@/assets/images/btnFangDa.png\"),\r\n },\r\n ],\r\n btnEnlarge1: [\r\n {\r\n icon: require(\"@/assets/images/btnTiShi.png\"),\r\n },\r\n {\r\n icon: require(\"@/assets/images/suoxiao.png\"),\r\n },\r\n ],\r\n options: [\r\n {\r\n value: \"\",\r\n label: \"\",\r\n },\r\n ],\r\n value: \"\",\r\n topContent: [\r\n {\r\n name: \"配变数量\",\r\n count: \"\",\r\n },\r\n {\r\n name: \"重复停运台次\",\r\n count: \"\",\r\n },\r\n {\r\n name: \"配变重复停运率\",\r\n count: \"\",\r\n },\r\n ],\r\n device: \"\",\r\n tableData: [],\r\n tableKey: +new Date(),\r\n scrollTop: 0, //table距离顶部距离\r\n option: null,\r\n myChartBin: null,\r\n // 工单\r\n orderItem: null,\r\n orderShow: \"\",\r\n // 线路故障明细\r\n routeItem: null,\r\n routeShow: \"\",\r\n // 配电线路\r\n lineItem: null,\r\n lineShow: \"\",\r\n timer: null, //定时器\r\n emergencyList: [], //告警数据\r\n rowTime: \"\",\r\n pvTable: [\r\n {\r\n id: 1,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-1\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 2,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-2\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 3,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-3\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 4,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-4\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 5,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-5\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 6,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-6\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 7,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-7\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 8,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-8\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 9,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-9\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 10,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-10\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 11,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-11\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 12,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-12\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n ],\r\n psTable: [\r\n {\r\n id: 1,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 2,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 3,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 4,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 5,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 6,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 7,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 8,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 9,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 10,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 11,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 12,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n ],\r\n };\r\n },\r\n created() {},\r\n mounted() {\r\n this.detailedTwo11();\r\n this.detailedTwo22();\r\n this.detailqe1();\r\n this.detailen1();\r\n this.xianDuan();\r\n },\r\n methods: {\r\n //地图画线\r\n xianDuan() {\r\n var canvas = document.getElementById(\"myCanvas\");\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.moveTo(500, 500); // moveTo(x,y) 定义线条开始坐标\r\n ctx.lineTo(700, 150); // lineTo(x,y) 定义线条结束坐标\r\n ctx.moveTo(400, 500); // moveTo(x,y) 定义线条开始坐标\r\n ctx.lineTo(160, 600); // lineTo(x,y) 定义线条结束坐标\r\n ctx.strokeStyle = \"orange\";\r\n ctx.lineWidth = 5;\r\n ctx.stroke();\r\n },\r\n detailedTwo11() {\r\n var fontColor = \"#fff\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo1\"));\r\n var option = {\r\n grid: {\r\n left: \"5%\",\r\n right: \"10%\",\r\n top: \"20%\",\r\n bottom: \"15%\",\r\n containLabel: true,\r\n },\r\n tooltip: {\r\n show: true,\r\n trigger: \"item\",\r\n },\r\n legend: {\r\n show: true,\r\n x: \"center\",\r\n y: \"35\",\r\n icon: \"stack\",\r\n itemWidth: 10,\r\n itemHeight: 10,\r\n textStyle: {\r\n color: \"#1bb4f6\",\r\n },\r\n data: [\"已采纳\", \"已发布\", \"浏览量\"],\r\n },\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: fontColor,\r\n },\r\n axisLine: {\r\n show: true,\r\n lineStyle: {\r\n color: \"#397cbc\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#195384\",\r\n },\r\n },\r\n data: [\r\n \"0:00\",\r\n \"3:00\",\r\n \"6:00\",\r\n \"9:00\",\r\n \"12:00\",\r\n \"15:00\",\r\n \"18:00\",\r\n \"21:00\",\r\n \"24:00\",\r\n ],\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"信息量\",\r\n min: 0,\r\n max: 1000,\r\n show: false,\r\n axisLabel: {\r\n formatter: \"{value}\",\r\n textStyle: {\r\n color: \"#2ad1d2\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#27b4c2\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n // name: \"已发布\",\r\n type: \"line\",\r\n stack: \"总量\",\r\n symbol: \"none\",\r\n symbolSize: 8,\r\n itemStyle: {\r\n normal: {\r\n color: \"yellow\",\r\n lineStyle: {\r\n color: \"yellow\",\r\n width: 3,\r\n type: \"solid\",\r\n },\r\n },\r\n },\r\n data: [10, 12, 801, 844, 790, 830, 610, 501, 654, 490, 530, 310],\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedTwo22() {\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo2\"));\r\n var honorData = [\r\n {\r\n name: \"用电量（单位：亿）\",\r\n data: [13.4, 14.1, 17.3, 18.6, 16.6],\r\n },\r\n {\r\n name: \"碳排放量（单位：万）\",\r\n data: [9.4, 8.1, 7.3, 8.6, 6.6],\r\n },\r\n ];\r\n var honorXAxisData = [\"No.5\", \"No.4\", \"No.3\", \"No.2\", \"No.1\"];\r\n var nameList = [\r\n \"自然19#\",\r\n \"民权5#变\",\r\n \"民权5#变\",\r\n \"光顺09号\",\r\n \"PMS_碧桂园10#配变\",\r\n ];\r\n var option = {\r\n color: [\"#0F9AF8\", \"#2039C3\", \"rgba(32,57,195,.5)\", \"#2ECACE\"],\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"none\",\r\n },\r\n },\r\n legend: {\r\n right: 5,\r\n top: \"5%\",\r\n itemWidth: 10,\r\n itemHeight: 10,\r\n itemGap: 15,\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n grid: {\r\n top: \"15%\",\r\n left: \"14%\",\r\n right: \"0%\",\r\n bottom: \"0%\",\r\n },\r\n xAxis: [\r\n {\r\n type: \"value\",\r\n show: false,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: \"#6B9DD7\",\r\n fontSize: 16, // 文字大小\r\n fontWeight: 400,\r\n interval: 0,\r\n formatter: function (value) {\r\n return value + \"(万元)\";\r\n },\r\n },\r\n splitLine: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"category\",\r\n offset: 17,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: \"#fff\",\r\n fontSize: 20, // 文字大小\r\n fontWeight: 700,\r\n interval: 0,\r\n },\r\n\r\n data: honorXAxisData,\r\n },\r\n {\r\n //名称\r\n type: \"category\",\r\n offset: -10,\r\n position: \"left\",\r\n axisLine: {\r\n show: false,\r\n },\r\n inverse: true,\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n color: \"#fff\",\r\n align: \"left\",\r\n verticalAlign: \"bottom\",\r\n lineHeight: 40,\r\n fontSize: 20,\r\n },\r\n data: nameList,\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"60天内掉电客户数\",\r\n type: \"bar\",\r\n stack: \"zongliang\",\r\n barWidth: \"25%\",\r\n barGap: 15, // 柱图之间的间距\r\n itemStyle: {\r\n //自定义颜色\r\n // normal: { color: \"orange\" },\r\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"rgba(255,165,0,.4)\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"rgb(255,165,0)\",\r\n },\r\n ]),\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: [\"80%\", \"-100%\"],\r\n formatter: function (params) {\r\n return params.value;\r\n },\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n\r\n data: honorData[0].data,\r\n },\r\n {\r\n name: \"60天内掉电总数\",\r\n type: \"bar\",\r\n stack: \"zongliang\",\r\n barWidth: \"25%\",\r\n itemStyle: {\r\n //自定义颜色\r\n // normal: { color: \"orange\" },\r\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"#005BEA\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"#00C6FB\",\r\n },\r\n ]),\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: [\"80%\", \"-100%\"],\r\n formatter: function (params) {\r\n return params.value;\r\n },\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n data: honorData[1].data,\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailqe1() {\r\n var fontColor = \"#fff\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailqe\"));\r\n var option = {\r\n xAxis: {\r\n type: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: fontColor,\r\n },\r\n axisLine: {\r\n show: true,\r\n lineStyle: {\r\n color: \"#397cbc\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#195384\",\r\n },\r\n },\r\n data: [\r\n \"0:00\",\r\n \"3:00\",\r\n \"6:00\",\r\n \"9:00\",\r\n \"12:00\",\r\n \"15:00\",\r\n \"18:00\",\r\n \"21:00\",\r\n \"24:00\",\r\n ],\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"单位：kw\",\r\n min: 0,\r\n max: 1000,\r\n show: true,\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n axisLabel: {\r\n formatter: \"{value}\",\r\n textStyle: {\r\n color: \"#2ad1d2\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#27b4c2\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n data: [720, 632, 801, 734, 470, 670, 720, 123, 567],\r\n type: \"line\",\r\n symbol: \"none\",\r\n lineStyle: {\r\n color: \"#00ffff\",\r\n width: 2,\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: \"00ffff\",\r\n lineStyle: {\r\n color: \"00ffff\",\r\n width: 3,\r\n type: \"solid\",\r\n },\r\n },\r\n },\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailen1() {\r\n var fontColor = \"#30eee9\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailen\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n },\r\n\r\n data: [\"关联电网事故\", \"关联检修单\"],\r\n },\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n data: [\r\n \"10kv北红线124\",\r\n \"10kv北红线125\",\r\n \"10kv北红线126\",\r\n \"10kv北红线127\",\r\n \"10kv北红线128\",\r\n ],\r\n axisLabel: {\r\n show: true,\r\n textStyle: {\r\n color: \"#ffffff\",\r\n },\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"\",\r\n axisLabel: {\r\n textStyle: {\r\n color: \"#ffffff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"关联电网事故\",\r\n type: \"bar\",\r\n itemStyle: {\r\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n { offset: 1, color: \"rgba(86,254,226,.2) \" },\r\n { offset: 0.5, color: \"rgb(86,254,226,.6)\" },\r\n { offset: 0, color: \"rgb(86,254,226)\" },\r\n ]),\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n emphasis: {\r\n focus: \"series\",\r\n },\r\n data: [320, 332, 301, 334, 390],\r\n },\r\n {\r\n name: \"关联检修单\",\r\n type: \"bar\",\r\n itemStyle: {\r\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n { offset: 1, color: \"rgba(237,125,49,.2) \" },\r\n { offset: 0.5, color: \"rgb(237,125,49,.6)\" },\r\n { offset: 0, color: \"rgb(237,125,49)\" },\r\n ]),\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n emphasis: {\r\n focus: \"series\",\r\n },\r\n data: [220, 182, 191, 234, 290],\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n },\r\n watch: {},\r\n};\r\n</script>\r\n<style lang=\"less\" scoped>\r\n.content {\r\n /deep/ .el-table__body td .cell {\r\n white-space: normal !important;\r\n }\r\n}\r\n\r\n.two {\r\n /deep/ .el-table__body-wrapper {\r\n height: 195px !important;\r\n }\r\n .enselect {\r\n position: absolute;\r\n right: 30px;\r\n img {\r\n float: right;\r\n }\r\n .text {\r\n float: right;\r\n // right: -10px;\r\n margin-right: -60px;\r\n font-size: 20px;\r\n\r\n color: #fff;\r\n }\r\n }\r\n}\r\n\r\n// 滚动条的宽度\r\n/deep/ .el-table__body-wrapper::-webkit-scrollbar {\r\n width: 6px; // 横向滚动条\r\n height: 6px; // 纵向滚动条 必写\r\n // display: block !important;\r\n}\r\n\r\n// 滚动条的滑块\r\n/deep/ .el-table__body-wrapper::-webkit-scrollbar-thumb {\r\n background-color: rgba(35, 160, 247, 1);\r\n border-radius: 3px;\r\n}\r\n\r\n/deep/ .el-table--scrollable-x .el-table__body-wrapper {\r\n overflow-x: hidden;\r\n}\r\n\r\n.user_skills {\r\n /deep/ .el-table {\r\n background-color: transparent !important;\r\n }\r\n\r\n /deep/ .el-table th {\r\n background-color: transparent !important;\r\n }\r\n\r\n /deep/ .el-table__header {\r\n width: 100% !important;\r\n height: 70px;\r\n background: url(\"../assets/images/tableBg.png\") no-repeat;\r\n background-size: 100% 100%;\r\n\r\n .cell {\r\n text-align: center !important;\r\n justify-content: center;\r\n }\r\n }\r\n\r\n /deep/ .el-table__header th {\r\n border: none;\r\n padding: 0;\r\n height: 48px;\r\n\r\n .cell {\r\n height: 100%;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n &.el-table__cell.is-leaf {\r\n border: none !important;\r\n }\r\n }\r\n\r\n /deep/ .el-table tr {\r\n background-color: transparent;\r\n }\r\n\r\n /deep/ .el-table--enable-row-transition .el-table__body td,\r\n .el-table .cell {\r\n background-color: transparent !important;\r\n border: none;\r\n color: #ffffff;\r\n }\r\n\r\n /deep/ .el-table__body td .cell {\r\n white-space: nowrap;\r\n // word-break: break-all;\r\n display: flex !important;\r\n justify-content: center !important;\r\n }\r\n\r\n /deep/ .el-table th.el-table__cell > .cell {\r\n color: rgb(86, 254, 226);\r\n }\r\n\r\n /deep/.el-table__body,\r\n .el-table__footer,\r\n .el-table__header {\r\n width: 100% !important;\r\n }\r\n\r\n /deep/ .el-table__body td .cell {\r\n // width: 60px !important;\r\n }\r\n\r\n // &::before {\r\n // //去除底部白线\r\n // left: 0;\r\n // bottom: 0;\r\n // width: 100%;\r\n // height: 0px;\r\n // }\r\n .el-table::before {\r\n background-color: transparent;\r\n }\r\n}\r\n\r\n.home {\r\n width: 100%;\r\n height: 100%;\r\n padding: 15px 28px;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n box-sizing: border-box;\r\n\r\n .left {\r\n padding-right: 15px;\r\n // width: 604px;\r\n width: 17.18%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n }\r\n\r\n .left1 {\r\n // width: 604px;\r\n // padding: 0 10px;\r\n width: 17.18%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n #detailedTwo1 {\r\n width: 100%;\r\n height: 400px;\r\n }\r\n #detailedTwo2 {\r\n width: 100%;\r\n height: 350px;\r\n }\r\n }\r\n\r\n .middle {\r\n // width: 1590px;\r\n width: 32.7%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n .imgboxone {\r\n background: url(\"../assets/02/dttksgsj.png\") no-repeat;\r\n background-size: 100%;\r\n float: right;\r\n width: 40vh;\r\n height: 10vh;\r\n position: relative;\r\n top: 5vh;\r\n right: 1vh;\r\n .contents {\r\n height: 90%;\r\n padding: 10px 10px 10px 10px;\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n\r\n .lines {\r\n width: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n background: url(\"../assets/02/tkxkz.png\") no-repeat;\r\n }\r\n\r\n .total {\r\n .num {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: center;\r\n align-items: center;\r\n color: #ffffff;\r\n h5 {\r\n font-size: 28px;\r\n }\r\n .yellow {\r\n color: yellow;\r\n }\r\n .orange {\r\n color: orange;\r\n }\r\n span {\r\n float: left;\r\n font-size: 18px;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n .imgboxtwo {\r\n padding: 0 0 0 20px;\r\n background: url(\"../assets/02/map4.png\") no-repeat;\r\n background-size: 100%;\r\n float: left;\r\n width: 40vh;\r\n height: 25vh;\r\n position: relative;\r\n top: 52vh;\r\n left: 30vh;\r\n display: flex;\r\n .contentUl {\r\n display: flex;\r\n margin: 0;\r\n padding: 10px;\r\n width: 100%;\r\n /* flex布局 */\r\n display: flex;\r\n // 开启换行\r\n flex-wrap: wrap;\r\n // 主轴上两端对齐\r\n justify-content: space-between;\r\n // 副轴上两端对齐\r\n align-content: space-between;\r\n //li盒子大小设置\r\n li {\r\n h5 {\r\n float: left;\r\n }\r\n span {\r\n font-size: 30px;\r\n }\r\n width: 49.5%;\r\n //高度调整\r\n height: 50%;\r\n list-style: none;\r\n font-size: 24px;\r\n color: #fff;\r\n background: url(\"../assets/02/tkxkz.png\") no-repeat;\r\n background-size: 100%;\r\n }\r\n }\r\n }\r\n\r\n .map {\r\n background: url(\"../assets/indexN/map.png\") no-repeat;\r\n vertical-align: middle;\r\n display: table-cell;\r\n text-align: center;\r\n margin-left: -20%;\r\n img {\r\n position: relative;\r\n left: 20%;\r\n top: 35%;\r\n }\r\n }\r\n }\r\n\r\n .right {\r\n // width: 604px;\r\n width: 16.8%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n #detailqe {\r\n width: 100%;\r\n height: 350px;\r\n }\r\n #detailen {\r\n width: 100%;\r\n height: 400px;\r\n }\r\n .eqselect {\r\n span {\r\n font-size: 20px;\r\n color: #f8f8f8;\r\n }\r\n img {\r\n margin-right: 7px;\r\n }\r\n }\r\n }\r\n\r\n .right1 {\r\n // width: 604px;\r\n width: 17.18%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n }\r\n}\r\n\r\n// }\r\n</style>\r\n<style lang=\"less\" scoped>\r\n// .el-popper {\r\n// top: 50%;\r\n// }\r\n\r\n/deep/ .popper__arrow {\r\n left: 171px !important;\r\n top: 95px !important;\r\n}\r\n\r\n/deep/ .el-select-dropdown {\r\n background-color: rgb(14, 30, 46) !important;\r\n border: 1px solid rgba(45, 143, 148, 0.5) !important;\r\n\r\n /deep/ .el-select-dropdown__item {\r\n color: #fff !important;\r\n }\r\n\r\n /deep/ .el-select-dropdown__item.hover,\r\n /deep/ .el-select-dropdown__item:hover {\r\n background-color: rgb(18, 54, 87) !important;\r\n }\r\n}\r\n\r\n/deep/ .el-popper[x-placement^=\"bottom\"] {\r\n margin-top: -146px !important;\r\n}\r\n\r\n/**\r\n表格有滚动效果但是不显示滚动条\r\n*/\r\n</style>\r\n<style lang=\"less\">\r\n.el-table .rowColor0 {\r\n background: red !important;\r\n animation: fade 2000ms infinite ease-in-out;\r\n}\r\n\r\n@keyframes fade {\r\n from {\r\n opacity: 1;\r\n }\r\n\r\n 50% {\r\n opacity: 0.6;\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n }\r\n}\r\n\r\n// .el-pager li:hover{\r\n// color:black\r\n// }\r\n.cartitle {\r\n height: 52px;\r\n width: 100%;\r\n // background: url(\"../assets/images/carTitle.png\") no-repeat;\r\n font-size: 24px;\r\n font-weight: 600;\r\n color: #ffffff;\r\n line-height: 52px;\r\n // text-align: left;\r\n text-indent: 26px;\r\n}\r\n.titleFont {\r\n color: transparent;\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n background-image: linear-gradient(\r\n to bottom,\r\n rgb(255, 255, 255),\r\n rgb(123, 247, 245)\r\n );\r\n img {\r\n margin: 20px;\r\n }\r\n}\r\n.content {\r\n padding: 24px 31px 0 31px;\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n\r\n .line {\r\n width: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n table {\r\n thead {\r\n font-size: 22px !important;\r\n height: 50px;\r\n background: url(\"../assets/02/bgbth.png\") no-repeat;\r\n }\r\n tbody {\r\n tr {\r\n height: 50px;\r\n font-size: 18px !important;\r\n color: #fff;\r\n background: url(\"../assets/02/bgqth.png\") no-repeat;\r\n }\r\n }\r\n }\r\n\r\n .total {\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-around;\r\n margin-bottom: 15%;\r\n\r\n .num {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: center;\r\n align-items: center;\r\n color: #ffffff;\r\n\r\n .numText {\r\n color: #ffffff;\r\n }\r\n\r\n .numText:before {\r\n content: attr(text);\r\n position: absolute;\r\n z-index: 10;\r\n color: rgb(86, 254, 246) !important;\r\n -webkit-mask: linear-gradient(to top, rgb(86, 244, 254), transparent);\r\n }\r\n }\r\n }\r\n\r\n .info {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n\r\n .lists {\r\n width: 100%;\r\n height: 32px;\r\n background: url(\"../assets/images/cardSquare.png\") no-repeat;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n align-items: center;\r\n background-size: 100% 100%;\r\n margin-bottom: 9%;\r\n padding: 0 10px 0 0;\r\n box-sizing: border-box;\r\n\r\n & > div {\r\n font-size: 18px;\r\n color: #ffffff;\r\n }\r\n\r\n .number {\r\n color: rgb(86, 254, 226);\r\n }\r\n }\r\n }\r\n }\r\n}\r\n.two {\r\n background: url(\"../assets/indexN/boxLr.png\") no-repeat;\r\n background-size: 100% 100%;\r\n position: relative;\r\n}\r\n.one {\r\n background: url(\"../assets/02/bgk.png\") no-repeat;\r\n background-size: 100% 100%;\r\n position: relative;\r\n\r\n .unityBtn {\r\n position: absolute;\r\n top: 40px;\r\n left: 30%;\r\n width: 40%;\r\n display: flex;\r\n justify-content: space-between;\r\n\r\n .btn {\r\n width: 100%;\r\n height: 38px;\r\n color: #fff;\r\n font-size: 18px;\r\n line-height: 38px;\r\n background: url(\"../assets/images/btnAct.png\") no-repeat;\r\n background-size: 100% 100%;\r\n margin-bottom: 10px;\r\n margin-right: 15px;\r\n }\r\n\r\n .btnAct {\r\n color: rgb(244, 201, 7);\r\n background: url(\"../assets/images/unityBtn.png\") no-repeat;\r\n background-size: 100% 100%;\r\n margin-right: 15px;\r\n }\r\n }\r\n\r\n .unityIcon {\r\n background: url(\"../assets/images/iconCard.png\") no-repeat;\r\n background-size: 100% 100%;\r\n width: 110px;\r\n height: 168px;\r\n position: absolute;\r\n right: 40px;\r\n bottom: 80px;\r\n display: flex;\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n flex-direction: column;\r\n justify-content: space-around;\r\n align-items: center;\r\n\r\n .unityIconGround {\r\n width: 80%;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n }\r\n\r\n .unityEnlargeBtn {\r\n width: 100px;\r\n display: flex;\r\n justify-content: space-around;\r\n position: absolute;\r\n right: 40px;\r\n top: 40px;\r\n\r\n .content {\r\n width: 38px;\r\n height: 36px;\r\n background: url(\"../assets/images/btnkuang.png\") no-repeat !important;\r\n background-size: 100% 100% !important;\r\n }\r\n }\r\n\r\n .unitySelect {\r\n position: absolute;\r\n left: 40px;\r\n width: 222px;\r\n height: 5%;\r\n bottom: 20px;\r\n display: flex;\r\n align-items: center;\r\n\r\n .unitySuosou {\r\n width: 57px;\r\n height: 53px;\r\n background: url(\"../assets/images/sousuoKuang.png\") no-repeat;\r\n background-size: 100% 100%;\r\n }\r\n }\r\n}\r\n</style>\r\n"]}]}
\ No newline at end of file
+{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\stationBuilding.vue?vue&type=style&index=1&id=878d5e44&lang=less&scoped=true&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\stationBuilding.vue","mtime":1690161674337},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1655715156000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\less-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["\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":";AAmzCA;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/btjt.png\" alt=\"\" />\r\n <span>光伏台账</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <table>\r\n <thead style=\"color: #fff; font-size: 30px\">\r\n <tr>\r\n <td>序号</td>\r\n <td>单位名称</td>\r\n <td>台区编号</td>\r\n <td>发电客户编号</td>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <tr v-for=\"(item, index) in pvTable\" :key=\"index\">\r\n <td>{{ item.id }}</td>\r\n <td>{{ item.name }}</td>\r\n <td>{{ item.stationNumber }}</td>\r\n <td class=\"titleFont\">{{ item.alternatorNumber }}</td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"left1\" id=\"left\">\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>上网功率</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div id=\"detailedTwo1\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>配变负载率TOP5</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div id=\"detailedTwo2\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"middle\" id=\"middle\">\r\n <div class=\"map\" style=\"height: 100%\">\r\n <canvas\r\n id=\"myCanvas\"\r\n width=\"1000\"\r\n height=\"600\"\r\n style=\"position: absolute\"\r\n ></canvas>\r\n\r\n <img src=\"../assets/indexN/dfsxz.png\" alt=\"\" />\r\n <div class=\"imgboxone\">\r\n <div class=\"contents\">\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span>户数高渗透率</span>\r\n <h5 class=\"yellow\">3.40%</h5>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span>容量渗透率</span>\r\n <h5 class=\"orange\">0.01%</h5>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <span>能量渗透率</span>\r\n <h5 class=\"yellow\">0.44%</h5>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"imgboxtwo\">\r\n <ul class=\"contentUl\">\r\n <li>\r\n <h5>发电客户数</h5>\r\n <br />\r\n <span style=\"color: yellow\">4721</span>\r\n </li>\r\n <li>\r\n <h5>变电站数量</h5>\r\n <br />\r\n <span style=\"color: orange\">90</span>\r\n </li>\r\n <li>\r\n <h5>台区总数</h5>\r\n <br />\r\n <span style=\"color: yellow\">17416</span>\r\n </li>\r\n <li>\r\n <h5>当前负载率</h5>\r\n <br />\r\n <span style=\"color: orange\">40.19%</span>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"right\" id=\"right\">\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>分布式光伏电量</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div class=\"eqselect\">\r\n <span>地区:</span>\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n <span>用户:</span>\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n <span>范围:</span>\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n <span>日期:</span>\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n </div>\r\n <div id=\"detailqe\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>能量/容量</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div class=\"enselect\">\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n <span class=\"text\">能量</span>\r\n </div>\r\n <div id=\"detailen\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"right1\" id=\"right\">\r\n <div class=\"one\" style=\"height: 100%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>渗透率统计</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <table>\r\n <thead style=\"color: #fff; font-size: 30px\">\r\n <tr>\r\n <td>序号</td>\r\n <td>供电公司</td>\r\n <td>线路名称</td>\r\n <td>光伏全年电量KWF</td>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <tr v-for=\"(item, index) in pvTable\" :key=\"index\">\r\n <td>{{ item.id }}</td>\r\n <td>{{ item.name }}</td>\r\n <td>{{ item.stationNumber }}</td>\r\n <td class=\"titleFont\">{{ item.alternatorNumber }}</td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <audio\r\n controls=\"controls\"\r\n hidden\r\n src=\"../assets/videos/police.wav\"\r\n ref=\"audio\"\r\n ></audio>\r\n </div>\r\n</template>\r\n\r\n<script>\r\n//引入echarts\r\nimport * as echarts from \"echarts\";\r\nimport { loadRateTop5 } from \"../api/stationBuilding.js\";\r\n// 工单统计弹窗组件\r\n// import workOrder from \"../component/workOrder.vue\";\r\n// import ringMainUnit from \"./HomePop/ringMainUnit.vue\";\r\n// import routeDetail from \"../component/routeDetail.vue\";\r\n\r\n// 线路详情\r\nimport lineDetail from \"../component/lineDetail.vue\";\r\nexport default {\r\n name: \"stationRuilding\",\r\n components: {\r\n // ringMainUnit, //环网柜弹窗\r\n // workOrder, //工单统计弹窗\r\n // routeDetail, //线路故障跳闸明细\r\n lineDetail, //线路详情弹窗\r\n },\r\n data() {\r\n return {\r\n pageShow: true,\r\n totals: 5,\r\n pageSize: 10,\r\n page: 1,\r\n threeImg: require(\"../assets/images/pieBorder.png\"),\r\n enlargeShow: true,\r\n dateList: [\"周\", \"月\"],\r\n acolor: true, //是否展示颜色\r\n currentIndex: -1,\r\n alarmInformationData: [],\r\n alarmInformationShow: false, //报警详情信息弹窗\r\n realTimeAlarmShow: false, //实时报警弹窗\r\n modelOthers: false,\r\n componentShow: \"\",\r\n CompanyInfo: {},\r\n tableData: [],\r\n btnArr: [\"总览\", \"环网柜\", \"分支箱\", \"箱变\", \"开闭所\"],\r\n btnActive: 0,\r\n iconGround: [\r\n {\r\n icon: require(\"@/assets/images/huanwanggui.png\"),\r\n name: \"环网柜\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/fenzhixiang.png\"),\r\n name: \"分支箱\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/xiangbian.png\"),\r\n name: \"箱变\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/kaibisuo.png\"),\r\n name: \"开闭所\",\r\n },\r\n ],\r\n btnEnlarge: [\r\n {\r\n icon: require(\"@/assets/images/btnTiShi.png\"),\r\n },\r\n {\r\n icon: require(\"@/assets/images/btnFangDa.png\"),\r\n },\r\n ],\r\n btnEnlarge1: [\r\n {\r\n icon: require(\"@/assets/images/btnTiShi.png\"),\r\n },\r\n {\r\n icon: require(\"@/assets/images/suoxiao.png\"),\r\n },\r\n ],\r\n options: [\r\n {\r\n value: \"\",\r\n label: \"\",\r\n },\r\n ],\r\n value: \"\",\r\n topContent: [\r\n {\r\n name: \"配变数量\",\r\n count: \"\",\r\n },\r\n {\r\n name: \"重复停运台次\",\r\n count: \"\",\r\n },\r\n {\r\n name: \"配变重复停运率\",\r\n count: \"\",\r\n },\r\n ],\r\n device: \"\",\r\n tableData: [],\r\n tableKey: +new Date(),\r\n scrollTop: 0, //table距离顶部距离\r\n option: null,\r\n myChartBin: null,\r\n // 工单\r\n orderItem: null,\r\n orderShow: \"\",\r\n // 线路故障明细\r\n routeItem: null,\r\n routeShow: \"\",\r\n // 配电线路\r\n lineItem: null,\r\n lineShow: \"\",\r\n timer: null, //定时器\r\n emergencyList: [], //告警数据\r\n rowTime: \"\",\r\n pvTable: [\r\n {\r\n id: 1,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-1\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 2,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-2\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 3,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-3\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 4,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-4\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 5,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-5\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 6,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-6\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 7,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-7\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 8,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-8\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 9,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-9\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 10,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-10\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 11,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-11\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n {\r\n id: 12,\r\n name: \"南阳供电所\",\r\n stationNumber: \"7104965854-12\",\r\n alternatorNumber: \"7104965854\",\r\n },\r\n ],\r\n psTable: [\r\n {\r\n id: 1,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 2,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 3,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 4,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 5,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 6,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 7,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 8,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 9,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 10,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 11,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n {\r\n id: 12,\r\n name: \"南阳供电所\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"20089.24\",\r\n },\r\n ],\r\n };\r\n },\r\n created() {},\r\n mounted() {\r\n this.init();\r\n this.detailedTwo11();\r\n this.detailedTwo22();\r\n this.detailqe1();\r\n this.detailen1();\r\n this.xianDuan();\r\n window.parent.getLoc();\r\n },\r\n methods: {\r\n init() {\r\n loadRateTop5({\r\n area: \"大丰区\",\r\n date: \"2023-7-24\",\r\n }).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 xianDuan() {\r\n var canvas = document.getElementById(\"myCanvas\");\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.moveTo(500, 500); // moveTo(x,y) 定义线条开始坐标\r\n ctx.lineTo(700, 150); // lineTo(x,y) 定义线条结束坐标\r\n ctx.moveTo(400, 500); // moveTo(x,y) 定义线条开始坐标\r\n ctx.lineTo(160, 600); // lineTo(x,y) 定义线条结束坐标\r\n ctx.strokeStyle = \"orange\";\r\n ctx.lineWidth = 5;\r\n ctx.stroke();\r\n },\r\n detailedTwo11() {\r\n var fontColor = \"#fff\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo1\"));\r\n var option = {\r\n grid: {\r\n left: \"5%\",\r\n right: \"10%\",\r\n top: \"20%\",\r\n bottom: \"15%\",\r\n containLabel: true,\r\n },\r\n tooltip: {\r\n show: true,\r\n trigger: \"item\",\r\n },\r\n legend: {\r\n show: true,\r\n x: \"center\",\r\n y: \"35\",\r\n icon: \"stack\",\r\n itemWidth: 10,\r\n itemHeight: 10,\r\n textStyle: {\r\n color: \"#1bb4f6\",\r\n },\r\n data: [\"已采纳\", \"已发布\", \"浏览量\"],\r\n },\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: fontColor,\r\n },\r\n axisLine: {\r\n show: true,\r\n lineStyle: {\r\n color: \"#397cbc\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#195384\",\r\n },\r\n },\r\n data: [\r\n \"0:00\",\r\n \"3:00\",\r\n \"6:00\",\r\n \"9:00\",\r\n \"12:00\",\r\n \"15:00\",\r\n \"18:00\",\r\n \"21:00\",\r\n \"24:00\",\r\n ],\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"信息量\",\r\n min: 0,\r\n max: 1000,\r\n show: false,\r\n axisLabel: {\r\n formatter: \"{value}\",\r\n textStyle: {\r\n color: \"#2ad1d2\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#27b4c2\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n // name: \"已发布\",\r\n type: \"line\",\r\n stack: \"总量\",\r\n symbol: \"none\",\r\n symbolSize: 8,\r\n itemStyle: {\r\n normal: {\r\n color: \"yellow\",\r\n lineStyle: {\r\n color: \"yellow\",\r\n width: 3,\r\n type: \"solid\",\r\n },\r\n },\r\n },\r\n data: [10, 12, 801, 844, 790, 830, 610, 501, 654, 490, 530, 310],\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedTwo22() {\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo2\"));\r\n var honorData = [\r\n {\r\n name: \"用电量（单位：亿）\",\r\n data: [17.4, 14.1, 17.3, 18.6, 16.6],\r\n },\r\n {\r\n name: \"碳排放量（单位：万）\",\r\n data: [9.4, 8.1, 7.3, 8.6, 6.6],\r\n },\r\n ];\r\n var honorXAxisData = [\"No.5\", \"No.4\", \"No.3\", \"No.2\", \"No.1\"];\r\n var nameList = [\r\n \"自然19#\",\r\n \"民权5#变\",\r\n \"民权5#变\",\r\n \"光顺09号\",\r\n \"PMS_碧桂园10#配变\",\r\n ];\r\n var option = {\r\n color: [\"#0F9AF8\", \"#2039C3\", \"rgba(32,57,195,.5)\", \"#2ECACE\"],\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"none\",\r\n },\r\n },\r\n grid: {\r\n top: \"15%\",\r\n left: \"14%\",\r\n right: \"0%\",\r\n bottom: \"0%\",\r\n },\r\n xAxis: [\r\n {\r\n type: \"value\",\r\n show: false,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: \"#6B9DD7\",\r\n fontSize: 16, // 文字大小\r\n fontWeight: 400,\r\n interval: 0,\r\n formatter: function (value) {\r\n return value + \"(万元)\";\r\n },\r\n },\r\n splitLine: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"category\",\r\n offset: 17,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: \"#fff\",\r\n fontSize: 20, // 文字大小\r\n fontWeight: 700,\r\n interval: 0,\r\n },\r\n\r\n data: honorXAxisData,\r\n },\r\n {\r\n //名称\r\n type: \"category\",\r\n offset: -10,\r\n position: \"left\",\r\n axisLine: {\r\n show: false,\r\n },\r\n inverse: true,\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n color: \"#fff\",\r\n align: \"left\",\r\n verticalAlign: \"bottom\",\r\n lineHeight: 40,\r\n fontSize: 20,\r\n },\r\n data: nameList,\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"60天内掉电客户数\",\r\n type: \"bar\",\r\n stack: \"zongliang\",\r\n barWidth: \"25%\",\r\n barGap: 15, // 柱图之间的间距\r\n itemStyle: {\r\n //自定义颜色\r\n // normal: { color: \"orange\" },\r\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"rgba(255,165,0,.4)\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"rgb(255,165,0)\",\r\n },\r\n ]),\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: [\"80%\", \"-100%\"],\r\n formatter: function (params) {\r\n return params.value;\r\n },\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n\r\n data: honorData[0].data,\r\n },\r\n {\r\n name: \"60天内掉电总数\",\r\n type: \"bar\",\r\n stack: \"zongliang\",\r\n barWidth: \"25%\",\r\n itemStyle: {\r\n //自定义颜色\r\n // normal: { color: \"orange\" },\r\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"#005BEA\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"#00C6FB\",\r\n },\r\n ]),\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: [\"80%\", \"-100%\"],\r\n formatter: function (params) {\r\n return params.value;\r\n },\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n data: honorData[1].data,\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailqe1() {\r\n var fontColor = \"#fff\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailqe\"));\r\n var option = {\r\n xAxis: {\r\n type: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: fontColor,\r\n },\r\n axisLine: {\r\n show: true,\r\n lineStyle: {\r\n color: \"#397cbc\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#195384\",\r\n },\r\n },\r\n data: [\r\n \"0:00\",\r\n \"3:00\",\r\n \"6:00\",\r\n \"9:00\",\r\n \"12:00\",\r\n \"15:00\",\r\n \"18:00\",\r\n \"21:00\",\r\n \"24:00\",\r\n ],\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"单位：kw\",\r\n min: 0,\r\n max: 1000,\r\n show: true,\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n axisLabel: {\r\n formatter: \"{value}\",\r\n textStyle: {\r\n color: \"#2ad1d2\",\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#27b4c2\",\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n data: [720, 632, 801, 734, 470, 670, 720, 123, 567],\r\n type: \"line\",\r\n symbol: \"none\",\r\n lineStyle: {\r\n color: \"#00ffff\",\r\n width: 2,\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: \"00ffff\",\r\n lineStyle: {\r\n color: \"00ffff\",\r\n width: 3,\r\n type: \"solid\",\r\n },\r\n },\r\n },\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailen1() {\r\n var fontColor = \"#30eee9\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailen\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n },\r\n\r\n data: [\"关联电网事故\", \"关联检修单\"],\r\n },\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n data: [\r\n \"10kv北红线124\",\r\n \"10kv北红线125\",\r\n \"10kv北红线126\",\r\n \"10kv北红线127\",\r\n \"10kv北红线128\",\r\n ],\r\n axisLabel: {\r\n show: true,\r\n textStyle: {\r\n color: \"#ffffff\",\r\n },\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"\",\r\n axisLabel: {\r\n textStyle: {\r\n color: \"#ffffff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"关联电网事故\",\r\n type: \"bar\",\r\n itemStyle: {\r\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n { offset: 1, color: \"rgba(86,254,226,.2) \" },\r\n { offset: 0.5, color: \"rgb(86,254,226,.6)\" },\r\n { offset: 0, color: \"rgb(86,254,226)\" },\r\n ]),\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n emphasis: {\r\n focus: \"series\",\r\n },\r\n data: [320, 332, 301, 334, 390],\r\n },\r\n {\r\n name: \"关联检修单\",\r\n type: \"bar\",\r\n itemStyle: {\r\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n { offset: 1, color: \"rgba(237,125,49,.2) \" },\r\n { offset: 0.5, color: \"rgb(237,125,49,.6)\" },\r\n { offset: 0, color: \"rgb(237,125,49)\" },\r\n ]),\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n emphasis: {\r\n focus: \"series\",\r\n },\r\n data: [220, 182, 191, 234, 290],\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n },\r\n watch: {},\r\n};\r\n</script>\r\n<style lang=\"less\" scoped>\r\n.content {\r\n /deep/ .el-table__body td .cell {\r\n white-space: normal !important;\r\n }\r\n}\r\n\r\n.two {\r\n /deep/ .el-table__body-wrapper {\r\n height: 195px !important;\r\n }\r\n .enselect {\r\n position: absolute;\r\n right: 30px;\r\n img {\r\n float: right;\r\n }\r\n .text {\r\n float: right;\r\n // right: -10px;\r\n margin-right: -60px;\r\n font-size: 20px;\r\n\r\n color: #fff;\r\n }\r\n }\r\n}\r\n\r\n// 滚动条的宽度\r\n/deep/ .el-table__body-wrapper::-webkit-scrollbar {\r\n width: 6px; // 横向滚动条\r\n height: 6px; // 纵向滚动条 必写\r\n // display: block !important;\r\n}\r\n\r\n// 滚动条的滑块\r\n/deep/ .el-table__body-wrapper::-webkit-scrollbar-thumb {\r\n background-color: rgba(35, 160, 247, 1);\r\n border-radius: 3px;\r\n}\r\n\r\n/deep/ .el-table--scrollable-x .el-table__body-wrapper {\r\n overflow-x: hidden;\r\n}\r\n\r\n.user_skills {\r\n /deep/ .el-table {\r\n background-color: transparent !important;\r\n }\r\n\r\n /deep/ .el-table th {\r\n background-color: transparent !important;\r\n }\r\n\r\n /deep/ .el-table__header {\r\n width: 100% !important;\r\n height: 70px;\r\n background: url(\"../assets/images/tableBg.png\") no-repeat;\r\n background-size: 100% 100%;\r\n\r\n .cell {\r\n text-align: center !important;\r\n justify-content: center;\r\n }\r\n }\r\n\r\n /deep/ .el-table__header th {\r\n border: none;\r\n padding: 0;\r\n height: 48px;\r\n\r\n .cell {\r\n height: 100%;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n &.el-table__cell.is-leaf {\r\n border: none !important;\r\n }\r\n }\r\n\r\n /deep/ .el-table tr {\r\n background-color: transparent;\r\n }\r\n\r\n /deep/ .el-table--enable-row-transition .el-table__body td,\r\n .el-table .cell {\r\n background-color: transparent !important;\r\n border: none;\r\n color: #ffffff;\r\n }\r\n\r\n /deep/ .el-table__body td .cell {\r\n white-space: nowrap;\r\n // word-break: break-all;\r\n display: flex !important;\r\n justify-content: center !important;\r\n }\r\n\r\n /deep/ .el-table th.el-table__cell > .cell {\r\n color: rgb(86, 254, 226);\r\n }\r\n\r\n /deep/.el-table__body,\r\n .el-table__footer,\r\n .el-table__header {\r\n width: 100% !important;\r\n }\r\n\r\n /deep/ .el-table__body td .cell {\r\n // width: 60px !important;\r\n }\r\n\r\n // &::before {\r\n // //去除底部白线\r\n // left: 0;\r\n // bottom: 0;\r\n // width: 100%;\r\n // height: 0px;\r\n // }\r\n .el-table::before {\r\n background-color: transparent;\r\n }\r\n}\r\n\r\n.home {\r\n width: 100%;\r\n height: 100%;\r\n padding: 15px 28px;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n box-sizing: border-box;\r\n\r\n .left {\r\n padding-right: 15px;\r\n // width: 604px;\r\n width: 17.18%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n }\r\n\r\n .left1 {\r\n // width: 604px;\r\n // padding: 0 10px;\r\n width: 17.18%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n #detailedTwo1 {\r\n width: 100%;\r\n height: 400px;\r\n }\r\n #detailedTwo2 {\r\n width: 100%;\r\n height: 350px;\r\n }\r\n }\r\n\r\n .middle {\r\n // width: 1590px;\r\n width: 32.7%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n .imgboxone {\r\n background: url(\"../assets/02/dttksgsj.png\") no-repeat;\r\n background-size: 100%;\r\n float: right;\r\n width: 40vh;\r\n height: 10vh;\r\n position: relative;\r\n top: 5vh;\r\n right: 1vh;\r\n .contents {\r\n height: 90%;\r\n padding: 10px 10px 10px 10px;\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n\r\n .lines {\r\n width: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n background: url(\"../assets/02/tkxkz.png\") no-repeat;\r\n }\r\n\r\n .total {\r\n .num {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: center;\r\n align-items: center;\r\n color: #ffffff;\r\n h5 {\r\n font-size: 28px;\r\n }\r\n .yellow {\r\n color: yellow;\r\n }\r\n .orange {\r\n color: orange;\r\n }\r\n span {\r\n float: left;\r\n font-size: 18px;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n .imgboxtwo {\r\n padding: 0 0 0 20px;\r\n background: url(\"../assets/02/map4.png\") no-repeat;\r\n background-size: 100%;\r\n float: left;\r\n width: 40vh;\r\n height: 25vh;\r\n position: relative;\r\n top: 52vh;\r\n left: 30vh;\r\n display: flex;\r\n .contentUl {\r\n display: flex;\r\n margin: 0;\r\n padding: 10px;\r\n width: 100%;\r\n /* flex布局 */\r\n display: flex;\r\n // 开启换行\r\n flex-wrap: wrap;\r\n // 主轴上两端对齐\r\n justify-content: space-between;\r\n // 副轴上两端对齐\r\n align-content: space-between;\r\n //li盒子大小设置\r\n li {\r\n h5 {\r\n float: left;\r\n }\r\n span {\r\n font-size: 30px;\r\n }\r\n width: 49.5%;\r\n //高度调整\r\n height: 50%;\r\n list-style: none;\r\n font-size: 24px;\r\n color: #fff;\r\n background: url(\"../assets/02/tkxkz.png\") no-repeat;\r\n background-size: 100%;\r\n }\r\n }\r\n }\r\n\r\n .map {\r\n background: url(\"../assets/indexN/map.png\") no-repeat;\r\n vertical-align: middle;\r\n display: table-cell;\r\n text-align: center;\r\n margin-left: -20%;\r\n img {\r\n position: relative;\r\n left: 20%;\r\n top: 35%;\r\n }\r\n }\r\n }\r\n\r\n .right {\r\n // width: 604px;\r\n width: 16.8%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n #detailqe {\r\n width: 100%;\r\n height: 350px;\r\n }\r\n #detailen {\r\n width: 100%;\r\n height: 400px;\r\n }\r\n .eqselect {\r\n span {\r\n font-size: 20px;\r\n color: #f8f8f8;\r\n }\r\n img {\r\n margin-right: 7px;\r\n }\r\n }\r\n }\r\n\r\n .right1 {\r\n // width: 604px;\r\n width: 17.18%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n }\r\n}\r\n\r\n// }\r\n</style>\r\n<style lang=\"less\" scoped>\r\n// .el-popper {\r\n// top: 50%;\r\n// }\r\n\r\n/deep/ .popper__arrow {\r\n left: 171px !important;\r\n top: 95px !important;\r\n}\r\n\r\n/deep/ .el-select-dropdown {\r\n background-color: rgb(14, 30, 46) !important;\r\n border: 1px solid rgba(45, 143, 148, 0.5) !important;\r\n\r\n /deep/ .el-select-dropdown__item {\r\n color: #fff !important;\r\n }\r\n\r\n /deep/ .el-select-dropdown__item.hover,\r\n /deep/ .el-select-dropdown__item:hover {\r\n background-color: rgb(18, 54, 87) !important;\r\n }\r\n}\r\n\r\n/deep/ .el-popper[x-placement^=\"bottom\"] {\r\n margin-top: -146px !important;\r\n}\r\n\r\n/**\r\n表格有滚动效果但是不显示滚动条\r\n*/\r\n</style>\r\n<style lang=\"less\">\r\n.el-table .rowColor0 {\r\n background: red !important;\r\n animation: fade 2000ms infinite ease-in-out;\r\n}\r\n\r\n@keyframes fade {\r\n from {\r\n opacity: 1;\r\n }\r\n\r\n 50% {\r\n opacity: 0.6;\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n }\r\n}\r\n\r\n// .el-pager li:hover{\r\n// color:black\r\n// }\r\n.cartitle {\r\n height: 52px;\r\n width: 100%;\r\n // background: url(\"../assets/images/carTitle.png\") no-repeat;\r\n font-size: 24px;\r\n font-weight: 600;\r\n color: #ffffff;\r\n line-height: 52px;\r\n // text-align: left;\r\n text-indent: 26px;\r\n}\r\n.titleFont {\r\n color: transparent;\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n background-image: linear-gradient(\r\n to bottom,\r\n rgb(255, 255, 255),\r\n rgb(123, 247, 245)\r\n );\r\n img {\r\n margin: 20px;\r\n }\r\n}\r\n.content {\r\n padding: 24px 31px 0 31px;\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n\r\n .line {\r\n width: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n table {\r\n thead {\r\n font-size: 22px !important;\r\n height: 50px;\r\n background: url(\"../assets/02/bgbth.png\") no-repeat;\r\n }\r\n tbody {\r\n tr {\r\n height: 50px;\r\n font-size: 18px !important;\r\n color: #fff;\r\n background: url(\"../assets/02/bgqth.png\") no-repeat;\r\n }\r\n }\r\n }\r\n\r\n .total {\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-around;\r\n margin-bottom: 15%;\r\n\r\n .num {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: center;\r\n align-items: center;\r\n color: #ffffff;\r\n\r\n .numText {\r\n color: #ffffff;\r\n }\r\n\r\n .numText:before {\r\n content: attr(text);\r\n position: absolute;\r\n z-index: 10;\r\n color: rgb(86, 254, 246) !important;\r\n -webkit-mask: linear-gradient(to top, rgb(86, 244, 254), transparent);\r\n }\r\n }\r\n }\r\n\r\n .info {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n\r\n .lists {\r\n width: 100%;\r\n height: 32px;\r\n background: url(\"../assets/images/cardSquare.png\") no-repeat;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n align-items: center;\r\n background-size: 100% 100%;\r\n margin-bottom: 9%;\r\n padding: 0 10px 0 0;\r\n box-sizing: border-box;\r\n\r\n & > div {\r\n font-size: 18px;\r\n color: #ffffff;\r\n }\r\n\r\n .number {\r\n color: rgb(86, 254, 226);\r\n }\r\n }\r\n }\r\n }\r\n}\r\n.two {\r\n background: url(\"../assets/indexN/boxLr.png\") no-repeat;\r\n background-size: 100% 100%;\r\n position: relative;\r\n}\r\n.one {\r\n background: url(\"../assets/02/bgk.png\") no-repeat;\r\n background-size: 100% 100%;\r\n position: relative;\r\n\r\n .unityBtn {\r\n position: absolute;\r\n top: 40px;\r\n left: 30%;\r\n width: 40%;\r\n display: flex;\r\n justify-content: space-between;\r\n\r\n .btn {\r\n width: 100%;\r\n height: 38px;\r\n color: #fff;\r\n font-size: 18px;\r\n line-height: 38px;\r\n background: url(\"../assets/images/btnAct.png\") no-repeat;\r\n background-size: 100% 100%;\r\n margin-bottom: 10px;\r\n margin-right: 15px;\r\n }\r\n\r\n .btnAct {\r\n color: rgb(244, 201, 7);\r\n background: url(\"../assets/images/unityBtn.png\") no-repeat;\r\n background-size: 100% 100%;\r\n margin-right: 15px;\r\n }\r\n }\r\n\r\n .unityIcon {\r\n background: url(\"../assets/images/iconCard.png\") no-repeat;\r\n background-size: 100% 100%;\r\n width: 110px;\r\n height: 168px;\r\n position: absolute;\r\n right: 40px;\r\n bottom: 80px;\r\n display: flex;\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n flex-direction: column;\r\n justify-content: space-around;\r\n align-items: center;\r\n\r\n .unityIconGround {\r\n width: 80%;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n }\r\n\r\n .unityEnlargeBtn {\r\n width: 100px;\r\n display: flex;\r\n justify-content: space-around;\r\n position: absolute;\r\n right: 40px;\r\n top: 40px;\r\n\r\n .content {\r\n width: 38px;\r\n height: 36px;\r\n background: url(\"../assets/images/btnkuang.png\") no-repeat !important;\r\n background-size: 100% 100% !important;\r\n }\r\n }\r\n\r\n .unitySelect {\r\n position: absolute;\r\n left: 40px;\r\n width: 222px;\r\n height: 5%;\r\n bottom: 20px;\r\n display: flex;\r\n align-items: center;\r\n\r\n .unitySuosou {\r\n width: 57px;\r\n height: 53px;\r\n background: url(\"../assets/images/sousuoKuang.png\") no-repeat;\r\n background-size: 100% 100%;\r\n }\r\n }\r\n}\r\n</style>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/d651dd5b3b8aaefc462d22682c478d9e.json b/node_modules/.cache/vue-loader/d651dd5b3b8aaefc462d22682c478d9e.json
index 5f66658a..1901b2e6 100644
--- a/node_modules/.cache/vue-loader/d651dd5b3b8aaefc462d22682c478d9e.json
+++ b/node_modules/.cache/vue-loader/d651dd5b3b8aaefc462d22682c478d9e.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\thirtyFiveKV.vue?vue&type=style&index=0&id=4bdb45b9&lang=less&scoped=true&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\thirtyFiveKV.vue","mtime":1689927955883},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1655715156000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\less-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["\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 #detailedTwo1 {\r\n width: 100%;\r\n height: 350px;\r\n }\r\n #detailedTwo2 {\r\n width: 100%;\r\n height: 350px;\r\n }\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 #detailedTwo3 {\r\n width: 100%;\r\n height: 50vh;\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/04/mainW.png\") no-repeat;\r\n width: 100%;\r\n height: 17%;\r\n position: relative;\r\n top: 45%;\r\n left: 30%;\r\n .contents {\r\n // height: 90%;\r\n position: absolute;\r\n padding: 10px;\r\n height: 100%;\r\n width: 53%;\r\n display: flex;\r\n flex-direction: row;\r\n /* 平分剩余空间 */\r\n justify-content: space-around;\r\n .lines {\r\n width: 100%;\r\n padding: 10px 0 0 1px;\r\n background: url(\"../assets/index/mainMin.png\") no-repeat;\r\n }\r\n\r\n .total {\r\n .num {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: center;\r\n align-items: left;\r\n color: #ffffff;\r\n span {\r\n font-size: 20px;\r\n }\r\n h5 {\r\n font-size: 34px;\r\n }\r\n .yellow {\r\n padding-top: 30px;\r\n color: yellow;\r\n }\r\n .orange {\r\n padding-top: 30px;\r\n color: orange;\r\n }\r\n .yellows {\r\n padding-top: 20px;\r\n color: yellow;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n .map {\r\n background: url(\"../assets/indexN/map.png\") no-repeat;\r\n vertical-align: middle;\r\n display: table-cell;\r\n text-align: center;\r\n margin-left: -20%;\r\n .allimg {\r\n position: relative;\r\n left: 20.5%;\r\n top: 35%;\r\n }\r\n }\r\n }\r\n\r\n .right {\r\n // width: 604px;\r\n width: 16.8%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n #barCharts {\r\n // width: 100%;\r\n // height: calc(100% - 52px);\r\n width: 90%;\r\n height: calc(100% - 100px);\r\n position: absolute;\r\n }\r\n #detailqe {\r\n width: 100%;\r\n height: 350px;\r\n }\r\n #detailen {\r\n width: 100%;\r\n height: 350px;\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 #detailstop {\r\n width: 100%;\r\n height: 400px;\r\n }\r\n }\r\n}\r\n\r\n// }\r\n",{"version":3,"sources":["thirtyFiveKV.vue"],"names":[],"mappings":";AA0+BA;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;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;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;;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA","file":"thirtyFiveKV.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n <div class=\"home\">\r\n <div class=\"left\" id=\"left\">\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>预计年/月变化趋势</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div class=\"enselect\">\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n <span class=\"text\">2022</span>\r\n </div>\r\n <div id=\"detailedTwo1\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>年/月总投资变化趋势</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div class=\"enselect\">\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n <span class=\"text\">2022</span>\r\n </div>\r\n <div id=\"detailedTwo2\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"left1\" id=\"left\">\r\n <div class=\"one\" style=\"height: 100%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>县公司预算统计</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div id=\"detailedTwo3\"></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 <img class=\"allimg\" src=\"../assets/indexN/dfsxz.png\" alt=\"\" />\r\n <div class=\"imgboxone\">\r\n <div class=\"contents\">\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <div style=\"display: inline-block\">\r\n <img\r\n style=\"float: left\"\r\n src=\"../assets/index/mainTb1.png\"\r\n alt=\"\"\r\n />\r\n <span>项目数</span>\r\n </div>\r\n <h5 class=\"yellow\">\r\n 9.279 <span style=\"color: #fff\">万</span>\r\n </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 <div style=\"display: inline-block\">\r\n <img\r\n style=\"float: left; height: 30px; width: 30px\"\r\n src=\"../assets/index/mainTb2.png\"\r\n alt=\"\"\r\n />\r\n <span>预算费用总和</span>\r\n </div>\r\n <h5 class=\"orange\">\r\n 118.5<span style=\"color: #fff\">万</span>\r\n </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 <div style=\"display: inline-block\">\r\n <img\r\n style=\"float: left; height: 30px; width: 30px\"\r\n src=\"../assets/index/mainTb1.png\"\r\n alt=\"\"\r\n />\r\n <span>计划数</span>\r\n </div>\r\n <h5 class=\"yellow\"> 44</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 <div style=\"display: inline-block\">\r\n <img\r\n style=\"float: left; height: 30px; width: 30px\"\r\n src=\"../assets/index/mainTb2.png\"\r\n alt=\"\"\r\n />\r\n <span>物科数</span>\r\n </div>\r\n <h5 class=\"orange\"> 10</h5>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"right\" id=\"right\">\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>县物项目总投资比</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div id=\"barCharts\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>县物资占比分配</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div id=\"detailen\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"right1\" id=\"right\">\r\n <div class=\"one\" style=\"height: 100%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>县公司预算统计</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <table>\r\n <thead style=\"color: #fff; font-size: 30px\">\r\n <tr>\r\n <td>县公司名称</td>\r\n <td>物科数量</td>\r\n <td>计划数量</td>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <tr v-for=\"(item, index) in pvTable\" :key=\"index\">\r\n <td>{{ item.name }}</td>\r\n <td>{{ item.stationNumber }}</td>\r\n <td class=\"titleFont\">{{ item.alternatorNumber }}</td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <audio\r\n controls=\"controls\"\r\n hidden\r\n src=\"../assets/videos/police.wav\"\r\n ref=\"audio\"\r\n ></audio>\r\n </div>\r\n</template>\r\n\r\n<script>\r\n//引入echarts\r\nimport * as echarts from \"echarts\";\r\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: \"twentyKV\",\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 name: \"国网东台区供电公司\",\r\n stationNumber: \"0\",\r\n alternatorNumber: \"1\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"23\",\r\n alternatorNumber: \"1\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"1\",\r\n alternatorNumber: \"3\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"1\",\r\n alternatorNumber: \"2\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"14\",\r\n alternatorNumber: \"3\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"45.3w\",\r\n alternatorNumber: \"2\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"13.3w\",\r\n alternatorNumber: \"1\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"23\",\r\n alternatorNumber: \"0\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"23\",\r\n alternatorNumber: \"0\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"356.3w\",\r\n alternatorNumber: \"2\",\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.detailedTwo33();\r\n this.barCharts();\r\n this.detailen();\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 tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n },\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n data: [\"2018\", \"2019\", \"2020\", \"2021\", \"2022\"],\r\n axisLabel: {\r\n show: true,\r\n textStyle: {\r\n color: \"#ffffff\",\r\n fontSize: \"18\",\r\n },\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 },\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 fontSize: \"18\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"预计年变化趋势\",\r\n type: \"bar\",\r\n barWidth: 40,\r\n itemStyle: {\r\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n { offset: 1, color: \"rgba(86,254,226,.2) \" },\r\n { offset: 0.5, color: \"rgb(86,254,226,.6)\" },\r\n { offset: 0, color: \"rgb(86,254,226)\" },\r\n ]),\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n emphasis: {\r\n focus: \"series\",\r\n },\r\n data: [320, 332, 301, 334, 390],\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedTwo22() {\r\n var fontColor = \"#30eee9\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo2\"));\r\n var option = {\r\n tooltip: {\r\n show: true,\r\n trigger: \"item\",\r\n },\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: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: \"#fff\",\r\n fontSize: \"16\",\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: [\"2018\", \"2019\", \"2020\", \"2021\", \"2022\"],\r\n },\r\n yAxis: {\r\n type: \"value\",\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n series: [\r\n {\r\n name: \"总投资\",\r\n type: \"line\",\r\n stack: \"Total\",\r\n symbol: \"none\",\r\n data: [80, 132, 101, 134, 121],\r\n itemStyle: {\r\n normal: {\r\n color: \"yellow\",\r\n lineStyle: {\r\n color: \"yellow\",\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 detailedTwo33() {\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo3\"));\r\n var honorData = [\r\n {\r\n name: \"60天内掉电客户数\",\r\n data: [15.4, 14.1, 13.3, 12.6, 13.6, 14.4, 15.1, 16.3, 18.6, 16.6],\r\n },\r\n {\r\n name: \"60天内掉电总数\",\r\n data: [9.4, 8.1, 7.3, 8.6, 6.6, 9.4, 8.1, 7.3, 8.6, 6.6],\r\n },\r\n ];\r\n var honorXAxisData = [\r\n \"No.10\",\r\n \"No.9\",\r\n \"No.8\",\r\n \"No.7\",\r\n \"No.6\",\r\n \"No.5\",\r\n \"No.4\",\r\n \"No.3\",\r\n \"No.2\",\r\n \"No.1\",\r\n ];\r\n var nameList = [\r\n \"PMS_晨光满园9台区\",\r\n \"滨河华苑3台区\",\r\n \"PMS_晨光满园11台区\",\r\n \"PMS_晨光满园7台区\",\r\n \"PMS_碧桂园10#配变\",\r\n \"PMS_碧桂园12#配变\",\r\n \"晨光满园16台区\",\r\n \"晨光满园14台区\",\r\n \"滨河华苑7台区\",\r\n \"PMS_中合六配变\",\r\n ];\r\n var option = {\r\n color: [\"#0F9AF8\", \"#2039C3\", \"rgba(32,57,195,.5)\", \"#2ECACE\"],\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"none\",\r\n },\r\n },\r\n legend: {\r\n right: 5,\r\n top: \"5%\",\r\n itemWidth: 10,\r\n itemHeight: 10,\r\n itemGap: 25,\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n grid: {\r\n top: \"15%\",\r\n left: \"14%\",\r\n right: \"0%\",\r\n bottom: \"0%\",\r\n },\r\n xAxis: [\r\n {\r\n type: \"value\",\r\n show: false,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: \"#6B9DD7\",\r\n fontSize: 16, // 文字大小\r\n fontWeight: 400,\r\n interval: 0,\r\n formatter: function (value) {\r\n return value + \"(万元)\";\r\n },\r\n },\r\n splitLine: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"category\",\r\n offset: 17,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: \"#fff\",\r\n fontSize: 20, // 文字大小\r\n fontWeight: 700,\r\n interval: 0,\r\n },\r\n data: honorXAxisData,\r\n },\r\n {\r\n //名称\r\n type: \"category\",\r\n offset: -10,\r\n position: \"left\",\r\n axisLine: {\r\n show: false,\r\n },\r\n inverse: true,\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n color: \"#fff\",\r\n align: \"left\",\r\n verticalAlign: \"bottom\",\r\n lineHeight: 40,\r\n fontSize: 20,\r\n },\r\n data: nameList,\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"60天内掉电客户数\",\r\n type: \"bar\",\r\n stack: \"zongliang\",\r\n barWidth: \"25%\",\r\n barGap: 40, // 柱图之间的间距\r\n itemStyle: {\r\n //自定义颜色\r\n // normal: { color: \"orange\" },\r\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"rgba(255,165,0,.4)\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"rgb(255,165,0)\",\r\n },\r\n ]),\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: [\"80%\", \"-100%\"],\r\n formatter: function (params) {\r\n return params.value;\r\n },\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n\r\n data: honorData[0].data,\r\n },\r\n {\r\n name: \"60天内掉电总数\",\r\n type: \"bar\",\r\n stack: \"zongliang\",\r\n barWidth: \"25%\",\r\n barGap: 40, // 柱图之间的间距\r\n itemStyle: {\r\n //自定义颜色\r\n // normal: { color: \"orange\" },\r\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"#005BEA\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"#00C6FB\",\r\n },\r\n ]),\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: [\"80%\", \"-100%\"],\r\n formatter: function (params) {\r\n return params.value;\r\n },\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n data: honorData[1].data,\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n barCharts() {\r\n var m2R2Data = [\r\n {\r\n value: 335,\r\n legendname: \"22%\",\r\n name: \"国网大丰市供电公司\",\r\n itemStyle: { color: \"#8d7fec\" },\r\n },\r\n {\r\n value: 310,\r\n legendname: \"22%\",\r\n name: \"盐城运维检修部(检修分公司)\",\r\n itemStyle: { color: \"#5085f2\" },\r\n },\r\n {\r\n value: 234,\r\n legendname: \"22%\",\r\n name: \"国网射阳县供电公司\",\r\n itemStyle: { color: \"#e75fc3\" },\r\n },\r\n {\r\n value: 154,\r\n legendname: \"22%\",\r\n name: \"国网响水县供电公司\",\r\n itemStyle: { color: \"#f87be2\" },\r\n },\r\n {\r\n value: 335,\r\n legendname: \"22%\",\r\n name: \"设备管理部\",\r\n itemStyle: { color: \"#f2719a\" },\r\n },\r\n {\r\n value: 335,\r\n legendname: \"22%\",\r\n name: \"开发区供电服务中心\",\r\n itemStyle: { color: \"#fca4bb\" },\r\n },\r\n ];\r\n var myChart = this.$echarts.init(document.getElementById(\"barCharts\"));\r\n var option = {\r\n title: [\r\n {\r\n text: \"总计\",\r\n subtext: 59.53 + \"万\",\r\n textStyle: {\r\n fontSize: 20,\r\n color: \"#fff\",\r\n },\r\n subtextStyle: {\r\n fontSize: 20,\r\n color: \"yellow\",\r\n },\r\n textAlign: \"center\",\r\n x: \"34.5%\",\r\n y: \"44%\",\r\n },\r\n ],\r\n tooltip: {\r\n trigger: \"item\",\r\n formatter: function (parms) {\r\n var str =\r\n parms.seriesName +\r\n \"</br>\" +\r\n parms.marker +\r\n \"\" +\r\n parms.data.legendname +\r\n \"</br>\" +\r\n \"数量：\" +\r\n parms.data.value +\r\n \"</br>\" +\r\n \"占比：\" +\r\n parms.percent +\r\n \"%\";\r\n return str;\r\n },\r\n },\r\n legend: {\r\n type: \"scroll\",\r\n orient: \"vertical\",\r\n left: \"70%\",\r\n align: \"left\",\r\n top: \"middle\",\r\n textStyle: {\r\n color: \"white\",\r\n fontSize: 16,\r\n },\r\n height: 250,\r\n //格式化图例文本\r\n formatter(name) {\r\n // console.log(option);\r\n let than = option.series[0].data; //获取series中的data\r\n let total = 0;\r\n let tarValue;\r\n for (let i = 0, l = than.length; i < l; i++) {\r\n total += than[i].value;\r\n if (than[i].name == name) {\r\n tarValue = than[i].value;\r\n }\r\n }\r\n let p = (tarValue / total) * 100;\r\n return name;\r\n },\r\n icon: \"roundRect\",\r\n data: [\r\n \"国网大丰市供电公司\",\r\n \"设备管理部\",\r\n \"国网射阳县供电公司\",\r\n \"国网响水县供电公司\",\r\n \"盐城运维检修部(检修分公司)\",\r\n \"开发区供电服务中心\",\r\n ],\r\n },\r\n series: [\r\n {\r\n type: \"pie\",\r\n center: [\"35%\", \"50%\"],\r\n radius: [\"30%\", \"55%\"],\r\n clockwise: false, //饼图的扇区是否是顺时针排布\r\n avoidLabelOverlap: false,\r\n lable: {\r\n normal: {\r\n show: true,\r\n textStyle: {\r\n fontSize: 18,\r\n },\r\n },\r\n emphasis: {\r\n show: true,\r\n },\r\n },\r\n\r\n labelLine: {\r\n normal: {\r\n length: 10, //第一条线\r\n length: 30, //第二条线\r\n lineStyle: {\r\n width: 3, // 线条的宽度\r\n color: \"rgb(86,254,226)\", //线的颜色设置， 如没有设置颜色则线条的颜色跟随饼状图的颜色\r\n },\r\n },\r\n },\r\n\r\n itemStyle: {\r\n normal: {\r\n borderRadius: 10,\r\n borderColor: \"transparent\",\r\n borderWidth: 2,\r\n label: {\r\n show: true,\r\n formatter: \" {d}% \",\r\n fontSize: 20,\r\n color: \"#fff\",\r\n },\r\n },\r\n },\r\n\r\n data: m2R2Data,\r\n },\r\n {\r\n type: \"pie\",\r\n radius: [\"110\", \"111\"],\r\n center: [\"35%\", \"50%\"],\r\n data: [100],\r\n label: {\r\n show: false,\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 detailen() {\r\n var myChart = this.$echarts.init(document.getElementById(\"detailen\"));\r\n var option = {\r\n color: [\r\n \"#1E9BD1\",\r\n \"#A0CE3A\",\r\n \"#31C5C0\",\r\n \"#0F347B\",\r\n \"#585247\",\r\n \"#7F6AAD\",\r\n ],\r\n tooltip: {\r\n trigger: \"item\",\r\n formatter: \"{a} <br/>{b} : {c} ({d}%)\",\r\n },\r\n legend: {\r\n orient: \"vertical\",\r\n top: \"middle\",\r\n right: \"5%\",\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n //格式化图例文本\r\n formatter(name) {\r\n // console.log(option);\r\n let than = option.series[0].data; //获取series中的data\r\n let total = 0;\r\n let tarValue;\r\n for (let i = 0, l = than.length; i < l; i++) {\r\n total += than[i].value;\r\n if (than[i].name == name) {\r\n tarValue = than[i].value;\r\n }\r\n }\r\n let p = (tarValue / total) * 100;\r\n return p.toFixed(2) + \"%\";\r\n },\r\n },\r\n calculable: true,\r\n series: [\r\n {\r\n type: \"pie\",\r\n center: [\"35%\", \"50%\"],\r\n radius: [25, 100],\r\n roseType: \"area\",\r\n labelLine: {\r\n normal: {\r\n length: 30, //第一条线\r\n length: 10, //第二条线\r\n lineStyle: {\r\n width: 3, // 线条的宽度\r\n color: \"rgb(86,254,226)\", //线的颜色设置， 如没有设置颜色则线条的颜色跟随饼状图的颜色\r\n },\r\n },\r\n },\r\n\r\n itemStyle: {\r\n normal: {\r\n label: {\r\n show: true,\r\n fontSize: 20,\r\n color: \"#fff\",\r\n },\r\n },\r\n },\r\n data: [\r\n { value: 21, name: \"国网射阳县供电公司\" },\r\n { value: 20, name: \"设备管理部\" },\r\n { value: 22, name: \"国网大丰市供电公司\" },\r\n { value: 25, name: \"国网响水县供电公司\" },\r\n { value: 20, name: \"盐城运维检修部(检修分公司)\" },\r\n { value: 30, name: \"开发区供电服务中心\" },\r\n ],\r\n },\r\n {\r\n type: \"pie\",\r\n radius: [\"110\", \"111\"],\r\n center: [\"35%\", \"50%\"],\r\n data: [100],\r\n label: {\r\n show: false,\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 },\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 #detailedTwo1 {\r\n width: 100%;\r\n height: 350px;\r\n }\r\n #detailedTwo2 {\r\n width: 100%;\r\n height: 350px;\r\n }\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 #detailedTwo3 {\r\n width: 100%;\r\n height: 50vh;\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/04/mainW.png\") no-repeat;\r\n width: 100%;\r\n height: 17%;\r\n position: relative;\r\n top: 45%;\r\n left: 30%;\r\n .contents {\r\n // height: 90%;\r\n position: absolute;\r\n padding: 10px;\r\n height: 100%;\r\n width: 53%;\r\n display: flex;\r\n flex-direction: row;\r\n /* 平分剩余空间 */\r\n justify-content: space-around;\r\n .lines {\r\n width: 100%;\r\n padding: 10px 0 0 1px;\r\n background: url(\"../assets/index/mainMin.png\") no-repeat;\r\n }\r\n\r\n .total {\r\n .num {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: center;\r\n align-items: left;\r\n color: #ffffff;\r\n span {\r\n font-size: 20px;\r\n }\r\n h5 {\r\n font-size: 34px;\r\n }\r\n .yellow {\r\n padding-top: 30px;\r\n color: yellow;\r\n }\r\n .orange {\r\n padding-top: 30px;\r\n color: orange;\r\n }\r\n .yellows {\r\n padding-top: 20px;\r\n color: yellow;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n .map {\r\n background: url(\"../assets/indexN/map.png\") no-repeat;\r\n vertical-align: middle;\r\n display: table-cell;\r\n text-align: center;\r\n margin-left: -20%;\r\n .allimg {\r\n position: relative;\r\n left: 20.5%;\r\n top: 35%;\r\n }\r\n }\r\n }\r\n\r\n .right {\r\n // width: 604px;\r\n width: 16.8%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n #barCharts {\r\n // width: 100%;\r\n // height: calc(100% - 52px);\r\n width: 90%;\r\n height: calc(100% - 100px);\r\n position: absolute;\r\n }\r\n #detailqe {\r\n width: 100%;\r\n height: 350px;\r\n }\r\n #detailen {\r\n width: 100%;\r\n height: 350px;\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 #detailstop {\r\n width: 100%;\r\n height: 400px;\r\n }\r\n }\r\n}\r\n\r\n// }\r\n</style>\r\n<style lang=\"less\" scoped>\r\n// .el-popper {\r\n// top: 50%;\r\n// }\r\n\r\n/deep/ .popper__arrow {\r\n left: 171px !important;\r\n top: 95px !important;\r\n}\r\n\r\n/deep/ .el-select-dropdown {\r\n background-color: rgb(14, 30, 46) !important;\r\n border: 1px solid rgba(45, 143, 148, 0.5) !important;\r\n\r\n /deep/ .el-select-dropdown__item {\r\n color: #fff !important;\r\n }\r\n\r\n /deep/ .el-select-dropdown__item.hover,\r\n /deep/ .el-select-dropdown__item:hover {\r\n background-color: rgb(18, 54, 87) !important;\r\n }\r\n}\r\n\r\n/deep/ .el-popper[x-placement^=\"bottom\"] {\r\n margin-top: -146px !important;\r\n}\r\n\r\n/**\r\n表格有滚动效果但是不显示滚动条\r\n*/\r\n</style>\r\n<style lang=\"less\">\r\n.el-table .rowColor0 {\r\n background: red !important;\r\n animation: fade 2000ms infinite ease-in-out;\r\n}\r\n\r\n@keyframes fade {\r\n from {\r\n opacity: 1;\r\n }\r\n\r\n 50% {\r\n opacity: 0.6;\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n }\r\n}\r\n\r\n// .el-pager li:hover{\r\n// color:black\r\n// }\r\n.cartitle {\r\n height: 52px;\r\n width: 100%;\r\n // background: url(\"../assets/images/carTitle.png\") no-repeat;\r\n font-size: 24px;\r\n font-weight: 600;\r\n color: #ffffff;\r\n line-height: 52px;\r\n // text-align: left;\r\n text-indent: 26px;\r\n}\r\n.titleFont {\r\n color: transparent;\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n background-image: linear-gradient(\r\n to bottom,\r\n rgb(255, 255, 255),\r\n rgb(123, 247, 245)\r\n );\r\n img {\r\n margin: 20px;\r\n }\r\n}\r\n.content {\r\n padding: 24px 31px 0 31px;\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n\r\n .line {\r\n width: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n table {\r\n thead {\r\n font-size: 22px !important;\r\n height: 50px;\r\n background: url(\"../assets/02/bgbth.png\") no-repeat;\r\n }\r\n tbody {\r\n tr {\r\n height: 50px;\r\n font-size: 18px !important;\r\n color: #fff;\r\n background: url(\"../assets/02/bgqth.png\") no-repeat;\r\n }\r\n }\r\n }\r\n\r\n .total {\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-around;\r\n margin-bottom: 15%;\r\n\r\n .num {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: center;\r\n align-items: center;\r\n color: #ffffff;\r\n\r\n .numText {\r\n color: #ffffff;\r\n }\r\n\r\n .numText:before {\r\n content: attr(text);\r\n position: absolute;\r\n z-index: 10;\r\n color: rgb(86, 254, 246) !important;\r\n -webkit-mask: linear-gradient(to top, rgb(86, 244, 254), transparent);\r\n }\r\n }\r\n }\r\n\r\n .info {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n\r\n .lists {\r\n width: 100%;\r\n height: 32px;\r\n background: url(\"../assets/images/cardSquare.png\") no-repeat;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n align-items: center;\r\n background-size: 100% 100%;\r\n margin-bottom: 9%;\r\n padding: 0 10px 0 0;\r\n box-sizing: border-box;\r\n\r\n & > div {\r\n font-size: 18px;\r\n color: #ffffff;\r\n }\r\n\r\n .number {\r\n color: rgb(86, 254, 226);\r\n }\r\n }\r\n }\r\n }\r\n}\r\n.two {\r\n background: url(\"../assets/indexN/boxLr.png\") no-repeat;\r\n background-size: 100% 100%;\r\n position: relative;\r\n}\r\n.one {\r\n background: url(\"../assets/02/bgk.png\") no-repeat;\r\n background-size: 100% 100%;\r\n position: relative;\r\n\r\n .unityBtn {\r\n position: absolute;\r\n top: 40px;\r\n left: 30%;\r\n width: 40%;\r\n display: flex;\r\n justify-content: space-between;\r\n\r\n .btn {\r\n width: 100%;\r\n height: 38px;\r\n color: #fff;\r\n font-size: 18px;\r\n line-height: 38px;\r\n background: url(\"../assets/images/btnAct.png\") no-repeat;\r\n background-size: 100% 100%;\r\n margin-bottom: 10px;\r\n margin-right: 15px;\r\n }\r\n\r\n .btnAct {\r\n color: rgb(244, 201, 7);\r\n background: url(\"../assets/images/unityBtn.png\") no-repeat;\r\n background-size: 100% 100%;\r\n margin-right: 15px;\r\n }\r\n }\r\n\r\n .unityIcon {\r\n background: url(\"../assets/images/iconCard.png\") no-repeat;\r\n background-size: 100% 100%;\r\n width: 110px;\r\n height: 168px;\r\n position: absolute;\r\n right: 40px;\r\n bottom: 80px;\r\n display: flex;\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n flex-direction: column;\r\n justify-content: space-around;\r\n align-items: center;\r\n\r\n .unityIconGround {\r\n width: 80%;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n }\r\n\r\n .unityEnlargeBtn {\r\n width: 100px;\r\n display: flex;\r\n justify-content: space-around;\r\n position: absolute;\r\n right: 40px;\r\n top: 40px;\r\n\r\n .content {\r\n width: 38px;\r\n height: 36px;\r\n background: url(\"../assets/images/btnkuang.png\") no-repeat !important;\r\n background-size: 100% 100% !important;\r\n }\r\n }\r\n\r\n .unitySelect {\r\n position: absolute;\r\n left: 40px;\r\n width: 222px;\r\n height: 5%;\r\n bottom: 20px;\r\n display: flex;\r\n align-items: center;\r\n\r\n .unitySuosou {\r\n width: 57px;\r\n height: 53px;\r\n background: url(\"../assets/images/sousuoKuang.png\") no-repeat;\r\n background-size: 100% 100%;\r\n }\r\n }\r\n}\r\n</style>\r\n"]}]}
\ No newline at end of file
+{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\thirtyFiveKV.vue?vue&type=style&index=0&id=4bdb45b9&lang=less&scoped=true&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\thirtyFiveKV.vue","mtime":1689929405847},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1655715156000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\less-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["\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 #detailedTwo1 {\r\n width: 100%;\r\n height: 350px;\r\n }\r\n #detailedTwo2 {\r\n width: 100%;\r\n height: 350px;\r\n }\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 #detailedTwo3 {\r\n width: 100%;\r\n height: 70vh;\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/04/mainW.png\") no-repeat;\r\n width: 100%;\r\n height: 17%;\r\n position: relative;\r\n top: 45%;\r\n left: 30%;\r\n .contents {\r\n // height: 90%;\r\n position: absolute;\r\n padding: 10px;\r\n height: 100%;\r\n width: 53%;\r\n display: flex;\r\n flex-direction: row;\r\n /* 平分剩余空间 */\r\n justify-content: space-around;\r\n .lines {\r\n width: 100%;\r\n padding: 10px 0 0 1px;\r\n background: url(\"../assets/index/mainMin.png\") no-repeat;\r\n }\r\n\r\n .total {\r\n .num {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: center;\r\n align-items: left;\r\n color: #ffffff;\r\n span {\r\n font-size: 20px;\r\n }\r\n h5 {\r\n font-size: 34px;\r\n }\r\n .yellow {\r\n padding-top: 30px;\r\n color: yellow;\r\n }\r\n .orange {\r\n padding-top: 30px;\r\n color: orange;\r\n }\r\n .yellows {\r\n padding-top: 20px;\r\n color: yellow;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n .map {\r\n background: url(\"../assets/indexN/map.png\") no-repeat;\r\n vertical-align: middle;\r\n display: table-cell;\r\n text-align: center;\r\n margin-left: -20%;\r\n .allimg {\r\n position: relative;\r\n left: 20.5%;\r\n top: 35%;\r\n }\r\n }\r\n }\r\n\r\n .right {\r\n // width: 604px;\r\n width: 16.8%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n #barCharts {\r\n // width: 100%;\r\n // height: calc(100% - 52px);\r\n width: 90%;\r\n height: calc(100% - 100px);\r\n position: absolute;\r\n }\r\n #detailqe {\r\n width: 100%;\r\n height: 350px;\r\n }\r\n #detailen {\r\n width: 100%;\r\n height: 350px;\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 #detailstop {\r\n width: 100%;\r\n height: 400px;\r\n }\r\n }\r\n}\r\n\r\n// }\r\n",{"version":3,"sources":["thirtyFiveKV.vue"],"names":[],"mappings":";AA44BA;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;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;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;;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA","file":"thirtyFiveKV.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n <div class=\"home\">\r\n <div class=\"left\" id=\"left\">\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>预计年/月变化趋势</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div class=\"enselect\">\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n <span class=\"text\">2022</span>\r\n </div>\r\n <div id=\"detailedTwo1\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>年/月总投资变化趋势</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div class=\"enselect\">\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n <span class=\"text\">2022</span>\r\n </div>\r\n <div id=\"detailedTwo2\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"left1\" id=\"left\">\r\n <div class=\"one\" style=\"height: 100%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>县公司预算统计</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div id=\"detailedTwo3\"></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 <img class=\"allimg\" src=\"../assets/indexN/dfsxz.png\" alt=\"\" />\r\n <div class=\"imgboxone\">\r\n <div class=\"contents\">\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <div style=\"display: inline-block\">\r\n <img\r\n style=\"float: left\"\r\n src=\"../assets/index/mainTb1.png\"\r\n alt=\"\"\r\n />\r\n <span>项目数</span>\r\n </div>\r\n <h5 class=\"yellow\">\r\n 9.279 <span style=\"color: #fff\">万</span>\r\n </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 <div style=\"display: inline-block\">\r\n <img\r\n style=\"float: left; height: 30px; width: 30px\"\r\n src=\"../assets/index/mainTb2.png\"\r\n alt=\"\"\r\n />\r\n <span>预算费用总和</span>\r\n </div>\r\n <h5 class=\"orange\">\r\n 118.5<span style=\"color: #fff\">万</span>\r\n </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 <div style=\"display: inline-block\">\r\n <img\r\n style=\"float: left; height: 30px; width: 30px\"\r\n src=\"../assets/index/mainTb1.png\"\r\n alt=\"\"\r\n />\r\n <span>计划数</span>\r\n </div>\r\n <h5 class=\"yellow\"> 44</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 <div style=\"display: inline-block\">\r\n <img\r\n style=\"float: left; height: 30px; width: 30px\"\r\n src=\"../assets/index/mainTb2.png\"\r\n alt=\"\"\r\n />\r\n <span>物科数</span>\r\n </div>\r\n <h5 class=\"orange\"> 10</h5>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"right\" id=\"right\">\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>县物项目总投资比</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div id=\"barCharts\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>县物资占比分配</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div id=\"detailen\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"right1\" id=\"right\">\r\n <div class=\"one\" style=\"height: 100%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>县公司预算统计</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <table>\r\n <thead style=\"color: #fff; font-size: 30px\">\r\n <tr>\r\n <td>县公司名称</td>\r\n <td>物科数量</td>\r\n <td>计划数量</td>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <tr v-for=\"(item, index) in pvTable\" :key=\"index\">\r\n <td>{{ item.name }}</td>\r\n <td>{{ item.stationNumber }}</td>\r\n <td class=\"titleFont\">{{ item.alternatorNumber }}</td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <audio\r\n controls=\"controls\"\r\n hidden\r\n src=\"../assets/videos/police.wav\"\r\n ref=\"audio\"\r\n ></audio>\r\n </div>\r\n</template>\r\n\r\n<script>\r\n//引入echarts\r\nimport * as echarts from \"echarts\";\r\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: \"twentyKV\",\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 name: \"国网东台区供电公司\",\r\n stationNumber: \"0\",\r\n alternatorNumber: \"1\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"23\",\r\n alternatorNumber: \"1\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"1\",\r\n alternatorNumber: \"3\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"1\",\r\n alternatorNumber: \"2\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"14\",\r\n alternatorNumber: \"3\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"45.3w\",\r\n alternatorNumber: \"2\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"13.3w\",\r\n alternatorNumber: \"1\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"23\",\r\n alternatorNumber: \"0\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"23\",\r\n alternatorNumber: \"0\",\r\n },\r\n {\r\n name: \"国网东台区供电公司\",\r\n stationNumber: \"356.3w\",\r\n alternatorNumber: \"2\",\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.detailedTwo33();\r\n this.barCharts();\r\n this.detailen();\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 tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n },\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n data: [\"2018\", \"2019\", \"2020\", \"2021\", \"2022\"],\r\n axisLabel: {\r\n show: true,\r\n textStyle: {\r\n color: \"#ffffff\",\r\n fontSize: \"18\",\r\n },\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 },\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 fontSize: \"18\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"预计年变化趋势\",\r\n type: \"bar\",\r\n barWidth: 40,\r\n itemStyle: {\r\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n { offset: 1, color: \"rgba(86,254,226,.2) \" },\r\n { offset: 0.5, color: \"rgb(86,254,226,.6)\" },\r\n { offset: 0, color: \"rgb(86,254,226)\" },\r\n ]),\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n emphasis: {\r\n focus: \"series\",\r\n },\r\n data: [320, 332, 301, 334, 390],\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedTwo22() {\r\n var fontColor = \"#30eee9\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo2\"));\r\n var option = {\r\n tooltip: {\r\n show: true,\r\n trigger: \"item\",\r\n },\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: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: \"#fff\",\r\n fontSize: \"16\",\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: [\"2018\", \"2019\", \"2020\", \"2021\", \"2022\"],\r\n },\r\n yAxis: {\r\n type: \"value\",\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n series: [\r\n {\r\n name: \"总投资\",\r\n type: \"line\",\r\n stack: \"Total\",\r\n symbol: \"none\",\r\n data: [80, 132, 101, 134, 121],\r\n itemStyle: {\r\n normal: {\r\n color: \"yellow\",\r\n lineStyle: {\r\n color: \"yellow\",\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 detailedTwo33() {\r\n var bg =\r\n \"image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARYAAAAUCAMAAAB/LOLCAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAD9QTFRFAABwAAAAAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwrxv9agAAABV0Uk5T/wA1p053q7yaZs0QRIlVJ++IId4ydKfDYQAAAFtJREFUeJzt0McNwDAQwLBzutPb/rMG/gbawOIIjCQQqYtoqxYxckv1BlvQZAvabEG9LSjbgnZb0GoLOV9byHPbQubFFjLaggZb0GQLumxBvS0ol5aj0U9pEfgA+DsJLXE1TzAAAAAASUVORK5CYII=\";\r\n var bar =\r\n \"image://data:image/png;base64,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\";\r\n var data = [20.3, 18.2, 11, 23.4, 29.1, 12, 16, 24];\r\n var nameList = [\r\n \"盐城运维检修部(检修分公司)\",\r\n \"国网响水县供电公司\",\r\n \"国网滨海县供电公司\",\r\n \"国网大丰县供电公司\",\r\n \"国网射阳县供电公司\",\r\n \"国网东台县供电公司\",\r\n \"国网阜宁县供电公司\",\r\n \"国网建湖县供电公司\",\r\n ];\r\n var barWidth = 20;\r\n var maxNum = 0;\r\n for (var i = 0; i < data.length; i++) {\r\n if (data[i] > maxNum) {\r\n maxNum = data[i];\r\n }\r\n }\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo3\"));\r\n var option = {\r\n grid: {\r\n top: \"10%\",\r\n left: \"10%\",\r\n right: \"12%\",\r\n bottom: \"0%\",\r\n },\r\n xAxis: {\r\n show: false,\r\n },\r\n yAxis: [\r\n {\r\n data: data.map((item, index) => `No. ${index}`),\r\n splitLine: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n textStyle: { fontSize: 18, color: \"#30eee9\" },\r\n },\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: false,\r\n },\r\n\r\n {\r\n //名称\r\n type: \"category\",\r\n offset: -10,\r\n position: \"left\",\r\n axisLine: {\r\n show: false,\r\n },\r\n inverse: true,\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n color: [\"#fff\"],\r\n align: \"left\",\r\n verticalAlign: \"bottom\",\r\n lineHeight: 40,\r\n fontSize: 20,\r\n },\r\n data: nameList,\r\n },\r\n ],\r\n series: [\r\n {\r\n type: \"pictorialBar\",\r\n barWidth: barWidth,\r\n zlevel: 2,\r\n data: data.map(function (item) {\r\n return {\r\n value: item,\r\n symbol: bar,\r\n };\r\n }),\r\n },\r\n {\r\n type: \"pictorialBar\",\r\n barWidth: barWidth,\r\n data: data.map(function (item) {\r\n return {\r\n realValue: item,\r\n value: maxNum,\r\n symbol: bg,\r\n };\r\n }),\r\n label: {\r\n show: true,\r\n position: \"right\",\r\n distance: 80,\r\n align: \"right\",\r\n formatter: function (params) {\r\n return params.data.realValue + \" 万\";\r\n },\r\n color: \"#30eee9\",\r\n fontSize: 18,\r\n },\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n barCharts() {\r\n var m2R2Data = [\r\n {\r\n value: 335,\r\n legendname: \"22%\",\r\n name: \"国网大丰市供电公司\",\r\n itemStyle: { color: \"#8d7fec\" },\r\n },\r\n {\r\n value: 310,\r\n legendname: \"22%\",\r\n name: \"盐城运维检修部(检修分公司)\",\r\n itemStyle: { color: \"#5085f2\" },\r\n },\r\n {\r\n value: 234,\r\n legendname: \"22%\",\r\n name: \"国网射阳县供电公司\",\r\n itemStyle: { color: \"#e75fc3\" },\r\n },\r\n {\r\n value: 154,\r\n legendname: \"22%\",\r\n name: \"国网响水县供电公司\",\r\n itemStyle: { color: \"#f87be2\" },\r\n },\r\n {\r\n value: 335,\r\n legendname: \"22%\",\r\n name: \"设备管理部\",\r\n itemStyle: { color: \"#f2719a\" },\r\n },\r\n {\r\n value: 335,\r\n legendname: \"22%\",\r\n name: \"开发区供电服务中心\",\r\n itemStyle: { color: \"#fca4bb\" },\r\n },\r\n ];\r\n var myChart = this.$echarts.init(document.getElementById(\"barCharts\"));\r\n var option = {\r\n title: [\r\n {\r\n text: \"总计\",\r\n subtext: 59.53 + \"万\",\r\n textStyle: {\r\n fontSize: 20,\r\n color: \"#fff\",\r\n },\r\n subtextStyle: {\r\n fontSize: 20,\r\n color: \"yellow\",\r\n },\r\n textAlign: \"center\",\r\n x: \"34.5%\",\r\n y: \"44%\",\r\n },\r\n ],\r\n tooltip: {\r\n trigger: \"item\",\r\n formatter: function (parms) {\r\n var str =\r\n parms.seriesName +\r\n \"</br>\" +\r\n parms.marker +\r\n \"\" +\r\n parms.data.legendname +\r\n \"</br>\" +\r\n \"数量：\" +\r\n parms.data.value +\r\n \"</br>\" +\r\n \"占比：\" +\r\n parms.percent +\r\n \"%\";\r\n return str;\r\n },\r\n },\r\n legend: {\r\n type: \"scroll\",\r\n orient: \"vertical\",\r\n left: \"70%\",\r\n align: \"left\",\r\n top: \"middle\",\r\n textStyle: {\r\n color: \"white\",\r\n fontSize: 16,\r\n },\r\n height: 250,\r\n //格式化图例文本\r\n formatter(name) {\r\n // console.log(option);\r\n let than = option.series[0].data; //获取series中的data\r\n let total = 0;\r\n let tarValue;\r\n for (let i = 0, l = than.length; i < l; i++) {\r\n total += than[i].value;\r\n if (than[i].name == name) {\r\n tarValue = than[i].value;\r\n }\r\n }\r\n let p = (tarValue / total) * 100;\r\n return name;\r\n },\r\n icon: \"roundRect\",\r\n data: [\r\n \"国网大丰市供电公司\",\r\n \"设备管理部\",\r\n \"国网射阳县供电公司\",\r\n \"国网响水县供电公司\",\r\n \"盐城运维检修部(检修分公司)\",\r\n \"开发区供电服务中心\",\r\n ],\r\n },\r\n series: [\r\n {\r\n type: \"pie\",\r\n center: [\"35%\", \"50%\"],\r\n radius: [\"30%\", \"55%\"],\r\n clockwise: false, //饼图的扇区是否是顺时针排布\r\n avoidLabelOverlap: false,\r\n lable: {\r\n normal: {\r\n show: true,\r\n textStyle: {\r\n fontSize: 18,\r\n },\r\n },\r\n emphasis: {\r\n show: true,\r\n },\r\n },\r\n\r\n labelLine: {\r\n normal: {\r\n length: 10, //第一条线\r\n length: 30, //第二条线\r\n lineStyle: {\r\n width: 3, // 线条的宽度\r\n color: \"rgb(86,254,226)\", //线的颜色设置， 如没有设置颜色则线条的颜色跟随饼状图的颜色\r\n },\r\n },\r\n },\r\n\r\n itemStyle: {\r\n normal: {\r\n borderRadius: 10,\r\n borderColor: \"transparent\",\r\n borderWidth: 2,\r\n label: {\r\n show: true,\r\n formatter: \" {d}% \",\r\n fontSize: 20,\r\n color: \"#fff\",\r\n },\r\n },\r\n },\r\n\r\n data: m2R2Data,\r\n },\r\n {\r\n type: \"pie\",\r\n radius: [\"110\", \"111\"],\r\n center: [\"35%\", \"50%\"],\r\n data: [100],\r\n label: {\r\n show: false,\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 detailen() {\r\n var myChart = this.$echarts.init(document.getElementById(\"detailen\"));\r\n var option = {\r\n color: [\r\n \"#1E9BD1\",\r\n \"#A0CE3A\",\r\n \"#31C5C0\",\r\n \"#0F347B\",\r\n \"#585247\",\r\n \"#7F6AAD\",\r\n ],\r\n tooltip: {\r\n trigger: \"item\",\r\n formatter: \"{a} <br/>{b} : {c} ({d}%)\",\r\n },\r\n legend: {\r\n orient: \"vertical\",\r\n top: \"middle\",\r\n right: \"5%\",\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n //格式化图例文本\r\n formatter(name) {\r\n // console.log(option);\r\n let than = option.series[0].data; //获取series中的data\r\n let total = 0;\r\n let tarValue;\r\n for (let i = 0, l = than.length; i < l; i++) {\r\n total += than[i].value;\r\n if (than[i].name == name) {\r\n tarValue = than[i].value;\r\n }\r\n }\r\n let p = (tarValue / total) * 100;\r\n return p.toFixed(2) + \"%\";\r\n },\r\n },\r\n calculable: true,\r\n series: [\r\n {\r\n type: \"pie\",\r\n center: [\"35%\", \"50%\"],\r\n radius: [25, 100],\r\n roseType: \"area\",\r\n labelLine: {\r\n normal: {\r\n length: 30, //第一条线\r\n length: 10, //第二条线\r\n lineStyle: {\r\n width: 3, // 线条的宽度\r\n color: \"rgb(86,254,226)\", //线的颜色设置， 如没有设置颜色则线条的颜色跟随饼状图的颜色\r\n },\r\n },\r\n },\r\n\r\n itemStyle: {\r\n normal: {\r\n label: {\r\n show: true,\r\n fontSize: 20,\r\n color: \"#fff\",\r\n },\r\n },\r\n },\r\n data: [\r\n { value: 21, name: \"国网射阳县供电公司\" },\r\n { value: 20, name: \"设备管理部\" },\r\n { value: 22, name: \"国网大丰市供电公司\" },\r\n { value: 25, name: \"国网响水县供电公司\" },\r\n { value: 20, name: \"盐城运维检修部(检修分公司)\" },\r\n { value: 30, name: \"开发区供电服务中心\" },\r\n ],\r\n },\r\n {\r\n type: \"pie\",\r\n radius: [\"110\", \"111\"],\r\n center: [\"35%\", \"50%\"],\r\n data: [100],\r\n label: {\r\n show: false,\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 },\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 #detailedTwo1 {\r\n width: 100%;\r\n height: 350px;\r\n }\r\n #detailedTwo2 {\r\n width: 100%;\r\n height: 350px;\r\n }\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 #detailedTwo3 {\r\n width: 100%;\r\n height: 70vh;\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/04/mainW.png\") no-repeat;\r\n width: 100%;\r\n height: 17%;\r\n position: relative;\r\n top: 45%;\r\n left: 30%;\r\n .contents {\r\n // height: 90%;\r\n position: absolute;\r\n padding: 10px;\r\n height: 100%;\r\n width: 53%;\r\n display: flex;\r\n flex-direction: row;\r\n /* 平分剩余空间 */\r\n justify-content: space-around;\r\n .lines {\r\n width: 100%;\r\n padding: 10px 0 0 1px;\r\n background: url(\"../assets/index/mainMin.png\") no-repeat;\r\n }\r\n\r\n .total {\r\n .num {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: center;\r\n align-items: left;\r\n color: #ffffff;\r\n span {\r\n font-size: 20px;\r\n }\r\n h5 {\r\n font-size: 34px;\r\n }\r\n .yellow {\r\n padding-top: 30px;\r\n color: yellow;\r\n }\r\n .orange {\r\n padding-top: 30px;\r\n color: orange;\r\n }\r\n .yellows {\r\n padding-top: 20px;\r\n color: yellow;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n .map {\r\n background: url(\"../assets/indexN/map.png\") no-repeat;\r\n vertical-align: middle;\r\n display: table-cell;\r\n text-align: center;\r\n margin-left: -20%;\r\n .allimg {\r\n position: relative;\r\n left: 20.5%;\r\n top: 35%;\r\n }\r\n }\r\n }\r\n\r\n .right {\r\n // width: 604px;\r\n width: 16.8%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n #barCharts {\r\n // width: 100%;\r\n // height: calc(100% - 52px);\r\n width: 90%;\r\n height: calc(100% - 100px);\r\n position: absolute;\r\n }\r\n #detailqe {\r\n width: 100%;\r\n height: 350px;\r\n }\r\n #detailen {\r\n width: 100%;\r\n height: 350px;\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 #detailstop {\r\n width: 100%;\r\n height: 400px;\r\n }\r\n }\r\n}\r\n\r\n// }\r\n</style>\r\n<style lang=\"less\" scoped>\r\n// .el-popper {\r\n// top: 50%;\r\n// }\r\n\r\n/deep/ .popper__arrow {\r\n left: 171px !important;\r\n top: 95px !important;\r\n}\r\n\r\n/deep/ .el-select-dropdown {\r\n background-color: rgb(14, 30, 46) !important;\r\n border: 1px solid rgba(45, 143, 148, 0.5) !important;\r\n\r\n /deep/ .el-select-dropdown__item {\r\n color: #fff !important;\r\n }\r\n\r\n /deep/ .el-select-dropdown__item.hover,\r\n /deep/ .el-select-dropdown__item:hover {\r\n background-color: rgb(18, 54, 87) !important;\r\n }\r\n}\r\n\r\n/deep/ .el-popper[x-placement^=\"bottom\"] {\r\n margin-top: -146px !important;\r\n}\r\n\r\n/**\r\n表格有滚动效果但是不显示滚动条\r\n*/\r\n</style>\r\n<style lang=\"less\">\r\n.el-table .rowColor0 {\r\n background: red !important;\r\n animation: fade 2000ms infinite ease-in-out;\r\n}\r\n\r\n@keyframes fade {\r\n from {\r\n opacity: 1;\r\n }\r\n\r\n 50% {\r\n opacity: 0.6;\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n }\r\n}\r\n\r\n// .el-pager li:hover{\r\n// color:black\r\n// }\r\n.cartitle {\r\n height: 52px;\r\n width: 100%;\r\n // background: url(\"../assets/images/carTitle.png\") no-repeat;\r\n font-size: 24px;\r\n font-weight: 600;\r\n color: #ffffff;\r\n line-height: 52px;\r\n // text-align: left;\r\n text-indent: 26px;\r\n}\r\n.titleFont {\r\n color: transparent;\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n background-image: linear-gradient(\r\n to bottom,\r\n rgb(255, 255, 255),\r\n rgb(123, 247, 245)\r\n );\r\n img {\r\n margin: 20px;\r\n }\r\n}\r\n.content {\r\n padding: 24px 31px 0 31px;\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n\r\n .line {\r\n width: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n table {\r\n thead {\r\n font-size: 22px !important;\r\n height: 50px;\r\n background: url(\"../assets/02/bgbth.png\") no-repeat;\r\n }\r\n tbody {\r\n tr {\r\n height: 50px;\r\n font-size: 18px !important;\r\n color: #fff;\r\n background: url(\"../assets/02/bgqth.png\") no-repeat;\r\n }\r\n }\r\n }\r\n\r\n .total {\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-around;\r\n margin-bottom: 15%;\r\n\r\n .num {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: center;\r\n align-items: center;\r\n color: #ffffff;\r\n\r\n .numText {\r\n color: #ffffff;\r\n }\r\n\r\n .numText:before {\r\n content: attr(text);\r\n position: absolute;\r\n z-index: 10;\r\n color: rgb(86, 254, 246) !important;\r\n -webkit-mask: linear-gradient(to top, rgb(86, 244, 254), transparent);\r\n }\r\n }\r\n }\r\n\r\n .info {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n\r\n .lists {\r\n width: 100%;\r\n height: 32px;\r\n background: url(\"../assets/images/cardSquare.png\") no-repeat;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n align-items: center;\r\n background-size: 100% 100%;\r\n margin-bottom: 9%;\r\n padding: 0 10px 0 0;\r\n box-sizing: border-box;\r\n\r\n & > div {\r\n font-size: 18px;\r\n color: #ffffff;\r\n }\r\n\r\n .number {\r\n color: rgb(86, 254, 226);\r\n }\r\n }\r\n }\r\n }\r\n}\r\n.two {\r\n background: url(\"../assets/indexN/boxLr.png\") no-repeat;\r\n background-size: 100% 100%;\r\n position: relative;\r\n}\r\n.one {\r\n background: url(\"../assets/02/bgk.png\") no-repeat;\r\n background-size: 100% 100%;\r\n position: relative;\r\n\r\n .unityBtn {\r\n position: absolute;\r\n top: 40px;\r\n left: 30%;\r\n width: 40%;\r\n display: flex;\r\n justify-content: space-between;\r\n\r\n .btn {\r\n width: 100%;\r\n height: 38px;\r\n color: #fff;\r\n font-size: 18px;\r\n line-height: 38px;\r\n background: url(\"../assets/images/btnAct.png\") no-repeat;\r\n background-size: 100% 100%;\r\n margin-bottom: 10px;\r\n margin-right: 15px;\r\n }\r\n\r\n .btnAct {\r\n color: rgb(244, 201, 7);\r\n background: url(\"../assets/images/unityBtn.png\") no-repeat;\r\n background-size: 100% 100%;\r\n margin-right: 15px;\r\n }\r\n }\r\n\r\n .unityIcon {\r\n background: url(\"../assets/images/iconCard.png\") no-repeat;\r\n background-size: 100% 100%;\r\n width: 110px;\r\n height: 168px;\r\n position: absolute;\r\n right: 40px;\r\n bottom: 80px;\r\n display: flex;\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n flex-direction: column;\r\n justify-content: space-around;\r\n align-items: center;\r\n\r\n .unityIconGround {\r\n width: 80%;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n }\r\n\r\n .unityEnlargeBtn {\r\n width: 100px;\r\n display: flex;\r\n justify-content: space-around;\r\n position: absolute;\r\n right: 40px;\r\n top: 40px;\r\n\r\n .content {\r\n width: 38px;\r\n height: 36px;\r\n background: url(\"../assets/images/btnkuang.png\") no-repeat !important;\r\n background-size: 100% 100% !important;\r\n }\r\n }\r\n\r\n .unitySelect {\r\n position: absolute;\r\n left: 40px;\r\n width: 222px;\r\n height: 5%;\r\n bottom: 20px;\r\n display: flex;\r\n align-items: center;\r\n\r\n .unitySuosou {\r\n width: 57px;\r\n height: 53px;\r\n background: url(\"../assets/images/sousuoKuang.png\") no-repeat;\r\n background-size: 100% 100%;\r\n }\r\n }\r\n}\r\n</style>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/e0abb0ab2b39317d204db5d1be05cdd6.json b/node_modules/.cache/vue-loader/e0abb0ab2b39317d204db5d1be05cdd6.json
index 4c2b04d1..b526d8a1 100644
--- a/node_modules/.cache/vue-loader/e0abb0ab2b39317d204db5d1be05cdd6.json
+++ b/node_modules/.cache/vue-loader/e0abb0ab2b39317d204db5d1be05cdd6.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\App.vue?vue&type=style&index=0&id=7ba5bd90&lang=css&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\App.vue","mtime":1689921115690},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1655715156000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["\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 {{this.$moment().format(\"YYYY.MM.DD\")}} {{nowDate}} | {{week}}\r\n </div>\r\n \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=\"weather\">\r\n <div class=\"pic\">\r\n <img src=\"./assets/images/union.png\" alt=\"\" style=\"height: 100%; width: 100%\" />\r\n </div>\r\n <span>阴转多云</span>|\r\n <span style=\"font-size: 24px; color:#0B4A6B\">25℃~30℃</span>|\r\n <span style=\"font-size: 24px; margin-top: 3px\">东风3~4级</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: 30%;\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: 10px;\r\n color: #ffffff;\r\n // line-height: 97px;\r\n padding-left: 86px;\r\n text-align: left;\r\n display: flex;\r\n margin-left: 1%;\r\n margin-top: 0.5%;\r\n box-sizing: border-box;\r\n .time {\r\n height: 100%;\r\n color: #ffffff;\r\n font-size: 22px;\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 color: #ffffff;\r\n font-size: 22px;\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 font-size: 44px;\r\n font-weight: 700;\r\n letter-spacing: 10px;\r\n margin-right: 1%;\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 color: #ffffff;\r\n font-size: 22px;\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
+{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\App.vue?vue&type=style&index=0&id=7ba5bd90&lang=css&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\App.vue","mtime":1689927995523},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1655715156000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["\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":";AAsWA;;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 {{this.$moment().format(\"YYYY.MM.DD\")}} {{nowDate}} | {{week}}\r\n </div>\r\n \r\n </div>\r\n <div class=\"middle\">\r\n <div class=\"box\">\r\n \r\n <img :src=\"middleImg\" alt=\"\" ref=\"switchBtn\" /> \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=\"weather\">\r\n <div v-if=\"backShow\" @click=\"backBtn\">\r\n <img src=\"./assets/indexN/back.png\" alt=\"\" style=\"height: 100%; width: 100%\" /> \r\n </div>\r\n <div class=\"pic\">\r\n <img src=\"./assets/images/union.png\" alt=\"\" style=\"height: 100%; width: 100%\" />\r\n </div>\r\n <span>阴转多云</span>|\r\n <span style=\"font-size: 24px; color:#0B4A6B\">25℃~30℃</span>|\r\n <span style=\"font-size: 24px; margin-top: 3px\">东风3~4级</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></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 backShow: false,\r\n routerTitle: [\"实时监测\", \"安全管控\", \"站房智辅\"],\r\n routerActive: 0,\r\n middleImg:require(\"./assets/indexN/titleText.png\"),\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 this.getLoc()\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 window.getLoc = this.getLoc;\r\n },\r\n\r\n methods: {\r\n getLoc(){\r\n var curWwwPath=window.document.location.href;\r\n console.log(\"curWwwPath\",curWwwPath)\r\n let paramArr = curWwwPath.split('/');\r\n let ele = paramArr.pop();\r\n console.log(\"ele\",ele)\r\n if(ele=='index'){\r\n this.backShow = false\r\n this.middleImg = require(\"./assets/indexN/titleText.png\")\r\n this.$refs.switchBtn.style.height = \"79%\";\r\n this.$refs.switchBtn.style.width = \"85%\";\r\n }else if(ele =='stationBuilding'){\r\n this.middleImg = require(\"./assets/title/02.png\"),\r\n this.backShow = true \r\n this.$refs.switchBtn.style.height = \"72%\";\r\n this.$refs.switchBtn.style.width = \"36%\";\r\n }else if(ele =='twentyKV'){\r\n this.middleImg = require(\"./assets/title/03.png\"),\r\n this.backShow = true \r\n this.$refs.switchBtn.style.height = \"79%\";\r\n this.$refs.switchBtn.style.width = \"85%\";\r\n }else if(ele =='thirtyFiveKV'){\r\n this.middleImg = require(\"./assets/title/04.png\"),\r\n this.backShow = true \r\n this.$refs.switchBtn.style.height = \"79%\";\r\n this.$refs.switchBtn.style.width = \"85%\";\r\n }else if(ele =='powerQualityControl'){\r\n this.middleImg = require(\"./assets/title/05.png\"),\r\n this.backShow = true \r\n this.$refs.switchBtn.style.height = \"79%\";\r\n this.$refs.switchBtn.style.width = \"85%\";\r\n }else if(ele =='ruralRevitalizationPower'){\r\n this.middleImg = require(\"./assets/title/07.png\"),\r\n this.backShow = true \r\n this.$refs.switchBtn.style.height = \"79%\";\r\n this.$refs.switchBtn.style.width = \"85%\";\r\n }else if(ele =='enterprisePollutionMonitoring'){\r\n this.middleImg = require(\"./assets/title/08.png\"),\r\n this.backShow = true \r\n this.$refs.switchBtn.style.height = \"79%\";\r\n this.$refs.switchBtn.style.width = \"85%\";\r\n }else if(ele =='ruralDomesticSewageTreatment'){\r\n this.middleImg = require(\"./assets/title/07.png\"),\r\n this.backShow = true \r\n this.$refs.switchBtn.style.height = \"79%\";\r\n this.$refs.switchBtn.style.width = \"85%\";\r\n }else if(ele =='digitalFloodDrainageDroughtRelief'){\r\n this.middleImg = require(\"./assets/title/09.png\"),\r\n this.backShow = true \r\n this.$refs.switchBtn.style.height = \"79%\";\r\n this.$refs.switchBtn.style.width = \"85%\";\r\n }\r\n \r\n },\r\n backBtn(){\r\n this.$router.push(\"/index\");\r\n },\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: 30%;\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: 10px;\r\n color: #ffffff;\r\n // line-height: 97px;\r\n padding-left: 86px;\r\n text-align: left;\r\n display: flex;\r\n margin-left: 1%;\r\n margin-top: 0.5%;\r\n box-sizing: border-box;\r\n .time {\r\n height: 100%;\r\n color: #ffffff;\r\n font-size: 22px;\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 color: #ffffff;\r\n font-size: 22px;\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 font-size: 44px;\r\n font-weight: 700;\r\n letter-spacing: 10px;\r\n margin-right: 1%;\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 color: #ffffff;\r\n font-size: 22px;\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/e4ae733c275c8550953dfb26e2d9991c.json b/node_modules/.cache/vue-loader/e4ae733c275c8550953dfb26e2d9991c.json
index d7745a46..bdbe7148 100644
--- a/node_modules/.cache/vue-loader/e4ae733c275c8550953dfb26e2d9991c.json
+++ b/node_modules/.cache/vue-loader/e4ae733c275c8550953dfb26e2d9991c.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--12-0!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??ref--6!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\App.vue?vue&type=template&id=7ba5bd90&scoped=true&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\App.vue","mtime":1689921115690},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\babel.config.js","mtime":1689557787923},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1655712169000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["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 }, [_vm._v(\"\\n \" + _vm._s(this.$moment().format(\"YYYY.MM.DD\")) + \" \" + _vm._s(_vm.nowDate) + \" | \" + _vm._s(_vm.week) + \"\\n \")])]), _vm._m(0), _vm._m(1)]), _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}, function () {\n var _vm = this,\n _c = _vm._self._c;\n return _c(\"div\", {\n staticClass: \"right\"\n }, [_c(\"div\", {\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: require(\"./assets/images/union.png\"),\n alt: \"\"\n }\n })]), _c(\"span\", [_vm._v(\"阴转多云\")]), _vm._v(\"|\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"24px\",\n color: \"#0B4A6B\"\n }\n }, [_vm._v(\"25℃~30℃\")]), _vm._v(\"|\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"24px\",\n \"margin-top\": \"3px\"\n }\n }, [_vm._v(\"东风3~4级\")])])]);\n}];\nrender._withStripped = true;\nexport { render, staticRenderFns };",{"version":3,"names":["render","_vm","_c","_self","attrs","id","staticClass","_v","_s","$moment","format","nowDate","week","_m","staticRenderFns","staticStyle","height","width","src","require","alt","color","_withStripped"],"sources":["D:/林谷智能项目/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 _vm._v(\n \"\\n \" +\n _vm._s(this.$moment().format(\"YYYY.MM.DD\")) +\n \" \" +\n _vm._s(_vm.nowDate) +\n \" | \" +\n _vm._s(_vm.week) +\n \"\\n \"\n ),\n ]),\n ]),\n _vm._m(0),\n _vm._m(1),\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 function () {\n var _vm = this,\n _c = _vm._self._c\n return _c(\"div\", { staticClass: \"right\" }, [\n _c(\"div\", { staticClass: \"weather\" }, [\n _c(\"div\", { staticClass: \"pic\" }, [\n _c(\"img\", {\n staticStyle: { height: \"100%\", width: \"100%\" },\n attrs: { src: require(\"./assets/images/union.png\"), alt: \"\" },\n }),\n ]),\n _c(\"span\", [_vm._v(\"阴转多云\")]),\n _vm._v(\"|\\n \"),\n _c(\"span\", { staticStyle: { \"font-size\": \"24px\", color: \"#0B4A6B\" } }, [\n _vm._v(\"25℃~30℃\"),\n ]),\n _vm._v(\"|\\n \"),\n _c(\n \"span\",\n { staticStyle: { \"font-size\": \"24px\", \"margin-top\": \"3px\" } },\n [_vm._v(\"东风3~4级\")]\n ),\n ]),\n ])\n },\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }"],"mappings":"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"}]}
\ No newline at end of file
+{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--12-0!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??ref--6!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\App.vue?vue&type=template&id=7ba5bd90&scoped=true&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\App.vue","mtime":1689927995523},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\babel.config.js","mtime":1689557787923},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1655712169000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["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 }, [_vm._v(\"\\n \" + _vm._s(this.$moment().format(\"YYYY.MM.DD\")) + \" \" + _vm._s(_vm.nowDate) + \" | \" + _vm._s(_vm.week) + \"\\n \")])]), _c(\"div\", {\n staticClass: \"middle\"\n }, [_c(\"div\", {\n staticClass: \"box\"\n }, [_c(\"img\", {\n ref: \"switchBtn\",\n attrs: {\n src: _vm.middleImg,\n alt: \"\"\n }\n })])]), _c(\"div\", {\n staticClass: \"right\"\n }, [_c(\"div\", {\n staticClass: \"weather\"\n }, [_vm.backShow ? _c(\"div\", {\n on: {\n click: _vm.backBtn\n }\n }, [_c(\"img\", {\n staticStyle: {\n height: \"100%\",\n width: \"100%\"\n },\n attrs: {\n src: require(\"./assets/indexN/back.png\"),\n alt: \"\"\n }\n })]) : _vm._e(), _vm._m(0), _c(\"span\", [_vm._v(\"阴转多云\")]), _vm._v(\"|\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"24px\",\n color: \"#0B4A6B\"\n }\n }, [_vm._v(\"25℃~30℃\")]), _vm._v(\"|\\n \"), _c(\"span\", {\n staticStyle: {\n \"font-size\": \"24px\",\n \"margin-top\": \"3px\"\n }\n }, [_vm._v(\"东风3~4级\")])])])]), _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: \"pic\"\n }, [_c(\"img\", {\n staticStyle: {\n height: \"100%\",\n width: \"100%\"\n },\n attrs: {\n src: require(\"./assets/images/union.png\"),\n alt: \"\"\n }\n })]);\n}];\nrender._withStripped = true;\nexport { render, staticRenderFns };",{"version":3,"names":["render","_vm","_c","_self","attrs","id","staticClass","_v","_s","$moment","format","nowDate","week","ref","src","middleImg","alt","backShow","on","click","backBtn","staticStyle","height","width","require","_e","_m","color","staticRenderFns","_withStripped"],"sources":["D:/林谷智能项目/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 _vm._v(\n \"\\n \" +\n _vm._s(this.$moment().format(\"YYYY.MM.DD\")) +\n \" \" +\n _vm._s(_vm.nowDate) +\n \" | \" +\n _vm._s(_vm.week) +\n \"\\n \"\n ),\n ]),\n ]),\n _c(\"div\", { staticClass: \"middle\" }, [\n _c(\"div\", { staticClass: \"box\" }, [\n _c(\"img\", {\n ref: \"switchBtn\",\n attrs: { src: _vm.middleImg, alt: \"\" },\n }),\n ]),\n ]),\n _c(\"div\", { staticClass: \"right\" }, [\n _c(\"div\", { staticClass: \"weather\" }, [\n _vm.backShow\n ? _c(\"div\", { on: { click: _vm.backBtn } }, [\n _c(\"img\", {\n staticStyle: { height: \"100%\", width: \"100%\" },\n attrs: { src: require(\"./assets/indexN/back.png\"), alt: \"\" },\n }),\n ])\n : _vm._e(),\n _vm._m(0),\n _c(\"span\", [_vm._v(\"阴转多云\")]),\n _vm._v(\"|\\n \"),\n _c(\n \"span\",\n { staticStyle: { \"font-size\": \"24px\", color: \"#0B4A6B\" } },\n [_vm._v(\"25℃~30℃\")]\n ),\n _vm._v(\"|\\n \"),\n _c(\n \"span\",\n { staticStyle: { \"font-size\": \"24px\", \"margin-top\": \"3px\" } },\n [_vm._v(\"东风3~4级\")]\n ),\n ]),\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: \"pic\" }, [\n _c(\"img\", {\n staticStyle: { height: \"100%\", width: \"100%\" },\n attrs: { src: require(\"./assets/images/union.png\"), alt: \"\" },\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/e8ba573a52c13b3f219b12abc7cfde8d.json b/node_modules/.cache/vue-loader/e8ba573a52c13b3f219b12abc7cfde8d.json
index fc5ce5ee..76bac3bf 100644
--- a/node_modules/.cache/vue-loader/e8ba573a52c13b3f219b12abc7cfde8d.json
+++ b/node_modules/.cache/vue-loader/e8ba573a52c13b3f219b12abc7cfde8d.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\twentyKV.vue?vue&type=style&index=0&id=e9df6994&lang=less&scoped=true&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\twentyKV.vue","mtime":1689921115709},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1655715156000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\less-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["\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 #detailedTwo1 {\r\n width: 100%;\r\n height: 350px;\r\n }\r\n #detailedTwo2 {\r\n width: 100%;\r\n height: 350px;\r\n }\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 #detailedTwo3 {\r\n width: 100%;\r\n height: 500px;\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/indexN/midzsj.png\") no-repeat;\r\n width: 100%;\r\n height: 17%;\r\n position: relative;\r\n top: 45%;\r\n left: 25%;\r\n .contents {\r\n // height: 90%;\r\n position: absolute;\r\n padding: 10px;\r\n height: 100%;\r\n display: flex;\r\n flex-direction: row;\r\n /* 平分剩余空间 */\r\n justify-content: space-around;\r\n .lines {\r\n width: 100%;\r\n margin: 0 1px;\r\n background: url(\"../assets/index/mainMin.png\") no-repeat;\r\n }\r\n\r\n .total {\r\n .num {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: center;\r\n align-items: left;\r\n color: #ffffff;\r\n h5 {\r\n font-size: 36px;\r\n }\r\n .yellow {\r\n padding-top: 30px;\r\n color: yellow;\r\n }\r\n .orange {\r\n padding-top: 30px;\r\n color: orange;\r\n }\r\n .yellows {\r\n padding-top: 20px;\r\n color: yellow;\r\n }\r\n .oranges {\r\n padding-top: 20px;\r\n color: orange;\r\n }\r\n span {\r\n float: left;\r\n font-size: 16px;\r\n vertical-align: bottom;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n .map {\r\n background: url(\"../assets/indexN/map.png\") no-repeat;\r\n vertical-align: middle;\r\n display: table-cell;\r\n text-align: center;\r\n margin-left: -20%;\r\n .allimg {\r\n position: relative;\r\n left: 20.5%;\r\n top: 35%;\r\n }\r\n }\r\n }\r\n\r\n .right {\r\n // width: 604px;\r\n width: 16.8%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n #detailqe {\r\n width: 100%;\r\n height: 350px;\r\n }\r\n #detailen {\r\n width: 100%;\r\n height: 350px;\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 #detailstop {\r\n width: 100%;\r\n height: 400px;\r\n }\r\n }\r\n}\r\n\r\n// }\r\n",{"version":3,"sources":["twentyKV.vue"],"names":[],"mappings":";AAi4BA;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;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;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;;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;AACA;AACA;AACA;AACA;;AAEA","file":"twentyKV.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n <div class=\"home\">\r\n <div class=\"left\" id=\"left\">\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>园区供电所居民用户异常月电量</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div id=\"detailedTwo1\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>园区供电所居民用户月电量</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div id=\"detailedTwo2\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"left1\" id=\"left\">\r\n <div class=\"one\" style=\"height: 100%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>60天内台区掉电客户数TOP10</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div id=\"detailedTwo3\"></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 <img class=\"allimg\" src=\"../assets/indexN/dfsxz.png\" alt=\"\" />\r\n <div class=\"imgboxone\">\r\n <div class=\"contents\">\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <div style=\"display: inline-block\">\r\n <img\r\n style=\"float: left\"\r\n src=\"../assets/index/mainTb1.png\"\r\n alt=\"\"\r\n />\r\n <span\r\n > 台区总数</span\r\n >\r\n </div>\r\n <h5 class=\"yellow\">679</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 <div style=\"display: inherit\">\r\n <img\r\n style=\"float: left; height: 30px; width: 30px\"\r\n src=\"../assets/index/mainTb2.png\"\r\n alt=\"\"\r\n />\r\n <span>近60天内发生过停电的配变数</span>\r\n </div>\r\n\r\n <h5 class=\"oranges\">234</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 <div style=\"display: inherit\">\r\n <img\r\n style=\"float: left; height: 30px; width: 30px\"\r\n src=\"../assets/index/mainTb1.png\"\r\n alt=\"\"\r\n />\r\n <span>近60天三相不平衡台区数</span>\r\n </div>\r\n\r\n <h5 class=\"yellow\">0</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 <div style=\"display: inherit\">\r\n <img\r\n style=\"float: left; height: 30px; width: 30px\"\r\n src=\"../assets/index/mainTb2.png\"\r\n alt=\"\"\r\n />\r\n <span>近一周线损异常台区数</span>\r\n </div>\r\n\r\n <h5 class=\"orange\">0</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 <div style=\"display: inherit\">\r\n <img\r\n style=\"float: left; height: 30px; width: 30px\"\r\n src=\"../assets/index/mainTb1.png\"\r\n alt=\"\"\r\n />\r\n <span>近60天内发生过停电的中压线路数</span>\r\n </div>\r\n\r\n <h5 class=\"yellows\">0</h5>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"right\" id=\"right\">\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>月合格率波动图</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div id=\"detailqe\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>日合格率波动图</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div 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=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>进60天配变停电时间分析</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <table>\r\n <thead style=\"color: #fff; font-size: 30px\">\r\n <tr>\r\n <td>序号</td>\r\n <td>配变名称</td>\r\n <td>所属电路</td>\r\n <td>停电次数</td>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <tr v-for=\"(item, index) in pvTable\" :key=\"index\">\r\n <td>{{ item.id }}</td>\r\n <td>{{ item.name }}</td>\r\n <td>{{ item.stationNumber }}</td>\r\n <td class=\"titleFont\">{{ item.alternatorNumber }}</td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>近60天频繁停电配变</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div id=\"detailstop\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <audio\r\n controls=\"controls\"\r\n hidden\r\n src=\"../assets/videos/police.wav\"\r\n ref=\"audio\"\r\n ></audio>\r\n </div>\r\n</template>\r\n\r\n<script>\r\n//引入echarts\r\nimport * as echarts from \"echarts\";\r\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: \"twentyKV\",\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: \"10#变压器\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"1\",\r\n },\r\n {\r\n id: 2,\r\n name: \"10#变压器\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"1\",\r\n },\r\n {\r\n id: 3,\r\n name: \"10#变压器\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"1\",\r\n },\r\n {\r\n id: 4,\r\n name: \"10#变压器\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"2\",\r\n },\r\n {\r\n id: 5,\r\n name: \"10#变压器\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"2\",\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.detailedTwo33();\r\n this.detailqe1();\r\n this.detailen1();\r\n this.detailstop();\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 tooltip: {\r\n show: true,\r\n trigger: \"item\",\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n data: [\"月用电变化率\", \"社会整体月变化率\"],\r\n },\r\n },\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: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: fontColor,\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 \"高进军1\",\r\n \"高进军2\",\r\n \"高进军3\",\r\n \"高进军4\",\r\n \"高进军5\",\r\n \"高进军6\",\r\n \"高进军7\",\r\n ],\r\n },\r\n yAxis: {\r\n type: \"value\",\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n series: [\r\n {\r\n name: \"月用电变化率\",\r\n type: \"line\",\r\n stack: \"Total\",\r\n smooth: true,\r\n symbol: \"none\",\r\n data: [120, 132, 101, 134, 90, 230, 210],\r\n itemStyle: {\r\n normal: {\r\n color: \"yellow\",\r\n lineStyle: {\r\n color: \"yellow\",\r\n },\r\n },\r\n },\r\n },\r\n {\r\n name: \"社会整体月变化率\",\r\n type: \"line\",\r\n smooth: true,\r\n stack: \"Total\",\r\n symbol: \"none\",\r\n data: [220, 182, 191, 234, 290, 330, 310],\r\n itemStyle: {\r\n normal: {\r\n color: \"rgba(0,212,199,1)\",\r\n lineStyle: {\r\n color: \"rgba(0,212,199,1)\",\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 detailedTwo22() {\r\n var fontColor = \"#30eee9\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo2\"));\r\n var option = {\r\n tooltip: {\r\n show: true,\r\n trigger: \"item\",\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n data: [\"本月用电总量\"],\r\n },\r\n },\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: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: \"#fff\",\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 \"高进军1\",\r\n \"高进军2\",\r\n \"高进军3\",\r\n \"高进军4\",\r\n \"高进军5\",\r\n \"高进军6\",\r\n \"高进军7\",\r\n ],\r\n },\r\n yAxis: {\r\n type: \"value\",\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n series: [\r\n {\r\n name: \"本月用电总量\",\r\n type: \"line\",\r\n stack: \"Total\",\r\n smooth: true,\r\n symbol: \"none\",\r\n data: [120, 132, 101, 134, 90, 230, 210],\r\n itemStyle: {\r\n normal: {\r\n color: \"yellow\",\r\n lineStyle: {\r\n color: \"yellow\",\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 detailedTwo33() {\r\n var bg =\r\n \"image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARYAAAAUCAMAAAB/LOLCAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAD9QTFRFAABwAAAAAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwrxv9agAAABV0Uk5T/wA1p053q7yaZs0QRIlVJ++IId4ydKfDYQAAAFtJREFUeJzt0McNwDAQwLBzutPb/rMG/gbawOIIjCQQqYtoqxYxckv1BlvQZAvabEG9LSjbgnZb0GoLOV9byHPbQubFFjLaggZb0GQLumxBvS0ol5aj0U9pEfgA+DsJLXE1TzAAAAAASUVORK5CYII=\";\r\n var bar =\r\n \"image://data:image/png;base64,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\";\r\n var data = [20.3, 18.2, 11, 23.4, 29.1, 12, 16, 24];\r\n var barWidth = 20;\r\n var maxNum = 0;\r\n for (var i = 0; i < data.length; i++) {\r\n if (data[i] > maxNum) {\r\n maxNum = data[i];\r\n }\r\n }\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo3\"));\r\n var option = {\r\n grid: {\r\n top: \"10%\",\r\n left: \"10%\",\r\n right: \"12%\",\r\n bottom: \"0%\",\r\n },\r\n xAxis: {\r\n show: false,\r\n },\r\n yAxis: {\r\n data: data.map((item, index) => `No. ${index}`),\r\n splitLine: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n textStyle: { fontSize: 18, color: \"#02afff\" },\r\n },\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: false,\r\n },\r\n series: [\r\n {\r\n type: \"pictorialBar\",\r\n barWidth: barWidth,\r\n zlevel: 2,\r\n data: data.map(function (item) {\r\n return {\r\n value: item,\r\n symbol: bar,\r\n };\r\n }),\r\n },\r\n {\r\n type: \"pictorialBar\",\r\n barWidth: barWidth,\r\n data: data.map(function (item) {\r\n return {\r\n realValue: item,\r\n value: maxNum,\r\n symbol: bg,\r\n };\r\n }),\r\n label: {\r\n show: true,\r\n position: \"right\",\r\n distance: 80,\r\n align: \"right\",\r\n formatter: function (params) {\r\n return params.data.realValue + \" 万\";\r\n },\r\n color: \"#02afff\",\r\n fontSize: 18,\r\n },\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailqe1() {\r\n var fontColor = \"#fff\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailqe\"));\r\n var option = {\r\n tooltip: {\r\n show: true,\r\n trigger: \"item\",\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n data: [\"电压合格率\"],\r\n },\r\n },\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: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: \"#fff\",\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 \"202111\",\r\n \"202201\",\r\n \"202203\",\r\n \"202205\",\r\n \"202207\",\r\n \"202209\",\r\n \"202211\",\r\n ],\r\n },\r\n yAxis: {\r\n type: \"value\",\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n series: [\r\n {\r\n name: \"电压合格率\",\r\n type: \"line\",\r\n stack: \"Total\",\r\n smooth: true,\r\n symbol: \"none\",\r\n data: [120, 132, 101, 134, 90, 230, 210],\r\n itemStyle: {\r\n normal: {\r\n color: \"yellow\",\r\n lineStyle: {\r\n color: \"yellow\",\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 show: true,\r\n trigger: \"item\",\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n data: [\"电压合格率\"],\r\n },\r\n },\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: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: \"#fff\",\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: [\"05-05\", \"05-06\", \"05-07\", \"05-08\"],\r\n },\r\n yAxis: {\r\n type: \"value\",\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n series: [\r\n {\r\n name: \"电压合格率\",\r\n type: \"line\",\r\n stack: \"Total\",\r\n smooth: true,\r\n symbol: \"none\",\r\n data: [120, 132, 101, 134],\r\n itemStyle: {\r\n normal: {\r\n color: \"rgba(0,212,199,1)\",\r\n lineStyle: {\r\n color: \"rgba(0,212,199,1)\",\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 detailstop() {\r\n var myChart = this.$echarts.init(document.getElementById(\"detailstop\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n },\r\n\r\n data: [\"配变名称\"],\r\n },\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n data: [\r\n \"钱南1配变\",\r\n \"钱南2配变\",\r\n \"钱南3配变\",\r\n \"钱南4配变\",\r\n \"钱南5配变\",\r\n ],\r\n axisLabel: {\r\n show: true,\r\n textStyle: {\r\n color: \"#ffffff\",\r\n },\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"\",\r\n axisLabel: {\r\n textStyle: {\r\n color: \"#ffffff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"配变名称\",\r\n type: \"bar\",\r\n barWidth: 40, // 柱子宽度核心代码\r\n itemStyle: {\r\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n { offset: 1, color: \"rgba(86,254,226,.2) \" },\r\n { offset: 0.5, color: \"rgb(86,254,226,.6)\" },\r\n { offset: 0, color: \"rgb(86,254,226)\" },\r\n ]),\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n data: [320, 332, 301, 334, 390],\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n },\r\n 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 #detailedTwo1 {\r\n width: 100%;\r\n height: 350px;\r\n }\r\n #detailedTwo2 {\r\n width: 100%;\r\n height: 350px;\r\n }\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 #detailedTwo3 {\r\n width: 100%;\r\n height: 500px;\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/indexN/midzsj.png\") no-repeat;\r\n width: 100%;\r\n height: 17%;\r\n position: relative;\r\n top: 45%;\r\n left: 25%;\r\n .contents {\r\n // height: 90%;\r\n position: absolute;\r\n padding: 10px;\r\n height: 100%;\r\n display: flex;\r\n flex-direction: row;\r\n /* 平分剩余空间 */\r\n justify-content: space-around;\r\n .lines {\r\n width: 100%;\r\n margin: 0 1px;\r\n background: url(\"../assets/index/mainMin.png\") no-repeat;\r\n }\r\n\r\n .total {\r\n .num {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: center;\r\n align-items: left;\r\n color: #ffffff;\r\n h5 {\r\n font-size: 36px;\r\n }\r\n .yellow {\r\n padding-top: 30px;\r\n color: yellow;\r\n }\r\n .orange {\r\n padding-top: 30px;\r\n color: orange;\r\n }\r\n .yellows {\r\n padding-top: 20px;\r\n color: yellow;\r\n }\r\n .oranges {\r\n padding-top: 20px;\r\n color: orange;\r\n }\r\n span {\r\n float: left;\r\n font-size: 16px;\r\n vertical-align: bottom;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n .map {\r\n background: url(\"../assets/indexN/map.png\") no-repeat;\r\n vertical-align: middle;\r\n display: table-cell;\r\n text-align: center;\r\n margin-left: -20%;\r\n .allimg {\r\n position: relative;\r\n left: 20.5%;\r\n top: 35%;\r\n }\r\n }\r\n }\r\n\r\n .right {\r\n // width: 604px;\r\n width: 16.8%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n #detailqe {\r\n width: 100%;\r\n height: 350px;\r\n }\r\n #detailen {\r\n width: 100%;\r\n height: 350px;\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 #detailstop {\r\n width: 100%;\r\n height: 400px;\r\n }\r\n }\r\n}\r\n\r\n// }\r\n</style>\r\n<style lang=\"less\" scoped>\r\n// .el-popper {\r\n// top: 50%;\r\n// }\r\n\r\n/deep/ .popper__arrow {\r\n left: 171px !important;\r\n top: 95px !important;\r\n}\r\n\r\n/deep/ .el-select-dropdown {\r\n background-color: rgb(14, 30, 46) !important;\r\n border: 1px solid rgba(45, 143, 148, 0.5) !important;\r\n\r\n /deep/ .el-select-dropdown__item {\r\n color: #fff !important;\r\n }\r\n\r\n /deep/ .el-select-dropdown__item.hover,\r\n /deep/ .el-select-dropdown__item:hover {\r\n background-color: rgb(18, 54, 87) !important;\r\n }\r\n}\r\n\r\n/deep/ .el-popper[x-placement^=\"bottom\"] {\r\n margin-top: -146px !important;\r\n}\r\n\r\n/**\r\n表格有滚动效果但是不显示滚动条\r\n*/\r\n</style>\r\n<style lang=\"less\">\r\n.el-table .rowColor0 {\r\n background: red !important;\r\n animation: fade 2000ms infinite ease-in-out;\r\n}\r\n\r\n@keyframes fade {\r\n from {\r\n opacity: 1;\r\n }\r\n\r\n 50% {\r\n opacity: 0.6;\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n }\r\n}\r\n\r\n// .el-pager li:hover{\r\n// color:black\r\n// }\r\n.cartitle {\r\n height: 52px;\r\n width: 100%;\r\n // background: url(\"../assets/images/carTitle.png\") no-repeat;\r\n font-size: 24px;\r\n font-weight: 600;\r\n color: #ffffff;\r\n line-height: 52px;\r\n // text-align: left;\r\n text-indent: 26px;\r\n}\r\n.titleFont {\r\n color: transparent;\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n background-image: linear-gradient(\r\n to bottom,\r\n rgb(255, 255, 255),\r\n rgb(123, 247, 245)\r\n );\r\n img {\r\n margin: 20px;\r\n }\r\n}\r\n.content {\r\n padding: 24px 31px 0 31px;\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n\r\n .line {\r\n width: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n table {\r\n thead {\r\n font-size: 22px !important;\r\n height: 50px;\r\n background: url(\"../assets/02/bgbth.png\") no-repeat;\r\n }\r\n tbody {\r\n tr {\r\n height: 50px;\r\n font-size: 18px !important;\r\n color: #fff;\r\n background: url(\"../assets/02/bgqth.png\") no-repeat;\r\n }\r\n }\r\n }\r\n\r\n .total {\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-around;\r\n margin-bottom: 15%;\r\n\r\n .num {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: center;\r\n align-items: center;\r\n color: #ffffff;\r\n\r\n .numText {\r\n color: #ffffff;\r\n }\r\n\r\n .numText:before {\r\n content: attr(text);\r\n position: absolute;\r\n z-index: 10;\r\n color: rgb(86, 254, 246) !important;\r\n -webkit-mask: linear-gradient(to top, rgb(86, 244, 254), transparent);\r\n }\r\n }\r\n }\r\n\r\n .info {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n\r\n .lists {\r\n width: 100%;\r\n height: 32px;\r\n background: url(\"../assets/images/cardSquare.png\") no-repeat;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n align-items: center;\r\n background-size: 100% 100%;\r\n margin-bottom: 9%;\r\n padding: 0 10px 0 0;\r\n box-sizing: border-box;\r\n\r\n & > div {\r\n font-size: 18px;\r\n color: #ffffff;\r\n }\r\n\r\n .number {\r\n color: rgb(86, 254, 226);\r\n }\r\n }\r\n }\r\n }\r\n}\r\n.two {\r\n background: url(\"../assets/indexN/boxLr.png\") no-repeat;\r\n background-size: 100% 100%;\r\n position: relative;\r\n}\r\n.one {\r\n background: url(\"../assets/02/bgk.png\") no-repeat;\r\n background-size: 100% 100%;\r\n position: relative;\r\n\r\n .unityBtn {\r\n position: absolute;\r\n top: 40px;\r\n left: 30%;\r\n width: 40%;\r\n display: flex;\r\n justify-content: space-between;\r\n\r\n .btn {\r\n width: 100%;\r\n height: 38px;\r\n color: #fff;\r\n font-size: 18px;\r\n line-height: 38px;\r\n background: url(\"../assets/images/btnAct.png\") no-repeat;\r\n background-size: 100% 100%;\r\n margin-bottom: 10px;\r\n margin-right: 15px;\r\n }\r\n\r\n .btnAct {\r\n color: rgb(244, 201, 7);\r\n background: url(\"../assets/images/unityBtn.png\") no-repeat;\r\n background-size: 100% 100%;\r\n margin-right: 15px;\r\n }\r\n }\r\n\r\n .unityIcon {\r\n background: url(\"../assets/images/iconCard.png\") no-repeat;\r\n background-size: 100% 100%;\r\n width: 110px;\r\n height: 168px;\r\n position: absolute;\r\n right: 40px;\r\n bottom: 80px;\r\n display: flex;\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n flex-direction: column;\r\n justify-content: space-around;\r\n align-items: center;\r\n\r\n .unityIconGround {\r\n width: 80%;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n }\r\n\r\n .unityEnlargeBtn {\r\n width: 100px;\r\n display: flex;\r\n justify-content: space-around;\r\n position: absolute;\r\n right: 40px;\r\n top: 40px;\r\n\r\n .content {\r\n width: 38px;\r\n height: 36px;\r\n background: url(\"../assets/images/btnkuang.png\") no-repeat !important;\r\n background-size: 100% 100% !important;\r\n }\r\n }\r\n\r\n .unitySelect {\r\n position: absolute;\r\n left: 40px;\r\n width: 222px;\r\n height: 5%;\r\n bottom: 20px;\r\n display: flex;\r\n align-items: center;\r\n\r\n .unitySuosou {\r\n width: 57px;\r\n height: 53px;\r\n background: url(\"../assets/images/sousuoKuang.png\") no-repeat;\r\n background-size: 100% 100%;\r\n }\r\n }\r\n}\r\n</style>\r\n"]}]}
\ No newline at end of file
+{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\twentyKV.vue?vue&type=style&index=0&id=e9df6994&lang=less&scoped=true&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\twentyKV.vue","mtime":1689929341388},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1655715156000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\less-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["\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 #detailedTwo1 {\r\n width: 100%;\r\n height: 350px;\r\n }\r\n #detailedTwo2 {\r\n width: 100%;\r\n height: 350px;\r\n }\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 #detailedTwo3 {\r\n width: 100%;\r\n height: 70vh;\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/indexN/midzsj.png\") no-repeat;\r\n width: 100%;\r\n height: 17%;\r\n position: relative;\r\n top: 45%;\r\n left: 25%;\r\n .contents {\r\n // height: 90%;\r\n position: absolute;\r\n padding: 10px;\r\n height: 100%;\r\n display: flex;\r\n flex-direction: row;\r\n /* 平分剩余空间 */\r\n justify-content: space-around;\r\n .lines {\r\n width: 100%;\r\n margin: 0 1px;\r\n background: url(\"../assets/index/mainMin.png\") no-repeat;\r\n }\r\n\r\n .total {\r\n .num {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: center;\r\n align-items: left;\r\n color: #ffffff;\r\n h5 {\r\n font-size: 36px;\r\n }\r\n .yellow {\r\n padding-top: 30px;\r\n color: yellow;\r\n }\r\n .orange {\r\n padding-top: 30px;\r\n color: orange;\r\n }\r\n .yellows {\r\n padding-top: 20px;\r\n color: yellow;\r\n }\r\n .oranges {\r\n padding-top: 20px;\r\n color: orange;\r\n }\r\n span {\r\n float: left;\r\n font-size: 16px;\r\n vertical-align: bottom;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n .map {\r\n background: url(\"../assets/indexN/map.png\") no-repeat;\r\n vertical-align: middle;\r\n display: table-cell;\r\n text-align: center;\r\n margin-left: -20%;\r\n .allimg {\r\n position: relative;\r\n left: 20.5%;\r\n top: 35%;\r\n }\r\n }\r\n }\r\n\r\n .right {\r\n // width: 604px;\r\n width: 16.8%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n #detailqe {\r\n width: 100%;\r\n height: 350px;\r\n }\r\n #detailen {\r\n width: 100%;\r\n height: 350px;\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 #detailstop {\r\n width: 100%;\r\n height: 400px;\r\n }\r\n }\r\n}\r\n\r\n// }\r\n",{"version":3,"sources":["twentyKV.vue"],"names":[],"mappings":";AAmgCA;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;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;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;;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;AACA;AACA;AACA;AACA;;AAEA","file":"twentyKV.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n <div class=\"home\">\r\n <div class=\"left\" id=\"left\">\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>园区供电所居民用户异常月电量</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div id=\"detailedTwo1\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>园区供电所居民用户月电量</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div id=\"detailedTwo2\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"left1\" id=\"left\">\r\n <div class=\"one\" style=\"height: 100%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>60天内台区掉电客户数TOP10</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div id=\"detailedTwo3\"></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 <img class=\"allimg\" src=\"../assets/indexN/dfsxz.png\" alt=\"\" />\r\n <div class=\"imgboxone\">\r\n <div class=\"contents\">\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <div style=\"display: inline-block\">\r\n <img\r\n style=\"float: left\"\r\n src=\"../assets/index/mainTb1.png\"\r\n alt=\"\"\r\n />\r\n <span\r\n > 台区总数</span\r\n >\r\n </div>\r\n <h5 class=\"yellow\">679</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 <div style=\"display: inherit\">\r\n <img\r\n style=\"float: left; height: 30px; width: 30px\"\r\n src=\"../assets/index/mainTb2.png\"\r\n alt=\"\"\r\n />\r\n <span>近60天内发生过停电的配变数</span>\r\n </div>\r\n\r\n <h5 class=\"oranges\">234</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 <div style=\"display: inherit\">\r\n <img\r\n style=\"float: left; height: 30px; width: 30px\"\r\n src=\"../assets/index/mainTb1.png\"\r\n alt=\"\"\r\n />\r\n <span>近60天三相不平衡台区数</span>\r\n </div>\r\n\r\n <h5 class=\"yellow\">0</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 <div style=\"display: inherit\">\r\n <img\r\n style=\"float: left; height: 30px; width: 30px\"\r\n src=\"../assets/index/mainTb2.png\"\r\n alt=\"\"\r\n />\r\n <span>近一周线损异常台区数</span>\r\n </div>\r\n\r\n <h5 class=\"orange\">0</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 <div style=\"display: inherit\">\r\n <img\r\n style=\"float: left; height: 30px; width: 30px\"\r\n src=\"../assets/index/mainTb1.png\"\r\n alt=\"\"\r\n />\r\n <span>近60天内发生过停电的中压线路数</span>\r\n </div>\r\n\r\n <h5 class=\"yellows\">0</h5>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"right\" id=\"right\">\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>月合格率波动图</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div id=\"detailqe\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>日合格率波动图</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div 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=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>进60天配变停电时间分析</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <table>\r\n <thead style=\"color: #fff; font-size: 30px\">\r\n <tr>\r\n <td>序号</td>\r\n <td>配变名称</td>\r\n <td>所属电路</td>\r\n <td>停电次数</td>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <tr v-for=\"(item, index) in pvTable\" :key=\"index\">\r\n <td>{{ item.id }}</td>\r\n <td>{{ item.name }}</td>\r\n <td>{{ item.stationNumber }}</td>\r\n <td class=\"titleFont\">{{ item.alternatorNumber }}</td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"two\" style=\"height: 49%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>近60天频繁停电配变</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <div id=\"detailstop\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <audio\r\n controls=\"controls\"\r\n hidden\r\n src=\"../assets/videos/police.wav\"\r\n ref=\"audio\"\r\n ></audio>\r\n </div>\r\n</template>\r\n\r\n<script>\r\n//引入echarts\r\nimport * as echarts from \"echarts\";\r\n// 工单统计弹窗组件\r\n// import workOrder from \"../component/workOrder.vue\";\r\n// import ringMainUnit from \"./HomePop/ringMainUnit.vue\";\r\n// import routeDetail from \"../component/routeDetail.vue\";\r\n\r\n// 线路详情\r\n// import lineDetail from \"../component/lineDetail.vue\";\r\nexport default {\r\n name: \"twentyKV\",\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: \"10#变压器\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"1\",\r\n },\r\n {\r\n id: 2,\r\n name: \"10#变压器\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"1\",\r\n },\r\n {\r\n id: 3,\r\n name: \"10#变压器\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"1\",\r\n },\r\n {\r\n id: 4,\r\n name: \"10#变压器\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"2\",\r\n },\r\n {\r\n id: 5,\r\n name: \"10#变压器\",\r\n stationNumber: \"10kv中北线151\",\r\n alternatorNumber: \"2\",\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.detailedTwo33();\r\n this.detailqe1();\r\n this.detailen1();\r\n this.detailstop();\r\n window.parent.getLoc();\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 tooltip: {\r\n show: true,\r\n trigger: \"item\",\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n data: [\"月用电变化率\", \"社会整体月变化率\"],\r\n },\r\n },\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: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: fontColor,\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 \"高进军1\",\r\n \"高进军2\",\r\n \"高进军3\",\r\n \"高进军4\",\r\n \"高进军5\",\r\n \"高进军6\",\r\n \"高进军7\",\r\n ],\r\n },\r\n yAxis: {\r\n type: \"value\",\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n series: [\r\n {\r\n name: \"月用电变化率\",\r\n type: \"line\",\r\n stack: \"Total\",\r\n smooth: true,\r\n symbol: \"none\",\r\n data: [120, 132, 101, 134, 90, 230, 210],\r\n itemStyle: {\r\n normal: {\r\n color: \"yellow\",\r\n lineStyle: {\r\n color: \"yellow\",\r\n },\r\n },\r\n },\r\n },\r\n {\r\n name: \"社会整体月变化率\",\r\n type: \"line\",\r\n smooth: true,\r\n stack: \"Total\",\r\n symbol: \"none\",\r\n data: [220, 182, 191, 234, 290, 330, 310],\r\n itemStyle: {\r\n normal: {\r\n color: \"rgba(0,212,199,1)\",\r\n lineStyle: {\r\n color: \"rgba(0,212,199,1)\",\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 detailedTwo22() {\r\n var fontColor = \"#30eee9\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo2\"));\r\n var option = {\r\n tooltip: {\r\n show: true,\r\n trigger: \"item\",\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n data: [\"本月用电总量\"],\r\n },\r\n },\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: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: \"#fff\",\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 \"高进军1\",\r\n \"高进军2\",\r\n \"高进军3\",\r\n \"高进军4\",\r\n \"高进军5\",\r\n \"高进军6\",\r\n \"高进军7\",\r\n ],\r\n },\r\n yAxis: {\r\n type: \"value\",\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n series: [\r\n {\r\n name: \"本月用电总量\",\r\n type: \"line\",\r\n stack: \"Total\",\r\n smooth: true,\r\n symbol: \"none\",\r\n data: [120, 132, 101, 134, 90, 230, 210],\r\n itemStyle: {\r\n normal: {\r\n color: \"yellow\",\r\n lineStyle: {\r\n color: \"yellow\",\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 detailedTwo33() {\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo3\"));\r\n var honorData = [\r\n {\r\n name: \"60天内掉电客户数\",\r\n data: [15.4, 14.1, 13.3, 12.6, 13.6, 14.4, 15.1, 16.3, 18.6, 16.6],\r\n },\r\n {\r\n name: \"60天内掉电总数\",\r\n data: [9.4, 8.1, 7.3, 8.6, 6.6, 9.4, 8.1, 7.3, 8.6, 6.6],\r\n },\r\n ];\r\n var honorXAxisData = [\r\n \"No.10\",\r\n \"No.9\",\r\n \"No.8\",\r\n \"No.7\",\r\n \"No.6\",\r\n \"No.5\",\r\n \"No.4\",\r\n \"No.3\",\r\n \"No.2\",\r\n \"No.1\",\r\n ];\r\n var nameList = [\r\n \"PMS_晨光满园9台区\",\r\n \"滨河华苑3台区\",\r\n \"PMS_晨光满园11台区\",\r\n \"PMS_晨光满园7台区\",\r\n \"PMS_碧桂园10#配变\",\r\n \"PMS_碧桂园12#配变\",\r\n \"晨光满园16台区\",\r\n \"晨光满园14台区\",\r\n \"滨河华苑7台区\",\r\n \"PMS_中合六配变\",\r\n ];\r\n var option = {\r\n color: [\"#0F9AF8\", \"#2039C3\", \"rgba(32,57,195,.5)\", \"#2ECACE\"],\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"none\",\r\n },\r\n },\r\n legend: {\r\n right: 5,\r\n top: \"5%\",\r\n itemWidth: 10,\r\n itemHeight: 10,\r\n itemGap: 25,\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n grid: {\r\n top: \"15%\",\r\n left: \"14%\",\r\n right: \"1%\",\r\n bottom: \"1%\",\r\n },\r\n xAxis: [\r\n {\r\n type: \"value\",\r\n show: false,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: \"#6B9DD7\",\r\n fontSize: 16, // 文字大小\r\n fontWeight: 400,\r\n interval: 0,\r\n formatter: function (value) {\r\n return value + \"(万元)\";\r\n },\r\n },\r\n splitLine: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"category\",\r\n offset: 17,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: \"#fff\",\r\n fontSize: 20, // 文字大小\r\n fontWeight: 700,\r\n interval: 0,\r\n },\r\n data: honorXAxisData,\r\n },\r\n {\r\n //名称\r\n type: \"category\",\r\n offset: -10,\r\n position: \"left\",\r\n axisLine: {\r\n show: false,\r\n },\r\n inverse: true,\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n color: \"#fff\",\r\n align: \"left\",\r\n verticalAlign: \"bottom\",\r\n lineHeight: 40,\r\n fontSize: 20,\r\n },\r\n data: nameList,\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"60天内掉电客户数\",\r\n type: \"bar\",\r\n stack: \"zongliang\",\r\n barWidth: \"25%\",\r\n barGap: 40, // 柱图之间的间距\r\n itemStyle: {\r\n //自定义颜色\r\n // normal: { color: \"orange\" },\r\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"rgba(255,165,0,.4)\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"rgb(255,165,0)\",\r\n },\r\n ]),\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: [\"80%\", \"-150%\"],\r\n formatter: function (params) {\r\n return params.value;\r\n },\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n\r\n data: honorData[0].data,\r\n },\r\n {\r\n name: \"60天内掉电总数\",\r\n type: \"bar\",\r\n stack: \"zongliang\",\r\n barWidth: \"25%\",\r\n barGap: 40, // 柱图之间的间距\r\n itemStyle: {\r\n //自定义颜色\r\n // normal: { color: \"orange\" },\r\n color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [\r\n {\r\n //代表渐变色从正上方开始\r\n offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色\r\n color: \"#005BEA\",\r\n }, //柱图渐变色\r\n {\r\n offset: 1, //指100%处的颜色\r\n color: \"#00C6FB\",\r\n },\r\n ]),\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: [\"80%\", \"-150%\"],\r\n formatter: function (params) {\r\n return params.value;\r\n },\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n data: honorData[1].data,\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailqe1() {\r\n var fontColor = \"#fff\";\r\n var myChart = this.$echarts.init(document.getElementById(\"detailqe\"));\r\n var option = {\r\n tooltip: {\r\n show: true,\r\n trigger: \"item\",\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n data: [\"电压合格率\"],\r\n },\r\n },\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: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: \"#fff\",\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 \"202111\",\r\n \"202201\",\r\n \"202203\",\r\n \"202205\",\r\n \"202207\",\r\n \"202209\",\r\n \"202211\",\r\n ],\r\n },\r\n yAxis: {\r\n type: \"value\",\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n series: [\r\n {\r\n name: \"电压合格率\",\r\n type: \"line\",\r\n stack: \"Total\",\r\n smooth: true,\r\n symbol: \"none\",\r\n data: [120, 132, 101, 134, 90, 230, 210],\r\n itemStyle: {\r\n normal: {\r\n color: \"yellow\",\r\n lineStyle: {\r\n color: \"yellow\",\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 show: true,\r\n trigger: \"item\",\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n data: [\"电压合格率\"],\r\n },\r\n },\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: \"category\",\r\n boundaryGap: false,\r\n axisLabel: {\r\n color: \"#fff\",\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: [\"05-05\", \"05-06\", \"05-07\", \"05-08\"],\r\n },\r\n yAxis: {\r\n type: \"value\",\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n series: [\r\n {\r\n name: \"电压合格率\",\r\n type: \"line\",\r\n stack: \"Total\",\r\n smooth: true,\r\n symbol: \"none\",\r\n data: [120, 132, 101, 134],\r\n itemStyle: {\r\n normal: {\r\n color: \"rgba(0,212,199,1)\",\r\n lineStyle: {\r\n color: \"rgba(0,212,199,1)\",\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 detailstop() {\r\n var myChart = this.$echarts.init(document.getElementById(\"detailstop\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n },\r\n legend: {\r\n textStyle: {\r\n fontSize: 18, //字体大小\r\n color: \"#ffffff\", //字体颜色\r\n },\r\n\r\n data: [\"配变名称\"],\r\n },\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n data: [\r\n \"钱南1配变\",\r\n \"钱南2配变\",\r\n \"钱南3配变\",\r\n \"钱南4配变\",\r\n \"钱南5配变\",\r\n ],\r\n axisLabel: {\r\n show: true,\r\n textStyle: {\r\n color: \"#ffffff\",\r\n },\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n name: \"\",\r\n axisLabel: {\r\n textStyle: {\r\n color: \"#ffffff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"配变名称\",\r\n type: \"bar\",\r\n barWidth: 40, // 柱子宽度核心代码\r\n itemStyle: {\r\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n { offset: 1, color: \"rgba(86,254,226,.2) \" },\r\n { offset: 0.5, color: \"rgb(86,254,226,.6)\" },\r\n { offset: 0, color: \"rgb(86,254,226)\" },\r\n ]),\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n data: [320, 332, 301, 334, 390],\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n },\r\n 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 #detailedTwo1 {\r\n width: 100%;\r\n height: 350px;\r\n }\r\n #detailedTwo2 {\r\n width: 100%;\r\n height: 350px;\r\n }\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 #detailedTwo3 {\r\n width: 100%;\r\n height: 70vh;\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/indexN/midzsj.png\") no-repeat;\r\n width: 100%;\r\n height: 17%;\r\n position: relative;\r\n top: 45%;\r\n left: 25%;\r\n .contents {\r\n // height: 90%;\r\n position: absolute;\r\n padding: 10px;\r\n height: 100%;\r\n display: flex;\r\n flex-direction: row;\r\n /* 平分剩余空间 */\r\n justify-content: space-around;\r\n .lines {\r\n width: 100%;\r\n margin: 0 1px;\r\n background: url(\"../assets/index/mainMin.png\") no-repeat;\r\n }\r\n\r\n .total {\r\n .num {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: center;\r\n align-items: left;\r\n color: #ffffff;\r\n h5 {\r\n font-size: 36px;\r\n }\r\n .yellow {\r\n padding-top: 30px;\r\n color: yellow;\r\n }\r\n .orange {\r\n padding-top: 30px;\r\n color: orange;\r\n }\r\n .yellows {\r\n padding-top: 20px;\r\n color: yellow;\r\n }\r\n .oranges {\r\n padding-top: 20px;\r\n color: orange;\r\n }\r\n span {\r\n float: left;\r\n font-size: 16px;\r\n vertical-align: bottom;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n .map {\r\n background: url(\"../assets/indexN/map.png\") no-repeat;\r\n vertical-align: middle;\r\n display: table-cell;\r\n text-align: center;\r\n margin-left: -20%;\r\n .allimg {\r\n position: relative;\r\n left: 20.5%;\r\n top: 35%;\r\n }\r\n }\r\n }\r\n\r\n .right {\r\n // width: 604px;\r\n width: 16.8%;\r\n height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: space-between;\r\n #detailqe {\r\n width: 100%;\r\n height: 350px;\r\n }\r\n #detailen {\r\n width: 100%;\r\n height: 350px;\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 #detailstop {\r\n width: 100%;\r\n height: 400px;\r\n }\r\n }\r\n}\r\n\r\n// }\r\n</style>\r\n<style lang=\"less\" scoped>\r\n// .el-popper {\r\n// top: 50%;\r\n// }\r\n\r\n/deep/ .popper__arrow {\r\n left: 171px !important;\r\n top: 95px !important;\r\n}\r\n\r\n/deep/ .el-select-dropdown {\r\n background-color: rgb(14, 30, 46) !important;\r\n border: 1px solid rgba(45, 143, 148, 0.5) !important;\r\n\r\n /deep/ .el-select-dropdown__item {\r\n color: #fff !important;\r\n }\r\n\r\n /deep/ .el-select-dropdown__item.hover,\r\n /deep/ .el-select-dropdown__item:hover {\r\n background-color: rgb(18, 54, 87) !important;\r\n }\r\n}\r\n\r\n/deep/ .el-popper[x-placement^=\"bottom\"] {\r\n margin-top: -146px !important;\r\n}\r\n\r\n/**\r\n表格有滚动效果但是不显示滚动条\r\n*/\r\n</style>\r\n<style lang=\"less\">\r\n.el-table .rowColor0 {\r\n background: red !important;\r\n animation: fade 2000ms infinite ease-in-out;\r\n}\r\n\r\n@keyframes fade {\r\n from {\r\n opacity: 1;\r\n }\r\n\r\n 50% {\r\n opacity: 0.6;\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n }\r\n}\r\n\r\n// .el-pager li:hover{\r\n// color:black\r\n// }\r\n.cartitle {\r\n height: 52px;\r\n width: 100%;\r\n // background: url(\"../assets/images/carTitle.png\") no-repeat;\r\n font-size: 24px;\r\n font-weight: 600;\r\n color: #ffffff;\r\n line-height: 52px;\r\n // text-align: left;\r\n text-indent: 26px;\r\n}\r\n.titleFont {\r\n color: transparent;\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n background-image: linear-gradient(\r\n to bottom,\r\n rgb(255, 255, 255),\r\n rgb(123, 247, 245)\r\n );\r\n img {\r\n margin: 20px;\r\n }\r\n}\r\n.content {\r\n padding: 24px 31px 0 31px;\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n\r\n .line {\r\n width: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n table {\r\n thead {\r\n font-size: 22px !important;\r\n height: 50px;\r\n background: url(\"../assets/02/bgbth.png\") no-repeat;\r\n }\r\n tbody {\r\n tr {\r\n height: 50px;\r\n font-size: 18px !important;\r\n color: #fff;\r\n background: url(\"../assets/02/bgqth.png\") no-repeat;\r\n }\r\n }\r\n }\r\n\r\n .total {\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-around;\r\n margin-bottom: 15%;\r\n\r\n .num {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: center;\r\n align-items: center;\r\n color: #ffffff;\r\n\r\n .numText {\r\n color: #ffffff;\r\n }\r\n\r\n .numText:before {\r\n content: attr(text);\r\n position: absolute;\r\n z-index: 10;\r\n color: rgb(86, 254, 246) !important;\r\n -webkit-mask: linear-gradient(to top, rgb(86, 244, 254), transparent);\r\n }\r\n }\r\n }\r\n\r\n .info {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n\r\n .lists {\r\n width: 100%;\r\n height: 32px;\r\n background: url(\"../assets/images/cardSquare.png\") no-repeat;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n align-items: center;\r\n background-size: 100% 100%;\r\n margin-bottom: 9%;\r\n padding: 0 10px 0 0;\r\n box-sizing: border-box;\r\n\r\n & > div {\r\n font-size: 18px;\r\n color: #ffffff;\r\n }\r\n\r\n .number {\r\n color: rgb(86, 254, 226);\r\n }\r\n }\r\n }\r\n }\r\n}\r\n.two {\r\n background: url(\"../assets/indexN/boxLr.png\") no-repeat;\r\n background-size: 100% 100%;\r\n position: relative;\r\n}\r\n.one {\r\n background: url(\"../assets/02/bgk.png\") no-repeat;\r\n background-size: 100% 100%;\r\n position: relative;\r\n\r\n .unityBtn {\r\n position: absolute;\r\n top: 40px;\r\n left: 30%;\r\n width: 40%;\r\n display: flex;\r\n justify-content: space-between;\r\n\r\n .btn {\r\n width: 100%;\r\n height: 38px;\r\n color: #fff;\r\n font-size: 18px;\r\n line-height: 38px;\r\n background: url(\"../assets/images/btnAct.png\") no-repeat;\r\n background-size: 100% 100%;\r\n margin-bottom: 10px;\r\n margin-right: 15px;\r\n }\r\n\r\n .btnAct {\r\n color: rgb(244, 201, 7);\r\n background: url(\"../assets/images/unityBtn.png\") no-repeat;\r\n background-size: 100% 100%;\r\n margin-right: 15px;\r\n }\r\n }\r\n\r\n .unityIcon {\r\n background: url(\"../assets/images/iconCard.png\") no-repeat;\r\n background-size: 100% 100%;\r\n width: 110px;\r\n height: 168px;\r\n position: absolute;\r\n right: 40px;\r\n bottom: 80px;\r\n display: flex;\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n flex-direction: column;\r\n justify-content: space-around;\r\n align-items: center;\r\n\r\n .unityIconGround {\r\n width: 80%;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n }\r\n\r\n .unityEnlargeBtn {\r\n width: 100px;\r\n display: flex;\r\n justify-content: space-around;\r\n position: absolute;\r\n right: 40px;\r\n top: 40px;\r\n\r\n .content {\r\n width: 38px;\r\n height: 36px;\r\n background: url(\"../assets/images/btnkuang.png\") no-repeat !important;\r\n background-size: 100% 100% !important;\r\n }\r\n }\r\n\r\n .unitySelect {\r\n position: absolute;\r\n left: 40px;\r\n width: 222px;\r\n height: 5%;\r\n bottom: 20px;\r\n display: flex;\r\n align-items: center;\r\n\r\n .unitySuosou {\r\n width: 57px;\r\n height: 53px;\r\n background: url(\"../assets/images/sousuoKuang.png\") no-repeat;\r\n background-size: 100% 100%;\r\n }\r\n }\r\n}\r\n</style>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/ee38c93d7ea582a221d41ff56581159e.json b/node_modules/.cache/vue-loader/ee38c93d7ea582a221d41ff56581159e.json
index 1b3674d5..3d484b31 100644
--- a/node_modules/.cache/vue-loader/ee38c93d7ea582a221d41ff56581159e.json
+++ b/node_modules/.cache/vue-loader/ee38c93d7ea582a221d41ff56581159e.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\twentyKV.vue?vue&type=template&id=e9df6994&scoped=true&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\twentyKV.vue","mtime":1689921115709},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1655712169000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["\n<div class=\"home\">\n <div class=\"left\" id=\"left\">\n <div class=\"two\" style=\"height: 49%\">\n <div class=\"cartitle\">\n <div class=\"titleFont\">\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\n <span>园区供电所居民用户异常月电量</span>\n <img src=\"./../assets/indexN/btjt1.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/btjt.png\" alt=\"\" />\n <span>园区供电所居民用户月电量</span>\n <img src=\"./../assets/indexN/btjt1.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=\"left1\" id=\"left\">\n <div class=\"one\" style=\"height: 100%\">\n <div class=\"cartitle\">\n <div class=\"titleFont\">\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\n <span>60天内台区掉电客户数TOP10</span>\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\n </div>\n </div>\n <div class=\"content\">\n <div class=\"line\">\n <div id=\"detailedTwo3\"></div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"middle\" id=\"middle\">\n <div class=\"map\" style=\"height: 100%\">\n <img class=\"allimg\" src=\"../assets/indexN/dfsxz.png\" alt=\"\" />\n <div class=\"imgboxone\">\n <div class=\"contents\">\n <div class=\"lines\">\n <div class=\"total\">\n <div class=\"num\">\n <div style=\"display: inline-block\">\n <img\n style=\"float: left\"\n src=\"../assets/index/mainTb1.png\"\n alt=\"\"\n />\n <span\n > 台区总数</span\n >\n </div>\n <h5 class=\"yellow\">679</h5>\n </div>\n </div>\n </div>\n <div class=\"lines\">\n <div class=\"total\">\n <div class=\"num\">\n <div style=\"display: inherit\">\n <img\n style=\"float: left; height: 30px; width: 30px\"\n src=\"../assets/index/mainTb2.png\"\n alt=\"\"\n />\n <span>近60天内发生过停电的配变数</span>\n </div>\n\n <h5 class=\"oranges\">234</h5>\n </div>\n </div>\n </div>\n <div class=\"lines\">\n <div class=\"total\">\n <div class=\"num\">\n <div style=\"display: inherit\">\n <img\n style=\"float: left; height: 30px; width: 30px\"\n src=\"../assets/index/mainTb1.png\"\n alt=\"\"\n />\n <span>近60天三相不平衡台区数</span>\n </div>\n\n <h5 class=\"yellow\">0</h5>\n </div>\n </div>\n </div>\n <div class=\"lines\">\n <div class=\"total\">\n <div class=\"num\">\n <div style=\"display: inherit\">\n <img\n style=\"float: left; height: 30px; width: 30px\"\n src=\"../assets/index/mainTb2.png\"\n alt=\"\"\n />\n <span>近一周线损异常台区数</span>\n </div>\n\n <h5 class=\"orange\">0</h5>\n </div>\n </div>\n </div>\n <div class=\"lines\">\n <div class=\"total\">\n <div class=\"num\">\n <div style=\"display: inherit\">\n <img\n style=\"float: left; height: 30px; width: 30px\"\n src=\"../assets/index/mainTb1.png\"\n alt=\"\"\n />\n <span>近60天内发生过停电的中压线路数</span>\n </div>\n\n <h5 class=\"yellows\">0</h5>\n </div>\n </div>\n </div>\n </div>\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/btjt.png\" alt=\"\" />\n <span>月合格率波动图</span>\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\n </div>\n </div>\n <div class=\"content\">\n <div class=\"line\">\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/btjt.png\" alt=\"\" />\n <span>日合格率波动图</span>\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\n </div>\n </div>\n <div class=\"content\">\n <div class=\"line\">\n <div id=\"detailen\"></div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"right1\" id=\"right\">\n <div class=\"two\" style=\"height: 49%\">\n <div class=\"cartitle\">\n <div class=\"titleFont\">\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\n <span>进60天配变停电时间分析</span>\n <img src=\"./../assets/indexN/btjt1.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 class=\"two\" style=\"height: 49%\">\n <div class=\"cartitle\">\n <div class=\"titleFont\">\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\n <span>近60天频繁停电配变</span>\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\n </div>\n </div>\n <div class=\"content\">\n <div class=\"line\">\n <div id=\"detailstop\"></div>\n </div>\n </div>\n </div>\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
+{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\twentyKV.vue?vue&type=template&id=e9df6994&scoped=true&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\twentyKV.vue","mtime":1689929341388},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1655712169000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["\n<div class=\"home\">\n <div class=\"left\" id=\"left\">\n <div class=\"two\" style=\"height: 49%\">\n <div class=\"cartitle\">\n <div class=\"titleFont\">\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\n <span>园区供电所居民用户异常月电量</span>\n <img src=\"./../assets/indexN/btjt1.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/btjt.png\" alt=\"\" />\n <span>园区供电所居民用户月电量</span>\n <img src=\"./../assets/indexN/btjt1.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=\"left1\" id=\"left\">\n <div class=\"one\" style=\"height: 100%\">\n <div class=\"cartitle\">\n <div class=\"titleFont\">\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\n <span>60天内台区掉电客户数TOP10</span>\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\n </div>\n </div>\n <div class=\"content\">\n <div class=\"line\">\n <div id=\"detailedTwo3\"></div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"middle\" id=\"middle\">\n <div class=\"map\" style=\"height: 100%\">\n <img class=\"allimg\" src=\"../assets/indexN/dfsxz.png\" alt=\"\" />\n <div class=\"imgboxone\">\n <div class=\"contents\">\n <div class=\"lines\">\n <div class=\"total\">\n <div class=\"num\">\n <div style=\"display: inline-block\">\n <img\n style=\"float: left\"\n src=\"../assets/index/mainTb1.png\"\n alt=\"\"\n />\n <span\n > 台区总数</span\n >\n </div>\n <h5 class=\"yellow\">679</h5>\n </div>\n </div>\n </div>\n <div class=\"lines\">\n <div class=\"total\">\n <div class=\"num\">\n <div style=\"display: inherit\">\n <img\n style=\"float: left; height: 30px; width: 30px\"\n src=\"../assets/index/mainTb2.png\"\n alt=\"\"\n />\n <span>近60天内发生过停电的配变数</span>\n </div>\n\n <h5 class=\"oranges\">234</h5>\n </div>\n </div>\n </div>\n <div class=\"lines\">\n <div class=\"total\">\n <div class=\"num\">\n <div style=\"display: inherit\">\n <img\n style=\"float: left; height: 30px; width: 30px\"\n src=\"../assets/index/mainTb1.png\"\n alt=\"\"\n />\n <span>近60天三相不平衡台区数</span>\n </div>\n\n <h5 class=\"yellow\">0</h5>\n </div>\n </div>\n </div>\n <div class=\"lines\">\n <div class=\"total\">\n <div class=\"num\">\n <div style=\"display: inherit\">\n <img\n style=\"float: left; height: 30px; width: 30px\"\n src=\"../assets/index/mainTb2.png\"\n alt=\"\"\n />\n <span>近一周线损异常台区数</span>\n </div>\n\n <h5 class=\"orange\">0</h5>\n </div>\n </div>\n </div>\n <div class=\"lines\">\n <div class=\"total\">\n <div class=\"num\">\n <div style=\"display: inherit\">\n <img\n style=\"float: left; height: 30px; width: 30px\"\n src=\"../assets/index/mainTb1.png\"\n alt=\"\"\n />\n <span>近60天内发生过停电的中压线路数</span>\n </div>\n\n <h5 class=\"yellows\">0</h5>\n </div>\n </div>\n </div>\n </div>\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/btjt.png\" alt=\"\" />\n <span>月合格率波动图</span>\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\n </div>\n </div>\n <div class=\"content\">\n <div class=\"line\">\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/btjt.png\" alt=\"\" />\n <span>日合格率波动图</span>\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\n </div>\n </div>\n <div class=\"content\">\n <div class=\"line\">\n <div id=\"detailen\"></div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"right1\" id=\"right\">\n <div class=\"two\" style=\"height: 49%\">\n <div class=\"cartitle\">\n <div class=\"titleFont\">\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\n <span>进60天配变停电时间分析</span>\n <img src=\"./../assets/indexN/btjt1.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 class=\"two\" style=\"height: 49%\">\n <div class=\"cartitle\">\n <div class=\"titleFont\">\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\n <span>近60天频繁停电配变</span>\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\n </div>\n </div>\n <div class=\"content\">\n <div class=\"line\">\n <div id=\"detailstop\"></div>\n </div>\n </div>\n </div>\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/aws4/README.md b/node_modules/aws4/README.md
index 7202e452..4e9e66fb 100644
--- a/node_modules/aws4/README.md
+++ b/node_modules/aws4/README.md
@@ -6,7 +6,7 @@ aws4
A small utility to sign vanilla Node.js http(s) request options using Amazon's
[AWS Signature Version 4](https://docs.aws.amazon.com/general/latest/gr/signature-version-4.html).
-If you want to sign and send AWS requests in a modern browser, or an environment like [Cloudflare Workers](https://developers.cloudflare.com/workers/), then check out [aws4fetch](https://github.com/mhart/aws4fetch) – otherwise you can also bundle this library for use [in older browsers](./browser).
+If you want to sign and send AWS requests in a browser, or an environment like [Cloudflare Workers](https://developers.cloudflare.com/workers/), then check out [aws4fetch](https://github.com/mhart/aws4fetch) – otherwise you can also bundle this library for use [in older browsers](./browser).
The only AWS service that *doesn't* support v4 as of 2020-05-22 is
[SimpleDB](https://docs.aws.amazon.com/AmazonSimpleDB/latest/DeveloperGuide/SDB_API.html)
@@ -94,6 +94,34 @@ request(aws4.sign({
...
*/
+// you can also specify extra headers to ignore during signing
+request(aws4.sign({
+ host: '07tjusf2h91cunochc.us-east-1.aoss.amazonaws.com',
+ method: 'PUT',
+ path: '/my-index',
+ body: '{"mappings":{}}',
+ headers: {
+ 'Content-Type': 'application/json',
+ 'X-Amz-Content-Sha256': 'UNSIGNED-PAYLOAD'
+ },
+ extraHeadersToIgnore: {
+ 'content-length': true
+ }
+}))
+
+// and headers to include that would normally be ignored
+request(aws4.sign({
+ service: 'mycustomservice',
+ path: '/whatever',
+ headers: {
+ 'Range': 'bytes=200-1000, 2000-6576, 19000-'
+ },
+ extraHeadersToInclude: {
+ 'range': true
+ }
+}))
+
+
// The raw RequestSigner can be used to generate CodeCommit Git passwords
var signer = new aws4.RequestSigner({
service: 'codecommit',
@@ -128,6 +156,8 @@ populated if they don't already exist:
- `service` (will try to be calculated from `hostname` or `host` if not given)
- `region` (will try to be calculated from `hostname` or `host` or use `'us-east-1'` if not given)
- `signQuery` (to sign the query instead of adding an `Authorization` header, defaults to false)
+- `extraHeadersToIgnore` (an object with lowercase header keys to ignore when signing, eg `{ 'content-length': true }`)
+- `extraHeadersToInclude` (an object with lowercase header keys to include when signing, overriding any ignores)
- `headers['Host']` (will use `hostname` or `host` or be calculated if not given)
- `headers['Content-Type']` (will use `'application/x-www-form-urlencoded; charset=utf-8'`
if not given and there is a `body`)
diff --git a/node_modules/aws4/aws4.js b/node_modules/aws4/aws4.js
index b99b319f..b0cfb7c1 100644
--- a/node_modules/aws4/aws4.js
+++ b/node_modules/aws4/aws4.js
@@ -72,6 +72,9 @@ function RequestSigner(request, credentials) {
request.hostname = headers.Host || headers.host
this.isCodeCommitGit = this.service === 'codecommit' && request.method === 'GIT'
+
+ this.extraHeadersToIgnore = request.extraHeadersToIgnore || Object.create(null)
+ this.extraHeadersToInclude = request.extraHeadersToInclude || Object.create(null)
}
RequestSigner.prototype.matchHost = function(host) {
@@ -81,7 +84,7 @@ RequestSigner.prototype.matchHost = function(host) {
// ES's hostParts are sometimes the other way round, if the value that is expected
// to be region equals ‘es’ switch them back
// e.g. search-cluster-name-aaaa00aaaa0aaa0aaaaaaa0aaa.us-east-1.es.amazonaws.com
- if (hostParts[1] === 'es')
+ if (hostParts[1] === 'es' || hostParts[1] === 'aoss')
hostParts = hostParts.reverse()
if (hostParts[1] == 's3') {
@@ -305,9 +308,14 @@ RequestSigner.prototype.canonicalHeaders = function() {
}
RequestSigner.prototype.signedHeaders = function() {
+ var extraHeadersToInclude = this.extraHeadersToInclude,
+ extraHeadersToIgnore = this.extraHeadersToIgnore
return Object.keys(this.request.headers)
.map(function(key) { return key.toLowerCase() })
- .filter(function(key) { return HEADERS_TO_IGNORE[key] == null })
+ .filter(function(key) {
+ return extraHeadersToInclude[key] ||
+ (HEADERS_TO_IGNORE[key] == null && !extraHeadersToIgnore[key])
+ })
.sort()
.join(';')
}
diff --git a/node_modules/aws4/package.json b/node_modules/aws4/package.json
index 78ec0f0e..3a783b48 100644
--- a/node_modules/aws4/package.json
+++ b/node_modules/aws4/package.json
@@ -1,33 +1,27 @@
{
- "_args": [
- [
- "aws4@1.11.0",
- "D:\\林谷智能项目\\yanchengPowerSupply"
- ]
- ],
- "_development": true,
- "_from": "aws4@1.11.0",
- "_id": "aws4@1.11.0",
+ "_from": "aws4@^1.8.0",
+ "_id": "aws4@1.12.0",
"_inBundle": false,
- "_integrity": "sha512-xh1Rl34h6Fi1DC2WWKfxUTVqRsNnr6LsKz2+hfwDxQJWmrx8+c7ylaqBMcHfl1U1r2dsifOvKX3LQuLNZ+XSvA==",
+ "_integrity": "sha512-NmWvPnx0F1SfrQbYwOi7OeaNGokp9XhzNioJ/CSBs8Qa4vxug81mhJEAVZwxXuBmYB5KDRfMq/F3RR0BIU7sWg==",
"_location": "/aws4",
"_phantomChildren": {},
"_requested": {
- "type": "version",
+ "type": "range",
"registry": true,
- "raw": "aws4@1.11.0",
+ "raw": "aws4@^1.8.0",
"name": "aws4",
"escapedName": "aws4",
- "rawSpec": "1.11.0",
+ "rawSpec": "^1.8.0",
"saveSpec": null,
- "fetchSpec": "1.11.0"
+ "fetchSpec": "^1.8.0"
},
"_requiredBy": [
"/request"
],
- "_resolved": "https://registry.npmmirror.com/aws4/-/aws4-1.11.0.tgz",
- "_spec": "1.11.0",
- "_where": "D:\\林谷智能项目\\yanchengPowerSupply",
+ "_resolved": "https://registry.npmjs.org/aws4/-/aws4-1.12.0.tgz",
+ "_shasum": "ce1c9d143389679e253b314241ea9aa5cec980d3",
+ "_spec": "aws4@^1.8.0",
+ "_where": "D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\request",
"author": {
"name": "Michael Hart",
"email": "michael.hart.au@gmail.com",
@@ -36,6 +30,8 @@
"bugs": {
"url": "https://github.com/mhart/aws4/issues"
},
+ "bundleDependencies": false,
+ "deprecated": false,
"description": "Signs and prepares requests using AWS Signature Version 4",
"devDependencies": {
"mocha": "^2.5.3",
@@ -53,5 +49,5 @@
"integration": "node ./test/slow.js",
"test": "mocha ./test/fast.js -R list"
},
- "version": "1.11.0"
+ "version": "1.12.0"
}
diff --git a/node_modules/request/package.json b/node_modules/request/package.json
index 57ec7336..a3e52520 100644
--- a/node_modules/request/package.json
+++ b/node_modules/request/package.json
@@ -1,32 +1,28 @@
{
- "_args": [
- [
- "request@2.88.2",
- "D:\\林谷智能项目\\yanchengPowerSupply"
- ]
- ],
- "_development": true,
- "_from": "request@2.88.2",
+ "_from": "request",
"_id": "request@2.88.2",
"_inBundle": false,
"_integrity": "sha512-MsvtOrfG9ZcrOwAW+Qi+F6HbD0CWXEh9ou77uOb7FM2WPhwT7smM833PzanhJLsgXjN89Ir6V2PczXNnMpwKhw==",
"_location": "/request",
"_phantomChildren": {},
"_requested": {
- "type": "version",
+ "type": "tag",
"registry": true,
- "raw": "request@2.88.2",
+ "raw": "request",
"name": "request",
"escapedName": "request",
- "rawSpec": "2.88.2",
+ "rawSpec": "",
"saveSpec": null,
- "fetchSpec": "2.88.2"
+ "fetchSpec": "latest"
},
"_requiredBy": [
+ "#USER",
+ "/",
"/@vue/cli-shared-utils"
],
- "_resolved": "https://registry.npmmirror.com/request/-/request-2.88.2.tgz",
- "_spec": "2.88.2",
+ "_resolved": "https://registry.npmjs.org/request/-/request-2.88.2.tgz",
+ "_shasum": "d73c918731cb5a87da047e207234146f664d12b3",
+ "_spec": "request",
"_where": "D:\\林谷智能项目\\yanchengPowerSupply",
"author": {
"name": "Mikeal Rogers",
@@ -35,6 +31,7 @@
"bugs": {
"url": "http://github.com/request/request/issues"
},
+ "bundleDependencies": false,
"dependencies": {
"aws-sign2": "~0.7.0",
"aws4": "^1.8.0",
@@ -57,6 +54,7 @@
"tunnel-agent": "^0.6.0",
"uuid": "^3.3.2"
},
+ "deprecated": "request has been deprecated, see https://github.com/request/request/issues/3142",
"description": "Simplified HTTP request client.",
"devDependencies": {
"bluebird": "^3.2.1",
diff --git a/package-lock.json b/package-lock.json
index 899654e2..8c580be1 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1848,9 +1848,8 @@
},
"asn1": {
"version": "0.2.6",
- "resolved": "https://registry.npmmirror.com/asn1/-/asn1-0.2.6.tgz",
+ "resolved": "https://registry.npmjs.org/asn1/-/asn1-0.2.6.tgz",
"integrity": "sha512-ix/FxPn0MDjeyJ7i/yoHGFt/EX6LyNbxSEhPPXODPL+KB0VPk86UYfL0lMdy+KCnv+fmvIzySwaK5COwqVbWTQ==",
- "dev": true,
"requires": {
"safer-buffer": "~2.1.0"
}
@@ -1904,9 +1903,8 @@
},
"assert-plus": {
"version": "1.0.0",
- "resolved": "https://registry.npmmirror.com/assert-plus/-/assert-plus-1.0.0.tgz",
- "integrity": "sha512-NfJ4UzBCcQGLDlQq7nHxH+tv3kyZ0hHQqF5BO6J7tNJeP5do1llPr8dZ8zHonfhAu0PHAdMkSo+8o0wxg9lZWw==",
- "dev": true
+ "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz",
+ "integrity": "sha512-NfJ4UzBCcQGLDlQq7nHxH+tv3kyZ0hHQqF5BO6J7tNJeP5do1llPr8dZ8zHonfhAu0PHAdMkSo+8o0wxg9lZWw=="
},
"assign-symbols": {
"version": "1.0.0",
@@ -1977,15 +1975,13 @@
},
"aws-sign2": {
"version": "0.7.0",
- "resolved": "https://registry.npmmirror.com/aws-sign2/-/aws-sign2-0.7.0.tgz",
- "integrity": "sha512-08kcGqnYf/YmjoRhfxyu+CLxBjUtHLXLXX/vUfx9l2LYzG3c1m61nrpyFUZI6zeS+Li/wWMMidD9KgrqtGq3mA==",
- "dev": true
+ "resolved": "https://registry.npmjs.org/aws-sign2/-/aws-sign2-0.7.0.tgz",
+ "integrity": "sha512-08kcGqnYf/YmjoRhfxyu+CLxBjUtHLXLXX/vUfx9l2LYzG3c1m61nrpyFUZI6zeS+Li/wWMMidD9KgrqtGq3mA=="
},
"aws4": {
- "version": "1.11.0",
- "resolved": "https://registry.npmmirror.com/aws4/-/aws4-1.11.0.tgz",
- "integrity": "sha512-xh1Rl34h6Fi1DC2WWKfxUTVqRsNnr6LsKz2+hfwDxQJWmrx8+c7ylaqBMcHfl1U1r2dsifOvKX3LQuLNZ+XSvA==",
- "dev": true
+ "version": "1.12.0",
+ "resolved": "https://registry.npmjs.org/aws4/-/aws4-1.12.0.tgz",
+ "integrity": "sha512-NmWvPnx0F1SfrQbYwOi7OeaNGokp9XhzNioJ/CSBs8Qa4vxug81mhJEAVZwxXuBmYB5KDRfMq/F3RR0BIU7sWg=="
},
"axios": {
"version": "1.1.3",
@@ -2238,9 +2234,8 @@
},
"bcrypt-pbkdf": {
"version": "1.0.2",
- "resolved": "https://registry.npmmirror.com/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.2.tgz",
+ "resolved": "https://registry.npmjs.org/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.2.tgz",
"integrity": "sha512-qeFIXtP4MSoi6NLqO12WfqARWWuCKi2Rn/9hJLEmtB5yTNr9DqFWkJRCf2qShWzPeAMRnOgCrq0sg/KLv5ES9w==",
- "dev": true,
"requires": {
"tweetnacl": "^0.14.3"
}
@@ -2711,9 +2706,8 @@
},
"caseless": {
"version": "0.12.0",
- "resolved": "https://registry.npmmirror.com/caseless/-/caseless-0.12.0.tgz",
- "integrity": "sha512-4tYFyifaFfGacoiObjJegolkwSU4xQNGbVgUiNYVUxbQ2x2lUsFvY4hVgVzGiIe6WLOPqycWXA40l+PWsxthUw==",
- "dev": true
+ "resolved": "https://registry.npmjs.org/caseless/-/caseless-0.12.0.tgz",
+ "integrity": "sha512-4tYFyifaFfGacoiObjJegolkwSU4xQNGbVgUiNYVUxbQ2x2lUsFvY4hVgVzGiIe6WLOPqycWXA40l+PWsxthUw=="
},
"chalk": {
"version": "2.4.2",
@@ -3809,9 +3803,8 @@
},
"dashdash": {
"version": "1.14.1",
- "resolved": "https://registry.npmmirror.com/dashdash/-/dashdash-1.14.1.tgz",
+ "resolved": "https://registry.npmjs.org/dashdash/-/dashdash-1.14.1.tgz",
"integrity": "sha512-jRFi8UDGo6j+odZiEpjazZaWqEal3w/basFjQHQEwVtZJGDpxbH1MeYluwCS8Xq5wmLJooDlMgvVarmWfGM44g==",
- "dev": true,
"requires": {
"assert-plus": "^1.0.0"
}
@@ -4289,9 +4282,8 @@
},
"ecc-jsbn": {
"version": "0.1.2",
- "resolved": "https://registry.npmmirror.com/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz",
+ "resolved": "https://registry.npmjs.org/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz",
"integrity": "sha512-eh9O+hwRHNbG4BLTjEl3nw044CkGm5X6LoaCf7LPp7UU8Qrt47JYNi6nPX8xjW97TKGKm1ouctg0QSpZe9qrnw==",
- "dev": true,
"requires": {
"jsbn": "~0.1.0",
"safer-buffer": "^2.1.0"
@@ -4749,9 +4741,8 @@
},
"extend": {
"version": "3.0.2",
- "resolved": "https://registry.npmmirror.com/extend/-/extend-3.0.2.tgz",
- "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==",
- "dev": true
+ "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz",
+ "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g=="
},
"extend-shallow": {
"version": "3.0.2",
@@ -4841,9 +4832,8 @@
},
"extsprintf": {
"version": "1.3.0",
- "resolved": "https://registry.npmmirror.com/extsprintf/-/extsprintf-1.3.0.tgz",
- "integrity": "sha512-11Ndz7Nv+mvAC1j0ktTa7fAb0vLyGGX+rMHNBYQviQDGU0Hw7lhctJANqbPhu9nV9/izT/IntTgZ7Im/9LJs9g==",
- "dev": true
+ "resolved": "https://registry.npmjs.org/extsprintf/-/extsprintf-1.3.0.tgz",
+ "integrity": "sha512-11Ndz7Nv+mvAC1j0ktTa7fAb0vLyGGX+rMHNBYQviQDGU0Hw7lhctJANqbPhu9nV9/izT/IntTgZ7Im/9LJs9g=="
},
"fast-deep-equal": {
"version": "3.1.3",
@@ -5091,15 +5081,13 @@
},
"forever-agent": {
"version": "0.6.1",
- "resolved": "https://registry.npmmirror.com/forever-agent/-/forever-agent-0.6.1.tgz",
- "integrity": "sha512-j0KLYPhm6zeac4lz3oJ3o65qvgQCcPubiyotZrXqEaG4hNagNYO8qdlUrX5vwqv9ohqeT/Z3j6+yW067yWWdUw==",
- "dev": true
+ "resolved": "https://registry.npmjs.org/forever-agent/-/forever-agent-0.6.1.tgz",
+ "integrity": "sha512-j0KLYPhm6zeac4lz3oJ3o65qvgQCcPubiyotZrXqEaG4hNagNYO8qdlUrX5vwqv9ohqeT/Z3j6+yW067yWWdUw=="
},
"form-data": {
"version": "2.3.3",
- "resolved": "https://registry.npmmirror.com/form-data/-/form-data-2.3.3.tgz",
+ "resolved": "https://registry.npmjs.org/form-data/-/form-data-2.3.3.tgz",
"integrity": "sha512-1lLKB2Mu3aGP1Q/2eCOx0fNbRMe7XdwktwOruhfqqd0rIJWwN4Dh+E3hrPSlDCXnSR7UtZ1N38rVXm+6+MEhJQ==",
- "dev": true,
"requires": {
"asynckit": "^0.4.0",
"combined-stream": "^1.0.6",
@@ -5243,9 +5231,8 @@
},
"getpass": {
"version": "0.1.7",
- "resolved": "https://registry.npmmirror.com/getpass/-/getpass-0.1.7.tgz",
+ "resolved": "https://registry.npmjs.org/getpass/-/getpass-0.1.7.tgz",
"integrity": "sha512-0fzj9JxOLfJ+XGLhR8ze3unN0KZCgZwiSSDz168VERjK8Wl8kVSdcu2kspd4s4wtAa1y/qrVRiAA0WclVsu0ng==",
- "dev": true,
"requires": {
"assert-plus": "^1.0.0"
}
@@ -5349,15 +5336,13 @@
},
"har-schema": {
"version": "2.0.0",
- "resolved": "https://registry.npmmirror.com/har-schema/-/har-schema-2.0.0.tgz",
- "integrity": "sha512-Oqluz6zhGX8cyRaTQlFMPw80bSJVG2x/cFb8ZPhUILGgHka9SsokCCOQgpveePerqidZOrT14ipqfJb7ILcW5Q==",
- "dev": true
+ "resolved": "https://registry.npmjs.org/har-schema/-/har-schema-2.0.0.tgz",
+ "integrity": "sha512-Oqluz6zhGX8cyRaTQlFMPw80bSJVG2x/cFb8ZPhUILGgHka9SsokCCOQgpveePerqidZOrT14ipqfJb7ILcW5Q=="
},
"har-validator": {
"version": "5.1.5",
- "resolved": "https://registry.npmmirror.com/har-validator/-/har-validator-5.1.5.tgz",
+ "resolved": "https://registry.npmjs.org/har-validator/-/har-validator-5.1.5.tgz",
"integrity": "sha512-nmT2T0lljbxdQZfspsno9hgrG3Uir6Ks5afism62poxqBM6sDnMEuPmzTq8XN0OEwqKLLdh1jQI3qyE66Nzb3w==",
- "dev": true,
"requires": {
"ajv": "^6.12.3",
"har-schema": "^2.0.0"
@@ -5743,9 +5728,8 @@
},
"http-signature": {
"version": "1.2.0",
- "resolved": "https://registry.npmmirror.com/http-signature/-/http-signature-1.2.0.tgz",
+ "resolved": "https://registry.npmjs.org/http-signature/-/http-signature-1.2.0.tgz",
"integrity": "sha512-CAbnr6Rz4CYQkLYUtSNXxQPUH2gK8f3iWexVlsnMeD+GjlsQ0Xsy1cOX+mN3dtxYomRy21CiOzU8Uhw6OwncEQ==",
- "dev": true,
"requires": {
"assert-plus": "^1.0.0",
"jsprim": "^1.2.2",
@@ -6352,9 +6336,8 @@
},
"is-typedarray": {
"version": "1.0.0",
- "resolved": "https://registry.npmmirror.com/is-typedarray/-/is-typedarray-1.0.0.tgz",
- "integrity": "sha512-cyA56iCMHAh5CdzjJIa4aohJyeO1YbwLi3Jc35MmRU6poroFjIGZzUzupGiRPOjgHg9TLu43xbpwXk523fMxKA==",
- "dev": true
+ "resolved": "https://registry.npmjs.org/is-typedarray/-/is-typedarray-1.0.0.tgz",
+ "integrity": "sha512-cyA56iCMHAh5CdzjJIa4aohJyeO1YbwLi3Jc35MmRU6poroFjIGZzUzupGiRPOjgHg9TLu43xbpwXk523fMxKA=="
},
"is-weakref": {
"version": "1.0.2",
@@ -6400,9 +6383,8 @@
},
"isstream": {
"version": "0.1.2",
- "resolved": "https://registry.npmmirror.com/isstream/-/isstream-0.1.2.tgz",
- "integrity": "sha512-Yljz7ffyPbrLpLngrMtZ7NduUgVvi6wG9RJ9IUcyCd59YQ911PBJphODUcbOVbqYfxe1wuYf/LJ8PauMRwsM/g==",
- "dev": true
+ "resolved": "https://registry.npmjs.org/isstream/-/isstream-0.1.2.tgz",
+ "integrity": "sha512-Yljz7ffyPbrLpLngrMtZ7NduUgVvi6wG9RJ9IUcyCd59YQ911PBJphODUcbOVbqYfxe1wuYf/LJ8PauMRwsM/g=="
},
"javascript-stringify": {
"version": "1.6.0",
@@ -6454,9 +6436,8 @@
},
"jsbn": {
"version": "0.1.1",
- "resolved": "https://registry.npmmirror.com/jsbn/-/jsbn-0.1.1.tgz",
- "integrity": "sha512-UVU9dibq2JcFWxQPA6KCqj5O42VOmAY3zQUfEKxU0KpTGXwNoCjkX1e13eHNvw/xPynt6pU0rZ1htjWTNTSXsg==",
- "dev": true
+ "resolved": "https://registry.npmjs.org/jsbn/-/jsbn-0.1.1.tgz",
+ "integrity": "sha512-UVU9dibq2JcFWxQPA6KCqj5O42VOmAY3zQUfEKxU0KpTGXwNoCjkX1e13eHNvw/xPynt6pU0rZ1htjWTNTSXsg=="
},
"jsesc": {
"version": "2.5.2",
@@ -6483,9 +6464,8 @@
},
"json-schema": {
"version": "0.4.0",
- "resolved": "https://registry.npmmirror.com/json-schema/-/json-schema-0.4.0.tgz",
- "integrity": "sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA==",
- "dev": true
+ "resolved": "https://registry.npmjs.org/json-schema/-/json-schema-0.4.0.tgz",
+ "integrity": "sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA=="
},
"json-schema-traverse": {
"version": "0.4.1",
@@ -6494,9 +6474,8 @@
},
"json-stringify-safe": {
"version": "5.0.1",
- "resolved": "https://registry.npmmirror.com/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz",
- "integrity": "sha512-ZClg6AaYvamvYEE82d3Iyd3vSSIjQ+odgjaTzRuO3s7toCdFKczob2i0zCh7JE8kWn17yvAWhUVxvqGwUalsRA==",
- "dev": true
+ "resolved": "https://registry.npmjs.org/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz",
+ "integrity": "sha512-ZClg6AaYvamvYEE82d3Iyd3vSSIjQ+odgjaTzRuO3s7toCdFKczob2i0zCh7JE8kWn17yvAWhUVxvqGwUalsRA=="
},
"json5": {
"version": "2.2.1",
@@ -6514,9 +6493,8 @@
},
"jsprim": {
"version": "1.4.2",
- "resolved": "https://registry.npmmirror.com/jsprim/-/jsprim-1.4.2.tgz",
+ "resolved": "https://registry.npmjs.org/jsprim/-/jsprim-1.4.2.tgz",
"integrity": "sha512-P2bSOMAc/ciLz6DzgjVlGJP9+BrJWu5UDGK70C2iweC5QBIeFf0ZXRvGjEj2uYgrY2MkAAhsSWHDWlFtEroZWw==",
- "dev": true,
"requires": {
"assert-plus": "1.0.0",
"extsprintf": "1.3.0",
@@ -7377,9 +7355,8 @@
},
"oauth-sign": {
"version": "0.9.0",
- "resolved": "https://registry.npmmirror.com/oauth-sign/-/oauth-sign-0.9.0.tgz",
- "integrity": "sha512-fexhUFFPTGV8ybAtSIGbV6gOkSv8UtRbDBnAyLQw4QPKkgNlsH2ByPGtMUqdWkos6YCRmAqViwgZrJc/mRDzZQ==",
- "dev": true
+ "resolved": "https://registry.npmjs.org/oauth-sign/-/oauth-sign-0.9.0.tgz",
+ "integrity": "sha512-fexhUFFPTGV8ybAtSIGbV6gOkSv8UtRbDBnAyLQw4QPKkgNlsH2ByPGtMUqdWkos6YCRmAqViwgZrJc/mRDzZQ=="
},
"object-assign": {
"version": "4.1.1",
@@ -7823,9 +7800,8 @@
},
"performance-now": {
"version": "2.1.0",
- "resolved": "https://registry.npmmirror.com/performance-now/-/performance-now-2.1.0.tgz",
- "integrity": "sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow==",
- "dev": true
+ "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz",
+ "integrity": "sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow=="
},
"picocolors": {
"version": "1.0.0",
@@ -8700,8 +8676,7 @@
"psl": {
"version": "1.9.0",
"resolved": "https://registry.npmmirror.com/psl/-/psl-1.9.0.tgz",
- "integrity": "sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag==",
- "dev": true
+ "integrity": "sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag=="
},
"public-encrypt": {
"version": "4.0.3",
@@ -8771,9 +8746,8 @@
},
"qs": {
"version": "6.5.3",
- "resolved": "https://registry.npmmirror.com/qs/-/qs-6.5.3.tgz",
- "integrity": "sha512-qxXIEh4pCGfHICj1mAJQ2/2XVZkjCDTcEgfoSQxc/fYivUZxTkk7L3bDBJSoNrEzXI17oUO5Dp07ktqE5KzczA==",
- "dev": true
+ "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.3.tgz",
+ "integrity": "sha512-qxXIEh4pCGfHICj1mAJQ2/2XVZkjCDTcEgfoSQxc/fYivUZxTkk7L3bDBJSoNrEzXI17oUO5Dp07ktqE5KzczA=="
},
"query-string": {
"version": "4.3.4",
@@ -9116,9 +9090,8 @@
},
"request": {
"version": "2.88.2",
- "resolved": "https://registry.npmmirror.com/request/-/request-2.88.2.tgz",
+ "resolved": "https://registry.npmjs.org/request/-/request-2.88.2.tgz",
"integrity": "sha512-MsvtOrfG9ZcrOwAW+Qi+F6HbD0CWXEh9ou77uOb7FM2WPhwT7smM833PzanhJLsgXjN89Ir6V2PczXNnMpwKhw==",
- "dev": true,
"requires": {
"aws-sign2": "~0.7.0",
"aws4": "^1.8.0",
@@ -9946,9 +9919,8 @@
},
"sshpk": {
"version": "1.17.0",
- "resolved": "https://registry.npmmirror.com/sshpk/-/sshpk-1.17.0.tgz",
+ "resolved": "https://registry.npmjs.org/sshpk/-/sshpk-1.17.0.tgz",
"integrity": "sha512-/9HIEs1ZXGhSPE8X6Ccm7Nam1z8KcoCqPdI7ecm1N33EzAetWahvQWVqLZtaZQ+IDKX4IyA2o0gBzqIMkAagHQ==",
- "dev": true,
"requires": {
"asn1": "~0.2.3",
"assert-plus": "^1.0.0",
@@ -10528,7 +10500,6 @@
"version": "2.5.0",
"resolved": "https://registry.npmmirror.com/tough-cookie/-/tough-cookie-2.5.0.tgz",
"integrity": "sha512-nlLsUzgm1kfLXSXfRZMc1KLAugd4hqJHDTvc2hDIwS3mZAfMEuMbc03SujMF+GEcpaX/qboeycw6iO8JwVv2+g==",
- "dev": true,
"requires": {
"psl": "^1.1.28",
"punycode": "^2.1.1"
@@ -10558,18 +10529,16 @@
},
"tunnel-agent": {
"version": "0.6.0",
- "resolved": "https://registry.npmmirror.com/tunnel-agent/-/tunnel-agent-0.6.0.tgz",
+ "resolved": "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.6.0.tgz",
"integrity": "sha512-McnNiV1l8RYeY8tBgEpuodCC1mLUdbSN+CYBL7kJsJNInOP8UjDDEwdk6Mw60vdLLrr5NHKZhMAOSrR2NZuQ+w==",
- "dev": true,
"requires": {
"safe-buffer": "^5.0.1"
}
},
"tweetnacl": {
"version": "0.14.5",
- "resolved": "https://registry.npmmirror.com/tweetnacl/-/tweetnacl-0.14.5.tgz",
- "integrity": "sha512-KXXFFdAbFXY4geFIwoyNK+f5Z1b7swfXABfL7HXCmoIWMKU3dmS26672A4EeQtDzLKy7SXmfBu51JolvEKwtGA==",
- "dev": true
+ "resolved": "https://registry.npmjs.org/tweetnacl/-/tweetnacl-0.14.5.tgz",
+ "integrity": "sha512-KXXFFdAbFXY4geFIwoyNK+f5Z1b7swfXABfL7HXCmoIWMKU3dmS26672A4EeQtDzLKy7SXmfBu51JolvEKwtGA=="
},
"type-fest": {
"version": "0.6.0",
@@ -10927,8 +10896,7 @@
"uuid": {
"version": "3.4.0",
"resolved": "https://registry.npmmirror.com/uuid/-/uuid-3.4.0.tgz",
- "integrity": "sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A==",
- "dev": true
+ "integrity": "sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A=="
},
"v-fit-columns": {
"version": "0.2.0",
@@ -10958,9 +10926,8 @@
},
"verror": {
"version": "1.10.0",
- "resolved": "https://registry.npmmirror.com/verror/-/verror-1.10.0.tgz",
+ "resolved": "https://registry.npmjs.org/verror/-/verror-1.10.0.tgz",
"integrity": "sha512-ZZKSmDAEFOijERBLkmYfJ+vmk3w+7hOLYDNkRCuRuMJGEmqYNCNLyBBFwWKVMhfwaEF3WOd0Zlw86U/WC/+nYw==",
- "dev": true,
"requires": {
"assert-plus": "^1.0.0",
"core-util-is": "1.0.2",
diff --git a/package.json b/package.json
index 5d3febd0..63a69f80 100644
--- a/package.json
+++ b/package.json
@@ -24,6 +24,7 @@
"mxdraw": "^0.1.138",
"node-cmd": "^5.0.0",
"pdfjs-dist": "^2.0.943",
+ "request": "^2.88.2",
"rtsp2web": "^2.2.0",
"v-fit-columns": "^0.2.0",
"vue": "^2.6.10",
diff --git a/src/api/stationBuilding.js b/src/api/stationBuilding.js
new file mode 100644
index 00000000..22df5aed
--- /dev/null
+++ b/src/api/stationBuilding.js
@@ -0,0 +1,137 @@
+import axios from 'axios'
+// if (process.env.NODE_ENV === 'development') {
+// axios.defaults.baseURL = '/app'
+// } else if (process.env.NODE_ENV === 'production') {
+// axios.defaults.baseURL = '/app'
+// }
+//设置请求头参数 common 为设置所有的接口 post为设置post请求的接口
+// axios.defaults.headers.common['Authorization'] = `Bearer ${localStorage.getItem('access_token')}`;
+export const getWord = (url) =>{
+ return axios.get('app'+url,{
+ responseType:'blob',
+ })
+}
+
+
+//配变负载率top5
+export const loadRateTop5 = (data) => {
+ return axios.post('ycgfxt/frontPage/loadRateTop5'+'?area='+data.area+'&date='+data.date,
+ data
+ ,{headers: {'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'}})
+};
+//区域发电客户数
+export const powerNumber = (data) => {
+ return axios.post('aps/api/v1/ycgfxt/frontPage/powerNumber'+'?area='+data.area,
+ data
+ ,{headers: { 'Content-Type': 'application/x-www-form-urlencoded' }})
+};
+//区域台区数量
+export const tgNumber = (data) => {
+ return axios.post('aps/api/v1/ycgfxt/frontPage/tgNumber'+'?area='+data.area,
+ data
+ ,{headers: { 'Content-Type': 'application/x-www-form-urlencoded' }})
+};
+//区域上网功率
+export const areaPowerData = (data) => {
+ return axios.post('aps/api/v1/ycgfxt/frontPage/areaPowerData'+'?area='+data.area,
+ data
+ ,{headers: { 'Content-Type': 'application/x-www-form-urlencoded' }})
+};
+//能量渗透率top5
+export const energyRateTop5 = (data) => {
+ return axios.post('aps/api/v1/ycgfxt/frontPage/energyRateTop5',
+ data
+ ,{headers: { 'Content-Type': 'application/x-www-form-urlencoded' }})
+};
+//容量渗透率top5
+export const volumeRateTop5 = (data) => {
+ return axios.post('aps/api/v1/ycgfxt/frontPage/volumeRateTop5',
+ data
+ ,{headers: { 'Content-Type': 'application/x-www-form-urlencoded' }})
+};
+//区域渗透率均值(渗透率均值:请求渗透率均值时传area：''(空))
+export const areaPermeability = (data) => {
+ return axios.post('aps/api/v1/ycgfxt/frontPage/areaPermeability'+'?area='+data.area,
+ data
+ ,{headers: { 'Content-Type': 'application/x-www-form-urlencoded' }})
+};
+//区域自发自用占比
+export const areaUsageRatio = (data) => {
+ return axios.post('aps/api/v1/ycgfxt/frontPage/areaUsageRatio',
+ data
+ ,{headers: { 'Content-Type': 'application/x-www-form-urlencoded' }})
+};
+//光伏台账(表格)
+export const listUser = (data) => {
+ return axios.post('aps/api/v1/ycgfxt/customer-account/list-user'+'?county='+data.county+'&orgName='+data.orgName+'&stationName='+data.stationName+'&lineName='+data.lineName+'&gcName='+data.gcName,
+ data
+ ,{headers: { 'Content-Type': 'application/x-www-form-urlencoded' }})
+};
+//树菜单
+export const loadTree = (data) => {
+ return axios.post('aps/api/v1/ycgfxt/customer-account/load-tree'+'?area='+data.area,
+ data
+ ,{headers: { 'Content-Type': 'application/x-www-form-urlencoded' }})
+};
+//光伏台账(树形)
+export const listByParam = (data) => {
+ return axios.post('aps/api/v1/ycgfxt/customer-account/list-by-param'+'?stationName='+data.stationName+'&lineName='+data.lineName,
+ data
+ ,{headers: { 'Content-Type': 'application/x-www-form-urlencoded' }})
+};
+//分布式光伏电量查询
+export const getData = (data) => {
+ return axios.post('aps/api/v1/ycgfxt/power-curve/get-data'+'?orgName='+data.orgName+'&stationName='+data.stationName+'&lineName='+data.lineName+'&tgName='+data.tgName+'&startDate='+data.startDate+'&endDate='+data.endDate+'&meterId='+data.meterId+'&type='+data.type,
+ data
+ ,{headers: { 'Content-Type': 'application/x-www-form-urlencoded' }})
+};
+//天气情况查询
+export const listWeatherData = (data) => {
+ return axios.post('aps/api/v1/ycgfxt/measurement/list-weather-data'+'?startDate='+data.startDate+'&endDate='+data.endDate+'&orgCode='+data.orgCode,
+ data
+ ,{headers: { 'Content-Type': 'application/x-www-form-urlencoded' }})
+};
+//负荷预测
+export const getForecastData = (data) => {
+ return axios.post('aps/api/v1/ycgfxt/customer-account/get-forecast-data'+'?date='+data.date+'&gcName='+data.gcName+'&lineName='+data.lineName+'&orgName='+data.orgName+'&stationName='+data.stationName+'&tgName='+data.tgName,
+ data
+ ,{headers: { 'Content-Type': 'application/x-www-form-urlencoded' }})
+};
+//发电量段面查询
+export const queryLineOrg = (data) => {
+ return axios.post('aps/api/v1/ycgfxt/access-statistics/query-line-org'+'?area='+data.area+'&start='+data.start+'&end='+data.end,
+ data
+ ,{headers: { 'Content-Type': 'application/x-www-form-urlencoded' }})
+};
+//分布式光伏报表
+export const queryElectricity = (data) => {
+ return axios.post('aps/api/v1/ycgfxt/pv-load-ratio/query-electricity'+'?areaName='+data.areaName+'&date='+data.date+'&name='+data.name+'&showType='+data.showType+'&stationName='+data.stationName,
+ data
+ ,{headers: { 'Content-Type': 'application/x-www-form-urlencoded' }})
+};
+//户数渗透率
+export const listUserRatio = (data) => {
+ return axios.post('aps/api/v1/ycgfxt/user-ratio/list-user-ratio'+'?areaName='+data.areaName+'&ratio='+data.ratio+'&name='+data.name+'&showType='+data.showType+'&stationName='+data.stationName,
+ data
+ ,{headers: { 'Content-Type': 'application/x-www-form-urlencoded' }})
+};
+//容量渗透率
+export const queryVolumePermeability = (data) => {
+ return axios.post('aps/api/v1/ycgfxt/pv-load-ratio/query-volume-permeability'+'?areaName='+data.areaName+'&queryDate='+data.queryDate+'&ratio='+data.ratio+'&name='+data.name+'&showType='+data.showType+'&stationName='+data.stationName,
+ data
+ ,{headers: { 'Content-Type': 'application/x-www-form-urlencoded' }})
+};
+//能量渗透率
+export const queryEnergyPermeability = (data) => {
+ return axios.post('aps/api/v1/ycgfxt/pv-load-ratio/query-energy-permeability'+'?areaName='+data.areaName+'&queryDate='+data.queryDate+'&ratio='+data.ratio+'&name='+data.name+'&showType='+data.showType+'&stationName='+data.stationName,
+ data
+ ,{headers: { 'Content-Type': 'application/x-www-form-urlencoded' }})
+};
+//分布式电源接入统计
+export const listByDate = (data) => {
+ return axios.post('aps/api/v1/fbsgf/access-statistics/list-by-date'+'?orgName='+data.orgName+'&powerSupplyUnit='+data.powerSupplyUnit+'&date='+data.date,
+ data
+ ,{headers: { 'Content-Type': 'application/x-www-form-urlencoded' }})
+};
+
+