1 line
91 KiB
Plaintext
1 line
91 KiB
Plaintext
{"version":3,"sources":["webpack:///./src/views/enterprisePollutionMonitoring.vue?8dc2","webpack:///./src/views/enterprisePollutionMonitoring.vue?fa11","webpack:///./src/assets/index/mainTb1.png","webpack:///./src/views/enterprisePollutionMonitoring.vue","webpack:///./src/views/enterprisePollutionMonitoring.vue?7457","webpack:///./src/views/enterprisePollutionMonitoring.vue?cbaf","webpack:///./src/assets/index/mainTb2.png","webpack:///src/views/enterprisePollutionMonitoring.vue","webpack:///./src/views/enterprisePollutionMonitoring.vue?ed2f","webpack:///./src/assets/indexN/dfsxz.png"],"names":["module","exports","render","_vm","this","_c","_self","staticClass","_m","attrs","staticStyle","_l","pvTable","item","index","key","_v","_s","name","stationNumber","alternatorNumber","ref","require","staticRenderFns","component","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","tooltip","trigger","axisPointer","type","legend","textStyle","fontSize","color","xAxis","axisLabel","yAxis","min","max","interval","formatter","axisLine","lineStyle","splitLine","show","width","series","itemStyle","offset","borderRadius","borderWidth","emphasis","focus","myChart","window","detailedTwo22","right","top","itemWidth","itemHeight","itemGap","grid","left","bottom","axisTick","fontWeight","position","inverse","align","verticalAlign","lineHeight","stack","barWidth","barGap","normal","detailedTwo33","detailedTwo44","array","res","resObj","clockWise","hoverAnimation","radius","center","labelLine","silent","z","padding","rich","title","containLabel","inside","barCharts","detailen","backgroundColor","borderColor","className","console","params","polar","angleAxis","margin","radiusAxis","calculable","length","length2","roseType","zlevel","b","c","watch"],"mappings":"kHAAA,W,oCCAA,W,qBCAAA,EAAOC,QAAU,88D,yDCAbC,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACJ,EAAIK,GAAG,GAAGL,EAAIK,GAAG,GAAGL,EAAIK,GAAG,GAAGL,EAAIK,GAAG,GAAGH,EAAG,MAAM,CAACE,YAAY,SAASE,MAAM,CAAC,GAAK,UAAU,CAACJ,EAAG,MAAM,CAACE,YAAY,MAAMG,YAAY,CAAC,OAAS,SAAS,CAACP,EAAIK,GAAG,GAAGH,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,QAAQ,CAACF,EAAIK,GAAG,GAAGH,EAAG,QAAQF,EAAIQ,GAAIR,EAAIS,SAAS,SAASC,EAAKC,GAAO,OAAOT,EAAG,KAAK,CAACU,IAAID,GAAO,CAACT,EAAG,KAAK,CAACF,EAAIa,GAAGb,EAAIc,GAAGJ,EAAKK,SAASb,EAAG,KAAK,CAACF,EAAIa,GAAGb,EAAIc,GAAGJ,EAAKM,kBAAkBd,EAAG,KAAK,CAACE,YAAY,aAAa,CAACJ,EAAIa,GAAGb,EAAIc,GAAGJ,EAAKO,0BAAyB,aAAaf,EAAG,QAAQ,CAACgB,IAAI,QAAQZ,MAAM,CAAC,SAAW,WAAW,OAAS,GAAG,IAAMa,EAAQ,cAExqBC,EAAkB,CAAC,WAAY,IAAIpB,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,OAAOE,MAAM,CAAC,GAAK,SAAS,CAACJ,EAAG,MAAM,CAACE,YAAY,MAAMG,YAAY,CAAC,OAAS,SAAS,CAACL,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACI,MAAM,CAAC,IAAMa,EAAQ,QAA+B,IAAM,MAAMjB,EAAG,OAAO,CAACF,EAAIa,GAAG,gBAAgBX,EAAG,MAAM,CAACI,MAAM,CAAC,IAAMa,EAAQ,QAAgC,IAAM,UAAUjB,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACI,MAAM,CAAC,GAAK,sBAAsBJ,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACI,MAAM,CAAC,GAAK,yBACxlB,WAAY,IAAIN,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,QAAQE,MAAM,CAAC,GAAK,SAAS,CAACJ,EAAG,MAAM,CAACE,YAAY,MAAMG,YAAY,CAAC,OAAS,QAAQ,CAACL,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACI,MAAM,CAAC,IAAMa,EAAQ,QAA+B,IAAM,MAAMjB,EAAG,OAAO,CAACF,EAAIa,GAAG,gBAAgBX,EAAG,MAAM,CAACI,MAAM,CAAC,IAAMa,EAAQ,QAAgC,IAAM,UAAUjB,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACI,MAAM,CAAC,GAAK,wBAAwBJ,EAAG,MAAM,CAACE,YAAY,MAAMG,YAAY,CAAC,OAAS,QAAQ,CAACL,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACI,MAAM,CAAC,IAAMa,EAAQ,QAA+B,IAAM,MAAMjB,EAAG,OAAO,CAACF,EAAIa,GAAG,gBAAgBX,EAAG,MAAM,CAACI,MAAM,CAAC,IAAMa,EAAQ,QAAgC,IAAM,UAAUjB,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACI,MAAM,CAAC,GAAK,2BACp6B,WAAY,IAAIN,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,SAASE,MAAM,CAAC,GAAK,WAAW,CAACJ,EAAG,MAAM,CAACE,YAAY,MAAMG,YAAY,CAAC,OAAS,SAAS,CAACL,EAAG,SAAS,CAACK,YAAY,CAAC,SAAW,YAAYD,MAAM,CAAC,GAAK,WAAW,MAAQ,OAAO,OAAS,SAASJ,EAAG,MAAM,CAACE,YAAY,SAASE,MAAM,CAAC,IAAMa,EAAQ,QAA8B,IAAM,MAAMjB,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAACE,YAAY,YAAYG,YAAY,CAAC,MAAQ,OAAO,YAAY,SAAS,CAACP,EAAIa,GAAG,qCAAqCX,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,KAAK,CAACA,EAAG,KAAK,CAACF,EAAIa,GAAG,iDAAiDX,EAAG,OAAO,CAACK,YAAY,CAAC,MAAQ,WAAW,CAACP,EAAIa,GAAG,cAAcX,EAAG,KAAK,CAACF,EAAIa,GAAG,gDAAgDX,EAAG,OAAO,CAACK,YAAY,CAAC,MAAQ,WAAW,CAACP,EAAIa,GAAG,cAAcX,EAAG,KAAK,CAACF,EAAIa,GAAG,uDAAuDX,EAAG,OAAO,CAACK,YAAY,CAAC,MAAQ,WAAW,CAACP,EAAIa,GAAG,mBAAmBX,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACA,EAAG,MAAM,CAACK,YAAY,CAAC,MAAQ,QAAQD,MAAM,CAAC,IAAMa,EAAQ,QAA+B,IAAM,MAAMjB,EAAG,OAAO,CAACF,EAAIa,GAAG,oBAAoBX,EAAG,KAAK,CAACE,YAAY,UAAU,CAACJ,EAAIa,GAAG,gCAAgCX,EAAG,OAAO,CAACK,YAAY,CAAC,MAAQ,SAAS,CAACP,EAAIa,GAAG,kBAAkBX,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACA,EAAG,MAAM,CAACK,YAAY,CAAC,MAAQ,OAAO,OAAS,OAAO,MAAQ,QAAQD,MAAM,CAAC,IAAMa,EAAQ,QAA+B,IAAM,MAAMjB,EAAG,OAAO,CAACF,EAAIa,GAAG,oBAAoBX,EAAG,KAAK,CAACE,YAAY,UAAU,CAACJ,EAAIa,GAAG,+BAA+BX,EAAG,OAAO,CAACK,YAAY,CAAC,MAAQ,SAAS,CAACP,EAAIa,GAAG,kBAAkBX,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACA,EAAG,MAAM,CAACK,YAAY,CAAC,MAAQ,OAAO,OAAS,OAAO,MAAQ,QAAQD,MAAM,CAAC,IAAMa,EAAQ,QAA+B,IAAM,MAAMjB,EAAG,OAAO,CAACF,EAAIa,GAAG,qBAAqBX,EAAG,KAAK,CAACE,YAAY,UAAU,CAACJ,EAAIa,GAAG,+BAA+BX,EAAG,OAAO,CAACK,YAAY,CAAC,MAAQ,SAAS,CAACP,EAAIa,GAAG,kBAAkBX,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACA,EAAG,MAAM,CAACK,YAAY,CAAC,MAAQ,OAAO,OAAS,OAAO,MAAQ,QAAQD,MAAM,CAAC,IAAMa,EAAQ,QAA+B,IAAM,MAAMjB,EAAG,OAAO,CAACF,EAAIa,GAAG,qBAAqBX,EAAG,KAAK,CAACE,YAAY,UAAU,CAACJ,EAAIa,GAAG,+BAA+BX,EAAG,OAAO,CAACK,YAAY,CAAC,MAAQ,SAAS,CAACP,EAAIa,GAAG,kBAAkBX,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACA,EAAG,MAAM,CAACK,YAAY,CAAC,MAAQ,OAAO,OAAS,OAAO,MAAQ,QAAQD,MAAM,CAAC,IAAMa,EAAQ,QAA+B,IAAM,MAAMjB,EAAG,OAAO,CAACF,EAAIa,GAAG,oBAAoBX,EAAG,KAAK,CAACE,YAAY,UAAU,CAACJ,EAAIa,GAAG,kBAAkBX,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACA,EAAG,MAAM,CAACK,YAAY,CAAC,MAAQ,OAAO,OAAS,OAAO,MAAQ,QAAQD,MAAM,CAAC,IAAMa,EAAQ,QAA+B,IAAM,MAAMjB,EAAG,OAAO,CAACF,EAAIa,GAAG,oBAAoBX,EAAG,KAAK,CAACE,YAAY,UAAU,CAACJ,EAAIa,GAAG,2BAClzG,WAAY,IAAIb,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,QAAQE,MAAM,CAAC,GAAK,UAAU,CAACJ,EAAG,MAAM,CAACE,YAAY,MAAMG,YAAY,CAAC,OAAS,QAAQ,CAACL,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACI,MAAM,CAAC,IAAMa,EAAQ,QAA+B,IAAM,MAAMjB,EAAG,OAAO,CAACF,EAAIa,GAAG,gBAAgBX,EAAG,MAAM,CAACI,MAAM,CAAC,IAAMa,EAAQ,QAAgC,IAAM,UAAUjB,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,MAAM,CAACI,MAAM,CAAC,GAAK,mBAAmBJ,EAAG,MAAM,CAACE,YAAY,MAAMG,YAAY,CAAC,OAAS,QAAQ,CAACL,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACI,MAAM,CAAC,IAAMa,EAAQ,QAA+B,IAAM,MAAMjB,EAAG,OAAO,CAACF,EAAIa,GAAG,aAAaX,EAAG,MAAM,CAACI,MAAM,CAAC,IAAMa,EAAQ,QAAgC,IAAM,UAAUjB,EAAG,MAAM,CAACE,YAAY,UAAUG,YAAY,CAAC,OAAS,SAAS,CAACL,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACI,MAAM,CAAC,GAAK,uBAC55B,WAAY,IAAIN,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACI,MAAM,CAAC,IAAMa,EAAQ,QAA+B,IAAM,MAAMjB,EAAG,OAAO,CAACF,EAAIa,GAAG,cAAcX,EAAG,MAAM,CAACI,MAAM,CAAC,IAAMa,EAAQ,QAAgC,IAAM,WACtS,WAAY,IAAInB,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,QAAQ,CAACK,YAAY,CAAC,MAAQ,OAAO,YAAY,SAAS,CAACL,EAAG,KAAK,CAACA,EAAG,KAAK,CAACF,EAAIa,GAAG,UAAUX,EAAG,KAAK,CAACF,EAAIa,GAAG,UAAUX,EAAG,KAAK,CAACF,EAAIa,GAAG,gB,YCP0K,S,4CCUnWQ,EAAY,eACd,EACAtB,EACAqB,GACA,EACA,KACA,WACA,MAIa,aAAAC,E,8BCrBfxB,EAAOC,QAAU,k5D,qmCCmRF,0BACfiB,gBACAO,YACAC,yEACAC,qEACAC,yEACAC,wEAEAC,gBAAA,MACA,UACAC,YACAC,SACAC,YACAC,OACAC,qCACAC,eACAC,mBACAC,UACAC,gBACAC,wBACAC,wBACAC,qBACAC,eACAC,iBACAC,eACAC,aACAC,qCACAC,YACAC,YACA,CACAC,iCACAhC,YAEA,CACAgC,iCACAhC,YAEA,CACAgC,iCACAhC,WAEA,CACAgC,iCACAhC,aAGAiC,YACA,CACAD,kCAEA,CACAA,mCAGAE,aACA,CACAF,kCAEA,CACAA,mCAGAG,SACA,CACAC,SACAC,WAGAD,SACAE,YACA,CACAtC,YACAuC,UAEA,CACAvC,cACAuC,UAEA,CACAvC,eACAuC,WAGAC,WAAA,yJACA,6JACA,mKACA,yJACA,gKACA,+JAEA,+JACA,6JAEA,+JACA,4JAEA,8JACA,yJACA,mKACA,2JACA,2JACA,CACA,CACAxC,WACAC,6BACAC,+BAEA,CACAF,WACAC,6BACAC,+BAEA,CACAF,WACAC,6BACAC,+BAEA,CACAF,WACAC,6BACAC,+BAEA,CACAF,WACAC,6BACAC,+BAEA,CACAF,WACAC,6BACAC,+BAEA,CACAF,WACAC,6BACAC,+BAEA,CACAF,WACAC,6BACAC,+BAEA,CACAF,WACAC,6BACAC,+BAEA,CACAF,WACAC,6BACAC,iCAEA,GAGAuC,qBACAC,mBACA,gBACA,qBACA,qBACA,qBACA,qBACA,iBACA,iBAEAC,SAEAC,oBACA,0CACA,qBACAC,kBACAA,kBACAA,uBACAA,cACAA,oBACAA,mBACAA,6BACAA,6BACAA,6BACAA,6BACAA,6BACAA,6BACAA,6BACAA,6BACAA,YAEAC,yBACA,kEACA,GACAC,SACAC,eACAC,aACAC,gBAGAC,QACAC,WACAC,YACAC,iBAGA1C,qBAEA2C,OACA,CACAL,gBACAtC,iDACA4C,WACAF,aACAD,iBAIAI,OACA,CACAP,aACAQ,MACAC,QACAC,YACAJ,WACAK,qBACAT,WACAE,gBACAD,cAGAS,UACAC,WACAT,eAGAU,WACAC,QACAF,WACAb,cAEAI,8BACAY,YAKAC,QACA,CACAnE,WACAkD,WACAkB,WACAd,kFACA,CAAAe,SAAAf,8BACA,CAAAe,UAAAf,4BACA,CAAAe,SAAAf,2BAEAgB,uBACAC,eAEAC,UACAC,gBAEA7D,2BAEA,CACAZ,YACAkD,WACAkB,WACAd,kFACA,CAAAe,SAAAf,6BACA,CAAAe,UAAAf,2BACA,CAAAe,SAAAf,0BAEAgB,uBACAC,eAEAC,UACAC,gBAEA7D,8BAIA8D,eACAC,6CACAD,eAGAE,yBACA,kEACA,GACA,CACA5E,iBACAY,4BAEA,CACAZ,kBACAY,6BAGA,uCACA,kCACA,GACA0C,2DACAP,SACAC,eACAC,aACAC,cAGAC,QACA0B,QACAC,SACAC,aACAC,cACAC,WACA7B,WACAE,aACAD,cAGA6B,MACAJ,UACAK,WACAN,WACAO,aAEA7B,OACA,CACAL,aACAe,QACAH,UACAG,SAEAoB,UACApB,SAEAT,WACAF,gBACAD,YACAiC,eACA1B,WACAC,sBACA,kBAGAG,WACAC,WAIAR,OACA,CACAP,gBACAmB,UACAP,UACAG,SAEAoB,UACApB,SAEAT,WACAF,aACAD,YACAiC,eACA1B,YAGAhD,QAEA,CAEAsC,gBACAmB,WACAkB,gBACAzB,UACAG,SAEAuB,WACAH,UACApB,SAEAT,WACAI,WACAN,aACAmC,aACAC,uBACAC,cACAtC,aAEAzC,SAGAuD,QACA,CACAnE,iBACAkD,WACA0C,kBACAC,eACAC,UACA1B,WAEA2B,QAAAzC,iBAEAjB,OACA0D,QACA9B,QACAsB,yBACA1B,sBACA,gBAEAT,WACAE,aACAD,eAKAzC,gBAEA,CACAZ,kBACAkD,WACA0C,kBACAC,eACAxD,OACA0D,QACA9B,QACAsB,yBACA1B,sBACA,gBAEAT,WACAE,aACAD,eAIAzC,kBAIA8D,eACAC,6CACAD,eAGAsB,yBACA,kEACA,GACA,CACAhG,iBACAY,4BAEA,CACAZ,kBACAY,6BAGA,uCACA,kCACA,GACA0C,2DACAP,SACAC,eACAC,aACAC,cAGAC,QACA0B,QACAC,SACAC,aACAC,cACAC,WACA7B,WACAE,aACAD,cAGA6B,MACAJ,UACAK,WACAN,WACAO,aAEA7B,OACA,CACAL,aACAe,QACAH,UACAG,SAEAoB,UACApB,SAEAT,WACAF,gBACAD,YACAiC,eACA1B,WACAC,sBACA,kBAGAG,WACAC,WAIAR,OACA,CACAP,gBACAmB,UACAP,UACAG,SAEAoB,UACApB,SAEAT,WACAF,aACAD,YACAiC,eACA1B,YAGAhD,QAEA,CAEAsC,gBACAmB,WACAkB,gBACAzB,UACAG,SAEAuB,WACAH,UACApB,SAEAT,WACAI,WACAN,aACAmC,aACAC,uBACAC,cACAtC,aAEAzC,SAGAuD,QACA,CACAnE,iBACAkD,WACA0C,kBACAC,eACAC,UACA1B,WAEA2B,QAAAzC,iBAEAjB,OACA0D,QACA9B,QACAsB,yBACA1B,sBACA,gBAEAT,WACAE,aACAD,eAKAzC,gBAEA,CACAZ,kBACAkD,WACA0C,kBACAC,eACAxD,OACA0D,QACA9B,QACAsB,yBACA1B,sBACA,gBAEAT,WACAE,aACAD,eAIAzC,kBAIA8D,eACAC,6CACAD,eAGAuB,uCACA,wEACA,MACA,CACAjG,aACAoC,YAEA,CACApC,WACAoC,YAEA,CACApC,aACAoC,YAEA,CACApC,eACAoC,YAEA,CACApC,gBACAoC,YAEA,CACApC,YACAoC,aAGA,mCACA,qCACA,kCACA,+BACA,yBACA,4BACA,iBACA,KAMA,OALA,GACA8D,uBACAC,gBAGA,EAEA,wBAEA,IADA,SACA,mBACAC,gBAEA,SAEA,oBAKA,IAJA,OACAjC,UACAV,UAEA,mBAEA0C,eACAnG,QACAkD,WACAmD,aACAC,kBACAC,iCACAC,qBACAnE,OACA4B,SAEAG,WACA/B,OACA4B,SAEAwC,WACAxC,SAEAM,eAEA3D,MACA,CACAwB,iBACApC,gBAEA,CACAoC,0BACApC,QACAoE,WACAd,sBACAiB,eAEAxB,SACAkB,SAEAqC,sBAIAH,eACAnG,QACAkD,WACAwD,UACAC,IACAN,aACAC,kBACAC,iCACAC,qBACAnE,OACA4B,SAEAG,WACA/B,OACA4B,SAEAwC,WACAxC,SAEAM,eAEA3D,MACA,CACAwB,UACAgC,WACAd,uBACAiB,eAEAxB,SACAkB,SAEAqC,mBAEA,CACAlE,UACApC,QACAoE,WACAd,sBACAiB,eAEAxB,SACAkB,SAEAqC,sBAIAH,wBAEA,SAEA,YACAhD,QACAc,QACAjC,cACA8C,aACAK,WACAvE,aACAsD,UACA0C,cACA3B,WACApB,sBACA,MACA,gDAGAT,WACAyD,MACAC,OACAzD,YACAsC,cACAzB,UACAZ,cAEAlB,OACAiB,YACAsC,cACAzB,SACAZ,iBAKAP,SACAkB,QACAjB,eACAa,kCAEAP,OACA,oBACA,mBACA,mBACA,oBAEA4B,MACAJ,SACAM,aACAD,WACA4B,iBAEAtD,OACA,CACAP,gBACAsC,WACA1B,UACAG,SAEAoB,UACApB,SAEAT,WACAI,WACAoD,UACA5D,WACAE,aACAD,aAEAY,SAEArD,wBAGA2C,OACA,CACAU,UAGAE,0BAEAO,0BACAC,6CACAD,qBAGAuC,qBACA,+DACA,GACA,CACAjH,iBACAY,4BAEA,CACAZ,kBACAY,6BAGA,uCACA,kCACA,GACA0C,2DACAP,SACAC,eACAC,aACAC,cAGAC,QACA0B,QACAC,SACAC,aACAC,cACAC,WACA7B,WACAE,aACAD,cAGA6B,MACAJ,UACAK,WACAN,WACAO,aAEA7B,OACA,CACAL,aACAe,QACAH,UACAG,SAEAoB,UACApB,SAEAT,WACAF,gBACAD,YACAiC,eACA1B,WACAC,sBACA,kBAGAG,WACAC,WAIAR,OACA,CACAP,gBACAmB,UACAP,UACAG,SAEAoB,UACApB,SAEAT,WACAF,aACAD,YACAiC,eACA1B,YAGAhD,QAEA,CAEAsC,gBACAmB,WACAkB,gBACAzB,UACAG,SAEAuB,WACAH,UACApB,SAEAT,WACAI,WACAN,aACAmC,aACAC,uBACAC,cACAtC,aAEAzC,SAGAuD,QACA,CACAnE,iBACAkD,WACA0C,kBACAC,eACAC,UACA1B,WAEA2B,QAAAzC,iBAEAjB,OACA0D,QACA9B,QACAsB,yBACA1B,sBACA,gBAEAT,WACAE,aACAD,eAKAzC,gBAEA,CACAZ,kBACAkD,WACA0C,kBACAC,eACAxD,OACA0D,QACA9B,QACAsB,yBACA1B,sBACA,gBAEAT,WACAE,aACAD,eAIAzC,kBAIA8D,eACAC,6CACAD,eAGAwC,oBACA,8DACA,GACA5D,OACA,UACA,UACA,UACA,UACA,UACA,WAEA4B,MACAC,UACAL,OACAM,UACAP,SACAkC,iBAMAhE,SACAC,eACAmE,0BACAC,sBACAC,+BACAxD,sBACAyD,eAIA,MACA,4IAEAC,OAFA,4QAUA,QAVA,wDAaAA,UAbA,wfAgCA,WAGAC,SACAC,WACA7D,WACAV,gBACAtC,QACA+F,KACA7C,UACAG,QACAF,WACAT,gBACAY,QACAhB,eAGAM,WACAI,WACAK,QACAX,gBACAoE,SACArE,cAGAsE,YACAjE,OACAC,QACAC,YACAE,UACAG,QACAF,WACAT,gBACAY,QACAhB,eAGAM,WACAK,sBACAI,QACA2C,mBACAtD,gBACAD,aAEAW,WACAD,WACAT,gBACAY,QACAhB,gBAIA0E,cACAzD,QACA,CACAjB,WACAqD,oBACAD,kBACAG,WACAV,QACA9B,QACA4D,UACAC,YAEAtD,UACAP,UAGArD,MACA,CACAZ,QACAoC,QACAgC,WACA2B,QACAzC,qBAMA,CACAJ,WACAqD,qBACAD,kBACAG,WACAV,QACA9B,QACA4D,UACAC,YAEAtD,UACAP,UAGAjE,QACAY,MACA,CACAZ,QACAoC,QACAgC,WACA2B,QACAzC,qBAMA,CACAsC,UACA1C,WACAqD,qBACAwB,gBACAC,UACA3F,OACA0D,QACAlC,sBAEA,OADAyD,eAEA,OACAC,OADA,SAIAA,qBACA,MAGAhD,cACAD,eACAjB,YACAoC,eACAnC,gBACAuD,MACAoB,GACA5E,YACAsC,cACArC,aACAsD,mBAEAsB,GACA7E,YACAsC,cACArC,mBAkBAmD,WACAV,QACA9B,QACA4D,UACAC,YAEAtD,UACAP,UAGArD,MACA,CACAwB,SACApC,YAEA,CACAoC,QACApC,YAEA,CACAoC,SACApC,YAEA,CACAoC,SACApC,YAEA,CACAoC,SACApC,YAEA,CACAoC,SACApC,gBAMA0E,eACAC,6CACAD,gBAIAyD,W,oCC9/CA,W,mECAArJ,EAAOC,QAAU,IAA0B,iC","file":"static/js/chunk-27efcfd4.7ea43c2d.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!./enterprisePollutionMonitoring.vue?vue&type=style&index=2&id=13ab7e7c&prod&lang=less&\"","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!./enterprisePollutionMonitoring.vue?vue&type=style&index=1&id=13ab7e7c&prod&lang=less&scoped=true&\"","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==\"","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:\"one\",staticStyle:{\"height\":\"100%\"}},[_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.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:\"left\",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(\"年度行业用电量排放量\")]),_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:\"line\"},[_c('div',{attrs:{\"id\":\"detailedTwo4\"}})])])])\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\":\"detailedTwo3\"}})])])]),_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:\"middle\",attrs:{\"id\":\"middle\"}},[_c('div',{staticClass:\"map\",staticStyle:{\"height\":\"100%\"}},[_c('canvas',{staticStyle:{\"position\":\"absolute\"},attrs:{\"id\":\"myCanvas\",\"width\":\"1000\",\"height\":\"800\"}}),_c('img',{staticClass:\"allimg\",attrs:{\"src\":require(\"../assets/indexN/dfsxz.png\"),\"alt\":\"\"}}),_c('div',{staticClass:\"imgboxtwo\"},[_c('div',{staticClass:\"cartitle\"},[_c('div',{staticClass:\"titleFont\",staticStyle:{\"color\":\"#fff\",\"font-size\":\"26px\"}},[_vm._v(\"\\n 大丰区\\n \")])]),_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"line\"},[_c('ul',[_c('li',[_vm._v(\"\\n 用电量（kwh） \\n \"),_c('span',{staticStyle:{\"color\":\"yellow\"}},[_vm._v(\"2.685亿\")])]),_c('li',[_vm._v(\"\\n 碳排放量（kg）\\n \"),_c('span',{staticStyle:{\"color\":\"orange\"}},[_vm._v(\"7.303万\")])]),_c('li',[_vm._v(\"\\n 企业数量 \\n \"),_c('span',{staticStyle:{\"color\":\"yellow\"}},[_vm._v(\"713\")])])])])])]),_c('div',{staticClass:\"imgboxone\"},[_c('div',{staticClass:\"contents\"},[_c('div',{staticClass:\"lines\"},[_c('div',{staticClass:\"total\"},[_c('div',{staticClass:\"num\"},[_c('div',[_c('img',{staticStyle:{\"float\":\"left\"},attrs:{\"src\":require(\"../assets/index/mainTb1.png\"),\"alt\":\"\"}}),_c('span',[_vm._v(\"年度总用电量(2021)\")])]),_c('h5',{staticClass:\"yellow\"},[_vm._v(\"\\n 89.21\"),_c('span',{staticStyle:{\"color\":\"#fff\"}},[_vm._v(\"亿kwh\")])])])])]),_c('div',{staticClass:\"lines\"},[_c('div',{staticClass:\"total\"},[_c('div',{staticClass:\"num\"},[_c('div',[_c('img',{staticStyle:{\"float\":\"left\",\"height\":\"30px\",\"width\":\"30px\"},attrs:{\"src\":require(\"../assets/index/mainTb2.png\"),\"alt\":\"\"}}),_c('span',[_vm._v(\"年度总用电量(2022)\")])]),_c('h5',{staticClass:\"orange\"},[_vm._v(\"\\n 39.83\"),_c('span',{staticStyle:{\"color\":\"#fff\"}},[_vm._v(\"亿kwh\")])])])])]),_c('div',{staticClass:\"lines\"},[_c('div',{staticClass:\"total\"},[_c('div',{staticClass:\"num\"},[_c('div',[_c('img',{staticStyle:{\"float\":\"left\",\"height\":\"30px\",\"width\":\"30px\"},attrs:{\"src\":require(\"../assets/index/mainTb1.png\"),\"alt\":\"\"}}),_c('span',[_vm._v(\"年度总碳排放量(2021)\")])]),_c('h5',{staticClass:\"yellow\"},[_vm._v(\"\\n 242.6\"),_c('span',{staticStyle:{\"color\":\"#fff\"}},[_vm._v(\"万kwh\")])])])])]),_c('div',{staticClass:\"lines\"},[_c('div',{staticClass:\"total\"},[_c('div',{staticClass:\"num\"},[_c('div',[_c('img',{staticStyle:{\"float\":\"left\",\"height\":\"30px\",\"width\":\"30px\"},attrs:{\"src\":require(\"../assets/index/mainTb2.png\"),\"alt\":\"\"}}),_c('span',[_vm._v(\"年度总碳排放量(2022)\")])]),_c('h5',{staticClass:\"orange\"},[_vm._v(\"\\n 108.3\"),_c('span',{staticStyle:{\"color\":\"#fff\"}},[_vm._v(\"万kwh\")])])])])]),_c('div',{staticClass:\"lines\"},[_c('div',{staticClass:\"total\"},[_c('div',{staticClass:\"num\"},[_c('div',[_c('img',{staticStyle:{\"float\":\"left\",\"height\":\"30px\",\"width\":\"30px\"},attrs:{\"src\":require(\"../assets/index/mainTb2.png\"),\"alt\":\"\"}}),_c('span',[_vm._v(\"年度客户总数(2021)\")])]),_c('h5',{staticClass:\"orange\"},[_vm._v(\" 3673\")])])])]),_c('div',{staticClass:\"lines\"},[_c('div',{staticClass:\"total\"},[_c('div',{staticClass:\"num\"},[_c('div',[_c('img',{staticStyle:{\"float\":\"left\",\"height\":\"30px\",\"width\":\"30px\"},attrs:{\"src\":require(\"../assets/index/mainTb2.png\"),\"alt\":\"\"}}),_c('span',[_vm._v(\"年度客户总数(2022)\")])]),_c('h5',{staticClass:\"orange\"},[_vm._v(\" 4968\")])])])])])])])])\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',{attrs:{\"id\":\"barCharts\"}})])]),_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\",staticStyle:{\"height\":\"100%\"}},[_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(\"两高行业用电明细\")]),_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(\"用电日期\")])])])\n}]\n\nexport { render, staticRenderFns }","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!./enterprisePollutionMonitoring.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!./enterprisePollutionMonitoring.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./enterprisePollutionMonitoring.vue?vue&type=template&id=13ab7e7c&scoped=true&\"\nimport script from \"./enterprisePollutionMonitoring.vue?vue&type=script&lang=js&\"\nexport * from \"./enterprisePollutionMonitoring.vue?vue&type=script&lang=js&\"\nimport style0 from \"./enterprisePollutionMonitoring.vue?vue&type=style&index=0&id=13ab7e7c&prod&lang=less&scoped=true&\"\nimport style1 from \"./enterprisePollutionMonitoring.vue?vue&type=style&index=1&id=13ab7e7c&prod&lang=less&scoped=true&\"\nimport style2 from \"./enterprisePollutionMonitoring.vue?vue&type=style&index=2&id=13ab7e7c&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 \"13ab7e7c\",\n null\n \n)\n\nexport default component.exports","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=\"","<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 <div id=\"detailedTwo1\"></div>\r\n </div>\r\n </div>\r\n <div class=\"line\">\r\n <div id=\"detailedTwo4\"></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 class=\"enselect\">\r\n <img src=\"../assets/02/dqxcxl.png\" alt=\"\" />\r\n <span class=\"text\">2022</span>\r\n </div> -->\r\n\r\n <div id=\"detailedTwo3\"></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=\"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=\"800\"\r\n style=\"position: absolute\"\r\n ></canvas>\r\n <img class=\"allimg\" src=\"../assets/indexN/dfsxz.png\" alt=\"\" />\r\n <div class=\"imgboxtwo\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\" style=\"color: #fff; font-size: 26px\">\r\n 大丰区\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <ul>\r\n <li>\r\n 用电量（kwh） \r\n <span style=\"color: yellow\">2.685亿</span>\r\n </li>\r\n <li>\r\n 碳排放量（kg）\r\n <span style=\"color: orange\">7.303万</span>\r\n </li>\r\n <li>\r\n 企业数量 \r\n <span style=\"color: yellow\">713</span>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n </div>\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>\r\n <img\r\n style=\"float: left\"\r\n src=\"../assets/index/mainTb1.png\"\r\n alt=\"\"\r\n />\r\n <span>年度总用电量(2021)</span>\r\n </div>\r\n <h5 class=\"yellow\">\r\n 89.21<span style=\"color: #fff\"\r\n >亿kwh</span\r\n >\r\n </h5>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <div>\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>年度总用电量(2022)</span>\r\n </div>\r\n <h5 class=\"orange\">\r\n 39.83<span style=\"color: #fff\">亿kwh</span>\r\n </h5>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <div>\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>年度总碳排放量(2021)</span>\r\n </div>\r\n <h5 class=\"yellow\">\r\n 242.6<span style=\"color: #fff\">万kwh</span>\r\n </h5>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <div>\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>年度总碳排放量(2022)</span>\r\n </div>\r\n <h5 class=\"orange\">\r\n 108.3<span style=\"color: #fff\">万kwh</span>\r\n </h5>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"lines\">\r\n <div class=\"total\">\r\n <div class=\"num\">\r\n <div>\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>年度客户总数(2021)</span>\r\n </div>\r\n <h5 class=\"orange\"> 3673</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>\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>年度客户总数(2022)</span>\r\n </div>\r\n <h5 class=\"orange\"> 4968</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 id=\"barCharts\"></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\" style=\"height: 100%\">\r\n <div class=\"line\">\r\n <div id=\"detailen\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"right1\" id=\"right\">\r\n <div class=\"one\" style=\"height: 100%\">\r\n <div class=\"cartitle\">\r\n <div class=\"titleFont\">\r\n <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n <span>两高行业用电明细</span>\r\n <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"line\">\r\n <table>\r\n <thead style=\"color: #fff; font-size: 30px\">\r\n <tr>\r\n <td>客户名称</td>\r\n <td>用电地址</td>\r\n <td>用电日期</td>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <tr v-for=\"(item, index) in pvTable\" :key=\"index\">\r\n <td>{{ item.name }}</td>\r\n <td>{{ item.stationNumber }}</td>\r\n <td class=\"titleFont\">{{ item.alternatorNumber }}</td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <audio\r\n controls=\"controls\"\r\n hidden\r\n src=\"../assets/videos/police.wav\"\r\n ref=\"audio\"\r\n ></audio>\r\n </div>\r\n</template>\r\n\r\n<script>\r\n//引入echarts\r\nimport * as echarts from \"echarts\";\r\n// 工单统计弹窗组件\r\nimport workOrder from \"../component/workOrder.vue\";\r\nimport ringMainUnit from \"./HomePop/ringMainUnit.vue\";\r\nimport routeDetail from \"../component/routeDetail.vue\";\r\n\r\n// 线路详情\r\nimport lineDetail from \"../component/lineDetail.vue\";\r\nexport default {\r\n name: \"twentyKV\",\r\n components: {\r\n ringMainUnit, //环网柜弹窗\r\n workOrder, //工单统计弹窗\r\n routeDetail, //线路故障跳闸明细\r\n lineDetail, //线路详情弹窗\r\n },\r\n data() {\r\n return {\r\n pageShow: true,\r\n totals: 5,\r\n pageSize: 10,\r\n page: 1,\r\n threeImg: require(\"../assets/images/pieBorder.png\"),\r\n enlargeShow: true,\r\n dateList: [\"周\", \"月\"],\r\n acolor: true, //是否展示颜色\r\n currentIndex: -1,\r\n alarmInformationData: [],\r\n alarmInformationShow: false, //报警详情信息弹窗\r\n realTimeAlarmShow: false, //实时报警弹窗\r\n modelOthers: false,\r\n componentShow: \"\",\r\n CompanyInfo: {},\r\n tableData: [],\r\n btnArr: [\"总览\", \"环网柜\", \"分支箱\", \"箱变\", \"开闭所\"],\r\n btnActive: 0,\r\n iconGround: [\r\n {\r\n icon: require(\"@/assets/images/huanwanggui.png\"),\r\n name: \"环网柜\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/fenzhixiang.png\"),\r\n name: \"分支箱\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/xiangbian.png\"),\r\n name: \"箱变\",\r\n },\r\n {\r\n icon: require(\"@/assets/images/kaibisuo.png\"),\r\n name: \"开闭所\",\r\n },\r\n ],\r\n btnEnlarge: [\r\n {\r\n icon: require(\"@/assets/images/btnTiShi.png\"),\r\n },\r\n {\r\n icon: require(\"@/assets/images/btnFangDa.png\"),\r\n },\r\n ],\r\n btnEnlarge1: [\r\n {\r\n icon: require(\"@/assets/images/btnTiShi.png\"),\r\n },\r\n {\r\n icon: require(\"@/assets/images/suoxiao.png\"),\r\n },\r\n ],\r\n options: [\r\n {\r\n value: \"\",\r\n label: \"\",\r\n },\r\n ],\r\n value: \"\",\r\n topContent: [\r\n {\r\n name: \"配变数量\",\r\n count: \"\",\r\n },\r\n {\r\n name: \"重复停运台次\",\r\n count: \"\",\r\n },\r\n {\r\n name: \"配变重复停运率\",\r\n count: \"\",\r\n },\r\n ],\r\n device: \"\",\r\n tableData: [],\r\n tableKey: +new Date(),\r\n scrollTop: 0, //table距离顶部距离\r\n option: null,\r\n myChartBin: null,\r\n // 工单\r\n orderItem: null,\r\n orderShow: \"\",\r\n // 线路故障明细\r\n routeItem: null,\r\n routeShow: \"\",\r\n // 配电线路\r\n lineItem: null,\r\n lineShow: \"\",\r\n timer: null, //定时器\r\n emergencyList: [], //告警数据\r\n rowTime: \"\",\r\n pvTable: [\r\n {\r\n name: \"尤伟健\",\r\n stationNumber: \"江苏省盐城市***组47\",\r\n alternatorNumber: \"2022-05-27\",\r\n },\r\n {\r\n name: \"尤伟健\",\r\n stationNumber: \"江苏省盐城市***组47\",\r\n alternatorNumber: \"2022-05-27\",\r\n },\r\n {\r\n name: \"尤伟健\",\r\n stationNumber: \"江苏省盐城市***组47\",\r\n alternatorNumber: \"2022-05-27\",\r\n },\r\n {\r\n name: \"尤伟健\",\r\n stationNumber: \"江苏省盐城市***组47\",\r\n alternatorNumber: \"2022-05-27\",\r\n },\r\n {\r\n name: \"尤伟健\",\r\n stationNumber: \"江苏省盐城市***组47\",\r\n alternatorNumber: \"2022-05-27\",\r\n },\r\n {\r\n name: \"尤伟健\",\r\n stationNumber: \"江苏省盐城市***组47\",\r\n alternatorNumber: \"2022-05-27\",\r\n },\r\n {\r\n name: \"尤伟健\",\r\n stationNumber: \"江苏省盐城市***组47\",\r\n alternatorNumber: \"2022-05-27\",\r\n },\r\n {\r\n name: \"尤伟健\",\r\n stationNumber: \"江苏省盐城市***组47\",\r\n alternatorNumber: \"2022-05-27\",\r\n },\r\n {\r\n name: \"尤伟健\",\r\n stationNumber: \"江苏省盐城市***组47\",\r\n alternatorNumber: \"2022-05-27\",\r\n },\r\n {\r\n name: \"尤伟健\",\r\n stationNumber: \"江苏省盐城市***组47\",\r\n alternatorNumber: \"2022-05-27\",\r\n },\r\n ],\r\n };\r\n },\r\n created() {},\r\n mounted() {\r\n this.xianDuan();\r\n this.detailedTwo11();\r\n this.detailedTwo22();\r\n this.detailedTwo33();\r\n this.detailedTwo44();\r\n this.barCharts();\r\n this.detailen();\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(600, 500); // moveTo(x,y) 定义线条开始坐标\r\n ctx.lineTo(770, 120); // lineTo(x,y) 定义线条结束坐标\r\n ctx.strokeStyle = \"orange\";\r\n ctx.lineWidth = 5;\r\n ctx.font = \"26px Arial\";\r\n ctx.fillStyle = \"#fff\";\r\n ctx.fillText(\"11.87万\", 320, 140);\r\n ctx.fillText(\"14.76万\", 400, 200);\r\n ctx.fillText(\"2.113万\", 270, 360);\r\n ctx.fillText(\"39.12万\", 480, 285);\r\n ctx.fillText(\"7.399万\", 320, 440);\r\n ctx.fillText(\"7.399万\", 480, 410);\r\n ctx.fillText(\"255.1万\", 640, 465);\r\n ctx.fillText(\"298.4万\", 750, 660);\r\n ctx.stroke();\r\n },\r\n detailedTwo11() {\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo1\"));\r\n var option = {\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"shadow\",\r\n },\r\n },\r\n 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: [\"2530\", \"2541\", \"2542\", \"2550\", \"2610\", \"2621\"],\r\n axisLabel: {\r\n color: \"#fff\",\r\n fontSize: \"18\",\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n min: 0,\r\n max: 200,\r\n interval: 50,\r\n axisLabel: {\r\n formatter: \"{value}万\",\r\n textStyle: {\r\n color: \"#ffffff\",\r\n fontSize: 18,\r\n },\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\",\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n type: \"dashed\",\r\n // color: 'rgba(66, 192, 255, .3)',\r\n color: \"rgba(102,102,102,0.6)\",\r\n width: 1,\r\n },\r\n },\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"用电量\",\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: [150, 63, 72, 33, 47, 88],\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(255,255,0,.2) \" },\r\n { offset: 0.5, color: \"rgb(255,255,0,.6)\" },\r\n { offset: 0, color: \"rgb(255,255,0)\" },\r\n ]),\r\n borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n borderWidth: 0,\r\n },\r\n emphasis: {\r\n focus: \"series\",\r\n },\r\n data: [45, 123, 35, 67, 58, 124],\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedTwo22() {\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo2\"));\r\n var honorData = [\r\n {\r\n name: \"用电量（单位：亿）\",\r\n data: [9.4, 8.1, 7.3, 8.6, 6.6],\r\n },\r\n {\r\n name: \"碳排放量（单位：万）\",\r\n data: [9.4, 8.1, 7.3, 8.6, 6.6],\r\n },\r\n ];\r\n var honorXAxisData = [\"No.5\", \"No.4\", \"No.3\", \"No.2\", \"No.1\"];\r\n var nameList = [\"滨海县\", \"阜宁县\", \"射阳县\", \"建湖县\", \"盐都区\"];\r\n var option = {\r\n color: [\"#0F9AF8\", \"#2039C3\", \"rgba(32,57,195,.5)\", \"#2ECACE\"],\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"none\",\r\n },\r\n },\r\n legend: {\r\n right: 5,\r\n top: \"5%\",\r\n itemWidth: 10,\r\n itemHeight: 10,\r\n itemGap: 15,\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n grid: {\r\n top: \"15%\",\r\n left: \"14%\",\r\n right: \"0%\",\r\n bottom: \"0%\",\r\n },\r\n xAxis: [\r\n {\r\n type: \"value\",\r\n show: false,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: \"#6B9DD7\",\r\n fontSize: 16, // 文字大小\r\n fontWeight: 400,\r\n interval: 0,\r\n formatter: function (value) {\r\n return value + \"(万元)\";\r\n },\r\n },\r\n splitLine: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"category\",\r\n offset: 17,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: \"#fff\",\r\n fontSize: 20, // 文字大小\r\n fontWeight: 700,\r\n interval: 0,\r\n },\r\n\r\n data: honorXAxisData,\r\n },\r\n {\r\n //名称\r\n type: \"category\",\r\n offset: -10,\r\n position: \"left\",\r\n axisLine: {\r\n show: false,\r\n },\r\n inverse: true,\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n color: \"#fff\",\r\n align: \"left\",\r\n verticalAlign: \"bottom\",\r\n lineHeight: 40,\r\n fontSize: 20,\r\n },\r\n data: nameList,\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"用电量（单位：亿）\",\r\n type: \"bar\",\r\n stack: \"zongliang\",\r\n barWidth: \"25%\",\r\n barGap: 15, // 柱图之间的间距\r\n itemStyle: {\r\n //自定义颜色\r\n normal: { color: \"orange\" },\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: [\"80%\", \"-100%\"],\r\n formatter: function (params) {\r\n return params.value;\r\n },\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n\r\n data: honorData[0].data,\r\n },\r\n {\r\n name: \"碳排放量（单位：万）\",\r\n type: \"bar\",\r\n stack: \"zongliang\",\r\n barWidth: \"25%\",\r\n label: {\r\n normal: {\r\n show: true,\r\n position: [\"80%\", \"-100%\"],\r\n formatter: function (params) {\r\n return params.value;\r\n },\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n data: honorData[1].data,\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedTwo33() {\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo3\"));\r\n var honorData = [\r\n {\r\n name: \"用电量（单位：亿）\",\r\n data: [9.4, 8.1, 7.3, 8.6, 6.6],\r\n },\r\n {\r\n name: \"碳排放量（单位：万）\",\r\n data: [9.4, 8.1, 7.3, 8.6, 6.6],\r\n },\r\n ];\r\n var honorXAxisData = [\"No.5\", \"No.4\", \"No.3\", \"No.2\", \"No.1\"];\r\n var nameList = [\"滨海县\", \"阜宁县\", \"射阳县\", \"建湖县\", \"盐都区\"];\r\n var option = {\r\n color: [\"#0F9AF8\", \"#2039C3\", \"rgba(32,57,195,.5)\", \"#2ECACE\"],\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"none\",\r\n },\r\n },\r\n legend: {\r\n right: 5,\r\n top: \"5%\",\r\n itemWidth: 10,\r\n itemHeight: 10,\r\n itemGap: 15,\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n grid: {\r\n top: \"15%\",\r\n left: \"14%\",\r\n right: \"0%\",\r\n bottom: \"0%\",\r\n },\r\n xAxis: [\r\n {\r\n type: \"value\",\r\n show: false,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: \"#6B9DD7\",\r\n fontSize: 16, // 文字大小\r\n fontWeight: 400,\r\n interval: 0,\r\n formatter: function (value) {\r\n return value + \"(万元)\";\r\n },\r\n },\r\n splitLine: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"category\",\r\n offset: 17,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: \"#fff\",\r\n fontSize: 20, // 文字大小\r\n fontWeight: 700,\r\n interval: 0,\r\n },\r\n\r\n data: honorXAxisData,\r\n },\r\n {\r\n //名称\r\n type: \"category\",\r\n offset: -10,\r\n position: \"left\",\r\n axisLine: {\r\n show: false,\r\n },\r\n inverse: true,\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n color: \"#fff\",\r\n align: \"left\",\r\n verticalAlign: \"bottom\",\r\n lineHeight: 40,\r\n fontSize: 20,\r\n },\r\n data: nameList,\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"用电量（单位：亿）\",\r\n type: \"bar\",\r\n stack: \"zongliang\",\r\n barWidth: \"25%\",\r\n barGap: 15, // 柱图之间的间距\r\n itemStyle: {\r\n //自定义颜色\r\n normal: { color: \"orange\" },\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: [\"80%\", \"-100%\"],\r\n formatter: function (params) {\r\n return params.value;\r\n },\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n\r\n data: honorData[0].data,\r\n },\r\n {\r\n name: \"碳排放量（单位：万）\",\r\n type: \"bar\",\r\n stack: \"zongliang\",\r\n barWidth: \"25%\",\r\n label: {\r\n normal: {\r\n show: true,\r\n position: [\"80%\", \"-100%\"],\r\n formatter: function (params) {\r\n return params.value;\r\n },\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n data: honorData[1].data,\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailedTwo44() {\r\n var myChart = this.$echarts.init(document.getElementById(\"detailedTwo4\"));\r\n var data = [\r\n {\r\n name: \"核燃料加工\",\r\n value: 2530,\r\n },\r\n {\r\n name: \"煤加工\",\r\n value: 2541,\r\n },\r\n {\r\n name: \"煤制品制造\",\r\n value: 2542,\r\n },\r\n {\r\n name: \"生物质燃料加工\",\r\n value: 2530,\r\n },\r\n {\r\n name: \"基础化学原料制造\",\r\n value: 2541,\r\n },\r\n {\r\n name: \"氮肥制造\",\r\n value: 2542,\r\n },\r\n ];\r\n var arrName = getArrayValue(data, \"name\");\r\n var arrValue = getArrayValue(data, \"value\");\r\n var sumValue = eval(arrValue.join(\"+\"));\r\n var objData = array2obj(data, \"name\");\r\n var optionData = getData(data);\r\n function getArrayValue(array, key) {\r\n var key = key || \"value\";\r\n var res = [];\r\n if (array) {\r\n array.forEach(function (t) {\r\n res.push(t[key]);\r\n });\r\n }\r\n return res;\r\n }\r\n function array2obj(array, key) {\r\n var resObj = {};\r\n for (var i = 0; i < array.length; i++) {\r\n resObj[array[i][key]] = array[i];\r\n }\r\n return resObj;\r\n }\r\n function getData(data) {\r\n var res = {\r\n series: [],\r\n yAxis: [],\r\n };\r\n for (let i = 0; i < data.length; i++) {\r\n // console.log([70 - i * 15 + '%', 67 - i * 15 + '%']);\r\n res.series.push({\r\n name: \"\",\r\n type: \"pie\",\r\n clockWise: false, //顺时加载\r\n hoverAnimation: false, //鼠标移入变大\r\n radius: [85 - i * 15 + \"%\", 88 - i * 15 + \"%\"],\r\n center: [\"30%\", \"55%\"],\r\n label: {\r\n show: false,\r\n },\r\n itemStyle: {\r\n label: {\r\n show: false,\r\n },\r\n labelLine: {\r\n show: false,\r\n },\r\n borderWidth: 5,\r\n },\r\n data: [\r\n {\r\n value: data[i].value,\r\n name: data[i].name,\r\n },\r\n {\r\n value: sumValue - data[i].value,\r\n name: \"\",\r\n itemStyle: {\r\n color: \"rgba(0,0,0,0)\",\r\n borderWidth: 0,\r\n },\r\n tooltip: {\r\n show: false,\r\n },\r\n hoverAnimation: false,\r\n },\r\n ],\r\n });\r\n res.series.push({\r\n name: \"\",\r\n type: \"pie\",\r\n silent: true,\r\n z: 1,\r\n clockWise: false, //顺时加载\r\n hoverAnimation: false, //鼠标移入变大\r\n radius: [85 - i * 15 + \"%\", 88 - i * 15 + \"%\"],\r\n center: [\"30%\", \"55%\"],\r\n label: {\r\n show: false,\r\n },\r\n itemStyle: {\r\n label: {\r\n show: false,\r\n },\r\n labelLine: {\r\n show: false,\r\n },\r\n borderWidth: 5,\r\n },\r\n data: [\r\n {\r\n value: 7.5,\r\n itemStyle: {\r\n color: \"rgb(3, 31, 62)\",\r\n borderWidth: 0,\r\n },\r\n tooltip: {\r\n show: false,\r\n },\r\n hoverAnimation: false,\r\n },\r\n {\r\n value: 2.5,\r\n name: \"\",\r\n itemStyle: {\r\n color: \"rgba(0,0,0,0)\",\r\n borderWidth: 0,\r\n },\r\n tooltip: {\r\n show: false,\r\n },\r\n hoverAnimation: false,\r\n },\r\n ],\r\n });\r\n res.yAxis.push(data[i].name);\r\n }\r\n return res;\r\n }\r\n var option = {\r\n legend: {\r\n show: true,\r\n icon: \"circle\",\r\n top: \"center\",\r\n left: \"60%\",\r\n data: arrName,\r\n width: 200,\r\n padding: [0, 5],\r\n itemGap: 25,\r\n formatter: function (name) {\r\n return (\r\n \"{title|\" + name + \"}{value|\" + \" \" + objData[name].value + \"}\"\r\n );\r\n },\r\n textStyle: {\r\n rich: {\r\n title: {\r\n fontSize: 18,\r\n lineHeight: 20,\r\n width: 150,\r\n color: \"#fff\",\r\n },\r\n value: {\r\n fontSize: 18,\r\n lineHeight: 20,\r\n width: 50,\r\n color: \"#fff\",\r\n },\r\n },\r\n },\r\n },\r\n tooltip: {\r\n show: true,\r\n trigger: \"item\",\r\n formatter: \"{a}<br>{b}:{c}({d}%)\",\r\n },\r\n color: [\r\n \"rgb(24, 183, 142)\",\r\n \"rgb(1, 179, 238)\",\r\n \"rgb(22, 75, 205)\",\r\n \"rgb(52, 52, 176)\",\r\n ],\r\n grid: {\r\n top: \"8%\",\r\n bottom: \"50%\",\r\n left: \"30%\",\r\n containLabel: false,\r\n },\r\n yAxis: [\r\n {\r\n type: \"category\",\r\n inverse: true,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n inside: true,\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n show: true,\r\n },\r\n data: optionData.yAxis,\r\n },\r\n ],\r\n xAxis: [\r\n {\r\n show: false,\r\n },\r\n ],\r\n series: optionData.series,\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n barCharts() {\r\n var myChart = this.$echarts.init(document.getElementById(\"barCharts\"));\r\n var honorData = [\r\n {\r\n name: \"用电量（单位：亿）\",\r\n data: [9.4, 8.1, 7.3, 8.6, 6.6],\r\n },\r\n {\r\n name: \"碳排放量（单位：万）\",\r\n data: [9.4, 8.1, 7.3, 8.6, 6.6],\r\n },\r\n ];\r\n var honorXAxisData = [\"No.5\", \"No.4\", \"No.3\", \"No.2\", \"No.1\"];\r\n var nameList = [\"滨海县\", \"阜宁县\", \"射阳县\", \"建湖县\", \"盐都区\"];\r\n var option = {\r\n color: [\"#0F9AF8\", \"#2039C3\", \"rgba(32,57,195,.5)\", \"#2ECACE\"],\r\n tooltip: {\r\n trigger: \"axis\",\r\n axisPointer: {\r\n type: \"none\",\r\n },\r\n },\r\n legend: {\r\n right: 5,\r\n top: \"5%\",\r\n itemWidth: 10,\r\n itemHeight: 10,\r\n itemGap: 15,\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n grid: {\r\n top: \"15%\",\r\n left: \"14%\",\r\n right: \"0%\",\r\n bottom: \"0%\",\r\n },\r\n xAxis: [\r\n {\r\n type: \"value\",\r\n show: false,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: \"#6B9DD7\",\r\n fontSize: 16, // 文字大小\r\n fontWeight: 400,\r\n interval: 0,\r\n formatter: function (value) {\r\n return value + \"(万元)\";\r\n },\r\n },\r\n splitLine: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"category\",\r\n offset: 17,\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: \"#fff\",\r\n fontSize: 20, // 文字大小\r\n fontWeight: 700,\r\n interval: 0,\r\n },\r\n\r\n data: honorXAxisData,\r\n },\r\n {\r\n //名称\r\n type: \"category\",\r\n offset: -10,\r\n position: \"left\",\r\n axisLine: {\r\n show: false,\r\n },\r\n inverse: true,\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n color: \"#fff\",\r\n align: \"left\",\r\n verticalAlign: \"bottom\",\r\n lineHeight: 40,\r\n fontSize: 20,\r\n },\r\n data: nameList,\r\n },\r\n ],\r\n series: [\r\n {\r\n name: \"用电量（单位：亿）\",\r\n type: \"bar\",\r\n stack: \"zongliang\",\r\n barWidth: \"25%\",\r\n barGap: 15, // 柱图之间的间距\r\n itemStyle: {\r\n //自定义颜色\r\n normal: { color: \"orange\" },\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: [\"80%\", \"-100%\"],\r\n formatter: function (params) {\r\n return params.value;\r\n },\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n\r\n data: honorData[0].data,\r\n },\r\n {\r\n name: \"碳排放量（单位：万）\",\r\n type: \"bar\",\r\n stack: \"zongliang\",\r\n barWidth: \"25%\",\r\n label: {\r\n normal: {\r\n show: true,\r\n position: [\"80%\", \"-100%\"],\r\n formatter: function (params) {\r\n return params.value;\r\n },\r\n textStyle: {\r\n color: \"#fff\",\r\n fontSize: 18,\r\n },\r\n },\r\n },\r\n data: honorData[1].data,\r\n },\r\n ],\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener(\"resize\", () => {\r\n myChart.resize();\r\n });\r\n },\r\n detailen() {\r\n var myChart = this.$echarts.init(document.getElementById(\"detailen\"));\r\n var option = {\r\n color: [\r\n \"#EAEA26\",\r\n \"#906BF9\",\r\n \"#FE5656\",\r\n \"#01E17E\",\r\n \"#3DD1F9\",\r\n \"#FFAD05\",\r\n ],\r\n grid: {\r\n left: -100,\r\n top: 50,\r\n bottom: 10,\r\n right: 10,\r\n containLabel: true,\r\n },\r\n // tooltip: {\r\n // trigger: \"item\",\r\n // formatter: \"{b} : {c} ({d}%)\",\r\n // },\r\n tooltip: {\r\n trigger: \"item\",\r\n backgroundColor: \"#017D7D\", // 修改背景颜色\r\n borderColor: \"#66FFFF\", // 修改字体颜色\r\n className: \"custom-tooltip-box\",\r\n formatter: function (params) {\r\n console.log(params);\r\n // 循环处理数据，展示数据\r\n // \"<div class='custom-tooltip-style'>\"\r\n\r\n var htmlText =\r\n \"<div class='custom-tooltip-style'>\" +\r\n '<div style=\"font-size:22px;height:52px;width:100%;font-weight:600;line-height:52px;text:indent:26px\">' +\r\n params.name +\r\n \"<span>\" +\r\n \"</span>\" +\r\n \"</div>\" +\r\n '<div style=\"padding:0 5% 5% 10%;text-align:left\">' +\r\n \"<div >\" +\r\n \"<span style='margin-right:10px;font-size:22px;color:white;' >企业数量</span> \" +\r\n '<span style=\"color:yellow;font-family:SourceHanSansCN-Bold;font-size:22px;letter-spacing:1.25px;font-weight:700;\">' +\r\n +params.value +\r\n \"</span> \" +\r\n \"<span style='font-size:22px;color:yellow;' >（\" +\r\n params.percent +\r\n \"%）\" +\r\n \"</span> \" +\r\n \"</div>\" +\r\n \"<div style='margin: 10px 0'>\" +\r\n \"<span style='margin-right:33px;font-size:22px;color:white;' >用电量</span> \" +\r\n '<span style=\"color:orange;font-family:SourceHanSansCN-Bold;font-size:22px;letter-spacing:1.25px;font-weight:700;\">' +\r\n \"6.682亿\" +\r\n \"</span> \" +\r\n \"</div>\" +\r\n \"<div style='margin: 1opx 0'>\" +\r\n \"<span style='margin-right:10px;font-size:22px;color:white;' >碳排放量</span> \" +\r\n '<span style=\"color:yellow;font-family:SourceHanSansCN-Bold;font-size:22px;letter-spacing:1.25px;font-weight:700;\">' +\r\n \"18.18万\" +\r\n \"</span> \" +\r\n \"</div>\" +\r\n \"</div>\" +\r\n \"</div>\";\r\n\r\n return htmlText;\r\n },\r\n },\r\n polar: {},\r\n angleAxis: {\r\n interval: 1,\r\n type: \"category\",\r\n data: [],\r\n z: 10,\r\n axisLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#0B4A6B\",\r\n width: 1,\r\n type: \"solid\",\r\n },\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n show: true,\r\n color: \"#0B4A6B\",\r\n margin: 8,\r\n fontSize: 16,\r\n },\r\n },\r\n radiusAxis: {\r\n min: 40,\r\n max: 120,\r\n interval: 20,\r\n axisLine: {\r\n show: false,\r\n lineStyle: {\r\n color: \"#0B3E5E\",\r\n width: 1,\r\n type: \"solid\",\r\n },\r\n },\r\n axisLabel: {\r\n formatter: \"{value} %\",\r\n show: false,\r\n padding: [0, 0, 20, 0],\r\n color: \"#0B3E5E\",\r\n fontSize: 16,\r\n },\r\n splitLine: {\r\n lineStyle: {\r\n color: \"#0B3E5E\",\r\n width: 2,\r\n type: \"solid\",\r\n },\r\n },\r\n },\r\n calculable: true,\r\n series: [\r\n {\r\n type: \"pie\",\r\n radius: [\"5%\", \"10%\"],\r\n hoverAnimation: false,\r\n labelLine: {\r\n normal: {\r\n show: false,\r\n length: 30,\r\n length2: 55,\r\n },\r\n emphasis: {\r\n show: false,\r\n },\r\n },\r\n data: [\r\n {\r\n name: \"\",\r\n value: 0,\r\n itemStyle: {\r\n normal: {\r\n color: \"#0B4A6B\",\r\n },\r\n },\r\n },\r\n ],\r\n },\r\n {\r\n type: \"pie\",\r\n radius: [\"90%\", \"95%\"],\r\n hoverAnimation: false,\r\n labelLine: {\r\n normal: {\r\n show: false,\r\n length: 30,\r\n length2: 55,\r\n },\r\n emphasis: {\r\n show: false,\r\n },\r\n },\r\n name: \"\",\r\n data: [\r\n {\r\n name: \"\",\r\n value: 0,\r\n itemStyle: {\r\n normal: {\r\n color: \"#0B4A6B\",\r\n },\r\n },\r\n },\r\n ],\r\n },\r\n {\r\n stack: \"a\",\r\n type: \"pie\",\r\n radius: [\"20%\", \"80%\"],\r\n roseType: \"area\",\r\n zlevel: 10,\r\n label: {\r\n normal: {\r\n formatter: (params) => {\r\n console.log(params);\r\n return (\r\n \"{b| \" +\r\n params.name +\r\n \"} \" +\r\n \"{c|\" +\r\n params.percent.toFixed(0) +\r\n \"%}\"\r\n );\r\n },\r\n borderWidth: 0,\r\n borderRadius: 4,\r\n fontSize: 16,\r\n align: \"center\",\r\n color: \"#3494BD\",\r\n rich: {\r\n b: {\r\n fontSize: 16,\r\n lineHeight: 20,\r\n color: \"#fff\",\r\n padding: [0, 0, 5, 0],\r\n },\r\n c: {\r\n fontSize: 20,\r\n lineHeight: 20,\r\n color: \"orange\",\r\n },\r\n },\r\n },\r\n },\r\n // label: {\r\n // normal: {\r\n // show: true,\r\n // formatter: \"{c}\",\r\n // textStyle: {\r\n // fontSize: 12,\r\n // },\r\n // position: \"outside\",\r\n // },\r\n // emphasis: {\r\n // show: true,\r\n // },\r\n // },\r\n labelLine: {\r\n normal: {\r\n show: true,\r\n length: 20,\r\n length2: 55,\r\n },\r\n emphasis: {\r\n show: false,\r\n },\r\n },\r\n data: [\r\n {\r\n value: 10,\r\n name: \"IDS\",\r\n },\r\n {\r\n value: 5,\r\n name: \"VPN\",\r\n },\r\n {\r\n value: 15,\r\n name: \"交换机\",\r\n },\r\n {\r\n value: 25,\r\n name: \"防火墙\",\r\n },\r\n {\r\n value: 20,\r\n name: \"WAF\",\r\n },\r\n {\r\n value: 35,\r\n name: \"堡垒机\",\r\n },\r\n ],\r\n },\r\n ],\r\n };\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// 给父盒子清除默认已有样式\r\n:deep(.custom-tooltip-box) {\r\n padding: 0 !important;\r\n border: none !important;\r\n background-color: transparent !important;\r\n // 给子盒子自定义样式\r\n .custom-tooltip-style {\r\n width: 292px;\r\n height: 165px;\r\n background-image: url(\"../assets/08/mapT.png\");\r\n background-size: cover;\r\n color: #fff;\r\n }\r\n}\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 // left: 30px;\r\n img {\r\n // position: relative;\r\n float: left;\r\n }\r\n .text {\r\n position: absolute;\r\n top: 5px;\r\n left: 20px;\r\n // right: -10px;\r\n font-size: 22px;\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 #detailedTwo1 {\r\n width: 100%;\r\n height: 400px;\r\n }\r\n #detailedTwo4 {\r\n width: 100%;\r\n height: 400px;\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 #detailedTwo2 {\r\n width: 100%;\r\n height: 350px;\r\n }\r\n #detailedTwo3 {\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/08/main1.png\") no-repeat;\r\n width: 100%;\r\n height: 17%;\r\n position: relative;\r\n top: 45%;\r\n left: 17%;\r\n .contents {\r\n position: absolute;\r\n padding: 10px;\r\n height: 100%;\r\n width: 80%;\r\n display: flex;\r\n flex-direction: row;\r\n /* 平分剩余空间 */\r\n justify-content: space-around;\r\n .lines {\r\n width: 100%;\r\n padding: 10px 0 0 1px;\r\n background: url(\"../assets/index/mainMin.png\") no-repeat;\r\n }\r\n\r\n .total {\r\n .num {\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: center;\r\n align-items: left;\r\n color: #ffffff;\r\n div {\r\n display: -webkit-inline-box;\r\n }\r\n span {\r\n font-size: 18px;\r\n }\r\n h5 {\r\n font-size: 34px;\r\n }\r\n .yellow {\r\n padding-top: 30px;\r\n color: yellow;\r\n }\r\n .orange {\r\n padding-top: 30px;\r\n color: orange;\r\n }\r\n .yellows {\r\n padding-top: 20px;\r\n color: yellow;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n .map {\r\n background: url(\"../assets/indexN/map.png\") no-repeat;\r\n vertical-align: middle;\r\n display: table-cell;\r\n text-align: center;\r\n margin-left: -20%;\r\n .allimg {\r\n position: relative;\r\n left: 30%;\r\n top: 35%;\r\n }\r\n }\r\n }\r\n .imgboxtwo {\r\n background: url(\"../assets/08/mapT.png\") no-repeat;\r\n background-size: 100%;\r\n float: right;\r\n right: 5%;\r\n top: 5%;\r\n width: 28vh;\r\n height: 28vh;\r\n position: relative;\r\n .content {\r\n height: 36%;\r\n padding: 0 15px 0 15px;\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 height: 100%;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n display: flex;\r\n flex-wrap: wrap;\r\n ul {\r\n height: 100%;\r\n li {\r\n text-align: left;\r\n height: 33%;\r\n font-size: 23px;\r\n color: #f8f8f8;\r\n }\r\n }\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\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 #detailen {\r\n width: 100%;\r\n height: 350px;\r\n }\r\n .content {\r\n height: 80%;\r\n padding: 15px 15px 15px 15px;\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n #barCharts {\r\n width: 100%;\r\n height: 350px;\r\n }\r\n }\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","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!./enterprisePollutionMonitoring.vue?vue&type=style&index=0&id=13ab7e7c&prod&lang=less&scoped=true&\"","module.exports = __webpack_public_path__ + \"static/img/dfsxz.378d9a64.png\";"],"sourceRoot":""} |