{"version":3,"sources":["webpack:///./src/views/twentyKV.vue","webpack:///src/views/twentyKV.vue","webpack:///./src/views/twentyKV.vue?7739","webpack:///./src/views/twentyKV.vue?8454","webpack:///./src/assets/indexN/dfsxz.png","webpack:///./src/assets/index/mainTb1.png","webpack:///./src/views/twentyKV.vue?c1d0","webpack:///./src/assets/index/mainTb2.png","webpack:///./src/views/twentyKV.vue?8591","webpack:///./src/views/twentyKV.vue?e21a"],"names":["render","_vm","this","_c","_self","staticClass","_m","attrs","staticStyle","_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","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","component","module","exports"],"mappings":"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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,cACAC,2BACAC,sBAEA,CACAH,KACAC,cACAC,2BACAC,sBAEA,CACAH,KACAC,cACAC,2BACAC,sBAEA,CACAH,KACAC,cACAC,2BACAC,sBAEA,CACAH,KACAC,cACAC,2BACAC,wBAEA,GAGAsC,qBACAC,mBACA,qBACA,qBACA,qBACA,iBACA,iBACA,mBAEAC,SACAC,yBACA,aACA,8DACA,GACAC,SACAC,QACAC,gBAEAC,QACAC,WACAC,YACAC,gBACAvC,6BAGAwC,MACAC,UACAC,WACAC,YACAC,iBAEAC,OACAC,gBACAC,eACAC,WACAT,SAEAU,UACAf,SAEAgB,WACAhB,QACAiB,WACAZ,kBAGAvC,MACA,OACA,OACA,OACA,OACA,OACA,OACA,SAGAoD,OACAN,aACAO,UACAF,WACAZ,eAGAW,WACAhB,QACAiB,WACAL,cAEAP,8BACAe,WAIAC,QACA,CACAlE,cACAyD,YACAU,cACAC,UACAC,cACA1D,kCACA2D,WACAC,QACArB,eACAY,WACAZ,mBAKA,CACAlD,gBACAyD,YACAW,UACAD,cACAE,cACA1D,mCACA2D,WACAC,QACArB,0BACAY,WACAZ,gCAOAsB,eACAC,6CACAD,eAGAE,yBACA,IACA,8DACA,GACA9B,SACAC,QACAC,gBAEAC,QACAC,WACAC,YACAC,gBACAvC,kBAGAwC,MACAC,UACAC,WACAC,YACAC,iBAEAC,OACAC,gBACAC,eACAC,WACAT,cAEAU,UACAf,SAEAgB,WACAhB,QACAiB,WACAZ,kBAGAvC,MACA,OACA,OACA,OACA,OACA,OACA,OACA,SAGAoD,OACAN,aACAO,UACAF,WACAZ,eAGAW,WACAhB,QACAiB,WACAL,cAEAP,8BACAe,WAIAC,QACA,CACAlE,cACAyD,YACAU,cACAC,UACAC,cACA1D,kCACA2D,WACAC,QACArB,eACAY,WACAZ,qBAOAsB,eACAC,6CACAD,eAGAG,yBAQA,IAPA,MACA,qaACA,EACA,qhHACA,oCACA,KACA,IACA,mBACA,SACAC,QAGA,kEACA,GACAzB,MACA0B,UACAzB,WACAC,YACAC,aAEAE,OACAX,SAEAkB,OACApD,0BAAA,0BACAkD,WACAhB,SAEAc,WACAX,WAAAC,YAAAC,kBAEAc,UACAnB,SAEAe,aAEAM,QACA,CACAT,oBACAqB,WACAC,SACApE,wBACA,OACAwB,QACAkC,cAIA,CACAZ,oBACAqB,WACAnE,wBACA,OACAqE,YACA7C,QACAkC,aAGAjC,OACAS,QACAoC,iBACAC,YACAC,cACAC,sBACA,8BAEAlC,gBACAD,gBAKAuB,eACAC,6CACAD,eAGAa,qBACA,IACA,0DACA,GACAzC,SACAC,QACAC,gBAEAC,QACAC,WACAC,YACAC,gBACAvC,iBAGAwC,MACAC,UACAC,WACAC,YACAC,iBAEAC,OACAC,gBACAC,eACAC,WACAT,cAEAU,UACAf,SAEAgB,WACAhB,QACAiB,WACAZ,kBAGAvC,MACA,SACA,SACA,SACA,SACA,SACA,SACA,WAGAoD,OACAN,aACAO,UACAF,WACAZ,eAGAW,WACAhB,QACAiB,WACAL,cAEAP,8BACAe,WAIAC,QACA,CACAlE,aACAyD,YACAU,cACAC,UACAC,cACA1D,kCACA2D,WACAC,QACArB,eACAY,WACAZ,qBAOAsB,eACAC,6CACAD,eAGAc,qBACA,IACA,0DACA,GACA1C,SACAC,QACAC,gBAEAC,QACAC,WACAC,YACAC,gBACAvC,iBAGAwC,MACAC,UACAC,WACAC,YACAC,iBAEAC,OACAC,gBACAC,eACAC,WACAT,cAEAU,UACAf,SAEAgB,WACAhB,QACAiB,WACAZ,kBAGAvC,wCAEAoD,OACAN,aACAO,UACAF,WACAZ,eAGAW,WACAhB,QACAiB,WACAL,cAEAP,8BACAe,WAIAC,QACA,CACAlE,aACAyD,YACAU,cACAC,UACAC,cACA1D,uBACA2D,WACAC,QACArB,0BACAY,WACAZ,gCAOAsB,eACAC,6CACAD,eAGAe,sBACA,gEACA,GACA3C,SACAE,eACA0C,aACA/B,gBAGAV,QACAC,WACAC,YACAC,iBAGAvC,eAEA6C,OACA,CACAC,gBACA9C,MACA,QACA,QACA,QACA,QACA,SAEAgD,WACAd,QACAG,WACAE,oBAKAa,OACA,CACAN,aACAzD,QACA2D,WACAX,WACAE,kBAGAW,WACAhB,QACAiB,WACAL,cAEAP,8BACAe,YAKAC,QACA,CACAlE,YACAyD,WACAqB,YACAR,WACApB,+CACA,CAAAuC,SAAAvC,8BACA,CAAAuC,UAAAvC,4BACA,CAAAuC,SAAAvC,2BAEAwC,uBACAC,eAEAhF,8BAIA6D,eACAC,6CACAD,gBAIAoB,UC73BkV,I,4CCU9UC,EAAY,eACd,EACA9G,EACAsB,GACA,EACA,KACA,WACA,MAIa,aAAAwF,E,8BCrBfC,EAAOC,QAAU,IAA0B,iC,qBCA3CD,EAAOC,QAAU,88D,oCCAjB,W,0CCAAD,EAAOC,QAAU,k5D,kCCAjB,W,yDCAA","file":"static/js/chunk-4754a0d8.0965ee18.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"home\"},[_vm._m(0),_vm._m(1),_vm._m(2),_vm._m(3),_c('div',{staticClass:\"right1\",attrs:{\"id\":\"right\"}},[_c('div',{staticClass:\"two\",staticStyle:{\"height\":\"49%\"}},[_vm._m(4),_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"line\"},[_c('table',[_vm._m(5),_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(6)]),_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:\"left\",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(\"园区供电所居民用户月电量\")]),_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:\"left1\",attrs:{\"id\":\"left\"}},[_c('div',{staticClass:\"one\",staticStyle:{\"height\":\"100%\"}},[_c('div',{staticClass:\"cartitle\"},[_c('div',{staticClass:\"titleFont\"},[_c('img',{attrs:{\"src\":require(\"./../assets/indexN/btjt.png\"),\"alt\":\"\"}}),_c('span',[_vm._v(\"60天内台区掉电客户数TOP10\")]),_c('img',{attrs:{\"src\":require(\"./../assets/indexN/btjt1.png\"),\"alt\":\"\"}})])]),_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"line\"},[_c('div',{attrs:{\"id\":\"detailedTwo3\"}})])])])])\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('img',{staticClass:\"allimg\",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('div',{staticStyle:{\"display\":\"inline-block\"}},[_c('img',{staticStyle:{\"float\":\"left\"},attrs:{\"src\":require(\"../assets/index/mainTb1.png\"),\"alt\":\"\"}}),_c('span',[_vm._v(\"        台区总数\")])]),_c('h5',{staticClass:\"yellow\"},[_vm._v(\"679\")])])])]),_c('div',{staticClass:\"lines\"},[_c('div',{staticClass:\"total\"},[_c('div',{staticClass:\"num\"},[_c('div',{staticStyle:{\"display\":\"inherit\"}},[_c('img',{staticStyle:{\"float\":\"left\",\"height\":\"30px\",\"width\":\"30px\"},attrs:{\"src\":require(\"../assets/index/mainTb2.png\"),\"alt\":\"\"}}),_c('span',[_vm._v(\"近60天内发生过停电的配变数\")])]),_c('h5',{staticClass:\"oranges\"},[_vm._v(\"234\")])])])]),_c('div',{staticClass:\"lines\"},[_c('div',{staticClass:\"total\"},[_c('div',{staticClass:\"num\"},[_c('div',{staticStyle:{\"display\":\"inherit\"}},[_c('img',{staticStyle:{\"float\":\"left\",\"height\":\"30px\",\"width\":\"30px\"},attrs:{\"src\":require(\"../assets/index/mainTb1.png\"),\"alt\":\"\"}}),_c('span',[_vm._v(\"近60天三相不平衡台区数\")])]),_c('h5',{staticClass:\"yellow\"},[_vm._v(\"0\")])])])]),_c('div',{staticClass:\"lines\"},[_c('div',{staticClass:\"total\"},[_c('div',{staticClass:\"num\"},[_c('div',{staticStyle:{\"display\":\"inherit\"}},[_c('img',{staticStyle:{\"float\":\"left\",\"height\":\"30px\",\"width\":\"30px\"},attrs:{\"src\":require(\"../assets/index/mainTb2.png\"),\"alt\":\"\"}}),_c('span',[_vm._v(\"近一周线损异常台区数\")])]),_c('h5',{staticClass:\"orange\"},[_vm._v(\"0\")])])])]),_c('div',{staticClass:\"lines\"},[_c('div',{staticClass:\"total\"},[_c('div',{staticClass:\"num\"},[_c('div',{staticStyle:{\"display\":\"inherit\"}},[_c('img',{staticStyle:{\"float\":\"left\",\"height\":\"30px\",\"width\":\"30px\"},attrs:{\"src\":require(\"../assets/index/mainTb1.png\"),\"alt\":\"\"}}),_c('span',[_vm._v(\"近60天内发生过停电的中压线路数\")])]),_c('h5',{staticClass:\"yellows\"},[_vm._v(\"0\")])])])])])])])])\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',{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',{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(\"进60天配变停电时间分析\")]),_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:\"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(\"近60天频繁停电配变\")]),_c('img',{attrs:{\"src\":require(\"./../assets/indexN/btjt1.png\"),\"alt\":\"\"}})])]),_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"line\"},[_c('div',{attrs:{\"id\":\"detailstop\"}})])])])\n}]\n\nexport { render, staticRenderFns }","<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                      >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;台区总数</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","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!./twentyKV.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!./twentyKV.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./twentyKV.vue?vue&type=template&id=865136fe&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=865136fe&prod&lang=less&scoped=true&\"\nimport style1 from \"./twentyKV.vue?vue&type=style&index=1&id=865136fe&prod&lang=less&scoped=true&\"\nimport style2 from \"./twentyKV.vue?vue&type=style&index=2&id=865136fe&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  \"865136fe\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"static/img/大丰市选中.378d9a64.png\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAfCAYAAACGVs+MAAAFjElEQVRIiZ2XS2wbRRjH/zP78tq7eTQJdUrbNFGaUpKiFgE9cKSiwAWJnqAnBGpyCRy4I3HjiFQVDjxEW4GEEFfKo0cuSKWFRkoRbVLSpK0Tv+ON7X2j2cy6463jJHzSyGvvrv+/+V4zQx5cS2GXRoQBfh3y61AYOzJ5F9pMiHYYMUAAwOef8djWdgoQi7PnFWHI/B4T8wC4ABx+7fPR1R4DSGfPt32v52ZjcSaoAdCFofF7TKgJoMFe4dc2/7/HIOq52dY17UbXQdwAsAdAFsABAIcAjAIYAbAfwF4A/QAy/HmpnpuVumlsCdBB3AQwAGAfF53wQ+N5X3/vYj04eQ7AYQ6S5RDGTiA65kAX8WE+0/1BmB6lxrk3M+aokjFHXivnvF6d/vEjAFZWEh5VCTObub1TOB7zwDbizOUTAfRnYUyfZeJB4IFSFf3Zt15sBsfPABjfjSekD861OaGb25n4eAD9GDIzrxjmmOTYFdy88QkolWH2HIKWmRq2rNU+mazmhbJsK03XugKhb7QBdBNnMzocQH+GZGZOGeYYZeJzf11As1FAqTgPTeuJIbKWtdrbDYLrhUkAiedEqoPbx7n4SxlB3HMKkKUQlIQoFm5B1Xph9ox0gvCE3hBDRF0zBiAcQOUx6+cxHBHET8Xi83MXQIM8dC1EJqVClvwIhHlCVvqSEKtCk3ITIC0AcfY9AIZ4nY8xcWRmThtt4muReJ/Rh4mDr8LQTTTs+yCUeWIekixA1NZMmeRWeGNq8k7pcogWAOWzT/PZs4ZyMAjTUzBmXo8TjrldCvJIp0Ls6RnEoeHTUNPPQdf6kVYVbDSXEYYh8vlbUJRWOIZrtWJKIQ/v8C7Z4DARhOgBlXewCMAPjSPUmH7bMMfkWDxwN90+2LsPI9nTkNMnQeThaKiSgoymo1ZfgucHWF1jibkJkco8fXC9ViUKuT8HwOIQTgwQx1/hHuj1A3OUmNMfGuao6tjVVrarMjDQM4CxJ1+GpJ8EkQZbBUTkLBQaRhD56iJcl2xWR6oPpskgnpqo1hoNldy7BmCDe8GjiTU8WlYJbVqeW6lHrpFTUNWeVt1sNAuobiwgdBfaFrvQL8B3HyJXuhE9yJ6lVIGm9Uf3fc8OSVhZESqgrQ9QwQsaQZCi/s3bDWfvC3pmvzY4dBzr1UU4ThmyBDTsZaQUCk2i0cxDvwiv/juWV39GxSrAdin8UMPRqXfQ1z8B16mFtfzFz3Rp/lcAJR4GW8wBIkCwH1SCUKH+zaWG88RxPXNAZRCV8l24ThkSDVFv3oMmU2g0gG/fwfLaT6hsFGG7BI6XwpHJR+JW4atvUtLtqwBYSVZ4MrpJAHFEOx+CkFJvbqXuDk2lMwcUBlEu3wVLSvaYVV+OYHLFa6haRTQdAtvVMH70XUH8y+81usDE7wMoAKjxcmT9IEiuBUjmBCFhwCEmGcTA0AkUS4toNsrwA6BiPUC92UDTpbC9pPgXP2h0kbl9mc++LM6+G0Ag7vEICf0kRKm0CGujAtdHFHPX13BksqP4PQA5HvtW9scZnAQQZ++LC0kSYnDoBKrVRTQaFRCitiWcIL4E4CGAIk+8pijeCWAnEEs8J1QGYVkrGBt/IxHzxatbibNNCV+SEZdfm6Wz52Nhl7+0zpOHJdFdQvy/Fefyp5XS9XVJUjF5bFrM9m81uvALgH+3Ek/qddwTbgsBf15xLn1cKf3J4rpZ54WvP9fonSu7EWe25bmAQdRzs8mXQh7DDQK/KDuX3i8VnI9C+/p3uvTPbwCqPNOrOxHvCrAFRAzAFpMqhaulvMtnIUW/2TzL63zY24kz2+nZkAhdUuErp9rhZOQI6733v05GW1icE3GPiHNDPBvGuxzxc1vbzeFUhGCiDELc+ydX1e0NwH/2cBW4ISrFSwAAAABJRU5ErkJggg==\"","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!./twentyKV.vue?vue&type=style&index=0&id=865136fe&prod&lang=less&scoped=true&\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAfCAYAAACGVs+MAAAFYElEQVRIiZWXy28bRRzHvzO7Y2/iR5w0cRK3SdMWlYKiIqqK54VWquACQuKCioQQCNQDRzhxAMEJEPwdnDhxKKhnJA5waWkrVBXaxvErTey1He9zBs1mxh07duKMNPJ6d3Y+n535zYuIX67hCImoosS41kmoDOP30GQfEW4BoEbWEhLIAcTql08qMakAVXBZnhmZqucSHBo5UvcOldgn0N1sDvzPlAoaLoEOgGkAU+qaqWIBAA9AD8Cuuk7EupvNfRKZUmGyFhiCS3AOwIzK8jqtikpgG0BLZapkgkypMFLiUIERcAmdB1AEsABgdqe8cYX7/NV8qfgdc5xHABoAUkMBeqAEHXVzDFyCTwA4A+CZVqXyLhNTrztOPtuuNL6IAv8CgNMAjivBvOoqKWRlSoXhUTNaYAL4ObdWfdOKUxcJtSAERzqdS7vl+rUo9J9TEicmlRgWOAguKz7r1qtXaMielnC3Wcaj+38ginwpwdyN+vtRGJwHcGpSCXo0eO0yDdhpDa9X7iAIuth88KchUXtvhMSMKWHGiBYg6no8vFa9TAP7lAm3KcCoQBzumhK2u1G7OiQxr1pCD92+BDVEbDWssgDmACwDWAPwVAIP2ZqG79RuY9oWmLY5skxgmnFQ3kXl4T6JdQAnVV1zqu60MaP2p1Mt4KjxPa+iec2tVS+Z8GbtNhxbYMoWmJ/iOJGNkGcc05aAPSTRTrrDPwegBOCYMXfYwy1AhgRk4SW3Wn2NhuyMhm9X7yBtCTiWwDEnRnZmATj7Do5lLORSPHlG4ycxkdoLzA+iwD9ttIBjCBCzBSwVJDIG8s1K+RKN2LMDfW4JMAuYczic2RXw859ALF6EWP8QhUwKOcaRogIiGgjMlFuufxp6vZKqOzXcBftGwc7Gwzfs2HnZhCdLIUHy5emZEvj6R4A9nbwo8mvg6x+j4BBkmAAlQBAMBKbTrmx943c7cxhcRQcE+ksqoZYr1EJGqT0ws3ZDAnSqIDv/GG9ykMrvCGMOL35SVn4AIXsIIXhILbs3tG9IBPQNvaT2CqXjNwSLrnMeIZtfxNLxdQgQxALwYoqmL0Du/gSydSuB03s/I678hW2PIuJIyqWdHEqrF2BZDJ7ndgory58xx2kqRn+/YH119SIZigM5TtPpbLYVeJ0pEYmTaSePVDqDttuARfbkuRBwmn+DtP9F1LiNpkfhxwQ+JyAsb8Bbu7Orpa8tlroPYEutmj0lImyj6SO1rLqq4HSuWLzRrtcYD/CSbAmZHlduAoSDC4JIcGQf30/gASeJACR8ZQ/ue66Ef09t9p98VcE9xRJaQPe/vOkD6KjC8pmdKy7+1m7UKfejF7TEVuUmYioQcopOIFsDCDkBUnksa7jv9gqryz9Sm8lg2QSwrer2zd2SFuDqNzA2nP2cWyhe7zTqgvvRi1qiWr6VdAchImkNls49+XIJX1n+gdrsDgC9T2jqTYqxdxzYkOhuGJmyC8VfO406tMSSksBQwPm+u1tYSb5cw2sKvmt8vf7gfTuiwySutxv1mPvRK1piZ/sBSivP9/u8sJp8+d1x8O5mkx+4J1QFxknw3EIxaNdrPg9wSUpk88Wkpzyv1Z1dLX1LbXYPwMY4+HCFI/eEYyT0aAlyxcW2W620eIS35UTlea12YWX5S2qzhwpcnwQ+VmCEhDAEZIVufmm5tlPeaMS98K3Caulzi6UkeEeBW5PAZdp3NBtzLrDVIiJ3NRmV9Q4HKrIlsKtyP9pHwQ+MAfOhSmZg6vmip2ZM/X6kgDqHOtpH1DeQJj2aaQlzwuovqca5UGd9Pjw0HeVwqhcQOTlJCfOErGPEzIcnAP8Dz5jNPYbyFckAAAAASUVORK5CYII=\"","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!./twentyKV.vue?vue&type=style&index=1&id=865136fe&prod&lang=less&scoped=true&\"","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!./twentyKV.vue?vue&type=style&index=2&id=865136fe&prod&lang=less&\""],"sourceRoot":""}