1 line
66 KiB
Plaintext
1 line
66 KiB
Plaintext
{"version":3,"sources":["webpack:///./src/views/stationBuilding.vue?f70f","webpack:///./src/assets/indexN/dfsxz.png","webpack:///./src/views/stationBuilding.vue","webpack:///src/views/stationBuilding.vue","webpack:///./src/views/stationBuilding.vue?b3ec","webpack:///./src/views/stationBuilding.vue?315b","webpack:///./src/views/stationBuilding.vue?e42c","webpack:///./src/assets/02/dqxcxl.png","webpack:///./src/views/stationBuilding.vue?fa03"],"names":["module","exports","render","_vm","this","_c","_self","staticClass","attrs","staticStyle","_m","_l","pvTable","item","index","key","_v","_s","id","name","stationNumber","alternatorNumber","ref","require","staticRenderFns","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","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","maxNum","fontSize","barWidth","zlevel","realValue","position","distance","align","detailqe1","detailen1","axisPointer","offset","borderRadius","borderWidth","emphasis","focus","watch","component"],"mappings":"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wEC2NtM,GACfG,uBACAM,YACAC,oBACAC,iBACAC,mBACAC,mBAEAC,gBAAA,MACA,UACAC,YACAC,SACAC,YACAC,OACAC,mBACAC,eACAC,mBACAC,UACAC,gBACAC,wBACAC,wBACAC,qBACAC,eACAC,iBACAC,eACAC,aACAC,qCACAC,YACAC,YACA,CACAC,eACA/B,YAEA,CACA+B,eACA/B,YAEA,CACA+B,eACA/B,WAEA,CACA+B,eACA/B,aAGAgC,YACA,CACAD,gBAEA,CACAA,iBAGAE,aACA,CACAF,gBAEA,CACAA,iBAGAG,SACA,CACAC,SACAC,WAGAD,SACAE,YACA,CACArC,YACAsC,UAEA,CACAtC,cACAsC,UAEA,CACAtC,eACAsC,WAGAC,WAAA,6BACA,iCACA,uCACA,6BACA,oCACA,mCAEA,mCACA,iCAEA,mCACA,gCAEA,kCACA,6BACA,uCACA,+BACA,+BACA,CACA,CACAxC,KACAC,aACAC,6BACAC,+BAEA,CACAH,KACAC,aACAC,6BACAC,+BAEA,CACAH,KACAC,aACAC,6BACAC,+BAEA,CACAH,KACAC,aACAC,6BACAC,+BAEA,CACAH,KACAC,aACAC,6BACAC,+BAEA,CACAH,KACAC,aACAC,6BACAC,+BAEA,CACAH,KACAC,aACAC,6BACAC,+BAEA,CACAH,KACAC,aACAC,6BACAC,+BAEA,CACAH,KACAC,aACAC,6BACAC,+BAEA,CACAH,MACAC,aACAC,8BACAC,+BAEA,CACAH,MACAC,aACAC,8BACAC,+BAEA,CACAH,MACAC,aACAC,8BACAC,iCAEA,2BACA,CACA,CACAH,KACAC,aACAC,2BACAC,6BAEA,CACAH,KACAC,aACAC,2BACAC,6BAEA,CACAH,KACAC,aACAC,2BACAC,6BAEA,CACAH,KACAC,aACAC,2BACAC,6BAEA,CACAH,KACAC,aACAC,2BACAC,6BAEA,CACAH,KACAC,aACAC,2BACAC,6BAEA,CACAH,KACAC,aACAC,2BACAC,6BAEA,CACAH,KACAC,aACAC,2BACAC,6BAEA,CACAH,KACAC,aACAC,2BACAC,6BAEA,CACAH,MACAC,aACAC,2BACAC,6BAEA,CACAH,MACAC,aACAC,2BACAC,6BAEA,CACAH,MACAC,aACAC,2BACAC,+BAEA,GAGAsC,qBACAC,mBACA,qBACA,qBACA,iBACA,iBACA,iBAEAC,SAEAC,oBACA,0CACA,qBACAC,kBACAA,kBACAA,kBACAA,kBACAA,uBACAA,cACAA,YAEAC,yBACA,aACA,8DACA,GACAC,MACAC,UACAC,YACAC,UACAC,aACAC,iBAEAC,SACAC,QACAC,gBAEAC,QACAF,QACAG,WACAC,OACA1B,aACA2B,aACAC,cACAC,WACAC,iBAEAlD,0BAEAmD,OACA,CACAC,gBACAC,eACAC,WACAJ,SAEAK,UACAb,QACAc,WACAN,kBAGAO,UACAf,SAEAgB,WACAhB,QACAc,WACAN,kBAGAlD,MACA,OACA,OACA,OACA,OACA,QACA,QACA,QACA,QACA,WAIA2D,OACA,CACAP,aACA/D,WACAuE,MACAC,QACAnB,QACAY,WACAQ,oBACAb,WACAC,kBAGAK,UACAC,WACAN,kBAGAO,UACAf,WAIAqB,QACA,CAEAX,YACAY,WACAC,cACAC,aACAC,WACAC,QACAlB,eACAM,WACAN,eACAmB,QACAjB,gBAIApD,wDAIAsE,eACAC,6CACAD,eAGAE,yBAQA,IAPA,MACA,qaACA,EACA,qhHACA,oCACA,KACA,IACA,mBACA,SACAC,QAGA,kEACA,GACAtC,MACAG,UACAF,WACAC,YACAE,aAEAY,OACAT,SAEAiB,OACA3D,0BAAA,0BACA0D,WACAhB,SAEAY,WACAL,WAAAyB,YAAAxB,kBAEAK,UACAb,SAEAe,aAEAM,QACA,CACAX,oBACAuB,WACAC,SACA5E,wBACA,OACAwB,QACAyC,cAIA,CACAb,oBACAuB,WACA3E,wBACA,OACA6E,YACArD,QACAyC,aAGAxC,OACAiB,QACAoC,iBACAC,YACAC,cACAlB,sBACA,8BAEAZ,gBACAwB,gBAKAJ,eACAC,6CACAD,eAGAW,qBACA,aACA,0DACA,GACA9B,sBACAC,gBACAC,eACAC,WACAJ,SAEAK,UACAb,QACAc,WACAN,kBAGAO,UACAf,SAEAgB,WACAhB,QACAc,WACAN,kBAGAlD,MACA,OACA,OACA,OACA,OACA,QACA,QACA,QACA,QACA,UACA,WACA,CACA0C,UAGAiB,OACA,CACAP,aACA/D,aACAuE,MACAC,QACAnB,QACAgB,WACAhB,QACAc,WACAJ,cAEAF,8BACAmB,UAGAf,WACAQ,oBACAb,WACAC,kBAGAK,UACAC,WACAN,kBAGAO,UACAf,WAIAqB,QACA,CACA/D,2CACAoD,YACAa,cACAT,WACAN,gBACAmB,SAEAF,WACAC,QACAlB,eACAM,WACAN,eACAmB,QACAjB,mBAOAkB,eACAC,6CACAD,eAGAY,qBACA,IACA,0DACA,GACAzC,SACAE,eACAwC,aACA/B,gBAGAR,QACAK,WACAyB,YACAxB,iBAGAlD,yBAEAmD,OACA,CACAC,gBACApD,MACA,aACA,aACA,aACA,aACA,cAEAsD,WACAZ,QACAO,WACAC,oBAKAS,OACA,CACAP,aACA/D,QACAiE,WACAL,WACAC,kBAGAQ,WACAhB,QACAc,WACAJ,cAEAF,8BACAmB,YAKAN,QACA,CACA1E,cACA+D,WACAe,WACAjB,+CACA,CAAAkC,SAAAlC,8BACA,CAAAkC,UAAAlC,4BACA,CAAAkC,SAAAlC,2BAEAmC,uBACAC,eAEAC,UACAC,gBAEAxF,4BAEA,CACAX,aACA+D,WACAe,WACAjB,+CACA,CAAAkC,SAAAlC,8BACA,CAAAkC,UAAAlC,4BACA,CAAAkC,SAAAlC,2BAEAmC,uBACAC,eAEAC,UACAC,gBAEAxF,8BAIAsE,eACAC,6CACAD,gBAIAmB,UCt3ByV,I,4CCUrVC,EAAY,eACd,EACAtH,EACAsB,GACA,EACA,KACA,WACA,MAIa,aAAAgG,E,+FCrBf,W,qBCAAxH,EAAOC,QAAU,k1D,kCCAjB,W","file":"static/js/chunk-29843c46.c020e394.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./stationBuilding.vue?vue&type=style&index=0&id=db0061d4&prod&lang=less&scoped=true&\"","module.exports = __webpack_public_path__ + \"static/img/大丰市选中.378d9a64.png\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"home\"},[_c('div',{staticClass:\"left\",attrs:{\"id\":\"left\"}},[_c('div',{staticClass:\"one\",staticStyle:{\"height\":\"100%\"}},[_vm._m(0),_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"line\"},[_c('table',[_vm._m(1),_c('tbody',_vm._l((_vm.pvTable),function(item,index){return _c('tr',{key:index},[_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',{staticClass:\"titleFont\"},[_vm._v(_vm._s(item.alternatorNumber))])])}),0)])])])])]),_vm._m(2),_vm._m(3),_vm._m(4),_c('div',{staticClass:\"right1\",attrs:{\"id\":\"right\"}},[_c('div',{staticClass:\"one\",staticStyle:{\"height\":\"100%\"}},[_vm._m(5),_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"line\"},[_c('table',[_vm._m(6),_c('tbody',_vm._l((_vm.pvTable),function(item,index){return _c('tr',{key:index},[_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',{staticClass:\"titleFont\"},[_vm._v(_vm._s(item.alternatorNumber))])])}),0)])])])])]),_c('audio',{ref:\"audio\",attrs:{\"controls\":\"controls\",\"hidden\":\"\",\"src\":require(\"../assets/videos/police.wav\")}})])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"cartitle\"},[_c('div',{staticClass:\"titleFont\"},[_c('img',{attrs:{\"src\":require(\"./../assets/indexN/btjt.png\"),\"alt\":\"\"}}),_c('span',[_vm._v(\"光伏台账\")]),_c('img',{attrs:{\"src\":require(\"./../assets/indexN/btjt1.png\"),\"alt\":\"\"}})])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('thead',{staticStyle:{\"color\":\"#fff\",\"font-size\":\"30px\"}},[_c('tr',[_c('td',[_vm._v(\"序号\")]),_c('td',[_vm._v(\"单位名称\")]),_c('td',[_vm._v(\"台区编号\")]),_c('td',[_vm._v(\"发电客户编号\")])])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"left1\",attrs:{\"id\":\"left\"}},[_c('div',{staticClass:\"two\",staticStyle:{\"height\":\"49%\"}},[_c('div',{staticClass:\"cartitle\"},[_c('div',{staticClass:\"titleFont\"},[_c('img',{attrs:{\"src\":require(\"./../assets/indexN/btjt.png\"),\"alt\":\"\"}}),_c('span',[_vm._v(\"上网功率\")]),_c('img',{attrs:{\"src\":require(\"./../assets/indexN/btjt1.png\"),\"alt\":\"\"}})])]),_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"line\"},[_c('div',{attrs:{\"id\":\"detailedTwo1\"}})])])]),_c('div',{staticClass:\"two\",staticStyle:{\"height\":\"49%\"}},[_c('div',{staticClass:\"cartitle\"},[_c('div',{staticClass:\"titleFont\"},[_c('img',{attrs:{\"src\":require(\"./../assets/indexN/btjt.png\"),\"alt\":\"\"}}),_c('span',[_vm._v(\"配变负载率TOP5\")]),_c('img',{attrs:{\"src\":require(\"./../assets/indexN/btjt1.png\"),\"alt\":\"\"}})])]),_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"line\"},[_c('div',{attrs:{\"id\":\"detailedTwo2\"}})])])])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"middle\",attrs:{\"id\":\"middle\"}},[_c('div',{staticClass:\"map\",staticStyle:{\"height\":\"100%\"}},[_c('canvas',{staticStyle:{\"position\":\"absolute\"},attrs:{\"id\":\"myCanvas\",\"width\":\"1000\",\"height\":\"600\"}}),_c('img',{attrs:{\"src\":require(\"../assets/indexN/dfsxz.png\"),\"alt\":\"\"}}),_c('div',{staticClass:\"imgboxone\"},[_c('div',{staticClass:\"contents\"},[_c('div',{staticClass:\"lines\"},[_c('div',{staticClass:\"total\"},[_c('div',{staticClass:\"num\"},[_c('span',[_vm._v(\"户数高渗透率\")]),_c('h5',{staticClass:\"yellow\"},[_vm._v(\"3.40%\")])])])]),_c('div',{staticClass:\"lines\"},[_c('div',{staticClass:\"total\"},[_c('div',{staticClass:\"num\"},[_c('span',[_vm._v(\"容量渗透率\")]),_c('h5',{staticClass:\"orange\"},[_vm._v(\"0.01%\")])])])]),_c('div',{staticClass:\"lines\"},[_c('div',{staticClass:\"total\"},[_c('div',{staticClass:\"num\"},[_c('span',[_vm._v(\"能量渗透率\")]),_c('h5',{staticClass:\"yellow\"},[_vm._v(\"0.44%\")])])])])])]),_c('div',{staticClass:\"imgboxtwo\"},[_c('ul',{staticClass:\"contentUl\"},[_c('li',[_c('h5',[_vm._v(\"发电客户数\")]),_c('br'),_c('span',{staticStyle:{\"color\":\"yellow\"}},[_vm._v(\"4721\")])]),_c('li',[_c('h5',[_vm._v(\"变电站数量\")]),_c('br'),_c('span',{staticStyle:{\"color\":\"orange\"}},[_vm._v(\"90\")])]),_c('li',[_c('h5',[_vm._v(\"台区总数\")]),_c('br'),_c('span',{staticStyle:{\"color\":\"yellow\"}},[_vm._v(\"17416\")])]),_c('li',[_c('h5',[_vm._v(\"当前负载率\")]),_c('br'),_c('span',{staticStyle:{\"color\":\"orange\"}},[_vm._v(\"40.19%\")])])])])])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"right\",attrs:{\"id\":\"right\"}},[_c('div',{staticClass:\"two\",staticStyle:{\"height\":\"49%\"}},[_c('div',{staticClass:\"cartitle\"},[_c('div',{staticClass:\"titleFont\"},[_c('img',{attrs:{\"src\":require(\"./../assets/indexN/btjt.png\"),\"alt\":\"\"}}),_c('span',[_vm._v(\"分布式光伏电量\")]),_c('img',{attrs:{\"src\":require(\"./../assets/indexN/btjt1.png\"),\"alt\":\"\"}})])]),_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"line\"},[_c('div',{staticClass:\"eqselect\"},[_c('span',[_vm._v(\"地区:\")]),_c('img',{attrs:{\"src\":require(\"../assets/02/dqxcxl.png\"),\"alt\":\"\"}}),_c('span',[_vm._v(\"用户:\")]),_c('img',{attrs:{\"src\":require(\"../assets/02/dqxcxl.png\"),\"alt\":\"\"}}),_c('span',[_vm._v(\"范围:\")]),_c('img',{attrs:{\"src\":require(\"../assets/02/dqxcxl.png\"),\"alt\":\"\"}}),_c('span',[_vm._v(\"日期:\")]),_c('img',{attrs:{\"src\":require(\"../assets/02/dqxcxl.png\"),\"alt\":\"\"}})]),_c('div',{attrs:{\"id\":\"detailqe\"}})])])]),_c('div',{staticClass:\"two\",staticStyle:{\"height\":\"49%\"}},[_c('div',{staticClass:\"cartitle\"},[_c('div',{staticClass:\"titleFont\"},[_c('img',{attrs:{\"src\":require(\"./../assets/indexN/btjt.png\"),\"alt\":\"\"}}),_c('span',[_vm._v(\"能量/容量\")]),_c('img',{attrs:{\"src\":require(\"./../assets/indexN/btjt1.png\"),\"alt\":\"\"}})])]),_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"line\"},[_c('div',{staticClass:\"enselect\"},[_c('img',{attrs:{\"src\":require(\"../assets/02/dqxcxl.png\"),\"alt\":\"\"}}),_c('span',{staticClass:\"text\"},[_vm._v(\"能量\")])]),_c('div',{attrs:{\"id\":\"detailen\"}})])])])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"cartitle\"},[_c('div',{staticClass:\"titleFont\"},[_c('img',{attrs:{\"src\":require(\"./../assets/indexN/btjt.png\"),\"alt\":\"\"}}),_c('span',[_vm._v(\"渗透率统计\")]),_c('img',{attrs:{\"src\":require(\"./../assets/indexN/btjt1.png\"),\"alt\":\"\"}})])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('thead',{staticStyle:{\"color\":\"#fff\",\"font-size\":\"30px\"}},[_c('tr',[_c('td',[_vm._v(\"序号\")]),_c('td',[_vm._v(\"供电公司\")]),_c('td',[_vm._v(\"线路名称\")]),_c('td',[_vm._v(\"光伏全年电量KWF\")])])])\n}]\n\nexport { render, staticRenderFns }","<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 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(\"detailedTwo2\"));\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 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","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./stationBuilding.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./stationBuilding.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./stationBuilding.vue?vue&type=template&id=db0061d4&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=db0061d4&prod&lang=less&scoped=true&\"\nimport style1 from \"./stationBuilding.vue?vue&type=style&index=1&id=db0061d4&prod&lang=less&scoped=true&\"\nimport style2 from \"./stationBuilding.vue?vue&type=style&index=2&id=db0061d4&prod&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 \"db0061d4\",\n null\n \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./stationBuilding.vue?vue&type=style&index=2&id=db0061d4&prod&lang=less&\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGUAAAAlCAYAAABbJCejAAAFMElEQVRoge2bz2/cRBTHv2Pveje7SdosKWqr9sAPcagoraBE4hIpQpXKAUXKhSBu0P+gVIIzl17gxJ0DEkklDl1RBIJDRVQJRQSpLb8kSNogVdCwsD+SNJv1+geyOxOe344dJ+UE85WePBk7tvZ9/GbGM2/E8fMXjvhnJ28Ez558FCmyvl66Zy8s/pF23iif/LOTh7P8LPV2QZVyOj4E4EnzAQSyzigpS5oNoCAN9pcL9yJL85V/bmokOHUChUQlIynWN1x77sovor2+DqAnrU/AhBKM0T8S0hSUIgAHQEnaUHioVvJemX4c1UqRBgWALhRBnR4AqX8n2ustAFsAtqX1pfnSTKQMSkVKgUEZAlARjWa1cLl+m4NR0kIR6xs9e75+Q7Q7DQD3pXU10WKaL70oFAWkLKFEfnRFo+kVLtehAzMAJY6QCEirswYgarY2JRQVLRSKiRS9BOlLihJIZFXpv9h3otHEDhiiBBTR6rjWXP2WjJAISAfABokWBcUl/YrRoCgUh0SJS/riSLZoNItRUxYeO1oJK5W4MgHFWroZwWjJ6NiQRqOlK8G4bARmRN5tTSdflj7rEyCWPF8SjWZZNJq9aPQFOlSTF3ZlM7UlIWwSQJsaKJ5pvrSiUErsJQbpb1TnPyzLsXifsi0d3yVg7mf0K6ZP0UtBcYifAhlFFFaXjGpL9ufXfg5OnbhEoQRkdNXV2BbpV1z2MKOkVCTQUSrIx6RDgKg+OtbvTz6WiBT1/eES44BUJLnkgSZSBiVkNFAgFuv4e8zXOy83heIRMBROn0Hi3yoGyqAs1oqoTp2D6LMZklgcik8u8DSguBkoelmaCNFB8MjMiDZSQnLSJ0Zh+RpwBsqgLFnD/eYzCLwci3f0kE4OyWQjP+rq/vNaermlfuJrAI5l/d4ghPBCYXsBrG0fxX4gCmvbVvP16yNfYdCP4D5MnZA0StUigEtZYCwBOCKEYwGVAtAPwpX5O6XzeV1q5bjGKKllAFMA7ubxixfg23d/qMx8uFJOXUcxUP4d5QLjh/jinZvVmY9XS629PNVA2b8ywXgBPrrwzfDsp3edrb0+wUB5OGnBBCHem7l24I3ra8X+fu5uoDy8KJhoNPXmxNWxi79tWfv+VKCjLwVIsHVmfqR1wf8F7JlPxrJO3154qf1i2Q6fn7g6NpfhN/63kP+f8CGFomYw1QynTSbQ6FGV1ZtgPh4BTH52cBXAqvSNpfEfN3qNKseiUAosJYYuZ1Kjk2zCQNGKTj4WyWKXKlP/UjCxOJQiu4nDyh5bFzDTLHoJ4keVWuSQo5MCKRaFwmHQtBi+dqIiyqyn6EXTi5QPh0gCRUkDSBspFk0Yk0bzvDgQs/KYLrrySP1ZIeUhAshRdzqyfOcBlCgzEr1eYC8sbrIbuJp1gQJpykzzpRdfoy9LfyqraqJnR3xCUsHokvwkvlDjmGyWTKVlsyggozJRokrq4qQJ/9zUUwDeSkAJnnvmkFj51RftDgeimqySyfvKpbS8rwjAiLRhBSccrznh8aNV5c8ElLB20AkmTp+05+u+aHUoEEXcZEjmU1aGpAITRcxIOF4b9Wann7Bu/fiXFkqkcHSk5M9On5apqxYLQZNLnE9ZucQ70RKO1x6JgOyaSwwKZq7+vWh3WmQkZrLu8ykz6142WQd0QJC18hiDeXX6aXvuyrLZn7In7b4/ZbzmpAEBh5Kx06gqzezkyiftTi4l8WfTLb7/wU/8Tolc4kjBC2cOR5b2SLL9Tn35G+1Du+57BPA3AV5h2SVFVsYAAAAASUVORK5CYII=\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./stationBuilding.vue?vue&type=style&index=1&id=db0061d4&prod&lang=less&scoped=true&\""],"sourceRoot":""} |