{"version":3,"sources":["webpack:///./src/views/index.vue?57f0","webpack:///./src/views/index.vue","webpack:///src/views/index.vue","webpack:///./src/views/index.vue?980c","webpack:///./src/views/index.vue?714b","webpack:///./src/assets/images/baojing.png","webpack:///./src/views/index.vue?e1a6","webpack:///./node_modules/core-js/modules/es6.regexp.flags.js","webpack:///./src/assets/indexN/tb1.png","webpack:///./src/assets/indexN/xctb1.png","webpack:///./node_modules/core-js/modules/es6.regexp.to-string.js","webpack:///./src/assets/indexN/tb2.png","webpack:///./src/assets/indexN/tb3.png","webpack:///./src/assets/indexN/dfsxz.png","webpack:///./src/assets/indexN/tb4.png","webpack:///./src/views/index.vue?10f3"],"names":["render","_vm","this","_c","_self","staticClass","attrs","staticStyle","on","$event","routerTo","_m","_v","CompanyInfo","pdxl","_s","xlcd","openLineDetail","directives","name","rawName","value","realTimeAlarmShow","expression","alarmInformationShow","require","handleClose","alarmInformationData","rowClass","scopedSlots","_u","key","fn","scop","$index","pageShow","page","pageSize","totals","handleCurrentChange","_e","staticRenderFns","components","data","threeImg","enlargeShow","dataGzList","bz","chbc","chcg","jd","total","wchz","dateList","acolor","currentIndex","modelOthers","componentShow","tableData","btnArr","btnActive","iconGround","icon","btnEnlarge","btnEnlarge1","options","label","topContent","count","device","gd_type_id","gd_type_name","created","mounted","window","clearInterval","beforeDestroy","methods","xianDuan","ctx","detailen1","tooltip","trigger","axisPointer","type","legend","textStyle","fontSize","color","xAxis","axisLabel","show","yAxis","splitLine","lineStyle","width","series","barWidth","itemStyle","offset","borderRadius","borderWidth","myChart","getbanzhu","getBanzugz","action","console","res","getGongdan","getGdtj","document","getLine","rowHandle","openGdDetail","mouseout","handleUnity","selectLine","line_code","detailedOne","shuzihuaCharts","crossStyle","x","top","min","max","interval","formatter","axisLine","yAxisIndex","valueFormatter","normal","detailedTwo","boundaryGap","axisTick","symbol","detailedTwo11","horizontalChart","maxNum","grid","left","right","bottom","zlevel","realValue","position","distance","align","barCharts","title","subtext","text","y","fontWeight","subtextStyle","radius","center","borderColor","labelLine","length","length2","rich","b","padding","hr","height","c","roseCharts","containLabel","orient","itemWidth","itemHeight","itemGap","polar","angleAxis","z","margin","radiusAxis","calculable","hoverAnimation","emphasis","stack","roseType","detailedThree","startAngle","selectedMode","doing","detailedFour","yearBzData","yearChcg","yearChbc","yearWchz","yearJieDi","yearFenJi","splitArea","rotate","barMaxWidth","barGap","barBorderRadius","detailedFive","enlargeBtn","enlargeBtn1","handleDate","getPbtyqk","dataPbty","dataPb","dataCf","pbCountString","addColor","active","watch","rowTime","deep","handler","component","module","exports","flags","f","RegExp","prototype","configurable","get","anObject","$flags","DESCRIPTORS","TO_STRING","$toString","define","call","source","R","concat","undefined"],"mappings":"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QACAC,QAEA,CACAL,QACAC,OACAC,OACAC,KACAC,QACAC,QAEA,CACAL,QACAC,OACAC,OACAC,KACAC,QACAC,QAEA,CACAL,QACAC,OACAC,OACAC,KACAC,QACAC,QAEA,CACAL,QACAC,OACAC,OACAC,KACAC,QACAC,QAEA,CACAL,QACAC,OACAC,OACAC,KACAC,QACAC,SAGAC,mBACAC,UACAC,gBACA5B,wBACAH,wBACAF,qBACAkC,eACAC,iBACA5C,gBACAC,YACAE,cAAA,wBACA,gCACA,gCACA,gCACA,WAEA0C,aACAC,qCACAC,YACAC,YACA,CACAC,eACA3C,YAEA,CACA2C,eACA3C,YAEA,CACA2C,eACA3C,WAEA,CACA2C,eACA3C,aAGA4C,YACA,CACAD,gBAEA,CACAA,iBAGAE,aACA,CACAF,gBAEA,CACAA,iBAGAG,SACA,CACA5C,SACA6C,WAGA7C,SACA8C,YACA,CACAhD,YACAiD,UAEA,CACAjD,cACAiD,UAEA,CACAjD,eACAiD,WAGAC,WAAA,6BACA,iCACA,uCACA,6BACA,oCACA,qCAEA,CACA,CACAC,cACAC,oBACApB,SAEA,CACAmB,cACAC,qBACApB,SAEA,CACAmB,cACAC,qBACApB,SAEA,CACAmB,cACAC,qBACApB,SAEA,CACAmB,cACAC,oBACApB,SAEA,CACAmB,cACAC,oBACApB,WAEA,6BAGA,mCAEA,iCAEA,mCACA,gCAGA,kCACA,6BACA,uCACA,+BACA,OAGAqB,qBACAC,mBAAA,WAGAC,2BACAC,yBACA,kBAEA,gBACA,qBACA,uBACA,mBACA,iBACA,oBACA,sBACA,kBACA,kBAeAC,yBAEAD,0BACA,iBAEAE,SAEAC,oBACA,0CACA,qBACAC,kBACAA,kBACAA,uBACAA,cACAA,YAEArE,qBACA,mBACA,sCAEA,oBACA,+BAEA,kBACA,mCAEA,qBACA,0CAEA,iBACA,+CAEA,iBACA,oDAEA,qBACA,mDAEA,uBACA,yDAGAsE,qBACA,IACA,0DACA,GACAC,SACAC,eACAC,aACAC,gBAGAC,QACAC,WACAC,YACAC,iBAGA7C,eAEA8C,OACA,CACAL,gBACAzC,MACA,QACA,QACA,QACA,QACA,SAEA+C,WACAC,QACAL,WACAE,oBAKAI,OACA,CACAR,aACAjE,QACAuE,WACAJ,WACAE,kBAGAK,WACAF,QACAG,WACAV,cAEAI,8BACAO,YAKAC,QACA,CACA7E,YACAiE,WACAa,YACAC,WACAV,+CACA,CAAAW,SAAAX,8BACA,CAAAW,UAAAX,4BACA,CAAAW,SAAAX,2BAEAY,uBACAC,eAEA1D,8BAIA2D,eACA5B,6CACA4B,eAIAC,qBAAA,WACAC,gBACAC,kBACA,kBACAC,wBACA,sCACA,gCACA,4CACAC,4BACA,wCAGA,2BACA,uCACAA,uBACA,wCAEA,sCAKAC,sBAAA,WACAC,gBAAAJ,kBAAA,kBACAC,wBAGA,IAFA,kBAEA,+BACA,qCAEA,6DAEA,4CACA,uDAKA,uBAUA9E,uBACA,sBACA,YAEA,IAIAW,gCACA,YACA,SACA,gCAuBA,SAtBAmB,qBACA,MACA,wCACAoD,kEACA,MACAA,8DACA,OACA,0CACA,MACA,yCACAA,8DACA,QACA,MACA,yCACAA,8DACA,QACA,OACA,yCACAA,8DACA,SAOA7F,2BAAA,WAIA8F,gBAAAN,gBAAA,+BACAC,eACA,wBACA,sBAIAM,sBAEA,iBACA,8BAIAC,yBACA,iBACA,4BAOAC,oBACA,aAGAC,0BACA,iBACA,iDAGAC,uBAAA,WACAL,gBACAN,eACAY,cACA,kBAEA,kCACA,8CACAV,uBAEA,mBACA,sDAIAW,uBACA,iEACA,GACArC,SACAC,eACAC,aACAC,gBAGAC,QACAC,WACAC,YACAC,iBAGA7C,eAEA8C,OACA,CACAL,gBACAzC,MACA,QACA,QACA,QACA,QACA,SAEA+C,WACAC,QACAL,WACAE,oBAKAI,OACA,CACAR,aACAjE,QACAuE,WACAJ,WACAE,kBAGAK,WACAF,QACAG,WACAV,cAEAI,8BACAO,YAKAC,QACA,CACA7E,YACAiE,WACAa,YACAC,WACAV,+CACA,CAAAW,SAAAX,8BACA,CAAAW,UAAAX,4BACA,CAAAW,SAAAX,2BAEAY,uBACAC,eAEA1D,8BAKA2D,eAEA5B,6CACA4B,eAGAiB,0BACA,8DACA,GACAtC,SACAC,eACAC,aACAC,aACAoC,YACAhC,gBAIAH,QACA,CACAoC,WACA9E,kCACA2C,WACAC,YACAC,eAGA,CACAiC,WACAC,SACA/E,2BACA2C,WACAC,YACAC,gBAIAC,OACA,CACAL,gBACAzC,mCACAwC,aACAC,eAEAM,WACAF,aACAD,iBAIAK,OACA,CACAR,aACAuC,MACAC,MACAC,WACAnC,WACAoC,sBACAxC,WACAC,gBAGAwC,UACAjC,WACAN,eAGAK,WACAF,QACAG,WACAV,cAEAI,8BACAO,WAIA,CACAX,aACAuC,MACAC,OACAC,YACAnC,WACAoC,oBACAxC,WACAC,gBAGAwC,UACAjC,WACAN,eAGAK,WACAF,QACAG,WACAV,cAEAI,8BACAO,YAKAC,QACA,CACA7E,kBACAiE,WACA4C,aAEA/C,SACAgD,2BACA,WAGA/B,WACAV,+CACA,CAAAW,SAAAX,+BACA,CAAAW,UAAAX,6BACA,CAAAW,SAAAX,4BAEAY,uBACAC,eAEA1D,wBAEA,CACAxB,mBACAiE,WACA4C,aAEA/C,SACAgD,2BACA,WAGA/B,WACAV,+CACA,CAAAW,SAAAX,8BACA,CAAAW,UAAAX,4BACA,CAAAW,SAAAX,2BAEAY,uBACAC,eAEA1D,wBAEA,CACAxB,YACAiE,YAEAH,SACAgD,2BACA,WAGA/B,WACAgC,QACA1C,gBACAM,WACAN,mBAIA7C,gBAEA,CACAxB,YACAiE,YAEAH,SACAgD,2BACA,WAGA/B,WACAgC,QACA1C,gBACAM,WACAN,mBAIA7C,gBAEA,CACAxB,WACAiE,YACAH,SACAgD,2BACA,WAGA/B,WACAgC,QACA1C,gBACAM,WACAN,mBAIA7C,kBAKA2D,eAEA5B,6CACA4B,eAGA6B,uBACA,kEACA,GACA1C,sBACAL,gBACAgD,eACA1C,WACAF,iBAEAuC,UACApC,QACAG,WACAN,kBAGA6C,UACA1C,SAEAE,WACAF,QACAG,WACAN,kBAGA7C,MACA,OACA,OACA,OACA,OACA,QACA,QACA,QACA,QACA,UACA,WACA,CACAgD,UAGAC,OACA,CACAR,aACAjE,aACAwG,MACAC,QACAjC,QACAE,WACAF,QACAG,WACAV,cAEAI,8BACAO,UAGAL,WACAoC,oBACAxC,WACAE,kBAGAuC,UACAjC,WACAN,kBAGA6C,UACA1C,WAIAK,QACA,CACArD,2CACAyC,YACAkD,cACAxC,WACAN,gBACAO,SAEAG,WACAgC,QACA1C,eACAM,WACAN,eACAO,QACAX,mBAOAkB,eACA5B,6CACA4B,eAGAiC,yBACA,gBACA,8DACA,GACA9C,sBACAL,gBACAgD,eACA1C,WACAF,SAEAuC,UACApC,QACAG,WACAN,kBAGA6C,UACA1C,SAEAE,WACAF,QACAG,WACAN,kBAGA7C,MACA,OACA,OACA,OACA,OACA,QACA,QACA,QACA,QACA,UACA,WACA,CACAgD,UAGAC,OACA,CACAR,aACAjE,aACAwG,MACAC,QACAjC,QACAE,WACAF,QACAG,WACAV,cAEAI,8BACAO,UAGAL,WACAoC,oBACAxC,WACAE,kBAGAuC,UACAjC,WACAN,kBAGA6C,UACA1C,WAIAK,QACA,CACArD,2CACAyC,YACAkD,cACAxC,WACAN,gBACAO,SAEAG,WACAgC,QACA1C,eACAM,WACAN,eACAO,QACAX,mBAOAkB,eACA5B,6CACA4B,eAGAkC,2BAWA,IAVA,yBACA1B,4CAEA,EACA,qaACA,EACA,qhHACA,oCACA,KACA,IACA,mBACA,SACA2B,QAGA,OACAC,MACAhB,UACAiB,WACAC,YACAC,aAEApD,OACAE,SAEAC,OACAjD,0BAAA,0BACAkD,WACAF,SAEAD,WACAJ,WAAAC,YAAAC,kBAEAuC,UACApC,SAEA0C,aAEArC,QACA,CACAZ,oBACAa,WACA6C,SACAnG,wBACA,OACAtB,QACAiH,cAIA,CACAlD,oBACAa,WACAtD,wBACA,OACAoG,YACA1H,QACAiH,aAGApE,OACAyB,QACAqD,iBACAC,YACAC,cACApB,sBACA,8BAEAtC,gBACAD,gBAKAe,eACA5B,6CACA4B,eAGA6C,qBACA,+DAGA,GAYAlE,SACAC,eACA4C,kCA2BAsB,OACAC,iBACAC,UACA7B,WACA8B,QACAjE,WACAC,YACAiE,oBACAhE,iBAEAiE,cACAlE,YACAiE,oBACAN,eACA1D,kBAGAQ,QACA,CACAZ,WACAsE,oBACAC,qBACAnE,0DACAU,WACAgC,QACA7B,cACAuD,wBAGAjH,MACA,CACAtB,SACAF,eAEA,CACAE,SACAF,aAEA,CACAE,SACAF,cAEA,CACAE,SACAF,cAEA,CACAE,SACAF,eAGA0I,WACA3B,QACAvC,QACAmE,UACAC,WACAjE,WACAN,gBACAO,WAIA7B,OACAgE,QACAJ,qCACAkC,MACAC,GACA1E,YACAC,aACA0D,aACAgB,WAEAC,IACAP,sBACA7D,aACAM,cACA+D,UAEAC,GACA9E,YACA2D,eACAgB,UACA1E,uBAQAc,eACA5B,6CACA4B,eAGAgE,sBACA,gEACA,GACA9E,OACA,UACA,UACA,UACA,UACA,UACA,WAaAkD,MACAC,UACAjB,OACAmB,UACAD,SACA2B,iBAEAtF,SACAC,eACA4C,8BAEAzC,QACAD,cACAoF,kBAEA9C,aACAkB,WAEA6B,aACAC,aACAC,WACArF,WACAE,gBACAD,YACAiE,cAEA7G,4CAEAiI,SACAC,WACAhD,WACAzC,gBACAzC,QACAmI,KACA/C,UACApC,QACAG,WACAN,gBACAO,QACAX,eAGAM,WACAmC,WACAlC,QACAH,gBACAuF,SACAxF,cAGAyF,YACArD,OACAC,QACAC,YACAE,UACApC,QACAG,WACAN,gBACAO,QACAX,eAGAM,WACAoC,sBACAnC,QACAuE,mBACA1E,gBACAD,aAEAM,WACAC,WACAN,gBACAO,QACAX,gBAIA6F,cACAjF,QACA,CACAZ,WACAsE,oBACAwB,kBACArB,WACA3B,QACAvC,QACAmE,UACAC,YAEAoB,UACAxF,UAGAhD,MACA,CACAxB,QACAE,QACA6E,WACAgC,QACA1C,qBAMA,CACAJ,WACAsE,qBACAwB,kBACArB,WACA3B,QACAvC,QACAmE,UACAC,YAEAoB,UACAxF,UAGAxE,QACAwB,MACA,CACAxB,QACAE,QACA6E,WACAgC,QACA1C,qBAMA,CACA4F,UACAhG,WACAsE,qBACA2B,gBACAvC,UACA5E,OACAgE,QACAvC,QACAmC,gBACAxC,WACAC,aAEAyD,oBAEAmC,UACAxF,UAGAkE,WACA3B,QACAvC,QACAmE,UACAC,YAEAoB,UACAxF,UAGAhD,MACA,CACAtB,SACAF,YAEA,CACAE,QACAF,YAEA,CACAE,SACAF,YAEA,CACAE,SACAF,YAEA,CACAE,SACAF,YAEA,CACAE,SACAF,gBAMAmF,eACA5B,6CACA4B,eAGAgF,0BAAA,WAKA,GACA,UACA,UACA,UACA,UACA,UACA,oBAIA,qBACA,OAAAnK,oBAAAE,kBAaA,mCACAyF,0CA4BA,aACA8C,mBAEA3E,SACA6C,sBACA,mBACA,8BAOAzC,QACAvB,WAEA4D,OACA/B,QAOA8B,WACA9E,wBACA,yBAEA2C,WACAE,gBACAD,cAMAS,QACA,CACA7E,QACAiE,WACAsE,iBACAC,qBACA4B,cACArH,OACA8E,iBACArD,SAGAO,WACAgC,QACA0B,mBACAvD,cACAd,YACAC,kBACA,yBAKAgG,sBACA7I,UA4CA,uCACA+B,6CACA,0BAGA+G,iBACA,oEACA,oEACA,wCAEAC,yBAOA,IANA,SACA,KACA,KACA,KACA,KACA,KACA,mBACAC,gBACAC,kBACAC,kBACAC,kBACAC,gBACAC,kBAGA,WACA,8DACA,GACA/G,SACAE,aACAC,cACAE,WACAE,aACAD,eAIAmD,MACArC,cACAqB,OACAmB,aACAF,UACAC,WACAtD,WACAE,eAGAH,QACAvB,YACA8E,WACAtD,WACAE,iBAEA7C,yCAEAsI,cACAxF,OACA,CACAL,gBACAF,eACA6C,UACApC,QACAG,WACAN,aACAD,cAGAM,WACAF,SAEA0C,UACA1C,SAEAsG,WACAtG,SAEAD,WACAmC,WACAtC,YACA2G,WAEAvJ,SAGAiD,OACA,CACAR,aACAS,WACAF,QACAG,WACAN,sBACAD,cAGAwC,UACAjC,WACAN,aACAD,cAGA8C,UACA1C,SAEAD,WACAmC,YAEAoE,WACAtG,WAIAK,QACA,CACA7E,YACAiE,WACAgG,eACAe,eACAC,aACAlI,OACAyB,QACAmC,sBACA,kBACA,GAEA,UAIA5B,WACAgC,QACA1C,qDACA,CACAW,SACAX,6BAEA,CACAW,SACAX,+BAGAoE,kDACA,EACA,EACA,EACA,EACA,CACA,CACAzD,SACAX,6BAEA,CACAW,SACAX,iCAMA7C,QAEA,CACAxB,YACAiE,WACA+G,eACAf,eACAlH,OACAyB,QACAmC,sBACA,kBACA,GAEA,UAIA5B,WACAgC,QACA1C,qDACA,CACAW,SACAX,4BAEA,CACAW,SACAX,8BAGAoE,kDACA,EACA,EACA,EACA,EACA,CACA,CACAzD,SACAX,4BAEA,CACAW,SACAX,gCAMA7C,QAEA,CACAxB,YACAiE,WACA+G,eACAf,eACAlH,OACAyB,QACAmC,sBACA,kBACA,GAEA,UAIA5B,WACAgC,QACA1C,qDACA,CACAW,SACAX,4BAEA,CACAW,SACAX,8BAGAoE,kDACA,EACA,EACA,EACA,EACA,CACA,CACAzD,SACAX,4BAEA,CACAW,SACAX,8BAIA6G,oBAGA1J,QAEA,CACAxB,UACAiE,WACA+G,eACAf,eACAlH,OACAyB,QACAmC,sBACA,kBACA,GAEA,UAIA5B,WACAgC,QACA1C,qDACA,CACAW,SACAX,4BAEA,CACAW,SACAX,8BAGAoE,kDACA,EACA,EACA,EACA,EACA,CACA,CACAzD,SACAX,4BAEA,CACAW,SACAX,8BAIA6G,oBAGA1J,QAEA,CACAxB,YACAiE,WACA+G,eACAf,eACAlH,OACAyB,QACAmC,sBACA,kBACA,GAEA,UAIA5B,WACAgC,QACA1C,qDACA,CACAW,SACAX,4BAEA,CACAW,SACAX,8BAGAoE,kDACA,EACA,EACA,EACA,EACA,CACA,CACAzD,SACAX,4BAEA,CACAW,SACAX,8BAIA6G,oBAGA1J,UAIA2D,eACA5B,6CACA4B,eAGAgG,wBACA,kEACA,GACArH,SACAC,eACAC,aACAC,gBAWAK,OACA,CACAL,gBACAzC,MACA,QACA,QACA,QACA,QACA,SAEA+C,WACAC,QACAL,WACAE,oBAKAI,OACA,CACAR,aACAjE,QACAuE,WACAJ,WACAE,kBAGAK,WACAF,QACAG,WACAV,cAEAI,8BACAO,YAKAC,QACA,CACA7E,YACAiE,WACAa,YACAC,WACAV,+CACA,CAAAW,SAAAX,8BACA,CAAAW,UAAAX,4BACA,CAAAW,SAAAX,2BAEAY,uBACAC,eAEA1D,8BAIA2D,eACA5B,6CACA4B,eAIAiG,uBAAA,WAEA,iBACA,MAmBA,+BACA,2BACA,wBAEA,6BACA,2BACA,iBAEA,0BACA,6BACA,OACA,oBAEAzF,qDACAA,sDAGAA,yDACAA,0DACAA,2DAIA0F,wBAAA,WACA,iBACA,MAKA,+BACA,2BACA,wBAEA,6BACA,2BACA,iBAEA,0BACA,6BACA,OACA,oBAEA1F,qDACAA,qDACAA,sDACAA,sDAGAA,yDACAA,2DAGApF,uBACA,6BACA,yBACA,YACA,eAEA+K,uBAAA,WACA,oBAGAC,gBACAjG,6BACA,kBACA,SACAkG,cACA,kBAGA,IAFA,SACA,KACA,mBACAC,kBACAC,oBAEA,4DACA,4DACA,MACA,gDACA,gBACA,kBACA,sBACAC,oCAEA,gCA6BAC,qBACA,wBACA,OAAAC,sBAIAC,OAEA5L,oBACA,YACA,mBACA,QACA,oBACA,gBAGA6L,SACAC,QACAC,sBACA1G,oCACA,oBACA,wBCl7F+U,I,4CCU3U2G,EAAY,eACd,EACArN,EACAyC,GACA,EACA,KACA,WACA,MAIa,aAAA4K,E,8BCrBfC,EAAOC,QAAU,0vC,oCCAjB,W,qBCCI,EAAQ,SAAmC,KAAd,KAAKC,OAAc,EAAQ,QAAgBC,EAAEC,OAAOC,UAAW,QAAS,CACvGC,cAAc,EACdC,IAAK,EAAQ,W,uBCHfP,EAAOC,QAAU,IAA0B,+B,uBCA3CD,EAAOC,QAAU,IAA0B,iC,oCCC3C,EAAQ,QACR,IAAIO,EAAW,EAAQ,QACnBC,EAAS,EAAQ,QACjBC,EAAc,EAAQ,QACtBC,EAAY,WACZC,EAAY,IAAID,GAEhBE,EAAS,SAAUnM,GACrB,EAAQ,OAAR,CAAuB0L,OAAOC,UAAWM,EAAWjM,GAAI,IAItD,EAAQ,OAAR,EAAoB,WAAc,MAAsD,QAA/CkM,EAAUE,KAAK,CAAEC,OAAQ,IAAKb,MAAO,SAChFW,GAAO,WACL,IAAIG,EAAIR,EAAS5N,MACjB,MAAO,IAAIqO,OAAOD,EAAED,OAAQ,IAC1B,UAAWC,EAAIA,EAAEd,OAASQ,GAAeM,aAAaZ,OAASK,EAAOK,KAAKE,QAAKE,MAG3EN,EAAU/M,MAAQ8M,GAC3BE,GAAO,WACL,OAAOD,EAAUE,KAAKlO,U,qBCtB1BoN,EAAOC,QAAU,IAA0B,+B,qECA3CD,EAAOC,QAAU,IAA0B,+B,qBCA3CD,EAAOC,QAAU,IAA0B,iC,qBCA3CD,EAAOC,QAAU,IAA0B,+B,kCCA3C,W","file":"static/js/chunk-1993e905.60b0a79b.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!./index.vue?vue&type=style&index=0&id=1ab06d41&prod&lang=less&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"home\"},[_c('div',{staticClass:\"left\",attrs:{\"id\":\"left\"}},[_c('div',{staticClass:\"one\",staticStyle:{\"height\":\"48%\"}},[_c('div',{staticClass:\"cartitle\",on:{\"click\":function($event){return _vm.routerTo('盐城地区分布光伏运行监测')}}},[_vm._m(0)]),_c('div',{staticClass:\"content3\"},[_c('div',{staticClass:\"line3\"},[_c('div',{staticClass:\"total\"},[_c('div',{staticClass:\"num\"},[_c('span',{staticClass:\"num1\",staticStyle:{\"font-size\":\"18px\"}},[_vm._v(\"户数高渗透率 \")]),_c('span',{staticClass:\"numText\",staticStyle:{\"font-size\":\"45px\",\"font-weight\":\"600\"},attrs:{\"text\":_vm.CompanyInfo.pdxl}},[_vm._v(_vm._s(_vm.CompanyInfo.pdxl))])])])]),_c('div',{staticClass:\"line3\"},[_c('div',{staticClass:\"total\"},[_c('div',{staticClass:\"num\"},[_c('span',{staticClass:\"num1\",staticStyle:{\"font-size\":\"18px\"}},[_vm._v(\"容量渗透率  \")]),_c('span',{staticClass:\"numText\",staticStyle:{\"font-size\":\"45px\",\"font-weight\":\"600\"},attrs:{\"text\":_vm.CompanyInfo.xlcd}},[_vm._v(_vm._s(_vm.CompanyInfo.xlcd))])])])]),_c('div',{staticClass:\"line3\"},[_c('div',{staticClass:\"total\"},[_c('div',{staticClass:\"num\"},[_c('span',{staticClass:\"num1\",staticStyle:{\"font-size\":\"18px\"}},[_vm._v(\"能量渗透率  \")]),_c('span',{staticClass:\"numText\",staticStyle:{\"font-size\":\"45px\",\"font-weight\":\"600\"},attrs:{\"text\":_vm.CompanyInfo.xlcd}},[_vm._v(_vm._s(_vm.CompanyInfo.xlcd))])])])])]),_c('div',{attrs:{\"id\":\"detailedTwo1\"}})]),_c('div',{staticClass:\"two\",staticStyle:{\"height\":\"49%\"}},[_c('div',{staticClass:\"cartitle\",on:{\"click\":function($event){return _vm.routerTo('配网工程全过程物资审计')}}},[_vm._m(1)]),_c('div',{staticClass:\"content3\",staticStyle:{\"display\":\"inline\"}},[_c('div',{staticClass:\"line3\"},[_c('div',{staticClass:\"total\"},[_c('div',{staticClass:\"num\",on:{\"click\":function($event){return _vm.openLineDetail(_vm.CompanyInfo.pdxl)}}},[_c('span',{staticClass:\"num1\",staticStyle:{\"font-size\":\"18px\"}},[_vm._v(\"项目数 \")]),_c('span',{staticClass:\"numText\",staticStyle:{\"font-size\":\"45px\",\"font-weight\":\"600\"},attrs:{\"text\":_vm.CompanyInfo.pdxl}},[_vm._v(_vm._s(_vm.CompanyInfo.pdxl))])])])]),_c('div',{staticClass:\"line3\"},[_c('div',{staticClass:\"total\"},[_c('div',{staticClass:\"num\"},[_c('span',{staticClass:\"num1\",staticStyle:{\"font-size\":\"18px\"}},[_vm._v(\"预算费用总和\")]),_c('span',{staticClass:\"numText\",staticStyle:{\"font-size\":\"45px\",\"font-weight\":\"600\"},attrs:{\"text\":_vm.CompanyInfo.xlcd}},[_vm._v(_vm._s(_vm.CompanyInfo.xlcd))])])])]),_c('div',{staticClass:\"line3\"},[_c('div',{staticClass:\"total\"},[_c('div',{staticClass:\"num\"},[_c('span',{staticClass:\"num1\",staticStyle:{\"font-size\":\"18px\"}},[_vm._v(\"计划数\")]),_c('span',{staticClass:\"numText\",staticStyle:{\"font-size\":\"45px\",\"font-weight\":\"600\"},attrs:{\"text\":_vm.CompanyInfo.xlcd}},[_vm._v(_vm._s(_vm.CompanyInfo.xlcd))])])])])]),_c('div',{attrs:{\"id\":\"barCharts\"}})])]),_c('div',{staticClass:\"left1\",attrs:{\"id\":\"left\"}},[_c('div',{staticClass:\"one\",staticStyle:{\"height\":\"48%\"}},[_c('div',{staticClass:\"cartitle\",on:{\"click\":function($event){return _vm.routerTo('盐城东台区供电所数字化分析')}}},[_vm._m(2)]),_c('div',{staticClass:\"content3\"},[_c('div',{staticClass:\"line3\"},[_c('div',{staticClass:\"total\"},[_c('div',{staticClass:\"num\",on:{\"click\":function($event){return _vm.openLineDetail(_vm.CompanyInfo.pdxl)}}},[_c('span',{staticClass:\"num1\",staticStyle:{\"font-size\":\"18px\"}},[_vm._v(\"升档配变数量 \")]),_c('span',{staticClass:\"numText\",staticStyle:{\"font-size\":\"45px\",\"font-weight\":\"600\"},attrs:{\"text\":_vm.CompanyInfo.pdxl}},[_vm._v(_vm._s(_vm.CompanyInfo.pdxl))])])])]),_c('div',{staticClass:\"line3\"},[_c('div',{staticClass:\"total\"},[_c('div',{staticClass:\"num\"},[_c('span',{staticClass:\"num1\",staticStyle:{\"font-size\":\"18px\"}},[_vm._v(\"降档配比数量\")]),_c('span',{staticClass:\"numText\",staticStyle:{\"font-size\":\"45px\",\"font-weight\":\"600\"},attrs:{\"text\":_vm.CompanyInfo.xlcd}},[_vm._v(_vm._s(_vm.CompanyInfo.xlcd))])])])]),_c('div',{staticClass:\"line3\"},[_c('div',{staticClass:\"total\"},[_c('div',{staticClass:\"num\"},[_c('span',{staticClass:\"num1\",staticStyle:{\"font-size\":\"18px\"}},[_vm._v(\"负荷关注配变数量  \")]),_c('span',{staticClass:\"numText\",staticStyle:{\"font-size\":\"45px\",\"font-weight\":\"600\"},attrs:{\"text\":_vm.CompanyInfo.xlcd}},[_vm._v(_vm._s(_vm.CompanyInfo.xlcd))])])])])]),_c('div',{attrs:{\"id\":\"horizontalChart\"}})]),_c('div',{staticClass:\"two\",staticStyle:{\"height\":\"49%\"}},[_c('div',{staticClass:\"cartitle\",on:{\"click\":function($event){return _vm.routerTo('盐城供电公司配网电能质量管控')}}},[_vm._m(3)]),_c('div',{staticClass:\"content3\"},[_c('div',{staticClass:\"line3\"},[_c('div',{staticClass:\"total\"},[_c('div',{staticClass:\"num\",on:{\"click\":function($event){return _vm.openLineDetail(_vm.CompanyInfo.pdxl)}}},[_c('span',{staticClass:\"num1\",staticStyle:{\"font-size\":\"18px\"}},[_vm._v(\"月供电可靠性 \")]),_c('span',{staticClass:\"numText\",staticStyle:{\"font-size\":\"45px\",\"font-weight\":\"600\"},attrs:{\"text\":_vm.CompanyInfo.pdxl}},[_vm._v(_vm._s(_vm.CompanyInfo.pdxl))])])])]),_c('div',{staticClass:\"line3\"},[_c('div',{staticClass:\"total\"},[_c('div',{staticClass:\"num\"},[_c('span',{staticClass:\"num1\",staticStyle:{\"font-size\":\"18px\"}},[_vm._v(\"平均停电频次  \")]),_c('span',{staticClass:\"numText\",staticStyle:{\"font-size\":\"45px\",\"font-weight\":\"600\"},attrs:{\"text\":_vm.CompanyInfo.xlcd}},[_vm._v(_vm._s(_vm.CompanyInfo.xlcd))])])])]),_c('div',{staticClass:\"line3\"},[_c('div',{staticClass:\"total\"},[_c('div',{staticClass:\"num\"},[_c('span',{staticClass:\"num1\",staticStyle:{\"font-size\":\"18px\"}},[_vm._v(\"平均停电时间  \")]),_c('span',{staticClass:\"numText\",staticStyle:{\"font-size\":\"45px\",\"font-weight\":\"600\"},attrs:{\"text\":_vm.CompanyInfo.xlcd}},[_vm._v(_vm._s(_vm.CompanyInfo.xlcd))])])])])]),_c('div',{attrs:{\"id\":\"detailedOne\"}})])]),_vm._m(4),_c('div',{staticClass:\"right\",attrs:{\"id\":\"right\"}},[_c('div',{staticClass:\"one\",staticStyle:{\"height\":\"48%\",\"width\":\"100%\"}},[_c('div',{staticClass:\"cartitle\",on:{\"click\":function($event){return _vm.routerTo('乡村振兴电力综合指数')}}},[_vm._m(5)]),_vm._m(6),_c('div',{attrs:{\"id\":\"detailedFive\"}})]),_c('div',{staticClass:\"three\",staticStyle:{\"height\":\"48%\",\"width\":\"100%\"}},[_c('div',{staticClass:\"cartitle\",on:{\"click\":function($event){return _vm.routerTo('两高行业企业污染监测')}}},[_vm._m(7)]),_c('div',{staticClass:\"content3\",staticStyle:{\"display\":\"inline\"}},[_c('div',{staticClass:\"line3\"},[_c('div',{staticClass:\"total\"},[_c('div',{staticClass:\"num\",on:{\"click\":function($event){return _vm.openLineDetail(_vm.CompanyInfo.pdxl)}}},[_c('span',{staticClass:\"num1\",staticStyle:{\"font-size\":\"18px\"}},[_vm._v(\"项目数 \")]),_c('span',{staticClass:\"numText\",staticStyle:{\"font-size\":\"45px\",\"font-weight\":\"600\"},attrs:{\"text\":_vm.CompanyInfo.pdxl}},[_vm._v(_vm._s(_vm.CompanyInfo.pdxl))])])])]),_c('div',{staticClass:\"line3\"},[_c('div',{staticClass:\"total\"},[_c('div',{staticClass:\"num\"},[_c('span',{staticClass:\"num1\",staticStyle:{\"font-size\":\"18px\"}},[_vm._v(\"预算费用总和\")]),_c('span',{staticClass:\"numText\",staticStyle:{\"font-size\":\"45px\",\"font-weight\":\"600\"},attrs:{\"text\":_vm.CompanyInfo.xlcd}},[_vm._v(_vm._s(_vm.CompanyInfo.xlcd))])])])]),_c('div',{staticClass:\"line3\"},[_c('div',{staticClass:\"total\"},[_c('div',{staticClass:\"num\"},[_c('span',{staticClass:\"num1\",staticStyle:{\"font-size\":\"18px\"}},[_vm._v(\"计划数  \")]),_c('span',{staticClass:\"numText\",staticStyle:{\"font-size\":\"45px\",\"font-weight\":\"600\"},attrs:{\"text\":_vm.CompanyInfo.xlcd}},[_vm._v(_vm._s(_vm.CompanyInfo.xlcd))])])])])]),_c('div',{attrs:{\"id\":\"roseCharts\"}})])]),_c('div',{staticClass:\"right1\",attrs:{\"id\":\"right\"}},[_c('div',{staticClass:\"one\",staticStyle:{\"height\":\"48%\",\"width\":\"100%\"}},[_c('div',{staticClass:\"cartitle\",on:{\"click\":function($event){return _vm.routerTo('农村生活污水治理设备电量分析')}}},[_vm._m(8)]),_c('div',{staticClass:\"content3\"},[_c('div',{staticClass:\"line3\"},[_c('div',{staticClass:\"total\"},[_c('div',{staticClass:\"num\",on:{\"click\":function($event){return _vm.openLineDetail(_vm.CompanyInfo.pdxl)}}},[_c('span',{staticClass:\"num1\",staticStyle:{\"font-size\":\"18px\"}},[_vm._v(\"户数高渗透率 \")]),_c('span',{staticClass:\"numText\",staticStyle:{\"font-size\":\"45px\",\"font-weight\":\"600\"},attrs:{\"text\":_vm.CompanyInfo.pdxl}},[_vm._v(_vm._s(_vm.CompanyInfo.pdxl))])])])]),_c('div',{staticClass:\"line3\"},[_c('div',{staticClass:\"total\"},[_c('div',{staticClass:\"num\"},[_c('span',{staticClass:\"num1\",staticStyle:{\"font-size\":\"18px\"}},[_vm._v(\"容量渗透率  \")]),_c('span',{staticClass:\"numText\",staticStyle:{\"font-size\":\"45px\",\"font-weight\":\"600\"},attrs:{\"text\":_vm.CompanyInfo.xlcd}},[_vm._v(_vm._s(_vm.CompanyInfo.xlcd))])])])]),_c('div',{staticClass:\"line3\"},[_c('div',{staticClass:\"total\"},[_c('div',{staticClass:\"num\"},[_c('span',{staticClass:\"num1\",staticStyle:{\"font-size\":\"18px\"}},[_vm._v(\"能量渗透率  \")]),_c('span',{staticClass:\"numText\",staticStyle:{\"font-size\":\"45px\",\"font-weight\":\"600\"},attrs:{\"text\":_vm.CompanyInfo.xlcd}},[_vm._v(_vm._s(_vm.CompanyInfo.xlcd))])])])])]),_c('div',{attrs:{\"id\":\"detailen\"}})]),_c('div',{staticClass:\"three\",staticStyle:{\"height\":\"48%\",\"width\":\"100%\"}},[_c('div',{staticClass:\"cartitle\",on:{\"click\":function($event){return _vm.routerTo('数字化排涝抗旱辅助及检修辅助决策')}}},[_vm._m(9)]),_c('div',{staticClass:\"content3\"},[_c('div',{staticClass:\"line3\"},[_c('div',{staticClass:\"total\"},[_c('div',{staticClass:\"num\",on:{\"click\":function($event){return _vm.openLineDetail(_vm.CompanyInfo.pdxl)}}},[_c('span',{staticClass:\"num1\",staticStyle:{\"font-size\":\"18px\"}},[_vm._v(\"户数高渗透率 \")]),_c('span',{staticClass:\"numText\",staticStyle:{\"font-size\":\"45px\",\"font-weight\":\"600\"},attrs:{\"text\":_vm.CompanyInfo.pdxl}},[_vm._v(_vm._s(_vm.CompanyInfo.pdxl))])])])]),_c('div',{staticClass:\"line3\"},[_c('div',{staticClass:\"total\"},[_c('div',{staticClass:\"num\"},[_c('span',{staticClass:\"num1\",staticStyle:{\"font-size\":\"18px\"}},[_vm._v(\"容量渗透率  \")]),_c('span',{staticClass:\"numText\",staticStyle:{\"font-size\":\"45px\",\"font-weight\":\"600\"},attrs:{\"text\":_vm.CompanyInfo.xlcd}},[_vm._v(_vm._s(_vm.CompanyInfo.xlcd))])])])]),_c('div',{staticClass:\"line3\"},[_c('div',{staticClass:\"total\"},[_c('div',{staticClass:\"num\"},[_c('span',{staticClass:\"num1\",staticStyle:{\"font-size\":\"18px\"}},[_vm._v(\"能量渗透率  \")]),_c('span',{staticClass:\"numText\",staticStyle:{\"font-size\":\"45px\",\"font-weight\":\"600\"},attrs:{\"text\":_vm.CompanyInfo.xlcd}},[_vm._v(_vm._s(_vm.CompanyInfo.xlcd))])])])])]),_c('div',{attrs:{\"id\":\"shuzihua\"}})])]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.realTimeAlarmShow),expression:\"realTimeAlarmShow\"}],staticClass:\"realTimeAlarm\"},[_vm._m(10)]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.alarmInformationShow),expression:\"alarmInformationShow\"}],staticClass:\"alarmInformation\"},[_c('div',{staticClass:\"top\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"报警详情信息\")]),_c('div',{staticClass:\"close\"},[_c('img',{staticStyle:{\"cursor\":\"pointer\"},attrs:{\"src\":require(\"@/assets/images/close.png\")},on:{\"click\":_vm.handleClose}})])]),_c('div',{staticClass:\"content3\"},[_c('div',{staticClass:\"table user_skills\"},[_c('el-table',{staticStyle:{\"width\":\"100%\",\"height\":\"100%\"},attrs:{\"data\":_vm.alarmInformationData,\"header-cell-style\":{ 'text-align': 'center' },\"cell-style\":{ 'text-align': 'center' },\"row-class-name\":_vm.rowClass}},[_c('el-table-column',{attrs:{\"label\":\"序号\",\"width\":\"100\",\"align\":\"center\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scop){return [_vm._v(\"\\n              \"+_vm._s(scop.$index + 1)+\"\\n            \")]}}])}),_c('el-table-column',{attrs:{\"prop\":\"cabinet_name\",\"label\":\"告警位置\",\"align\":\"center\"}}),_c('el-table-column',{attrs:{\"prop\":\"event_desc\",\"label\":\"告警信息\",\"align\":\"center\"}}),_c('el-table-column',{attrs:{\"prop\":\"created_at\",\"label\":\"发生时间\",\"align\":\"center\"}})],1)],1)]),(_vm.pageShow)?_c('el-pagination',{attrs:{\"current-page\":_vm.page,\"page-size\":_vm.pageSize,\"layout\":\"prev, pager, next\",\"total\":_vm.totals},on:{\"current-change\":_vm.handleCurrentChange}}):_vm._e()],1)])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _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('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('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('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('div',{staticClass:\"middle\",attrs:{\"id\":\"middle\"}},[_c('div',{staticClass:\"map\",staticStyle:{\"height\":\"100%\"}},[_c('canvas',{staticStyle:{\"position\":\"absolute\"},attrs:{\"id\":\"myCanvas\",\"width\":\"1000\",\"height\":\"600\"}}),_c('img',{staticClass:\"allimg\",attrs:{\"src\":require(\"../assets/indexN/dfsxz.png\"),\"alt\":\"\"}}),_c('div',{staticClass:\"imgboxtwo1\"},[_c('div',{staticClass:\"cartitle\"},[_c('div',{staticClass:\"titleFont\",staticStyle:{\"color\":\"#fff\",\"font-size\":\"26px\"}},[_vm._v(\"\\n            大丰区\\n          \")])]),_c('div',{staticClass:\"content2\"},[_c('div',{staticClass:\"line1\"},[_vm._v(\"\\n             用电量 (kwh)  \\n            \"),_c('span',{staticStyle:{\"color\":\"yellow\",\"font-size\":\"28px\"}},[_vm._v(\"2.685亿\")])]),_c('div',{staticClass:\"line1\"},[_vm._v(\"\\n             碳排放量 (kg)  \\n            \"),_c('span',{staticStyle:{\"color\":\"orange\",\"font-size\":\"28px\"}},[_vm._v(\"7.303万\")])]),_c('div',{staticClass:\"line1\"},[_vm._v(\"\\n             企业数量   \\n            \"),_c('span',{staticStyle:{\"color\":\"yellow\",\"font-size\":\"28px\"}},[_vm._v(\"713\")])])])]),_c('div',{staticClass:\"imgboxone\"},[_c('div',{staticClass:\"contents\"},[_c('div',{staticClass:\"lines\",staticStyle:{\"width\":\"70%\"}},[_c('img',{staticStyle:{\"margin-top\":\"30%\"},attrs:{\"src\":require(\"../assets/indexN/tb1.png\")}}),_c('h4',{staticStyle:{\"color\":\"#fff\",\"margin-top\":\"10%\"}},[_vm._v(\"数据目录\")])]),_c('div',{staticClass:\"lines\"},[_c('div',{staticClass:\"total\"},[_c('div',{staticClass:\"num\"},[_c('span',[_vm._v(\"发布数量\")]),_c('span',{staticClass:\"yellow\"},[_vm._v(\"\\n                   100 \"),_c('span',{staticStyle:{\"color\":\"#fff\"}},[_vm._v(\"%\")])])]),_c('div',{staticClass:\"num\",staticStyle:{\"margin-top\":\"15%\"}},[_c('span',[_vm._v(\"负面清单\")]),_c('span',{staticClass:\"orange\"},[_vm._v(\"\\n                   7244 \"),_c('span',{staticStyle:{\"color\":\"#fff\"}},[_vm._v(\"个\")])])]),_c('div',{staticClass:\"num\",staticStyle:{\"margin-top\":\"15%\"}},[_c('span',[_vm._v(\"涉及系统\")]),_c('span',{staticClass:\"yellow\"},[_vm._v(\"\\n                   251 \"),_c('span',{staticStyle:{\"color\":\"#fff\"}},[_vm._v(\"个\")])])])])]),_c('div',{staticClass:\"lines\",staticStyle:{\"width\":\"70%\"}},[_c('img',{staticStyle:{\"margin-top\":\"30%\"},attrs:{\"src\":require(\"../assets/indexN/tb2.png\")}}),_c('h4',{staticStyle:{\"color\":\"#fff\",\"margin-top\":\"10%\"}},[_vm._v(\"数据资源\")])]),_c('div',{staticClass:\"lines\"},[_c('div',{staticClass:\"total\"},[_c('div',{staticClass:\"num\"},[_c('div',{staticStyle:{\"display\":\"inline-block\"}},[_c('span',[_vm._v(\"接入数量\")])]),_c('span',{staticClass:\"yellow\"},[_vm._v(\"  1.6 \"),_c('span',{staticStyle:{\"color\":\"#fff\"}},[_vm._v(\"万个\")])])]),_c('div',{staticClass:\"num\",staticStyle:{\"margin-top\":\"15%\"}},[_c('div',{staticStyle:{\"display\":\"inline-block\"}},[_c('span',[_vm._v(\"涉及系统\")])]),_c('span',{staticClass:\"orange\"},[_vm._v(\"  123 \"),_c('span',{staticStyle:{\"color\":\"#fff\"}},[_vm._v(\"个\")])])]),_c('div',{staticClass:\"num\",staticStyle:{\"margin-top\":\"15%\"}},[_c('div',{staticStyle:{\"display\":\"inline-block\"}},[_c('span',[_vm._v(\"数据资源卡片\")])]),_c('span',{staticClass:\"yellow\"},[_vm._v(\"31 \"),_c('span',{staticStyle:{\"color\":\"#fff\"}},[_vm._v(\"个\")])])])])]),_c('div',{staticClass:\"lines\",staticStyle:{\"width\":\"70%\"}},[_c('img',{staticStyle:{\"margin-top\":\"30%\"},attrs:{\"src\":require(\"../assets/indexN/tb3.png\")}}),_c('h4',{staticStyle:{\"color\":\"#fff\",\"margin-top\":\"10%\"}},[_vm._v(\"数据服务\")])]),_c('div',{staticClass:\"lines\"},[_c('div',{staticClass:\"total\"},[_c('div',{staticClass:\"num\"},[_c('div',{staticStyle:{\"display\":\"inline-block\"}},[_c('span',[_vm._v(\"服务数量\")])]),_c('span',{staticClass:\"yellow\"},[_vm._v(\"\\n                   1084 \"),_c('span',{staticStyle:{\"color\":\"#fff\"}},[_vm._v(\"个\")])])]),_c('div',{staticClass:\"num\",staticStyle:{\"margin-top\":\"15%\"}},[_c('div',{staticStyle:{\"display\":\"inline-block\"}},[_c('span',[_vm._v(\"接入数量\")])]),_c('span',{staticClass:\"orange\"},[_vm._v(\"\\n                   8833 \"),_c('span',{staticStyle:{\"color\":\"#fff\"}},[_vm._v(\"个\")])])]),_c('div',{staticClass:\"num\",staticStyle:{\"margin-top\":\"15%\"}},[_c('div',{staticStyle:{\"display\":\"inline-block\"}},[_c('span',[_vm._v(\"访问次数\")])]),_c('span',{staticClass:\"yellow\"},[_vm._v(\"\\n                   5.3 \"),_c('span',{staticStyle:{\"color\":\"#fff\"}},[_vm._v(\"亿个\")])])])])]),_c('div',{staticClass:\"lines\",staticStyle:{\"width\":\"70%\"}},[_c('img',{staticStyle:{\"margin-top\":\"30%\"},attrs:{\"src\":require(\"../assets/indexN/tb4.png\")}}),_c('h4',{staticStyle:{\"color\":\"#fff\",\"margin-top\":\"10%\"}},[_vm._v(\"数据产品\")])]),_c('div',{staticClass:\"lines\"},[_c('div',{staticClass:\"total\"},[_c('div',{staticClass:\"num\"},[_c('div',{staticStyle:{\"display\":\"inline-block\"}},[_c('span',[_vm._v(\"报表数量\")])]),_c('span',{staticClass:\"yellow\"},[_vm._v(\"  19 \"),_c('span',{staticStyle:{\"color\":\"#fff\"}},[_vm._v(\"个\")])])]),_c('div',{staticClass:\"num\",staticStyle:{\"margin-top\":\"15%\"}},[_c('div',{staticStyle:{\"display\":\"inline-block\"}},[_c('span',[_vm._v(\"服务访问次数\")])]),_c('span',{staticClass:\"orange\"},[_vm._v(\"  0 \"),_c('span',{staticStyle:{\"color\":\"#fff\"}},[_vm._v(\"次\")])])]),_c('div',{staticClass:\"num\",staticStyle:{\"margin-top\":\"15%\"}},[_c('div',{staticStyle:{\"display\":\"inline-block\"}},[_c('span',[_vm._v(\"指标数量\")])]),_c('span',{staticClass:\"yellow\"},[_vm._v(\"  477 \"),_c('span',{staticStyle:{\"color\":\"#fff\"}},[_vm._v(\"个\")])])])])])])])])])\n},function (){var _vm=this,_c=_vm._self._c;return _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('div',{staticClass:\"content3\"},[_c('div',{staticClass:\"contentUl\"},[_c('div',{staticClass:\"top1\"},[_c('div',{staticClass:\"texts\"},[_vm._v(\"94.46\")]),_c('h4',[_vm._v(\"产业兴旺\")])]),_c('div',{staticClass:\"top2\"},[_c('div',{staticClass:\"texts\"},[_vm._v(\"63.95\")]),_c('h4',[_vm._v(\"生活宜居\")])]),_c('div',{staticClass:\"top3\"},[_c('div',{staticClass:\"texts\"},[_vm._v(\"74.15\")]),_c('h4',[_vm._v(\"生活富裕\")])]),_c('div',{staticClass:\"top4\"},[_c('div',{staticClass:\"texts\"},[_vm._v(\"56.23\")]),_c('h4',[_vm._v(\"治理有效\")])]),_c('div',{staticClass:\"top5\"},[_c('div',{staticClass:\"texts\"},[_vm._v(\"86.82\")]),_c('h4',[_vm._v(\"乡风文明\")])]),_c('div',{staticClass:\"top\"},[_c('img',{attrs:{\"src\":require(\"../assets/indexN/xctb1.png\")}}),_c('div',{staticClass:\"texts\",staticStyle:{\"color\":\"yellow\"}},[_vm._v(\"77.17\")])])])])\n},function (){var _vm=this,_c=_vm._self._c;return _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('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('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('div',{staticClass:\"content3\"},[_c('img',{attrs:{\"src\":require(\"../assets/images/baojing.png\")}}),_c('div',[_vm._v(\"都政线XXX环网柜间隔3发生局部放电故障\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"home\">\r\n    <div class=\"left\" id=\"left\">\r\n      <div class=\"one\" style=\"height: 48%\">\r\n        <div class=\"cartitle\" @click=\"routerTo('盐城地区分布光伏运行监测')\">\r\n          <div class=\"titleFont\">\r\n            <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n            <span>盐城地区分布光伏运行监测</span>\r\n            <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n          </div>\r\n        </div>\r\n        <div class=\"content3\">\r\n          <div class=\"line3\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\" class=\"num1\"\r\n                  >户数高渗透率&nbsp;</span\r\n                >\r\n                <span\r\n                  style=\"font-size: 45px; font-weight: 600\"\r\n                  class=\"numText\"\r\n                  :text=\"CompanyInfo.pdxl\"\r\n                  >{{ CompanyInfo.pdxl }}</span\r\n                >\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"line3\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\" class=\"num1\"\r\n                  >容量渗透率&nbsp;&nbsp;</span\r\n                >\r\n                <span\r\n                  style=\"font-size: 45px; font-weight: 600\"\r\n                  class=\"numText\"\r\n                  :text=\"CompanyInfo.xlcd\"\r\n                  >{{ CompanyInfo.xlcd }}</span\r\n                >\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"line3\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\" class=\"num1\"\r\n                  >能量渗透率&nbsp;&nbsp;</span\r\n                >\r\n                <span\r\n                  style=\"font-size: 45px; font-weight: 600\"\r\n                  class=\"numText\"\r\n                  :text=\"CompanyInfo.xlcd\"\r\n                  >{{ CompanyInfo.xlcd }}</span\r\n                >\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div id=\"detailedTwo1\"></div>\r\n      </div>\r\n      <div class=\"two\" style=\"height: 49%\">\r\n        <div class=\"cartitle\" @click=\"routerTo('配网工程全过程物资审计')\">\r\n          <div class=\"titleFont\">\r\n            <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n            <span>配网工程全过程物资审计</span>\r\n            <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n          </div>\r\n        </div>\r\n        <div class=\"content3\" style=\"display: inline\">\r\n          <div class=\"line3\">\r\n            <div class=\"total\">\r\n              <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n                <span style=\"font-size: 18px\" class=\"num1\">项目数&nbsp;</span>\r\n                <span\r\n                  style=\"font-size: 45px; font-weight: 600\"\r\n                  class=\"numText\"\r\n                  :text=\"CompanyInfo.pdxl\"\r\n                  >{{ CompanyInfo.pdxl }}</span\r\n                >\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"line3\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\" class=\"num1\">预算费用总和</span>\r\n                <span\r\n                  style=\"font-size: 45px; font-weight: 600\"\r\n                  class=\"numText\"\r\n                  :text=\"CompanyInfo.xlcd\"\r\n                  >{{ CompanyInfo.xlcd }}</span\r\n                >\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"line3\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\" class=\"num1\">计划数</span>\r\n                <span\r\n                  style=\"font-size: 45px; font-weight: 600\"\r\n                  class=\"numText\"\r\n                  :text=\"CompanyInfo.xlcd\"\r\n                  >{{ CompanyInfo.xlcd }}</span\r\n                >\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div id=\"barCharts\"></div>\r\n      </div>\r\n    </div>\r\n    <div class=\"left1\" id=\"left\">\r\n      <div class=\"one\" style=\"height: 48%\">\r\n        <div class=\"cartitle\" @click=\"routerTo('盐城东台区供电所数字化分析')\">\r\n          <div class=\"titleFont\">\r\n            <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n            <span>盐城东台区供电所数字化分析</span>\r\n            <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n          </div>\r\n        </div>\r\n        <div class=\"content3\">\r\n          <div class=\"line3\">\r\n            <div class=\"total\">\r\n              <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n                <span style=\"font-size: 18px\" class=\"num1\"\r\n                  >升档配变数量&nbsp;</span\r\n                >\r\n                <span\r\n                  style=\"font-size: 45px; font-weight: 600\"\r\n                  class=\"numText\"\r\n                  :text=\"CompanyInfo.pdxl\"\r\n                  >{{ CompanyInfo.pdxl }}</span\r\n                >\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"line3\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\" class=\"num1\">降档配比数量</span>\r\n                <span\r\n                  style=\"font-size: 45px; font-weight: 600\"\r\n                  class=\"numText\"\r\n                  :text=\"CompanyInfo.xlcd\"\r\n                  >{{ CompanyInfo.xlcd }}</span\r\n                >\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"line3\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\" class=\"num1\"\r\n                  >负荷关注配变数量&nbsp;&nbsp;</span\r\n                >\r\n                <span\r\n                  style=\"font-size: 45px; font-weight: 600\"\r\n                  class=\"numText\"\r\n                  :text=\"CompanyInfo.xlcd\"\r\n                  >{{ CompanyInfo.xlcd }}</span\r\n                >\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div id=\"horizontalChart\"></div>\r\n      </div>\r\n      <div class=\"two\" style=\"height: 49%\">\r\n        <div class=\"cartitle\" @click=\"routerTo('盐城供电公司配网电能质量管控')\">\r\n          <div class=\"titleFont\">\r\n            <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n            <span>盐城供电公司配网电能质量管控</span>\r\n            <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n          </div>\r\n        </div>\r\n        <div class=\"content3\">\r\n          <div class=\"line3\">\r\n            <div class=\"total\">\r\n              <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n                <span style=\"font-size: 18px\" class=\"num1\"\r\n                  >月供电可靠性&nbsp;</span\r\n                >\r\n                <span\r\n                  style=\"font-size: 45px; font-weight: 600\"\r\n                  class=\"numText\"\r\n                  :text=\"CompanyInfo.pdxl\"\r\n                  >{{ CompanyInfo.pdxl }}</span\r\n                >\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"line3\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\" class=\"num1\"\r\n                  >平均停电频次&nbsp;&nbsp;</span\r\n                >\r\n                <span\r\n                  style=\"font-size: 45px; font-weight: 600\"\r\n                  class=\"numText\"\r\n                  :text=\"CompanyInfo.xlcd\"\r\n                  >{{ CompanyInfo.xlcd }}</span\r\n                >\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"line3\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\" class=\"num1\"\r\n                  >平均停电时间&nbsp;&nbsp;</span\r\n                >\r\n                <span\r\n                  style=\"font-size: 45px; font-weight: 600\"\r\n                  class=\"numText\"\r\n                  :text=\"CompanyInfo.xlcd\"\r\n                  >{{ CompanyInfo.xlcd }}</span\r\n                >\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div id=\"detailedOne\"></div>\r\n      </div>\r\n    </div>\r\n    <div class=\"middle\" id=\"middle\">\r\n      <div class=\"map\" style=\"height: 100%\">\r\n        <canvas\r\n          id=\"myCanvas\"\r\n          width=\"1000\"\r\n          height=\"600\"\r\n          style=\"position: absolute\"\r\n        ></canvas>\r\n        <img class=\"allimg\" src=\"../assets/indexN/dfsxz.png\" alt=\"\" />\r\n        <div class=\"imgboxtwo1\">\r\n          <div class=\"cartitle\">\r\n            <div class=\"titleFont\" style=\"color: #fff; font-size: 26px\">\r\n              大丰区\r\n            </div>\r\n          </div>\r\n          <div class=\"content2\">\r\n            <div class=\"line1\">\r\n              &nbsp;用电量&nbsp;(kwh)&nbsp;&nbsp;\r\n              <span style=\"color: yellow; font-size: 28px\">2.685亿</span>\r\n            </div>\r\n            <div class=\"line1\">\r\n              &nbsp;碳排放量&nbsp;(kg)&nbsp;&nbsp;\r\n              <span style=\"color: orange; font-size: 28px\">7.303万</span>\r\n            </div>\r\n            <div class=\"line1\">\r\n              &nbsp;企业数量&nbsp;&nbsp;&nbsp;\r\n              <span style=\"color: yellow; font-size: 28px\">713</span>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"imgboxone\">\r\n          <div class=\"contents\">\r\n            <div class=\"lines\" style=\"width: 70%\">\r\n              <img src=\"../assets/indexN/tb1.png\" style=\"margin-top: 30%\" />\r\n              <h4 style=\"color: #fff; margin-top: 10%\">数据目录</h4>\r\n            </div>\r\n            <div class=\"lines\">\r\n              <div class=\"total\">\r\n                <div class=\"num\">\r\n                  <span>发布数量</span>\r\n                  <span class=\"yellow\">\r\n                    &nbsp;100&nbsp;<span style=\"color: #fff\">%</span>\r\n                  </span>\r\n                </div>\r\n                <div class=\"num\" style=\"margin-top: 15%\">\r\n                  <span>负面清单</span>\r\n                  <span class=\"orange\">\r\n                    &nbsp;7244&nbsp;<span style=\"color: #fff\">个</span>\r\n                  </span>\r\n                </div>\r\n                <div class=\"num\" style=\"margin-top: 15%\">\r\n                  <span>涉及系统</span>\r\n                  <span class=\"yellow\">\r\n                    &nbsp;251&nbsp;<span style=\"color: #fff\">个</span>\r\n                  </span>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"lines\" style=\"width: 70%\">\r\n              <img src=\"../assets/indexN/tb2.png\" style=\"margin-top: 30%\" />\r\n              <h4 style=\"color: #fff; margin-top: 10%\">数据资源</h4>\r\n            </div>\r\n            <div class=\"lines\">\r\n              <div class=\"total\">\r\n                <div class=\"num\">\r\n                  <div style=\"display: inline-block\">\r\n                    <span>接入数量</span>\r\n                  </div>\r\n                  <span class=\"yellow\"\r\n                    >&nbsp;&nbsp;1.6&nbsp;<span style=\"color: #fff\"\r\n                      >万个</span\r\n                    ></span\r\n                  >\r\n                </div>\r\n                <div class=\"num\" style=\"margin-top: 15%\">\r\n                  <div style=\"display: inline-block\">\r\n                    <span>涉及系统</span>\r\n                  </div>\r\n                  <span class=\"orange\"\r\n                    >&nbsp;&nbsp;123&nbsp;<span style=\"color: #fff\"\r\n                      >个</span\r\n                    ></span\r\n                  >\r\n                </div>\r\n                <div class=\"num\" style=\"margin-top: 15%\">\r\n                  <div style=\"display: inline-block\">\r\n                    <span>数据资源卡片</span>\r\n                  </div>\r\n                  <span class=\"yellow\"\r\n                    >31&nbsp;<span style=\"color: #fff\">个</span></span\r\n                  >\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"lines\" style=\"width: 70%\">\r\n              <img src=\"../assets/indexN/tb3.png\" style=\"margin-top: 30%\" />\r\n              <h4 style=\"color: #fff; margin-top: 10%\">数据服务</h4>\r\n            </div>\r\n            <div class=\"lines\">\r\n              <div class=\"total\">\r\n                <div class=\"num\">\r\n                  <div style=\"display: inline-block\">\r\n                    <span>服务数量</span>\r\n                  </div>\r\n                  <span class=\"yellow\">\r\n                    &nbsp;1084&nbsp;<span style=\"color: #fff\">个</span>\r\n                  </span>\r\n                </div>\r\n                <div class=\"num\" style=\"margin-top: 15%\">\r\n                  <div style=\"display: inline-block\">\r\n                    <span>接入数量</span>\r\n                  </div>\r\n                  <span class=\"orange\">\r\n                    &nbsp;8833&nbsp;<span style=\"color: #fff\">个</span>\r\n                  </span>\r\n                </div>\r\n                <div class=\"num\" style=\"margin-top: 15%\">\r\n                  <div style=\"display: inline-block\">\r\n                    <span>访问次数</span>\r\n                  </div>\r\n                  <span class=\"yellow\">\r\n                    &nbsp;5.3&nbsp;<span style=\"color: #fff\">亿个</span>\r\n                  </span>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"lines\" style=\"width: 70%\">\r\n              <img src=\"../assets/indexN/tb4.png\" style=\"margin-top: 30%\" />\r\n              <h4 style=\"color: #fff; margin-top: 10%\">数据产品</h4>\r\n            </div>\r\n            <div class=\"lines\">\r\n              <div class=\"total\">\r\n                <div class=\"num\">\r\n                  <div style=\"display: inline-block\">\r\n                    <span>报表数量</span>\r\n                  </div>\r\n                  <span class=\"yellow\"\r\n                    >&nbsp;&nbsp;19&nbsp;<span style=\"color: #fff\"\r\n                      >个</span\r\n                    ></span\r\n                  >\r\n                </div>\r\n                <div class=\"num\" style=\"margin-top: 15%\">\r\n                  <div style=\"display: inline-block\">\r\n                    <span>服务访问次数</span>\r\n                  </div>\r\n                  <span class=\"orange\"\r\n                    >&nbsp;&nbsp;0&nbsp;<span style=\"color: #fff\"\r\n                      >次</span\r\n                    ></span\r\n                  >\r\n                </div>\r\n                <div class=\"num\" style=\"margin-top: 15%\">\r\n                  <div style=\"display: inline-block\">\r\n                    <span>指标数量</span>\r\n                  </div>\r\n                  <span class=\"yellow\"\r\n                    >&nbsp;&nbsp;477&nbsp;<span style=\"color: #fff\"\r\n                      >个</span\r\n                    ></span\r\n                  >\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"right\" id=\"right\">\r\n      <div class=\"one\" style=\"height: 48%; width: 100%\">\r\n        <div class=\"cartitle\" @click=\"routerTo('乡村振兴电力综合指数')\">\r\n          <!-- <div style=\"\r\n              width: 82%;\r\n              display: flex;\r\n              justify-content: space-between;\r\n              align-items: center;\r\n            \"> -->\r\n          <div class=\"titleFont\">\r\n            <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n            <span>乡村振兴电力综合指数</span>\r\n            <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n          </div>\r\n          <!-- <div class=\"dateSelect\">\r\n              <div style=\"text-indent: 15px\" @click=\"handleDate(index)\" :class=\"addColor(index)\"\r\n                v-for=\"(item, index) in dateList\" :key=\"index\">\r\n                {{ item }}\r\n              </div>\r\n            </div> -->\r\n          <!-- </div> -->\r\n        </div>\r\n        <div class=\"content3\">\r\n          <div class=\"contentUl\">\r\n            <div class=\"top1\">\r\n              <!-- <img src=\"../assets/indexN/xctb2.png\" /> -->\r\n              <div class=\"texts\">94.46</div>\r\n              <h4>产业兴旺</h4>\r\n            </div>\r\n            <div class=\"top2\">\r\n              <!-- <img src=\"../assets/indexN/xctb2.png\" /> -->\r\n              <div class=\"texts\">63.95</div>\r\n              <h4>生活宜居</h4>\r\n            </div>\r\n            <div class=\"top3\">\r\n              <div class=\"texts\">74.15</div>\r\n              <h4>生活富裕</h4>\r\n            </div>\r\n            <div class=\"top4\">\r\n              <div class=\"texts\">56.23</div>\r\n              <h4>治理有效</h4>\r\n            </div>\r\n            <div class=\"top5\">\r\n              <div class=\"texts\">86.82</div>\r\n              <h4>乡风文明</h4>\r\n            </div>\r\n            <div class=\"top\">\r\n              <img src=\"../assets/indexN/xctb1.png\" />\r\n              <div class=\"texts\" style=\"color: yellow\">77.17</div>\r\n            </div>\r\n            <!-- <div class=\"top\">\r\n              <img src=\"../assets/05/sjfx.png\" />\r\n              <div class=\"texts\" style=\"color: yellow\">\r\n                0\r\n                <span style=\"font-size: 15px; color: #fff\">个</span>\r\n              </div>\r\n              <h4>自然村</h4>\r\n            </div> -->\r\n          </div>\r\n        </div>\r\n        <div id=\"detailedFive\"></div>\r\n      </div>\r\n\r\n      <div class=\"three\" style=\"height: 48%; width: 100%\">\r\n        <div class=\"cartitle\" @click=\"routerTo('两高行业企业污染监测')\">\r\n          <div class=\"titleFont\">\r\n            <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n            <span>两高行业企业污染监测</span>\r\n            <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n          </div>\r\n        </div>\r\n        <!-- <div class=\"three-content\">\r\n          <div class=\"three-left\">\r\n            <div id=\"detailedThree\"></div>\r\n          </div>\r\n\r\n          <div class=\"three-right\">\r\n            <ul>\r\n              <li v-for=\"s in gongdanList\" @click=\"openGdDetail(s)\">\r\n                {{ s.gd_type_name }}\r\n                <span style=\"color: #56fee2\">{{ s.total }}</span>\r\n              </li>\r\n            </ul>\r\n          </div>\r\n        </div> -->\r\n        <div class=\"content3\" style=\"display: inline\">\r\n          <div class=\"line3\">\r\n            <div class=\"total\">\r\n              <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n                <span style=\"font-size: 18px\" class=\"num1\">项目数&nbsp;</span>\r\n                <span\r\n                  style=\"font-size: 45px; font-weight: 600\"\r\n                  class=\"numText\"\r\n                  :text=\"CompanyInfo.pdxl\"\r\n                  >{{ CompanyInfo.pdxl }}</span\r\n                >\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"line3\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\" class=\"num1\">预算费用总和</span>\r\n                <span\r\n                  style=\"font-size: 45px; font-weight: 600\"\r\n                  class=\"numText\"\r\n                  :text=\"CompanyInfo.xlcd\"\r\n                  >{{ CompanyInfo.xlcd }}</span\r\n                >\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"line3\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\" class=\"num1\"\r\n                  >计划数&nbsp;&nbsp;</span\r\n                >\r\n                <span\r\n                  style=\"font-size: 45px; font-weight: 600\"\r\n                  class=\"numText\"\r\n                  :text=\"CompanyInfo.xlcd\"\r\n                  >{{ CompanyInfo.xlcd }}</span\r\n                >\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div id=\"roseCharts\"></div>\r\n      </div>\r\n    </div>\r\n    <div class=\"right1\" id=\"right\">\r\n      <!-- <div class=\"one\" style=\"height: 635px; width: 100%\"> -->\r\n      <div class=\"one\" style=\"height: 48%; width: 100%\">\r\n        <div class=\"cartitle\" @click=\"routerTo('农村生活污水治理设备电量分析')\">\r\n          <!-- <div style=\"\r\n              width: 82%;\r\n              display: flex;\r\n              justify-content: space-between;\r\n              align-items: center;\r\n            \"> -->\r\n          <div class=\"titleFont\">\r\n            <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n            <span>农村生活污水治理设备电量分析</span>\r\n            <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n          </div>\r\n          <!-- <div class=\"dateSelect\">\r\n              <div style=\"text-indent: 15px\" @click=\"handleDate(index)\" :class=\"addColor(index)\"\r\n                v-for=\"(item, index) in dateList\" :key=\"index\">\r\n                {{ item }}\r\n              </div>\r\n            </div> -->\r\n          <!-- </div> -->\r\n        </div>\r\n\r\n        <div class=\"content3\">\r\n          <div class=\"line3\">\r\n            <div class=\"total\">\r\n              <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n                <span style=\"font-size: 18px\" class=\"num1\"\r\n                  >户数高渗透率&nbsp;</span\r\n                >\r\n                <span\r\n                  style=\"font-size: 45px; font-weight: 600\"\r\n                  class=\"numText\"\r\n                  :text=\"CompanyInfo.pdxl\"\r\n                  >{{ CompanyInfo.pdxl }}</span\r\n                >\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"line3\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\" class=\"num1\"\r\n                  >容量渗透率&nbsp;&nbsp;</span\r\n                >\r\n                <span\r\n                  style=\"font-size: 45px; font-weight: 600\"\r\n                  class=\"numText\"\r\n                  :text=\"CompanyInfo.xlcd\"\r\n                  >{{ CompanyInfo.xlcd }}</span\r\n                >\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"line3\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\" class=\"num1\"\r\n                  >能量渗透率&nbsp;&nbsp;</span\r\n                >\r\n                <span\r\n                  style=\"font-size: 45px; font-weight: 600\"\r\n                  class=\"numText\"\r\n                  :text=\"CompanyInfo.xlcd\"\r\n                  >{{ CompanyInfo.xlcd }}</span\r\n                >\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <div id=\"detailen\"></div>\r\n      </div>\r\n      <!-- <div class=\"two\" style=\"height: 340px\">\r\n        <div class=\"cartitle\">\r\n          <div class=\"titleFont\">盐都供电质量统计</div>\r\n        </div>\r\n        <div id=\"detailedTwo\"></div>\r\n      </div> -->\r\n      <div class=\"three\" style=\"height: 48%; width: 100%\">\r\n        <div\r\n          class=\"cartitle\"\r\n          @click=\"routerTo('数字化排涝抗旱辅助及检修辅助决策')\"\r\n        >\r\n          <div class=\"titleFont\">\r\n            <img src=\"./../assets/indexN/btjt.png\" alt=\"\" />\r\n            <span>数字化排涝抗旱辅助及检修辅助决策</span>\r\n            <img src=\"./../assets/indexN/btjt1.png\" alt=\"\" />\r\n          </div>\r\n        </div>\r\n        <div class=\"content3\">\r\n          <div class=\"line3\">\r\n            <div class=\"total\">\r\n              <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\r\n                <span style=\"font-size: 18px\" class=\"num1\"\r\n                  >户数高渗透率&nbsp;</span\r\n                >\r\n                <span\r\n                  style=\"font-size: 45px; font-weight: 600\"\r\n                  class=\"numText\"\r\n                  :text=\"CompanyInfo.pdxl\"\r\n                  >{{ CompanyInfo.pdxl }}</span\r\n                >\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"line3\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\" class=\"num1\"\r\n                  >容量渗透率&nbsp;&nbsp;</span\r\n                >\r\n                <span\r\n                  style=\"font-size: 45px; font-weight: 600\"\r\n                  class=\"numText\"\r\n                  :text=\"CompanyInfo.xlcd\"\r\n                  >{{ CompanyInfo.xlcd }}</span\r\n                >\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"line3\">\r\n            <div class=\"total\">\r\n              <div class=\"num\">\r\n                <span style=\"font-size: 18px\" class=\"num1\"\r\n                  >能量渗透率&nbsp;&nbsp;</span\r\n                >\r\n                <span\r\n                  style=\"font-size: 45px; font-weight: 600\"\r\n                  class=\"numText\"\r\n                  :text=\"CompanyInfo.xlcd\"\r\n                  >{{ CompanyInfo.xlcd }}</span\r\n                >\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div id=\"shuzihua\"></div>\r\n      </div>\r\n    </div>\r\n    <div class=\"realTimeAlarm\" v-show=\"realTimeAlarmShow\">\r\n      <div class=\"content3\">\r\n        <img src=\"../assets/images/baojing.png\" />\r\n        <div>都政线XXX环网柜间隔3发生局部放电故障</div>\r\n      </div>\r\n    </div>\r\n    <div class=\"alarmInformation\" v-show=\"alarmInformationShow\">\r\n      <div class=\"top\">\r\n        <div class=\"title\">报警详情信息</div>\r\n        <div class=\"close\">\r\n          <img\r\n            @click=\"handleClose\"\r\n            src=\"@/assets/images/close.png\"\r\n            style=\"cursor: pointer\"\r\n          />\r\n        </div>\r\n      </div>\r\n      <div class=\"content3\">\r\n        <div class=\"table user_skills\">\r\n          <el-table\r\n            :data=\"alarmInformationData\"\r\n            style=\"width: 100%; height: 100%\"\r\n            :header-cell-style=\"{ 'text-align': 'center' }\"\r\n            :cell-style=\"{ 'text-align': 'center' }\"\r\n            :row-class-name=\"rowClass\"\r\n          >\r\n            <el-table-column label=\"序号\" width=\"100\" align=\"center\">\r\n              <template slot-scope=\"scop\">\r\n                {{ scop.$index + 1 }}\r\n              </template>\r\n            </el-table-column>\r\n            <el-table-column\r\n              prop=\"cabinet_name\"\r\n              label=\"告警位置\"\r\n              align=\"center\"\r\n            >\r\n              <!-- <template slot-scope=\"scope\">\r\n                <div v-html=\"scope.row.name\"></div>\r\n              </template> -->\r\n            </el-table-column>\r\n            <!-- <el-table-column prop=\"name\" label=\"间隔\" align=\"center\">\r\n            </el-table-column> -->\r\n            <el-table-column prop=\"event_desc\" label=\"告警信息\" align=\"center\">\r\n            </el-table-column>\r\n            <el-table-column prop=\"created_at\" label=\"发生时间\" align=\"center\">\r\n            </el-table-column>\r\n          </el-table>\r\n        </div>\r\n      </div>\r\n      <el-pagination\r\n        @current-change=\"handleCurrentChange\"\r\n        :current-page=\"page\"\r\n        :page-size=\"pageSize\"\r\n        layout=\"prev, pager, next\"\r\n        :total=\"totals\"\r\n        v-if=\"pageShow\"\r\n      >\r\n      </el-pagination>\r\n    </div>\r\n    <!-- <div style=\"height:40px;width:40px\" class=\"suoxiao\">\r\n        <img src=\"../assets/images/btnFangDa.png\" style=\"height:40px;width:40px\"/>\r\n      </div> -->\r\n    <!-- <div class=\"componentShow\" v-if=\"modelOthers\">\r\n      <keep-alive>\r\n        <component :is=\"componentShow\" :ringMainUnit=\"device\"></component>\r\n      </keep-alive>\r\n    </div> -->\r\n    <!-- 工单统计弹窗 -->\r\n    <!-- <div class=\"componentShow\" v-if=\"orderItem != null\">\r\n      <component :is=\"orderShow\" :orderItem=\"orderItem\"></component>\r\n    </div> -->\r\n\r\n    <!-- 故障跳闸明细 -->\r\n    <!-- <div class=\"componentShow\" v-if=\"routeItem != null\">\r\n      <component :is=\"routeShow\" :routeItem=\"routeItem\"></component>\r\n    </div> -->\r\n\r\n    <!-- 查询配电线路 -->\r\n    <!-- <div\r\n      class=\"componentShow\"\r\n      style=\"display: block; height: calc(100% - 100px); top: 100px\"\r\n      v-if=\"lineItem != null\"\r\n    >\r\n      <component :is=\"lineShow\" :lineItem=\"lineItem\"></component>\r\n    </div> -->\r\n    <!-- <audio\r\n      controls=\"controls\"\r\n      hidden\r\n      src=\"../assets/videos/police.wav\"\r\n      ref=\"audio\"\r\n    ></audio> -->\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport {\r\n  getCompanyInfo,\r\n  getLine,\r\n  getBanzugz,\r\n  getGdtj,\r\n  getDwbzgz,\r\n  getGdsgdzl,\r\n  getPbtyqk,\r\n  getCabinetInfo,\r\n  getCabinetList,\r\n  getfaultReportList,\r\n  getCabinetAlarmList,\r\n} from \"../api/index.js\";\r\n//引入echarts\r\nimport * as echarts from \"echarts\";\r\n// 工单统计弹窗组件\r\nimport workOrder from \"../component/workOrder.vue\";\r\n// import ringMainUnit from \"./HomePop/ringMainUnit.vue\";\r\nimport routeDetail from \"../component/routeDetail.vue\";\r\n\r\n// 线路详情\r\nimport lineDetail from \"../component/lineDetail.vue\";\r\nexport default {\r\n  name: \"home\",\r\n  components: {\r\n    // ringMainUnit, //环网柜弹窗\r\n    // workOrder, //工单统计弹窗\r\n    // routeDetail, //线路故障跳闸明细\r\n    // lineDetail, //线路详情弹窗\r\n  },\r\n  data() {\r\n    return {\r\n      pageShow: true,\r\n      totals: 5,\r\n      pageSize: 10,\r\n      page: 1,\r\n      threeImg: require(\"../assets/images/pieBorder.png\"),\r\n\r\n      enlargeShow: true,\r\n      dataGzList: [\r\n        {\r\n          bz: \"大冈\",\r\n          chbc: 0,\r\n          chcg: 0,\r\n          jd: 0,\r\n          total: 0,\r\n          wchz: 0,\r\n        },\r\n        {\r\n          bz: \"配网二班\",\r\n          chbc: 0,\r\n          chcg: 0,\r\n          jd: 0,\r\n          total: 0,\r\n          wchz: 0,\r\n        },\r\n        {\r\n          bz: \"配网一班\",\r\n          chbc: 0,\r\n          chcg: 0,\r\n          jd: 0,\r\n          total: 0,\r\n          wchz: 0,\r\n        },\r\n        {\r\n          bz: \"尚庄\",\r\n          chbc: 0,\r\n          chcg: 0,\r\n          jd: 0,\r\n          total: 0,\r\n          wchz: 0,\r\n        },\r\n        {\r\n          bz: \"秦南\",\r\n          chbc: 0,\r\n          chcg: 0,\r\n          jd: 0,\r\n          total: 0,\r\n          wchz: 0,\r\n        },\r\n        {\r\n          bz: \"郭猛\",\r\n          chbc: 0,\r\n          chcg: 0,\r\n          jd: 0,\r\n          total: 0,\r\n          wchz: 0,\r\n        },\r\n        {\r\n          bz: \"大纵湖\",\r\n          chbc: 0,\r\n          chcg: 0,\r\n          jd: 0,\r\n          total: 0,\r\n          wchz: 0,\r\n        },\r\n        {\r\n          bz: \"潘黄\",\r\n          chbc: 0,\r\n          chcg: 0,\r\n          jd: 0,\r\n          total: 0,\r\n          wchz: 0,\r\n        },\r\n        {\r\n          bz: \"学富\",\r\n          chbc: 0,\r\n          chcg: 0,\r\n          jd: 0,\r\n          total: 0,\r\n          wchz: 0,\r\n        },\r\n        {\r\n          bz: \"龙冈\",\r\n          chbc: 0,\r\n          chcg: 0,\r\n          jd: 0,\r\n          total: 0,\r\n          wchz: 0,\r\n        },\r\n        {\r\n          bz: \"西区\",\r\n          chbc: 0,\r\n          chcg: 0,\r\n          jd: 0,\r\n          total: 0,\r\n          wchz: 0,\r\n        },\r\n        {\r\n          bz: \"楼王\",\r\n          chbc: 0,\r\n          chcg: 0,\r\n          jd: 0,\r\n          total: 0,\r\n          wchz: 0,\r\n        },\r\n      ], //年故障数组\r\n      dateList: [\"周\", \"月\"],\r\n      acolor: true, //是否展示颜色\r\n      currentIndex: -1,\r\n      alarmInformationData: [],\r\n      alarmInformationShow: false, //报警详情信息弹窗\r\n      realTimeAlarmShow: false, //实时报警弹窗\r\n      modelOthers: false,\r\n      componentShow: \"\",\r\n      CompanyInfo: {\r\n        pdxl: \"3.4%\",\r\n        xlcd: \"0.01%\",\r\n        pdxl: \"3.4%\",\r\n        pdxl: \"3.4%\",\r\n        pdxl: \"3.4%\",\r\n        pdxl: \"3.4%\",\r\n      },\r\n      tableData: [],\r\n      btnArr: [\"总览\", \"环网柜\", \"分支箱\", \"箱变\", \"开闭所\"],\r\n      btnActive: 0,\r\n      iconGround: [\r\n        {\r\n          icon: require(\"@/assets/images/huanwanggui.png\"),\r\n          name: \"环网柜\",\r\n        },\r\n        {\r\n          icon: require(\"@/assets/images/fenzhixiang.png\"),\r\n          name: \"分支箱\",\r\n        },\r\n        {\r\n          icon: require(\"@/assets/images/xiangbian.png\"),\r\n          name: \"箱变\",\r\n        },\r\n        {\r\n          icon: require(\"@/assets/images/kaibisuo.png\"),\r\n          name: \"开闭所\",\r\n        },\r\n      ],\r\n      btnEnlarge: [\r\n        {\r\n          icon: require(\"@/assets/images/btnTiShi.png\"),\r\n        },\r\n        {\r\n          icon: require(\"@/assets/images/btnFangDa.png\"),\r\n        },\r\n      ],\r\n      btnEnlarge1: [\r\n        {\r\n          icon: require(\"@/assets/images/btnTiShi.png\"),\r\n        },\r\n        {\r\n          icon: require(\"@/assets/images/suoxiao.png\"),\r\n        },\r\n      ],\r\n      options: [\r\n        {\r\n          value: \"\",\r\n          label: \"\",\r\n        },\r\n      ],\r\n      value: \"\",\r\n      topContent: [\r\n        {\r\n          name: \"配变数量\",\r\n          count: \"\",\r\n        },\r\n        {\r\n          name: \"重复停运台次\",\r\n          count: \"\",\r\n        },\r\n        {\r\n          name: \"配变重复停运率\",\r\n          count: \"\",\r\n        },\r\n      ],\r\n      device: \"\",\r\n      tableData: [],\r\n      tableKey: +new Date(),\r\n      scrollTop: 0, //table距离顶部距离\r\n      option: null,\r\n      myChartBin: null,\r\n\r\n      gongdanList: [\r\n        {\r\n          gd_type_id: \"\",\r\n          gd_type_name: \"频繁停电\",\r\n          total: 0,\r\n        },\r\n        {\r\n          gd_type_id: \"\",\r\n          gd_type_name: \"处理时间长\",\r\n          total: 0,\r\n        },\r\n        {\r\n          gd_type_id: \"\",\r\n          gd_type_name: \"运检类投诉\",\r\n          total: 0,\r\n        },\r\n        {\r\n          gd_type_id: \"\",\r\n          gd_type_name: \"运检类意见\",\r\n          total: 0,\r\n        },\r\n        {\r\n          gd_type_id: \"\",\r\n          gd_type_name: \"民事赔偿\",\r\n          total: 0,\r\n        },\r\n        {\r\n          gd_type_id: \"\",\r\n          gd_type_name: \"多次停电\",\r\n          total: 0,\r\n        },\r\n      ],\r\n\r\n      // 工单\r\n      orderItem: null,\r\n\r\n      orderShow: \"\",\r\n      // 线路故障明细\r\n      routeItem: null,\r\n      routeShow: \"\",\r\n\r\n      // 配电线路\r\n      lineItem: null,\r\n      lineShow: \"\",\r\n      timer: null, //定时器\r\n      emergencyList: [], //告警数据\r\n      rowTime: \"\",\r\n    };\r\n  },\r\n  created() {},\r\n  mounted() {\r\n    // this.beginShowing();\r\n    // 监听浏览器窗口大小变化\r\n    window.onresize = () => {\r\n      clearInterval(this.myTimer);\r\n      this.beginShowing();\r\n    };\r\n    this.xianDuan();\r\n    this.detailedTwo11();\r\n    this.horizontalChart();\r\n    this.detailedOne();\r\n    this.barCharts();\r\n    this.detailedFive();\r\n    this.shuzihuaCharts();\r\n    this.roseCharts();\r\n    this.detailen1();\r\n    // this.handleDate(0);\r\n\r\n    let that = this;\r\n\r\n    // //历史故障接口\r\n    // let faultData = {\r\n    //   token: localStorage.getItem(\"token\"),\r\n    //   pageSize: \"500\",\r\n    //   page: \"1\",\r\n    // };\r\n  },\r\n  // beforeDestroy() {\r\n  //   this.dataDestroy(); // 页面摧毁前，关闭定时器\r\n  // },\r\n  beforeDestroy() {\r\n    // 离开当前路由前的操作\r\n    clearInterval(this.timer);\r\n    this.timer = null;\r\n  },\r\n  methods: {\r\n    //地图画线\r\n    xianDuan() {\r\n      var canvas = document.getElementById(\"myCanvas\");\r\n      var ctx = canvas.getContext(\"2d\");\r\n      ctx.moveTo(650, 450); // moveTo(x,y) 定义线条开始坐标\r\n      ctx.lineTo(830, 300); // lineTo(x,y) 定义线条结束坐标\r\n      ctx.strokeStyle = \"orange\";\r\n      ctx.lineWidth = 3;\r\n      ctx.stroke();\r\n    },\r\n    routerTo(data) {\r\n      if (data == \"盐城地区分布光伏运行监测\") {\r\n        this.$router.push(\"/stationBuilding\");\r\n      }\r\n      if (data == \"盐城东台区供电所数字化分析\") {\r\n        this.$router.push(\"/twentyKV\");\r\n      }\r\n      if (data == \"配网工程全过程物资审计\") {\r\n        this.$router.push(\"/thirtyFiveKV\");\r\n      }\r\n      if (data == \"盐城供电公司配网电能质量管控\") {\r\n        this.$router.push(\"/powerQualityControl\");\r\n      }\r\n      if (data == \"乡村振兴电力综合指数\") {\r\n        this.$router.push(\"/ruralRevitalizationPower\");\r\n      }\r\n      if (data == \"两高行业企业污染监测\") {\r\n        this.$router.push(\"/enterprisePollutionMonitoring\");\r\n      }\r\n      if (data == \"农村生活污水治理设备电量分析\") {\r\n        this.$router.push(\"/ruralDomesticSewageTreatment\");\r\n      }\r\n      if (data == \"数字化排涝抗旱辅助及检修辅助决策\") {\r\n        this.$router.push(\"/digitalFloodDrainageDroughtRelief\");\r\n      }\r\n    },\r\n    detailen1() {\r\n      var fontColor = \"#30eee9\";\r\n      var myChart = this.$echarts.init(document.getElementById(\"detailen\"));\r\n      var option = {\r\n        tooltip: {\r\n          trigger: \"axis\",\r\n          axisPointer: {\r\n            type: \"shadow\",\r\n          },\r\n        },\r\n        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    getbanzhu() {\r\n      getBanzugz({\r\n        action: \"detail\",\r\n      }).then((res) => {\r\n        console.log(res, \"班组故障详情\");\r\n        for (let i = 0; i < res.data.data.length; i++) {\r\n          if (res.data.data[i].gz_time_deal) {\r\n            let date = new Date(res.data.data[i].gz_time_deal);\r\n            res.data.data[i].gz_time_deal =\r\n              this.$moment(date).format(\"YYYY-MM-DD HH:mm\");\r\n            // console.log(res.data.data[i].gz_time_deal,'转换后');\r\n          }\r\n          if (res.data.data[i].gz_time) {\r\n            let time = new Date(res.data.data[i].gz_time);\r\n            res.data.data[i].gz_time =\r\n              this.$moment(time).format(\"YYYY-MM-DD HH:mm\");\r\n          }\r\n          this.tableData.push(res.data.data[i]);\r\n        }\r\n      });\r\n    },\r\n    //工单\r\n    getGongdan() {\r\n      getGdtj({ action: \"tongji\" }).then((res) => {\r\n        console.log(res, \"工单统计数据\");\r\n        let dataList = res.data.data;\r\n\r\n        for (let i = 0; i < this.gongdanList.length; i++) {\r\n          for (let j = 0; j < res.data.data.length; j++) {\r\n            if (\r\n              this.gongdanList[i].gd_type_name == res.data.data[j].gd_type_name\r\n            ) {\r\n              this.gongdanList[i].total = res.data.data[j].total;\r\n              this.gongdanList[i].gd_type_id = res.data.data[j].gd_type_id;\r\n            }\r\n          }\r\n        }\r\n        // this.gongdanList = res.data.data;\r\n        this.detailedThree(dataList);\r\n        // this.$nextTick(() => {\r\n        //   this.detailedThree(dataList);\r\n        //   setInterval(() => {\r\n        //     this.doing();\r\n        //   }, 200);\r\n        // });\r\n      });\r\n    },\r\n    // //表格第一行颜色\r\n    rowClass(row, rowIndex) {\r\n      if (row.rowIndex === 0) {\r\n        return \"rowColor0\";\r\n      } else {\r\n        return \"\";\r\n      }\r\n    },\r\n    //切换当前页\r\n    handleCurrentChange(val) {\r\n      this.page = val;\r\n      let tableData = [];\r\n      if (this.emergencyList.length != 0) {\r\n        tableData = this.emergencyList;\r\n        if (val == 1) {\r\n          this.alarmInformationData = tableData.slice(0, 10);\r\n          document.getElementsByClassName(\"rowColor0\")[0].style.display = \"\";\r\n        } else if (val == 2) {\r\n          document.getElementsByClassName(\"rowColor0\")[0].style.display =\r\n            \"none\";\r\n          this.alarmInformationData = tableData.slice(10, 20);\r\n        } else if (val == 3) {\r\n          this.alarmInformationData = tableData.slice(20, 30);\r\n          document.getElementsByClassName(\"rowColor0\")[0].style.display =\r\n            \"none\";\r\n        } else if (val == 4) {\r\n          this.alarmInformationData = tableData.slice(30, 40);\r\n          document.getElementsByClassName(\"rowColor0\")[0].style.display =\r\n            \"none\";\r\n        } else if (val == 5) {\r\n          this.alarmInformationData = tableData.slice(40, 50);\r\n          document.getElementsByClassName(\"rowColor0\")[0].style.display =\r\n            \"none\";\r\n        }\r\n      } else {\r\n        return false;\r\n      }\r\n    },\r\n    // 线路详情弹窗\r\n    openLineDetail(e) {\r\n      // console.log(e);\r\n      // var line = e + ''\r\n      // console.log(line);\r\n      getLine({ action: \"pdxl\" }).then(({ data }) => {\r\n        console.log(data);\r\n        this.lineShow = \"lineDetail\";\r\n        this.lineItem = data.data;\r\n      });\r\n    },\r\n    // 线路故障跳闸明细弹窗\r\n    rowHandle(e) {\r\n      // console.log(e, \"参数\");\r\n      this.routeItem = e;\r\n      this.routeShow = \"routeDetail\";\r\n      // console.log(this.routeItem,'线路组件名称');\r\n    },\r\n    // 工单统计的弹窗\r\n    openGdDetail(item) {\r\n      this.orderItem = item;\r\n      this.orderShow = \"workOrder\";\r\n    },\r\n    // 鼠标进入表格\r\n    // mouseover() {\r\n    //   clearInterval(this.myTimer);\r\n    // },\r\n    // 鼠标离开表格\r\n    mouseout() {\r\n      this.roll();\r\n    },\r\n    //调用unity方法\r\n    handleUnity(index, item) {\r\n      this.btnActive = index;\r\n      this.$refs.iframe.contentWindow.handleChange(item);\r\n    },\r\n    //选择线路\r\n    selectLine(value) {\r\n      getLine({\r\n        action: \"query\",\r\n        line_code: value,\r\n      }).then((res) => {\r\n        // console.log(res,'选择线路');\r\n        if (res.data.data != 0 && res.data.data != null) {\r\n          this.$refs.iframe.contentWindow.handleChangeLine(\r\n            res.data.data.line_name\r\n          );\r\n        } else if (res.data.data == null) {\r\n          this.$refs.iframe.contentWindow.handleChangeLine(\"\");\r\n        }\r\n      });\r\n    },\r\n    detailedOne() {\r\n      let myChart = this.$echarts.init(document.getElementById(\"detailedOne\"));\r\n      var option = {\r\n        tooltip: {\r\n          trigger: \"axis\",\r\n          axisPointer: {\r\n            type: \"shadow\",\r\n          },\r\n        },\r\n        legend: {\r\n          textStyle: {\r\n            fontSize: 18, //字体大小\r\n            color: \"#ffffff\", //字体颜色\r\n          },\r\n\r\n          data: [\"配变名称\"],\r\n        },\r\n        xAxis: [\r\n          {\r\n            type: \"category\",\r\n            data: [\r\n              \"钱南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\r\n      myChart.setOption(option);\r\n\r\n      window.addEventListener(\"resize\", () => {\r\n        myChart.resize();\r\n      });\r\n    },\r\n    shuzihuaCharts() {\r\n      let myChart = this.$echarts.init(document.getElementById(\"shuzihua\"));\r\n      var option = {\r\n        tooltip: {\r\n          trigger: \"axis\",\r\n          axisPointer: {\r\n            type: \"cross\",\r\n            crossStyle: {\r\n              color: \"#999\",\r\n            },\r\n          },\r\n        },\r\n        legend: [\r\n          {\r\n            x: \"center\",\r\n            data: [\"平均停电时间(小时)\", \"平均停电频次(次/户)\"],\r\n            textStyle: {\r\n              fontSize: 18,\r\n              color: \"#fff\",\r\n            },\r\n          },\r\n          {\r\n            x: \"center\",\r\n            top: \"5%\",\r\n            data: [\"总时户数\", \"停电次数\", \"应采数\"],\r\n            textStyle: {\r\n              fontSize: 18,\r\n              color: \"#fff\",\r\n            },\r\n          },\r\n        ],\r\n        xAxis: [\r\n          {\r\n            type: \"category\",\r\n            data: [\"2019\", \"2020\", \"2021\", \"2022\"],\r\n            axisPointer: {\r\n              type: \"shadow\",\r\n            },\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: 5,\r\n            interval: 1,\r\n            axisLabel: {\r\n              formatter: \"{value} 万\",\r\n              textStyle: {\r\n                fontSize: \"18\",\r\n              },\r\n            },\r\n            axisLine: {\r\n              lineStyle: {\r\n                color: \"#fff\",\r\n              },\r\n            },\r\n            splitLine: {\r\n              show: true,\r\n              lineStyle: {\r\n                type: \"dashed\",\r\n                // color: 'rgba(66, 192, 255, .3)',\r\n                color: \"rgba(102,102,102,0.6)\",\r\n                width: 1,\r\n              },\r\n            },\r\n          },\r\n          {\r\n            type: \"value\",\r\n            min: 0,\r\n            max: 0.5,\r\n            interval: 0.1,\r\n            axisLabel: {\r\n              formatter: \"{value}\",\r\n              textStyle: {\r\n                fontSize: \"18\",\r\n              },\r\n            },\r\n            axisLine: {\r\n              lineStyle: {\r\n                color: \"#fff\",\r\n              },\r\n            },\r\n            splitLine: {\r\n              show: true,\r\n              lineStyle: {\r\n                type: \"dashed\",\r\n                // color: 'rgba(66, 192, 255, .3)',\r\n                color: \"rgba(102,102,102,0.6)\",\r\n                width: 1,\r\n              },\r\n            },\r\n          },\r\n        ],\r\n        series: [\r\n          {\r\n            name: \"平均停电时间(小时)\",\r\n            type: \"bar\",\r\n            yAxisIndex: 1,\r\n\r\n            tooltip: {\r\n              valueFormatter: function (value) {\r\n                return value;\r\n              },\r\n            },\r\n            itemStyle: {\r\n              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n                { offset: 1, color: \"rgba(240,230,140,.2) \" },\r\n                { offset: 0.5, color: \"rgb(240,230,140,.6)\" },\r\n                { offset: 0, color: \"rgb(240,230,140)\" },\r\n              ]),\r\n              borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n              borderWidth: 0,\r\n            },\r\n            data: [0.13, 0.23, 0.13, 0.23],\r\n          },\r\n          {\r\n            name: \"平均停电频次(次/户)\",\r\n            type: \"bar\",\r\n            yAxisIndex: 1,\r\n\r\n            tooltip: {\r\n              valueFormatter: function (value) {\r\n                return value;\r\n              },\r\n            },\r\n            itemStyle: {\r\n              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n                { offset: 1, color: \"rgba(65,105,225,.2) \" },\r\n                { offset: 0.5, color: \"rgb(65,105,225,.6)\" },\r\n                { offset: 0, color: \"rgb(65,105,225)\" },\r\n              ]),\r\n              borderRadius: [7, 7, 0, 0], // 柱状图圆角\r\n              borderWidth: 0,\r\n            },\r\n            data: [0.23, 0.13, 0.23, 0.13],\r\n          },\r\n          {\r\n            name: \"总时户数\",\r\n            type: \"line\",\r\n\r\n            tooltip: {\r\n              valueFormatter: function (value) {\r\n                return value;\r\n              },\r\n            },\r\n            itemStyle: {\r\n              normal: {\r\n                color: \"#0080ff\",\r\n                lineStyle: {\r\n                  color: \"#0080ff\",\r\n                },\r\n              },\r\n            },\r\n            data: [4, 3, 2, 4],\r\n          },\r\n          {\r\n            name: \"停电次数\",\r\n            type: \"line\",\r\n\r\n            tooltip: {\r\n              valueFormatter: function (value) {\r\n                return value;\r\n              },\r\n            },\r\n            itemStyle: {\r\n              normal: {\r\n                color: \"#a6a600\",\r\n                lineStyle: {\r\n                  color: \"#a6a600\",\r\n                },\r\n              },\r\n            },\r\n            data: [2, 3, 4, 3],\r\n          },\r\n          {\r\n            name: \"应采数\",\r\n            type: \"line\",\r\n            tooltip: {\r\n              valueFormatter: function (value) {\r\n                return value;\r\n              },\r\n            },\r\n            itemStyle: {\r\n              normal: {\r\n                color: \"#977000\",\r\n                lineStyle: {\r\n                  color: \"#977000\",\r\n                },\r\n              },\r\n            },\r\n            data: [3, 1, 4, 2],\r\n          },\r\n        ],\r\n      };\r\n\r\n      myChart.setOption(option);\r\n\r\n      window.addEventListener(\"resize\", () => {\r\n        myChart.resize();\r\n      });\r\n    },\r\n    detailedTwo() {\r\n      var myChart = this.$echarts.init(document.getElementById(\"detailedTwo1\"));\r\n      var option = {\r\n        xAxis: {\r\n          type: \"category\",\r\n          boundaryGap: false,\r\n          axisLabel: {\r\n            color: fontColor,\r\n          },\r\n          axisLine: {\r\n            show: true,\r\n            lineStyle: {\r\n              color: \"#397cbc\",\r\n            },\r\n          },\r\n          axisTick: {\r\n            show: false,\r\n          },\r\n          splitLine: {\r\n            show: false,\r\n            lineStyle: {\r\n              color: \"#195384\",\r\n            },\r\n          },\r\n          data: [\r\n            \"0:00\",\r\n            \"3:00\",\r\n            \"6:00\",\r\n            \"9:00\",\r\n            \"12:00\",\r\n            \"15:00\",\r\n            \"18:00\",\r\n            \"21:00\",\r\n            \"24:00\",\r\n          ],\r\n          axisTick: {\r\n            show: false,\r\n          },\r\n        },\r\n        yAxis: [\r\n          {\r\n            type: \"value\",\r\n            name: \"单位：kw\",\r\n            min: 0,\r\n            max: 1000,\r\n            show: true,\r\n            splitLine: {\r\n              show: true,\r\n              lineStyle: {\r\n                type: \"dashed\",\r\n                // color: 'rgba(66, 192, 255, .3)',\r\n                color: \"rgba(102,102,102,0.6)\",\r\n                width: 1,\r\n              },\r\n            },\r\n            axisLabel: {\r\n              formatter: \"{value}\",\r\n              textStyle: {\r\n                color: \"#2ad1d2\",\r\n              },\r\n            },\r\n            axisLine: {\r\n              lineStyle: {\r\n                color: \"#27b4c2\",\r\n              },\r\n            },\r\n            axisTick: {\r\n              show: false,\r\n            },\r\n          },\r\n        ],\r\n        series: [\r\n          {\r\n            data: [720, 632, 801, 734, 470, 670, 720, 123, 567],\r\n            type: \"line\",\r\n            symbol: \"none\",\r\n            lineStyle: {\r\n              color: \"#00ffff\",\r\n              width: 2,\r\n            },\r\n            itemStyle: {\r\n              normal: {\r\n                color: \"00ffff\",\r\n                lineStyle: {\r\n                  color: \"00ffff\",\r\n                  width: 3,\r\n                  type: \"solid\",\r\n                },\r\n              },\r\n            },\r\n          },\r\n        ],\r\n      };\r\n      myChart.setOption(option);\r\n      window.addEventListener(\"resize\", () => {\r\n        myChart.resize();\r\n      });\r\n    },\r\n    detailedTwo11() {\r\n      var fontColor = \"#30eee9\";\r\n      var myChart = this.$echarts.init(document.getElementById(\"detailedTwo1\"));\r\n      var option = {\r\n        xAxis: {\r\n          type: \"category\",\r\n          boundaryGap: false,\r\n          axisLabel: {\r\n            color: fontColor,\r\n          },\r\n          axisLine: {\r\n            show: true,\r\n            lineStyle: {\r\n              color: \"#397cbc\",\r\n            },\r\n          },\r\n          axisTick: {\r\n            show: false,\r\n          },\r\n          splitLine: {\r\n            show: false,\r\n            lineStyle: {\r\n              color: \"#195384\",\r\n            },\r\n          },\r\n          data: [\r\n            \"0:00\",\r\n            \"3:00\",\r\n            \"6:00\",\r\n            \"9:00\",\r\n            \"12:00\",\r\n            \"15:00\",\r\n            \"18:00\",\r\n            \"21:00\",\r\n            \"24:00\",\r\n          ],\r\n          axisTick: {\r\n            show: false,\r\n          },\r\n        },\r\n        yAxis: [\r\n          {\r\n            type: \"value\",\r\n            name: \"单位：kw\",\r\n            min: 0,\r\n            max: 1000,\r\n            show: true,\r\n            splitLine: {\r\n              show: true,\r\n              lineStyle: {\r\n                type: \"dashed\",\r\n                // color: 'rgba(66, 192, 255, .3)',\r\n                color: \"rgba(102,102,102,0.6)\",\r\n                width: 1,\r\n              },\r\n            },\r\n            axisLabel: {\r\n              formatter: \"{value}\",\r\n              textStyle: {\r\n                color: \"#2ad1d2\",\r\n              },\r\n            },\r\n            axisLine: {\r\n              lineStyle: {\r\n                color: \"#27b4c2\",\r\n              },\r\n            },\r\n            axisTick: {\r\n              show: false,\r\n            },\r\n          },\r\n        ],\r\n        series: [\r\n          {\r\n            data: [720, 632, 801, 734, 470, 670, 720, 123, 567],\r\n            type: \"line\",\r\n            symbol: \"none\",\r\n            lineStyle: {\r\n              color: \"#00ffff\",\r\n              width: 2,\r\n            },\r\n            itemStyle: {\r\n              normal: {\r\n                color: \"00ffff\",\r\n                lineStyle: {\r\n                  color: \"00ffff\",\r\n                  width: 3,\r\n                  type: \"solid\",\r\n                },\r\n              },\r\n            },\r\n          },\r\n        ],\r\n      };\r\n      myChart.setOption(option);\r\n      window.addEventListener(\"resize\", () => {\r\n        myChart.resize();\r\n      });\r\n    },\r\n    horizontalChart() {\r\n      var myChart = this.$echarts.init(\r\n        document.getElementById(\"horizontalChart\")\r\n      );\r\n      var 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 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    barCharts() {\r\n      var myChart = this.$echarts.init(document.getElementById(\"barCharts\"));\r\n      let value = 18;\r\n      let legendName = [\"华北\", \"华中\", \"华东\", \"华南\", \"东北\", \"西北\"];\r\n      var option = {\r\n        // backgroundColor: '#031845',\r\n        // title:{\r\n        //     text:\"123\",\r\n        //     left:'center',\r\n        //     top:'45%',\r\n        //     textStyle:{\r\n        //         color:\"#FFF\",\r\n        //         fontSize:\"80px\",\r\n\r\n        //     }\r\n        // },\r\n        tooltip: {\r\n          trigger: \"item\",\r\n          formatter: \"{b} : {d}% <br/> {c}\",\r\n        },\r\n        //  graphic: {\r\n        //  elements: [\r\n        //         {\r\n        //          type: 'text',\r\n        //          left: 'center', // 相对父元素居中\r\n        //          top: 'center',  // 相对父元素上下的位置\r\n        //          style: {\r\n        //              fill: '#FFF',\r\n        //               text: ['357'],\r\n        //               zlevel:\"100\",\r\n        //               font: '80px Arial Normal',\r\n        //                  }\r\n        //         }]\r\n        //       },\r\n        //  title: {\r\n        //     text:'总考生数',\r\n        //     left:'center',\r\n        //     top:'center',\r\n        //     padding:[24,0],\r\n        //     textStyle:{\r\n        //         color:'#fff',\r\n        //         fontSize:18*scale,\r\n        //         align:'center'\r\n        //     }\r\n        // },\r\n        title: {\r\n          subtext: \"59.53万\",\r\n          text: \"总计\",\r\n          x: \"center\",\r\n          y: \"40%\",\r\n          textStyle: {\r\n            fontSize: 24,\r\n            fontWeight: \"normal\",\r\n            color: \"#00FFFF\",\r\n          },\r\n          subtextStyle: {\r\n            fontSize: 28,\r\n            fontWeight: \"normal\",\r\n            align: \"center\",\r\n            color: \"#CCCCCC\",\r\n          },\r\n        },\r\n        series: [\r\n          {\r\n            type: \"pie\",\r\n            radius: [\"80\", \"120\"],\r\n            center: [\"50%\", \"50%\"],\r\n            color: [\"#80C269\", \"#00FFFF\", \"#0090F1\", \"#FFA800\", \"#4658F6\"],\r\n            itemStyle: {\r\n              normal: {\r\n                borderWidth: 5,\r\n                borderColor: \"#031845\",\r\n              },\r\n            },\r\n            data: [\r\n              {\r\n                value: 27,\r\n                name: \"严重不满人员\",\r\n              },\r\n              {\r\n                value: 30,\r\n                name: \"关注群体\",\r\n              },\r\n              {\r\n                value: 24,\r\n                name: \"散居外国人\",\r\n              },\r\n              {\r\n                value: 27,\r\n                name: \"上访重点人\",\r\n              },\r\n              {\r\n                value: 27,\r\n                name: \"重点精神病\",\r\n              },\r\n            ],\r\n            labelLine: {\r\n              normal: {\r\n                show: true,\r\n                length: 50,\r\n                length2: 50,\r\n                lineStyle: {\r\n                  color: \"#CCCCCC\",\r\n                  width: 2,\r\n                },\r\n              },\r\n            },\r\n            label: {\r\n              normal: {\r\n                formatter: \"{b|{b}}\\n{hr|}\\n{c|{c}%}\",\r\n                rich: {\r\n                  b: {\r\n                    fontSize: 14,\r\n                    color: \"#FFF\",\r\n                    align: \"left\",\r\n                    padding: 4,\r\n                  },\r\n                  hr: {\r\n                    borderColor: \"#CCCCCC\",\r\n                    width: \"100%\",\r\n                    borderWidth: 2,\r\n                    height: 0,\r\n                  },\r\n                  c: {\r\n                    fontSize: 14,\r\n                    align: \"center\",\r\n                    padding: 4,\r\n                    color: \"#00EDED\",\r\n                  },\r\n                },\r\n              },\r\n            },\r\n          },\r\n        ],\r\n      };\r\n      myChart.setOption(option);\r\n      window.addEventListener(\"resize\", () => {\r\n        myChart.resize();\r\n      });\r\n    },\r\n    roseCharts() {\r\n      var myChart = this.$echarts.init(document.getElementById(\"roseCharts\"));\r\n      var option = {\r\n        color: [\r\n          \"#EAEA26\",\r\n          \"#906BF9\",\r\n          \"#FE5656\",\r\n          \"#01E17E\",\r\n          \"#3DD1F9\",\r\n          \"#FFAD05\",\r\n        ],\r\n        // title: {\r\n        //     text: '网络/安全设备',\r\n        //     left: '60',\r\n        //     top: 0,\r\n        //     textAlign: 'center',\r\n        //     textStyle: {\r\n        //         color: '#fff',\r\n        //         fontSize: 14,\r\n        //         fontWeight: 0\r\n        //     }\r\n        // },\r\n        grid: {\r\n          left: -100,\r\n          top: 50,\r\n          bottom: 10,\r\n          right: 10,\r\n          containLabel: true,\r\n        },\r\n        tooltip: {\r\n          trigger: \"item\",\r\n          formatter: \"{b} : {c} ({d}%)\",\r\n        },\r\n        legend: {\r\n          type: \"scroll\",\r\n          orient: \"vartical\",\r\n          // x: \"right\",\r\n          top: \"center\",\r\n          right: \"15\",\r\n          // bottom: \"0%\",\r\n          itemWidth: 16,\r\n          itemHeight: 8,\r\n          itemGap: 16,\r\n          textStyle: {\r\n            color: \"#A3E2F4\",\r\n            fontSize: 12,\r\n            fontWeight: 0,\r\n          },\r\n          data: [\"IDS\", \"VPN\", \"交换机\", \"防火墙\", \"WAF\", \"堡垒机\"],\r\n        },\r\n        polar: {},\r\n        angleAxis: {\r\n          interval: 1,\r\n          type: \"category\",\r\n          data: [],\r\n          z: 10,\r\n          axisLine: {\r\n            show: false,\r\n            lineStyle: {\r\n              color: \"#0B4A6B\",\r\n              width: 1,\r\n              type: \"solid\",\r\n            },\r\n          },\r\n          axisLabel: {\r\n            interval: 0,\r\n            show: true,\r\n            color: \"#0B4A6B\",\r\n            margin: 8,\r\n            fontSize: 16,\r\n          },\r\n        },\r\n        radiusAxis: {\r\n          min: 40,\r\n          max: 120,\r\n          interval: 20,\r\n          axisLine: {\r\n            show: false,\r\n            lineStyle: {\r\n              color: \"#0B3E5E\",\r\n              width: 1,\r\n              type: \"solid\",\r\n            },\r\n          },\r\n          axisLabel: {\r\n            formatter: \"{value} %\",\r\n            show: false,\r\n            padding: [0, 0, 20, 0],\r\n            color: \"#0B3E5E\",\r\n            fontSize: 16,\r\n          },\r\n          splitLine: {\r\n            lineStyle: {\r\n              color: \"#0B3E5E\",\r\n              width: 2,\r\n              type: \"solid\",\r\n            },\r\n          },\r\n        },\r\n        calculable: true,\r\n        series: [\r\n          {\r\n            type: \"pie\",\r\n            radius: [\"5%\", \"10%\"],\r\n            hoverAnimation: false,\r\n            labelLine: {\r\n              normal: {\r\n                show: false,\r\n                length: 30,\r\n                length2: 55,\r\n              },\r\n              emphasis: {\r\n                show: false,\r\n              },\r\n            },\r\n            data: [\r\n              {\r\n                name: \"\",\r\n                value: 0,\r\n                itemStyle: {\r\n                  normal: {\r\n                    color: \"#0B4A6B\",\r\n                  },\r\n                },\r\n              },\r\n            ],\r\n          },\r\n          {\r\n            type: \"pie\",\r\n            radius: [\"90%\", \"95%\"],\r\n            hoverAnimation: false,\r\n            labelLine: {\r\n              normal: {\r\n                show: false,\r\n                length: 30,\r\n                length2: 55,\r\n              },\r\n              emphasis: {\r\n                show: false,\r\n              },\r\n            },\r\n            name: \"\",\r\n            data: [\r\n              {\r\n                name: \"\",\r\n                value: 0,\r\n                itemStyle: {\r\n                  normal: {\r\n                    color: \"#0B4A6B\",\r\n                  },\r\n                },\r\n              },\r\n            ],\r\n          },\r\n          {\r\n            stack: \"a\",\r\n            type: \"pie\",\r\n            radius: [\"20%\", \"80%\"],\r\n            roseType: \"area\",\r\n            zlevel: 10,\r\n            label: {\r\n              normal: {\r\n                show: true,\r\n                formatter: \"{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    detailedThree(dataList) {\r\n      // console.log(this.threeImg,'图片');\r\n      // var equipment = [dataList.yjlts, dataList.yjlyj];\r\n      var that = this;\r\n      // console.log(that,'指向');\r\n      var colorList = [\r\n        \"#0090ff\",\r\n        \"#06d3c4\",\r\n        \"#66b0ed\",\r\n        \"#7cb79d\",\r\n        \"#2361b4\",\r\n        \"rgb(198,123,244)\",\r\n      ];\r\n      var colorList1 = [\"rgb(198,123,244)\", \"#2361b4\"];\r\n      // 饼图数据\r\n      var threeList = dataList.map((ele) => {\r\n        return { name: ele.gd_type_name, value: ele.total };\r\n      });\r\n      // console.log(threeList, \"饼图数据\");\r\n      // var legendData = dataList.concat(\r\n      //   {\r\n      //     value: equipment[0],\r\n      //     name: \"运检类投诉\",\r\n      //   },\r\n      //   {\r\n      //     value: equipment[1],\r\n      //     name: \"运检类意见\",\r\n      //   }\r\n      // );\r\n      this.myChartBin = this.$echarts.init(\r\n        document.getElementById(\"detailedThree\")\r\n      );\r\n      // var graphicList = [];\r\n      // legendData.forEach((ele, index) => {\r\n      //   if (index <= 2) {\r\n      //     graphicList.push({\r\n      //       type: \"image\",\r\n      //       style: {\r\n      //         image: this.threeImg,\r\n      //         width: 164,\r\n      //         height: 41,\r\n      //         x: 250,\r\n      //         y: 55 * (index + 1),\r\n      //       },\r\n      //     });\r\n      //   } else {\r\n      //     graphicList.push({\r\n      //       type: \"image\",\r\n      //       style: {\r\n      //         image: this.threeImg,\r\n      //         width: 164,\r\n      //         height: 41,\r\n      //         x: 424,\r\n      //         y: 55 * (index - 2),\r\n      //       },\r\n      //     });\r\n      //   }\r\n      // });\r\n      this.option = {\r\n        borderColor: \"none\",\r\n\r\n        tooltip: {\r\n          formatter: function (param) {\r\n            if (param.data.type == null) {\r\n              return param.data.name + \":\" + param.value + \"个\";\r\n            } else {\r\n              return param.data.name + \":\" + param.value + \"个\";\r\n            }\r\n          },\r\n        },\r\n\r\n        legend: {\r\n          icon: \"pin\",\r\n          // height: 90,\r\n          top: 20,\r\n          show: false,\r\n          // bottom:0,\r\n          // itemGap: 40,\r\n          // lineHeight: 80,\r\n          //  padding: [30, 0, 30, 0],\r\n          // right: '20%',\r\n          // orient: \"vertical\", //垂直显示\r\n          x: \"center\", //延Y轴居中\r\n          data: dataList.map((ele) => {\r\n            return ele.gd_type_name;\r\n          }),\r\n          textStyle: {\r\n            color: \"#ffffff\",\r\n            fontSize: 15,\r\n\r\n            // width:20,\r\n            // height:60,\r\n          },\r\n        },\r\n        series: [\r\n          {\r\n            name: \"\",\r\n            type: \"pie\",\r\n            radius: [0, \"70%\"],\r\n            center: [\"50%\", \"50%\"],\r\n            startAngle: 60, //默认角度\r\n            label: {\r\n              position: \"inner\",\r\n              show: false,\r\n            },\r\n\r\n            itemStyle: {\r\n              normal: {\r\n                borderColor: \"none\",\r\n                borderWidth: 2,\r\n                fontSize: 16,\r\n                color: function (params) {\r\n                  return colorList[params.dataIndex];\r\n                },\r\n              },\r\n            },\r\n\r\n            selectedMode: \"single\",\r\n            data: threeList,\r\n          },\r\n          // {\r\n          //   name: \"运检类\",\r\n          //   type: \"pie\",\r\n          //   radius: [\"70%\", \"80%\"],\r\n          //   center: [\"20%\", \"50%\"],\r\n          //   startAngle: 30,\r\n          //   itemStyle: {\r\n          //     normal: {\r\n          //       fontSize: 16,\r\n          //       color: function (params) {\r\n          //         return colorList1[params.dataIndex];\r\n          //       },\r\n          //       // color:'#F4C907',\r\n          //     },\r\n          //   },\r\n          //   label: {\r\n          //     normal: {\r\n          //       formatter: function (params) {\r\n          //         return params.data.name + \":\" + params.data.type + \"个\";\r\n          //       },\r\n          //       color: \"auto\",\r\n          //       show: false,\r\n          //       fontSize: 16,\r\n          //     },\r\n          //   },\r\n\r\n          //   data: [\r\n          //     {\r\n          //       value: equipment[0],\r\n          //       name: \"运检类投诉\",\r\n          //       type: equipment[0],\r\n          //     },\r\n          //     {\r\n          //       value: equipment[1],\r\n          //       name: \"运检类意见\",\r\n          //       type: equipment[1],\r\n          //     },\r\n          //   ],\r\n          //   animation: false,\r\n          // },\r\n        ],\r\n      };\r\n      this.myChartBin.setOption(this.option);\r\n      window.addEventListener(\"resize\", () => {\r\n        this.myChartBin.resize();\r\n      });\r\n    },\r\n    doing() {\r\n      this.option.series[0].startAngle = this.option.series[0].startAngle - 5;\r\n      this.option.series[1].startAngle = this.option.series[1].startAngle - 5;\r\n      this.myChartBin.setOption(this.option);\r\n    },\r\n    detailedFour(dataList) {\r\n      let yearBzData = [];\r\n      let yearChcg = [];\r\n      let yearChbc = [];\r\n      let yearWchz = [];\r\n      let yearJieDi = [];\r\n      let yearFenJi = [];\r\n      for (let i = 0; i < dataList.length; i++) {\r\n        yearBzData.push(dataList[i].bz);\r\n        yearChcg.push(dataList[i].chcg);\r\n        yearChbc.push(dataList[i].chbc);\r\n        yearWchz.push(dataList[i].wchz);\r\n        yearJieDi.push(dataList[i].jd);\r\n        yearFenJi.push(dataList[i].fjbh);\r\n      }\r\n      // console.log(yearJieDi,'接地数据');\r\n      let that = this;\r\n      let myChart = this.$echarts.init(document.getElementById(\"detailedFour\"));\r\n      var option = {\r\n        tooltip: {\r\n          axisPointer: {\r\n            type: \"shadow\",\r\n            textStyle: {\r\n              color: \"#fff\",\r\n              fontSize: 16,\r\n            },\r\n          },\r\n        },\r\n        grid: {\r\n          borderWidth: 0,\r\n          top: 30,\r\n          bottom: \"17%\",\r\n          left: \"6%\",\r\n          right: \"6%\",\r\n          textStyle: {\r\n            color: \"#fff\",\r\n          },\r\n        },\r\n        legend: {\r\n          icon: \"rect\",\r\n          right: \"4%\",\r\n          textStyle: {\r\n            color: \"#ffffff\",\r\n          },\r\n          data: [\"重合成功\", \"重合不成\", \"无重合闸\", \"接地\", \"分级保护\"],\r\n        },\r\n        calculable: true,\r\n        xAxis: [\r\n          {\r\n            type: \"category\",\r\n            trigger: \"axis\",\r\n            axisLine: {\r\n              show: false,\r\n              lineStyle: {\r\n                color: \"#fff\",\r\n                fontSize: 16,\r\n              },\r\n            },\r\n            splitLine: {\r\n              show: false,\r\n            },\r\n            axisTick: {\r\n              show: false,\r\n            },\r\n            splitArea: {\r\n              show: false,\r\n            },\r\n            axisLabel: {\r\n              interval: 0,\r\n              fontSize: 14,\r\n              rotate: 30,\r\n            },\r\n            data: yearBzData,\r\n          },\r\n        ],\r\n        yAxis: [\r\n          {\r\n            type: \"value\",\r\n            splitLine: {\r\n              show: true,\r\n              lineStyle: {\r\n                color: \"rgb(83,83,83)\",\r\n                fontSize: 16,\r\n              },\r\n            },\r\n            axisLine: {\r\n              lineStyle: {\r\n                color: \"#fff\",\r\n                fontSize: 16,\r\n              },\r\n            },\r\n            axisTick: {\r\n              show: false,\r\n            },\r\n            axisLabel: {\r\n              interval: 0,\r\n            },\r\n            splitArea: {\r\n              show: false,\r\n            },\r\n          },\r\n        ],\r\n        series: [\r\n          {\r\n            name: \"重合成功\",\r\n            type: \"bar\",\r\n            stack: \"Total1\",\r\n            barMaxWidth: 15,\r\n            barGap: \"10%\",\r\n            label: {\r\n              show: true,\r\n              formatter: function (params) {\r\n                if (params.value == 0) {\r\n                  return \"\";\r\n                } else {\r\n                  return params.value;\r\n                }\r\n              },\r\n            },\r\n            itemStyle: {\r\n              normal: {\r\n                color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n                  {\r\n                    offset: 0,\r\n                    color: \"rgba(194,190,190,1)\",\r\n                  },\r\n                  {\r\n                    offset: 1,\r\n                    color: \"rgba(194,190,190,0)\",\r\n                  },\r\n                ]),\r\n                borderColor: new that.$echarts.graphic.LinearGradient(\r\n                  0,\r\n                  0,\r\n                  0,\r\n                  1,\r\n                  [\r\n                    {\r\n                      offset: 0,\r\n                      color: \"rgba(194,190,190,1)\",\r\n                    },\r\n                    {\r\n                      offset: 1,\r\n                      color: \"rgba(194,190,190,0)\",\r\n                    },\r\n                  ]\r\n                ),\r\n              },\r\n            },\r\n            data: yearChcg,\r\n          },\r\n          {\r\n            name: \"重合不成\",\r\n            type: \"bar\",\r\n            barMaxWidth: 15,\r\n            stack: \"Total1\",\r\n            label: {\r\n              show: true,\r\n              formatter: function (params) {\r\n                if (params.value == 0) {\r\n                  return \"\";\r\n                } else {\r\n                  return params.value;\r\n                }\r\n              },\r\n            },\r\n            itemStyle: {\r\n              normal: {\r\n                color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n                  {\r\n                    offset: 0,\r\n                    color: \"rgba(86,254,226,1)\",\r\n                  },\r\n                  {\r\n                    offset: 1,\r\n                    color: \"rgba(86,254,226,0)\",\r\n                  },\r\n                ]),\r\n                borderColor: new that.$echarts.graphic.LinearGradient(\r\n                  0,\r\n                  0,\r\n                  0,\r\n                  1,\r\n                  [\r\n                    {\r\n                      offset: 0,\r\n                      color: \"rgba(86,254,226,1)\",\r\n                    },\r\n                    {\r\n                      offset: 1,\r\n                      color: \"rgba(86,254,226,0)\",\r\n                    },\r\n                  ]\r\n                ),\r\n              },\r\n            },\r\n            data: yearChbc,\r\n          },\r\n          {\r\n            name: \"无重合闸\",\r\n            type: \"bar\",\r\n            barMaxWidth: 15,\r\n            stack: \"Total1\",\r\n            label: {\r\n              show: true,\r\n              formatter: function (params) {\r\n                if (params.value == 0) {\r\n                  return \"\";\r\n                } else {\r\n                  return params.value;\r\n                }\r\n              },\r\n            },\r\n            itemStyle: {\r\n              normal: {\r\n                color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n                  {\r\n                    offset: 0,\r\n                    color: \"rgba(237,125,49,1)\",\r\n                  },\r\n                  {\r\n                    offset: 1,\r\n                    color: \"rgba(237,125,49,0)\",\r\n                  },\r\n                ]),\r\n                borderColor: new that.$echarts.graphic.LinearGradient(\r\n                  0,\r\n                  0,\r\n                  0,\r\n                  1,\r\n                  [\r\n                    {\r\n                      offset: 0,\r\n                      color: \"rgba(237,125,49,1)\",\r\n                    },\r\n                    {\r\n                      offset: 1,\r\n                      color: \"rgba(237,125,49,0)\",\r\n                    },\r\n                  ]\r\n                ),\r\n                barBorderRadius: 0,\r\n              },\r\n            },\r\n            data: yearWchz,\r\n          },\r\n          {\r\n            name: \"接地\",\r\n            type: \"bar\",\r\n            barMaxWidth: 15,\r\n            stack: \"Total1\",\r\n            label: {\r\n              show: true,\r\n              formatter: function (params) {\r\n                if (params.value == 0) {\r\n                  return \"\";\r\n                } else {\r\n                  return params.value;\r\n                }\r\n              },\r\n            },\r\n            itemStyle: {\r\n              normal: {\r\n                color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n                  {\r\n                    offset: 0,\r\n                    color: \"rgba(35,160,247,1)\",\r\n                  },\r\n                  {\r\n                    offset: 1,\r\n                    color: \"rgba(35,160,247,0)\",\r\n                  },\r\n                ]),\r\n                borderColor: new that.$echarts.graphic.LinearGradient(\r\n                  0,\r\n                  0,\r\n                  0,\r\n                  1,\r\n                  [\r\n                    {\r\n                      offset: 0,\r\n                      color: \"rgba(35,160,247,1)\",\r\n                    },\r\n                    {\r\n                      offset: 1,\r\n                      color: \"rgba(35,160,247,0)\",\r\n                    },\r\n                  ]\r\n                ),\r\n                barBorderRadius: 0,\r\n              },\r\n            },\r\n            data: yearJieDi,\r\n          },\r\n          {\r\n            name: \"分级保护\",\r\n            type: \"bar\",\r\n            barMaxWidth: 15,\r\n            stack: \"Total1\",\r\n            label: {\r\n              show: true,\r\n              formatter: function (params) {\r\n                if (params.value == 0) {\r\n                  return \"\";\r\n                } else {\r\n                  return params.value;\r\n                }\r\n              },\r\n            },\r\n            itemStyle: {\r\n              normal: {\r\n                color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n                  {\r\n                    offset: 0,\r\n                    color: \"rgba(156,73,200,1)\",\r\n                  },\r\n                  {\r\n                    offset: 1,\r\n                    color: \"rgba(156,73,200,0)\",\r\n                  },\r\n                ]),\r\n                borderColor: new that.$echarts.graphic.LinearGradient(\r\n                  0,\r\n                  0,\r\n                  0,\r\n                  1,\r\n                  [\r\n                    {\r\n                      offset: 0,\r\n                      color: \"rgba(156,73,200,1)\",\r\n                    },\r\n                    {\r\n                      offset: 1,\r\n                      color: \"rgba(156,73,200,0)\",\r\n                    },\r\n                  ]\r\n                ),\r\n                barBorderRadius: 0,\r\n              },\r\n            },\r\n            data: yearFenJi,\r\n          },\r\n        ],\r\n      };\r\n      myChart.setOption(option);\r\n      window.addEventListener(\"resize\", () => {\r\n        myChart.resize();\r\n      });\r\n    },\r\n    detailedFive() {\r\n      let myChart = this.$echarts.init(document.getElementById(\"detailedFive\"));\r\n      var option = {\r\n        tooltip: {\r\n          trigger: \"axis\",\r\n          axisPointer: {\r\n            type: \"shadow\",\r\n          },\r\n        },\r\n        // 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    enlargeBtn(index) {\r\n      let that = this;\r\n      this.pageShow = false;\r\n      if (index == 0) {\r\n        //   let endDate = this.$moment(new Date())\r\n        //   .format(\"YYYY-MM-DD hh:mm:ss\");\r\n        // let startDate =  this.$moment(new Date()).subtract(1,'h').format('YYYY-MM-DD hh:mm:ss')\r\n        //   this.page = 1;\r\n        //   let cabData = {\r\n        //     token: localStorage.getItem(\"token\"),\r\n        //     pageSize: this.pageSize,\r\n        //     page: this.page,\r\n        //     sn: \"\",\r\n        //     startDate: startDate,\r\n        //     endDate: endDate,\r\n        //   };\r\n        //   getCabinetAlarmList(cabData).then((res) => {\r\n        //     if (res.data.data.data != null) {\r\n        //       this.totals = res.data.data.total;\r\n        //       this.alarmInformationData = res.data.data.data;\r\n        //     }\r\n        //   });\r\n        this.$refs.audio.currentTime = 0; //从头开始播放提示音\r\n        this.$nextTick(() => {\r\n          this.$refs.audio.play();\r\n        });\r\n        this.alarmInformationShow = true;\r\n        this.$nextTick(() => {\r\n          this.pageShow = true;\r\n        });\r\n        this.realTimeAlarmShow = false;\r\n        this.handleCurrentChange(1);\r\n      } else if (index == 1) {\r\n        this.enlargeShow = false;\r\n        // this.$refs.iframe.contentWindow.fullscreen(1);\r\n        document.getElementById(\"left\").style.display = \"none\";\r\n        document.getElementById(\"right\").style.display = \"none\";\r\n        // document.getElementById(\"middle\").style.width = \"100%\";\r\n        // document.getElementById(\"middle\").style.height = \"100%\";\r\n        document.getElementById(\"detailed\").style.display = \"none\";\r\n        document.getElementById(\"threeModel\").style.height = \"100%\";\r\n        document.getElementById(\"threeModel\").style.width = \"100%\";\r\n      }\r\n    },\r\n    //报警详情信息弹窗\r\n    enlargeBtn1(index) {\r\n      this.pageShow = false;\r\n      if (index == 0) {\r\n        // this.$refs.audio.currentTime = 0; //从头开始播放提示音\r\n        // this.$refs.audio.play();\r\n        // this.alarmInformationShow = true;\r\n        // this.realTimeAlarmShow = false;\r\n        this.$refs.audio.currentTime = 0; //从头开始播放提示音\r\n        this.$nextTick(() => {\r\n          this.$refs.audio.play();\r\n        });\r\n        this.alarmInformationShow = true;\r\n        this.$nextTick(() => {\r\n          this.pageShow = true;\r\n        });\r\n        this.realTimeAlarmShow = false;\r\n        this.handleCurrentChange(1);\r\n      } else if (index == 1) {\r\n        this.enlargeShow = true;\r\n        // this.$refs.iframe.contentWindow.fullscreen(1);\r\n        document.getElementById(\"left\").style.display = \"flex\";\r\n        document.getElementById(\"left\").style.width = \"17.18%\";\r\n        document.getElementById(\"right\").style.display = \"flex\";\r\n        document.getElementById(\"right\").style.width = \"17.18%\";\r\n        // document.getElementById(\"middle\").style.width = \"55.7%\";\r\n        // document.getElementById(\"middle\").style.height = \"100%\";\r\n        document.getElementById(\"detailed\").style.display = \"flex\";\r\n        document.getElementById(\"detailed\").style.height = \"350px\";\r\n      }\r\n    },\r\n    handleClose() {\r\n      this.alarmInformationShow = false;\r\n      this.$refs.audio.pause();\r\n      this.page = 1;\r\n      this.totals = 0;\r\n    },\r\n    handleDate(index) {\r\n      this.currentIndex = index;\r\n      // if (index == 0) {\r\n      //周配变停运\r\n      getPbtyqk({\r\n        action: index == 0 ? \"week\" : \"month\",\r\n      }).then((res) => {\r\n        let dataPbty = [];\r\n        dataPbty = res.data.data;\r\n        this.detailedFive(dataPbty);\r\n        let dataPb = [];\r\n        let dataCf = [];\r\n        for (let i = 0; i < dataPbty.length; i++) {\r\n          dataPb.push(dataPbty[i].pbsl);\r\n          dataCf.push(dataPbty[i].cftytc);\r\n        }\r\n        this.topContent[0].count = dataPb.reduce((x, y) => x + y);\r\n        this.topContent[1].count = dataCf.reduce((x, y) => x + y);\r\n        let pbCount =\r\n          (this.topContent[1].count / this.topContent[0].count) * 100;\r\n        let pbCountString = pbCount.toString();\r\n        if (pbCountString.indexOf(\".\") != -1) {\r\n          this.topContent[2].count =\r\n            pbCountString.substring(0, pbCountString.indexOf(\".\") + 3) + \"%\";\r\n        } else {\r\n          this.topContent[2].count = pbCountString + \"%\";\r\n        }\r\n      });\r\n      // }else if (index == 1) {\r\n      //   //月配变停运\r\n      //   getPbtyqk({\r\n      //     action:\"month\"\r\n      //   }).then((res)=>{\r\n      //     let dataPbty = [];\r\n      //     dataPbty = res.data.data\r\n      //     this.detailedFive(dataPbty);\r\n      //     let dataPb = [];\r\n      //     let dataCf = [];\r\n      //     for (let i = 0; i < dataPbty.length; i++) {\r\n      //       dataPb.push(dataPbty[i].pbsl);\r\n      //       dataCf.push(dataPbty[i].cftytc);\r\n      //     }\r\n      //     this.topContent[0].count = dataPb.reduce((x, y) => x + y)\r\n      //     this.topContent[1].count = dataCf.reduce((x, y) => x + y)\r\n      //      let pbCount =  (this.topContent[1].count/this.topContent[0].count)*100\r\n      //     let pbCountString = pbCount.toString()\r\n      //     if (pbCountString.indexOf(\".\") != -1) {\r\n      //       this.topContent[2].count =  pbCountString.substring(0,pbCountString.indexOf(\".\")+3) + '%'\r\n      //     }else{\r\n      //     this.topContent[2].count = pbCountString +'%'\r\n      //     }\r\n      //   })\r\n      // }\r\n    },\r\n    addColor(index) {\r\n      if (this.currentIndex == index) {\r\n        return { active: this.acolor };\r\n      }\r\n    },\r\n  },\r\n  watch: {\r\n    //监听内容\r\n    value(newVal, oldVal) {\r\n      if (newVal != oldVal && newVal != \"\") {\r\n        this.selectLine(newVal);\r\n      } else if (newVal == \"\") {\r\n        this.selectLine(\"\");\r\n        this.value = \"\";\r\n      }\r\n    },\r\n    rowTime: {\r\n      deep: true,\r\n      handler(newVal, oldVal) {\r\n        console.log(newVal, oldVal, \"pppppppppppppppp\");\r\n        if (newVal != oldVal && newVal != \"\" && oldVal != \"\") {\r\n          this.enlargeBtn(0);\r\n        }\r\n      },\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style lang=\"less\" scoped>\r\n.content3 {\r\n  /deep/ .el-table__body td .cell {\r\n    white-space: normal !important;\r\n  }\r\n}\r\n\r\n.two {\r\n  /deep/ .el-table__body-wrapper {\r\n    height: 195px !important;\r\n  }\r\n}\r\n\r\n// 滚动条的宽度\r\n/deep/ .el-table__body-wrapper::-webkit-scrollbar {\r\n  width: 6px; // 横向滚动条\r\n  height: 6px; // 纵向滚动条 必写\r\n  // display: block !important;\r\n}\r\n\r\n// 滚动条的滑块\r\n/deep/ .el-table__body-wrapper::-webkit-scrollbar-thumb {\r\n  background-color: rgba(35, 160, 247, 1);\r\n  border-radius: 3px;\r\n}\r\n\r\n/deep/ .el-table--scrollable-x .el-table__body-wrapper {\r\n  overflow-x: hidden;\r\n}\r\n\r\n.user_skills {\r\n  /deep/ .el-table {\r\n    background-color: transparent !important;\r\n  }\r\n\r\n  /deep/ .el-table th {\r\n    background-color: transparent !important;\r\n  }\r\n\r\n  /deep/ .el-table__header {\r\n    width: 100% !important;\r\n    height: 70px;\r\n    background: url(\"../assets/images/tableBg.png\") no-repeat;\r\n    background-size: 100% 100%;\r\n\r\n    .cell {\r\n      text-align: center !important;\r\n      justify-content: center;\r\n    }\r\n  }\r\n\r\n  /deep/ .el-table__header th {\r\n    border: none;\r\n    padding: 0;\r\n    height: 48px;\r\n\r\n    .cell {\r\n      height: 100%;\r\n      display: flex;\r\n      align-items: center;\r\n    }\r\n\r\n    &.el-table__cell.is-leaf {\r\n      border: none !important;\r\n    }\r\n  }\r\n\r\n  /deep/ .el-table tr {\r\n    background-color: transparent;\r\n  }\r\n\r\n  /deep/ .el-table--enable-row-transition .el-table__body td,\r\n  .el-table .cell {\r\n    background-color: transparent !important;\r\n    border: none;\r\n    color: #ffffff;\r\n  }\r\n\r\n  /deep/ .el-table__body td .cell {\r\n    white-space: nowrap;\r\n    // word-break: break-all;\r\n    display: flex !important;\r\n    justify-content: center !important;\r\n  }\r\n\r\n  /deep/ .el-table th.el-table__cell > .cell {\r\n    color: rgb(86, 254, 226);\r\n  }\r\n\r\n  /deep/.el-table__body,\r\n  .el-table__footer,\r\n  .el-table__header {\r\n    width: 100% !important;\r\n  }\r\n\r\n  /deep/ .el-table__body td .cell {\r\n    // width: 60px !important;\r\n  }\r\n\r\n  // &::before {\r\n  //   //去除底部白线\r\n  //   left: 0;\r\n  //   bottom: 0;\r\n  //   width: 100%;\r\n  //   height: 0px;\r\n  // }\r\n  .el-table::before {\r\n    background-color: transparent;\r\n  }\r\n}\r\n\r\n.home {\r\n  width: 100%;\r\n  height: 100%;\r\n  padding: 15px 28px;\r\n  display: flex;\r\n  flex-flow: row nowrap;\r\n  justify-content: space-between;\r\n  box-sizing: border-box;\r\n\r\n  .left {\r\n    // width: 604px;\r\n    width: 17.18%;\r\n    height: 100%;\r\n    display: flex;\r\n    flex-flow: column nowrap;\r\n    justify-content: space-between;\r\n\r\n    & > div {\r\n      width: 100%;\r\n      background: url(\"../assets/indexN/boxLr.png\") no-repeat;\r\n      background-size: 100% 100%;\r\n      position: relative;\r\n\r\n      .cartitle {\r\n        height: 52px;\r\n        width: 100%;\r\n        // background: url(\"../assets/images/carTitle.png\") no-repeat;\r\n        font-size: 21px;\r\n        font-weight: 600;\r\n        color: #ffffff;\r\n        line-height: 52px;\r\n        // text-align: left;\r\n        text-indent: 26px;\r\n      }\r\n\r\n      .content3 {\r\n        padding: 24px 31px 0 31px;\r\n        box-sizing: border-box;\r\n        display: flex;\r\n        flex-flow: row nowrap;\r\n        justify-content: space-between;\r\n\r\n        .line3 {\r\n          width: 30%;\r\n          //   display: flex;\r\n          flex-flow: column nowrap;\r\n\r\n          .total {\r\n            // display: flex;\r\n            flex-flow: row nowrap;\r\n            justify-content: space-around;\r\n            // margin-bottom: 15%;\r\n            margin-bottom: 1%;\r\n            height: 100%;\r\n            .num {\r\n              display: flex;\r\n              flex-flow: column nowrap;\r\n              justify-content: center;\r\n              align-items: center;\r\n              color: #ffffff;\r\n              width: 100%;\r\n\r\n              .num1 {\r\n                background: url(\"../assets/indexN/zsjbtk.png\") no-repeat;\r\n                width: 100%;\r\n                height: 100%;\r\n                background-size: 100%;\r\n                line-height: 250%;\r\n                text-align: center;\r\n              }\r\n              .numText {\r\n                color: #ffffff;\r\n                background: url(\"../assets/indexN/main.png\") no-repeat;\r\n                background-size: 100%;\r\n                width: 100%;\r\n                height: 74px;\r\n              }\r\n\r\n              .numText:before {\r\n                content: attr(text);\r\n                position: absolute;\r\n                z-index: 10;\r\n                color: rgb(254, 209, 86) !important;\r\n                -webkit-mask: linear-gradient(\r\n                  to top,\r\n                  rgb(254, 162, 86),\r\n                  transparent\r\n                );\r\n              }\r\n            }\r\n          }\r\n\r\n          .info {\r\n            display: flex;\r\n            flex-flow: column nowrap;\r\n\r\n            .lists {\r\n              width: 100%;\r\n              height: 32px;\r\n              background: url(\"../assets/images/cardSquare.png\") no-repeat;\r\n              display: flex;\r\n              flex-flow: row nowrap;\r\n              justify-content: space-between;\r\n              align-items: center;\r\n              background-size: 100% 100%;\r\n              margin-bottom: 9%;\r\n              padding: 0 10px 0 0;\r\n              box-sizing: border-box;\r\n\r\n              & > div {\r\n                font-size: 18px;\r\n                color: #ffffff;\r\n              }\r\n\r\n              .number {\r\n                color: rgb(86, 254, 226);\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n\r\n      #detailedTwo1 {\r\n        //   width: 100%;\r\n        //   height: calc(100% - 52px);\r\n        width: 100%;\r\n        height: calc(100% - 200px);\r\n      }\r\n\r\n      #horizontalChart {\r\n        //   width: 100%;\r\n        //   height: calc(100% - 52px);\r\n        width: 100%;\r\n        height: calc(100% - 150px);\r\n      }\r\n\r\n      #barCharts {\r\n        //   width: 100%;\r\n        //   height: calc(100% - 52px);\r\n        width: 60%;\r\n        height: calc(100% - 200px);\r\n        position: absolute;\r\n        top: 28%;\r\n        left: 33%;\r\n      }\r\n    }\r\n  }\r\n\r\n  .left1 {\r\n    // width: 604px;\r\n    width: 17.18%;\r\n    height: 100%;\r\n    display: flex;\r\n    flex-flow: column nowrap;\r\n    justify-content: space-between;\r\n\r\n    & > div {\r\n      width: 100%;\r\n      background: url(\"../assets/indexN/boxLr.png\") no-repeat;\r\n      background-size: 100% 100%;\r\n\r\n      .cartitle {\r\n        height: 52px;\r\n        width: 100%;\r\n        // background: url(\"../assets/images/carTitle.png\") no-repeat;\r\n        font-size: 21px;\r\n        font-weight: 600;\r\n        color: #ffffff;\r\n        line-height: 52px;\r\n        // text-align: left;\r\n        text-indent: 26px;\r\n      }\r\n\r\n      .content3 {\r\n        padding: 24px 31px 0 31px;\r\n        box-sizing: border-box;\r\n        display: flex;\r\n        flex-flow: row nowrap;\r\n        justify-content: space-between;\r\n\r\n        .line3 {\r\n          width: 30%;\r\n          display: flex;\r\n          flex-flow: column nowrap;\r\n\r\n          .total {\r\n            display: flex;\r\n            flex-flow: row nowrap;\r\n            justify-content: space-around;\r\n            margin-bottom: 1%;\r\n            height: 100%;\r\n            .num {\r\n              display: flex;\r\n              flex-flow: column nowrap;\r\n              justify-content: center;\r\n              align-items: center;\r\n              color: #ffffff;\r\n              width: 100%;\r\n\r\n              .num1 {\r\n                background: url(\"../assets/indexN/zsjbtk.png\") no-repeat;\r\n                width: 100%;\r\n                //   height: 100%;\r\n                background-size: 100%;\r\n                line-height: 250%;\r\n                text-align: center;\r\n              }\r\n              .numText {\r\n                color: #ffffff;\r\n                background: url(\"../assets/indexN/main.png\") no-repeat;\r\n                background-size: 100%;\r\n                width: 100%;\r\n                height: 74px;\r\n              }\r\n\r\n              .numText:before {\r\n                content: attr(text);\r\n                position: absolute;\r\n                z-index: 10;\r\n                color: rgb(254, 209, 86) !important;\r\n                -webkit-mask: linear-gradient(\r\n                  to top,\r\n                  rgb(254, 162, 86),\r\n                  transparent\r\n                );\r\n              }\r\n            }\r\n          }\r\n\r\n          .info {\r\n            display: flex;\r\n            flex-flow: column nowrap;\r\n\r\n            .lists {\r\n              width: 100%;\r\n              height: 32px;\r\n              background: url(\"../assets/images/cardSquare.png\") no-repeat;\r\n              display: flex;\r\n              flex-flow: row nowrap;\r\n              justify-content: space-between;\r\n              align-items: center;\r\n              background-size: 100% 100%;\r\n              margin-bottom: 9%;\r\n              padding: 0 10px 0 0;\r\n              box-sizing: border-box;\r\n\r\n              & > div {\r\n                font-size: 18px;\r\n                color: #ffffff;\r\n              }\r\n\r\n              .number {\r\n                color: rgb(86, 254, 226);\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n\r\n      #detailedTwo1 {\r\n        width: 100%;\r\n        height: calc(100% - 52px);\r\n      }\r\n      #detailedOne {\r\n        width: 100%;\r\n        height: calc(100% - 200px);\r\n      }\r\n      #horizontalChart {\r\n        //   width: 100%;\r\n        //   height: calc(100% - 52px);\r\n        width: 100%;\r\n        height: calc(100% - 200px);\r\n      }\r\n    }\r\n  }\r\n\r\n  .middle {\r\n    // width: 1590px;\r\n    width: 32.7%;\r\n    height: 100%;\r\n    display: flex;\r\n    flex-flow: column nowrap;\r\n    justify-content: space-between;\r\n    .imgboxone {\r\n      background: url(\"../assets/indexN/midzsj.png\") no-repeat;\r\n      background-size: 100%;\r\n      width: 80%;\r\n      height: 20%;\r\n      position: relative;\r\n      top: -28%;\r\n      left: 19%;\r\n      .contents {\r\n        // height: 90%;\r\n        position: absolute;\r\n        padding: 10px;\r\n        height: 100%;\r\n        width: 96%;\r\n        display: flex;\r\n        flex-direction: row;\r\n        /* 平分剩余空间 */\r\n        justify-content: space-around;\r\n        .lines {\r\n          width: 106%;\r\n          padding: 10px 0 0 0px;\r\n          //   background: url(\"../assets/index/mainMin.png\") no-repeat;\r\n        }\r\n\r\n        .total {\r\n          .num {\r\n            // display: flex;\r\n            flex-flow: column nowrap;\r\n            justify-content: center;\r\n            align-items: left;\r\n            color: #ffffff;\r\n            span {\r\n              font-size: 20px;\r\n            }\r\n            h5 {\r\n              font-size: 34px;\r\n            }\r\n            .yellow {\r\n              padding-top: 30px;\r\n              color: yellow;\r\n              font-size: 24px;\r\n            }\r\n            .orange {\r\n              padding-top: 30px;\r\n              color: orange;\r\n              font-size: 24px;\r\n            }\r\n            .yellows {\r\n              padding-top: 20px;\r\n              color: yellow;\r\n              font-size: 24px;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .imgboxtwo1 {\r\n      background: url(\"../assets/indexN/tk.png\") no-repeat;\r\n      background-size: 100%;\r\n      float: right;\r\n      right: 2%;\r\n      top: 23%;\r\n      width: 28vh;\r\n      height: 100%;\r\n      position: relative;\r\n      .content2 {\r\n        padding: 5px;\r\n        box-sizing: border-box;\r\n        // display: flex;\r\n        flex-flow: row nowrap;\r\n        justify-content: space-between;\r\n\r\n        .line1 {\r\n          width: 100%;\r\n          height: 100%;\r\n          margin-left: 5%;\r\n          text-align: left;\r\n          font-size: 24px;\r\n          color: #fff;\r\n        }\r\n      }\r\n    }\r\n    .map {\r\n      background: url(\"../assets/indexN/map.png\") no-repeat;\r\n      vertical-align: middle;\r\n      display: table-cell;\r\n      text-align: center;\r\n      margin-left: -20%;\r\n      .allimg {\r\n        position: relative;\r\n        left: 28.8%;\r\n        top: 34%;\r\n      }\r\n    }\r\n  }\r\n\r\n  .right {\r\n    // width: 604px;\r\n    width: 17.18%;\r\n    height: 100%;\r\n    display: flex;\r\n    flex-flow: column nowrap;\r\n    justify-content: space-between;\r\n\r\n    & > div {\r\n      width: 100%;\r\n      background: url(\"../assets/indexN/boxLr.png\") no-repeat;\r\n      background-size: 100% 100%;\r\n      position: relative;\r\n      .cartitle {\r\n        height: 52px;\r\n        width: 100%;\r\n        // background: url(\"../assets/images/carTitle.png\") no-repeat;\r\n        font-size: 21px;\r\n        font-weight: 600;\r\n        color: #ffffff;\r\n        line-height: 52px;\r\n        // text-align: left;\r\n        text-indent: 26px;\r\n      }\r\n      .content3 {\r\n        padding: 24px 31px 0 31px;\r\n        box-sizing: border-box;\r\n        display: flex;\r\n        flex-flow: row nowrap;\r\n        justify-content: space-between;\r\n        .contentUl {\r\n          display: flex;\r\n          flex-wrap: wrap;\r\n          height: 20%;\r\n          width: 100%;\r\n          position: relative;\r\n          .top {\r\n            position: relative;\r\n            flex-basis: calc(100% / 3);\r\n            height: 50%;\r\n            left: 33%;\r\n            img {\r\n              margin-top: 15%;\r\n            }\r\n            .texts {\r\n              color: orange;\r\n              position: absolute;\r\n              z-index: 2;\r\n              left: 32%;\r\n              top: 25%;\r\n              align-items: center;\r\n              font-size: 32px;\r\n            }\r\n            h4 {\r\n              color: #fff;\r\n              font-size: 18px;\r\n              display: flex;\r\n              justify-content: center;\r\n              align-items: flex-end;\r\n              line-height: 1;\r\n              padding-top: 10%;\r\n            }\r\n          }\r\n          .top1 {\r\n            position: absolute;\r\n            flex-basis: calc(100% / 3);\r\n            height: 100%;\r\n            img {\r\n              margin-top: 30%;\r\n            }\r\n            .texts {\r\n              color: #fff;\r\n              position: absolute;\r\n              z-index: 2;\r\n              left: 0%;\r\n              top: 27%;\r\n              width: 87%;\r\n              height: 100%;\r\n              padding-top: 27%;\r\n              background: url(\"../assets/indexN/xctb2.png\") no-repeat;\r\n              background-size: 100%;\r\n              align-items: center;\r\n              font-size: 24px;\r\n            }\r\n            h4 {\r\n              color: #fff;\r\n              font-size: 18px;\r\n              display: flex;\r\n              justify-content: center;\r\n              align-items: flex-end;\r\n              line-height: 1;\r\n              padding-top: 130%;\r\n            }\r\n          }\r\n          .top2 {\r\n            position: absolute;\r\n            flex-basis: calc(100% / 3);\r\n            height: 100%;\r\n            left: 21%;\r\n            top: -33%;\r\n            img {\r\n              margin-top: 30%;\r\n            }\r\n            .texts {\r\n              color: #fff;\r\n              position: absolute;\r\n              z-index: 2;\r\n              left: 0%;\r\n              top: 27%;\r\n              width: 87%;\r\n              height: 100%;\r\n              padding-top: 27%;\r\n              background: url(\"../assets/indexN/xctb2.png\") no-repeat;\r\n              background-size: 100%;\r\n              align-items: center;\r\n              font-size: 24px;\r\n            }\r\n            h4 {\r\n              color: #fff;\r\n              font-size: 18px;\r\n              display: flex;\r\n              justify-content: center;\r\n              align-items: flex-end;\r\n              line-height: 1;\r\n              padding-top: 130%;\r\n            }\r\n          }\r\n          .top3 {\r\n            position: absolute;\r\n            flex-basis: calc(100% / 3);\r\n            height: 100%;\r\n            left: 29%;\r\n            top: 50%;\r\n            img {\r\n              margin-top: 30%;\r\n            }\r\n            .texts {\r\n              color: #fff;\r\n              position: absolute;\r\n              z-index: 2;\r\n              left: 0%;\r\n              top: 27%;\r\n              width: 87%;\r\n              height: 100%;\r\n              padding-top: 27%;\r\n              background: url(\"../assets/indexN/xctb2.png\") no-repeat;\r\n              background-size: 100%;\r\n              align-items: center;\r\n              font-size: 24px;\r\n            }\r\n            h4 {\r\n              color: #fff;\r\n              font-size: 18px;\r\n              display: flex;\r\n              justify-content: center;\r\n              align-items: flex-end;\r\n              line-height: 1;\r\n              padding-top: 130%;\r\n            }\r\n          }\r\n          .top4 {\r\n            position: absolute;\r\n            flex-basis: calc(100% / 3);\r\n            height: 100%;\r\n            left: 64%;\r\n            top: 15%;\r\n            img {\r\n              margin-top: 30%;\r\n            }\r\n            .texts {\r\n              color: #fff;\r\n              position: absolute;\r\n              z-index: 2;\r\n              left: 0%;\r\n              top: 27%;\r\n              width: 87%;\r\n              height: 100%;\r\n              padding-top: 27%;\r\n              background: url(\"../assets/indexN/xctb2.png\") no-repeat;\r\n              background-size: 100%;\r\n              align-items: center;\r\n              font-size: 24px;\r\n            }\r\n            h4 {\r\n              color: #fff;\r\n              font-size: 18px;\r\n              display: flex;\r\n              justify-content: center;\r\n              align-items: flex-end;\r\n              line-height: 1;\r\n              padding-top: 130%;\r\n            }\r\n          }\r\n          .top5 {\r\n            position: absolute;\r\n            flex-basis: calc(100% / 3);\r\n            height: 100%;\r\n            left: 82%;\r\n            top: -22%;\r\n            img {\r\n              margin-top: 30%;\r\n            }\r\n            .texts {\r\n              color: #fff;\r\n              position: absolute;\r\n              z-index: 2;\r\n              left: 0%;\r\n              top: 27%;\r\n              width: 87%;\r\n              height: 100%;\r\n              padding-top: 27%;\r\n              background: url(\"../assets/indexN/xctb2.png\") no-repeat;\r\n              background-size: 100%;\r\n              align-items: center;\r\n              font-size: 24px;\r\n            }\r\n            h4 {\r\n              color: #fff;\r\n              font-size: 18px;\r\n              display: flex;\r\n              justify-content: center;\r\n              align-items: flex-end;\r\n              line-height: 1;\r\n              padding-top: 130%;\r\n            }\r\n          }\r\n        }\r\n        .line3 {\r\n          width: 30%;\r\n          display: flex;\r\n          flex-flow: column nowrap;\r\n\r\n          .total {\r\n            display: flex;\r\n            flex-flow: row nowrap;\r\n            justify-content: space-around;\r\n            margin-bottom: 1%;\r\n            height: 100%;\r\n            .num {\r\n              display: flex;\r\n              flex-flow: column nowrap;\r\n              justify-content: center;\r\n              align-items: center;\r\n              color: #ffffff;\r\n              width: 100%;\r\n\r\n              .num1 {\r\n                background: url(\"../assets/indexN/zsjbtk.png\") no-repeat;\r\n                width: 100%;\r\n                height: 100%;\r\n                background-size: 100%;\r\n                line-height: 200%;\r\n                text-align: center;\r\n              }\r\n              .numText {\r\n                color: #ffffff;\r\n                background: url(\"../assets/indexN/main.png\") no-repeat;\r\n                background-size: 100%;\r\n                width: 100%;\r\n                height: 74px;\r\n              }\r\n\r\n              .numText:before {\r\n                content: attr(text);\r\n                position: absolute;\r\n                z-index: 10;\r\n                color: rgb(254, 209, 86) !important;\r\n                -webkit-mask: linear-gradient(\r\n                  to top,\r\n                  rgb(254, 162, 86),\r\n                  transparent\r\n                );\r\n              }\r\n            }\r\n          }\r\n\r\n          .info {\r\n            display: flex;\r\n            flex-flow: column nowrap;\r\n\r\n            .lists {\r\n              width: 100%;\r\n              height: 32px;\r\n              background: url(\"../assets/images/cardSquare.png\") no-repeat;\r\n              display: flex;\r\n              flex-flow: row nowrap;\r\n              justify-content: space-between;\r\n              align-items: center;\r\n              background-size: 100% 100%;\r\n              margin-bottom: 9%;\r\n              padding: 0 10px 0 0;\r\n              box-sizing: border-box;\r\n\r\n              & > div {\r\n                font-size: 18px;\r\n                color: #ffffff;\r\n              }\r\n\r\n              .number {\r\n                color: rgb(86, 254, 226);\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .one {\r\n      .top {\r\n        width: 100%;\r\n        height: 10%;\r\n        display: flex;\r\n        justify-content: space-around;\r\n        flex-direction: row;\r\n        align-items: center;\r\n\r\n        .topContent {\r\n          width: 30%;\r\n          display: flex;\r\n          justify-content: flex-start;\r\n          align-items: center;\r\n          white-space: nowrap;\r\n        }\r\n      }\r\n    }\r\n\r\n    #detailedThree {\r\n      width: 100%;\r\n      // height: calc(100% - 52px);\r\n      height: 100%;\r\n    }\r\n\r\n    #detailedTwo {\r\n      width: 100%;\r\n      height: calc(100% - 52px);\r\n    }\r\n\r\n    #detailedFive {\r\n      width: 100%;\r\n      height: calc(100% - 150px);\r\n    }\r\n  }\r\n\r\n  .right1 {\r\n    // width: 604px;\r\n    width: 17.18%;\r\n    height: 100%;\r\n    display: flex;\r\n    flex-flow: column nowrap;\r\n    justify-content: space-between;\r\n\r\n    & > div {\r\n      width: 100%;\r\n      background: url(\"../assets/indexN/boxLr.png\") no-repeat;\r\n      background-size: 100% 100%;\r\n      position: relative;\r\n      .cartitle {\r\n        height: 52px;\r\n        width: 100%;\r\n        // background: url(\"../assets/images/carTitle.png\") no-repeat;\r\n        font-size: 21px;\r\n        font-weight: 600;\r\n        color: #ffffff;\r\n        line-height: 52px;\r\n        // text-align: left;\r\n        text-indent: 26px;\r\n      }\r\n      .content3 {\r\n        padding: 24px 31px 0 31px;\r\n        box-sizing: border-box;\r\n        display: flex;\r\n        flex-flow: row nowrap;\r\n        justify-content: space-between;\r\n\r\n        .line3 {\r\n          width: 30%;\r\n          display: flex;\r\n          flex-flow: column nowrap;\r\n\r\n          .total {\r\n            display: flex;\r\n            flex-flow: row nowrap;\r\n            justify-content: space-around;\r\n            margin-bottom: 1%;\r\n            height: 100%;\r\n            .num {\r\n              display: flex;\r\n              flex-flow: column nowrap;\r\n              justify-content: center;\r\n              align-items: center;\r\n              color: #ffffff;\r\n              width: 100%;\r\n\r\n              .num1 {\r\n                background: url(\"../assets/indexN/zsjbtk.png\") no-repeat;\r\n                width: 100%;\r\n                //   height: 100%;\r\n                background-size: 100%;\r\n                line-height: 250%;\r\n                text-align: center;\r\n              }\r\n              .numText {\r\n                color: #ffffff;\r\n                background: url(\"../assets/indexN/main.png\") no-repeat;\r\n                background-size: 100%;\r\n                width: 100%;\r\n                height: 74px;\r\n              }\r\n\r\n              .numText:before {\r\n                content: attr(text);\r\n                position: absolute;\r\n                z-index: 10;\r\n                color: rgb(254, 209, 86) !important;\r\n                -webkit-mask: linear-gradient(\r\n                  to top,\r\n                  rgb(254, 162, 86),\r\n                  transparent\r\n                );\r\n              }\r\n            }\r\n          }\r\n\r\n          .info {\r\n            display: flex;\r\n            flex-flow: column nowrap;\r\n\r\n            .lists {\r\n              width: 100%;\r\n              height: 32px;\r\n              background: url(\"../assets/images/cardSquare.png\") no-repeat;\r\n              display: flex;\r\n              flex-flow: row nowrap;\r\n              justify-content: space-between;\r\n              align-items: center;\r\n              background-size: 100% 100%;\r\n              margin-bottom: 9%;\r\n              padding: 0 10px 0 0;\r\n              box-sizing: border-box;\r\n\r\n              & > div {\r\n                font-size: 18px;\r\n                color: #ffffff;\r\n              }\r\n\r\n              .number {\r\n                color: rgb(86, 254, 226);\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n    #detailen {\r\n      width: 100%;\r\n      height: calc(100% - 150px);\r\n    }\r\n    #shuzihua {\r\n      width: 100%;\r\n      height: calc(100% - 150px);\r\n    }\r\n    .one {\r\n      .top {\r\n        width: 100%;\r\n        height: 10%;\r\n        display: flex;\r\n        justify-content: space-around;\r\n        flex-direction: row;\r\n        align-items: center;\r\n\r\n        .topContent {\r\n          width: 30%;\r\n          display: flex;\r\n          justify-content: flex-start;\r\n          align-items: center;\r\n          white-space: nowrap;\r\n        }\r\n      }\r\n    }\r\n\r\n    #detailedThree {\r\n      width: 100%;\r\n      // height: calc(100% - 52px);\r\n      height: 100%;\r\n    }\r\n\r\n    #detailedTwo {\r\n      width: 100%;\r\n      height: calc(100% - 52px);\r\n    }\r\n\r\n    #detailedFive {\r\n      width: 100%;\r\n      height: calc(100% - 150px);\r\n    }\r\n  }\r\n\r\n  .titleFont {\r\n    color: transparent;\r\n    -webkit-background-clip: text;\r\n    background-clip: text;\r\n    background-image: linear-gradient(\r\n      to bottom,\r\n      rgb(255, 255, 255),\r\n      rgb(123, 247, 245)\r\n    );\r\n    img {\r\n      margin: 20px;\r\n    }\r\n  }\r\n\r\n  //弹窗样式\r\n  .componentShow {\r\n    width: 100%;\r\n    height: 100%;\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    z-index: 111;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: rgba(0, 0, 0, 0.8);\r\n  }\r\n\r\n  .realTimeAlarm {\r\n    width: 517px;\r\n    height: 136px;\r\n    position: fixed;\r\n    left: 0;\r\n    right: 0;\r\n    margin: 0 auto;\r\n    top: 40%;\r\n    background: url(\"../assets/images/realTimeAlarmKuang.png\") no-repeat;\r\n    background-size: 100% 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    .content3 {\r\n      color: #ffffff;\r\n      width: 75%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-evenly;\r\n      margin-top: 4%;\r\n    }\r\n  }\r\n\r\n  .alarmInformation {\r\n    width: 900px;\r\n    height: 380px;\r\n    position: fixed;\r\n    left: 0;\r\n    right: 0;\r\n    margin: 0 auto;\r\n    top: 28%;\r\n    background: url(\"../assets/images/baojingxinxiKuang.png\") no-repeat;\r\n    background-size: 100% 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n    padding: 10px 13px;\r\n\r\n    ::-webkit-scrollbar {\r\n      display: none;\r\n    }\r\n\r\n    .top {\r\n      height: 10%;\r\n      width: 91%;\r\n      display: flex;\r\n      align-content: flex-start;\r\n      justify-content: space-between;\r\n\r\n      .title {\r\n        font-size: 20px;\r\n        font-weight: 900;\r\n        color: transparent;\r\n        align-items: center;\r\n        display: flex;\r\n        -webkit-background-clip: text;\r\n        background-clip: text;\r\n        background-image: linear-gradient(\r\n          to bottom,\r\n          rgb(255, 255, 255),\r\n          rgb(86, 244, 254)\r\n        );\r\n      }\r\n    }\r\n\r\n    .content3 {\r\n      height: 82%;\r\n      width: 100%;\r\n      overflow: auto;\r\n\r\n      .user_skills {\r\n        /deep/ .el-table {\r\n          background-color: transparent !important;\r\n        }\r\n\r\n        /deep/ .el-table th {\r\n          background-color: transparent !important;\r\n        }\r\n\r\n        /deep/ .el-table__header {\r\n          height: 48px;\r\n          background: url(\"../assets/images/tableBg.png\") no-repeat;\r\n          background-size: 100% 100%;\r\n        }\r\n\r\n        /deep/ .el-table__header th {\r\n          border: none;\r\n          padding: 0;\r\n          height: 40px;\r\n\r\n          .cell {\r\n            height: 100%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-around;\r\n          }\r\n\r\n          &.el-table__cell.is-leaf {\r\n            border: none !important;\r\n          }\r\n        }\r\n\r\n        /deep/ .el-table tr {\r\n          background-color: transparent;\r\n          color: #fff !important;\r\n        }\r\n\r\n        /deep/ .el-table--enable-row-transition .el-table__body td,\r\n        .el-table .cell {\r\n          background-color: transparent !important;\r\n          border: none;\r\n          color: #ffffff;\r\n        }\r\n\r\n        /deep/ .el-table__body td .cell {\r\n          white-space: nowrap;\r\n          // word-break: break-all;\r\n        }\r\n\r\n        /deep/ .el-table th.el-table__cell > .cell {\r\n          color: #ffffff;\r\n        }\r\n\r\n        /deep/.el-table .el-table__cell {\r\n          padding: 3px 0;\r\n        }\r\n\r\n        &::before {\r\n          //去除底部白线\r\n          left: 0;\r\n          bottom: 0;\r\n          width: 100%;\r\n          height: 0px;\r\n        }\r\n\r\n        .el-table::before {\r\n          background-color: transparent;\r\n        }\r\n\r\n        ::v-deep .el-table .el-table__body tr.el-table__row td {\r\n          background: rgba(79, 218, 255, 0.1) !important;\r\n        }\r\n\r\n        ::v-deep\r\n          .el-table--striped\r\n          .el-table__body\r\n          tr.el-table__row--striped\r\n          td {\r\n          background: rgba(79, 218, 255, 0.06) !important;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .dateSelect {\r\n    display: flex;\r\n    font-size: 12px;\r\n    background: url(\"../assets/images/dateKuang.png\") no-repeat;\r\n    background-size: 100% 100%;\r\n    height: 25px;\r\n    width: 61px;\r\n    align-items: center;\r\n  }\r\n\r\n  .active {\r\n    width: 32px;\r\n    height: 25px;\r\n    color: rgb(78, 230, 207);\r\n    background: url(\"../assets/images/dateAction.png\") no-repeat;\r\n    background-size: 100% 100%;\r\n    line-height: 26px;\r\n  }\r\n}\r\n\r\n.suoxiao {\r\n  position: absolute;\r\n  bottom: 0;\r\n  right: 0;\r\n}\r\n\r\n// }\r\n</style>\r\n<style lang=\"less\" scoped>\r\n.three {\r\n  .three-content {\r\n    width: 100%;\r\n    height: calc(100% - 52px);\r\n    display: flex;\r\n\r\n    .three-left {\r\n      width: 40%;\r\n      height: 100%;\r\n    }\r\n\r\n    .three-right {\r\n      width: 60%;\r\n      height: 100%;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n\r\n      ul {\r\n        width: 100%;\r\n\r\n        li {\r\n          width: 164px;\r\n          height: 41px;\r\n          margin-top: 15px;\r\n          background-image: url(../assets/images/pieBorder.png);\r\n          float: left;\r\n          color: #fff;\r\n          line-height: 41px;\r\n          font-size: 18px;\r\n        }\r\n\r\n        li:nth-child(2n) {\r\n          margin-left: 10px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .content3 {\r\n    padding: 24px 31px 0 31px;\r\n    box-sizing: border-box;\r\n    display: flex;\r\n    flex-flow: row nowrap;\r\n    justify-content: space-between;\r\n\r\n    .line3 {\r\n      width: 262px;\r\n      display: flex;\r\n      flex-flow: column nowrap;\r\n\r\n      .total {\r\n        display: flex;\r\n        flex-flow: row nowrap;\r\n        justify-content: space-around;\r\n        margin-bottom: 1%;\r\n\r\n        .num {\r\n          display: flex;\r\n          flex-flow: column nowrap;\r\n          justify-content: center;\r\n          align-items: center;\r\n          color: #ffffff;\r\n\r\n          .numText {\r\n            color: #ffffff;\r\n          }\r\n\r\n          .numText:before {\r\n            content: attr(text);\r\n            position: absolute;\r\n            z-index: 10;\r\n            color: rgb(86, 254, 246) !important;\r\n            -webkit-mask: linear-gradient(\r\n              to top,\r\n              rgb(86, 244, 254),\r\n              transparent\r\n            );\r\n          }\r\n        }\r\n      }\r\n\r\n      .info {\r\n        display: flex;\r\n        flex-flow: column nowrap;\r\n\r\n        .lists {\r\n          width: 100%;\r\n          height: 32px;\r\n          background: url(\"../assets/images/cardSquare.png\") no-repeat;\r\n          display: flex;\r\n          flex-flow: row nowrap;\r\n          justify-content: space-between;\r\n          align-items: center;\r\n          background-size: 100% 100%;\r\n          margin-bottom: 9%;\r\n          padding: 0 10px 0 0;\r\n          box-sizing: border-box;\r\n\r\n          & > div {\r\n            font-size: 18px;\r\n            color: #ffffff;\r\n          }\r\n\r\n          .number {\r\n            color: rgb(86, 254, 226);\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  #roseCharts {\r\n    //   width: 100%;\r\n    //   height: calc(100% - 52px);\r\n    width: 60%;\r\n    height: calc(100% - 200px);\r\n    position: absolute;\r\n    top: 28%;\r\n    left: 33%;\r\n  }\r\n}\r\n\r\n.selectChange {\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n\r\n  .el-select {\r\n    margin-left: -44px;\r\n\r\n    /deep/ .el-input__inner {\r\n      background: url(\"../assets/images/selectCard.png\") no-repeat;\r\n      background-size: 100% 100%;\r\n      border: none;\r\n      padding-left: 58px;\r\n    }\r\n\r\n    /deep/ .el-input__prefix,\r\n    /deep/ .el-input__suffix {\r\n      position: absolute;\r\n      top: 0;\r\n      -webkit-transition: all 0.3s;\r\n      height: 100%;\r\n      text-align: center;\r\n      margin-right: 17px;\r\n    }\r\n\r\n    /deep/ .el-input__inner::-webkit-input-placeholder {\r\n      color: rgb(78, 230, 207); // 初始化的文字颜色\r\n    }\r\n\r\n    /deep/ .el-input__inner {\r\n      color: rgb(78, 230, 207);\r\n    }\r\n  }\r\n}\r\n\r\n//  .el-popper {\r\n//   top: 50%;\r\n// }\r\n\r\n/deep/ .popper__arrow {\r\n  left: 171px !important;\r\n  top: 95px !important;\r\n}\r\n\r\n/deep/ .el-select-dropdown {\r\n  background-color: rgb(14, 30, 46) !important;\r\n  border: 1px solid rgba(45, 143, 148, 0.5) !important;\r\n\r\n  /deep/ .el-select-dropdown__item {\r\n    color: #fff !important;\r\n  }\r\n\r\n  /deep/ .el-select-dropdown__item.hover,\r\n  /deep/ .el-select-dropdown__item:hover {\r\n    background-color: rgb(18, 54, 87) !important;\r\n  }\r\n}\r\n\r\n/deep/ .el-popper[x-placement^=\"bottom\"] {\r\n  margin-top: -146px !important;\r\n}\r\n\r\n/**\r\n表格有滚动效果但是不显示滚动条\r\n*/\r\n</style>\r\n<style lang=\"less\">\r\n.el-table .rowColor0 {\r\n  background: red !important;\r\n  animation: fade 2000ms infinite ease-in-out;\r\n}\r\n\r\n@keyframes fade {\r\n  from {\r\n    opacity: 1;\r\n  }\r\n\r\n  50% {\r\n    opacity: 0.6;\r\n  }\r\n\r\n  to {\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n// .el-pager li:hover{\r\n//   color:black\r\n// }\r\n</style>\r\n","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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=1ab06d41&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=1ab06d41&prod&lang=less&scoped=true&\"\nimport style1 from \"./index.vue?vue&type=style&index=1&id=1ab06d41&prod&lang=less&scoped=true&\"\nimport style2 from \"./index.vue?vue&type=style&index=2&id=1ab06d41&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  \"1ab06d41\",\n  null\n  \n)\n\nexport default component.exports","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAnCAYAAACbgcH8AAADbUlEQVRYhdWYW4iNURTHfzOGZjwgMnKfB7dkYiQhl7y4k+QylDvJ3YQxkzQyGozbDCklhBIpD0LxQFNKHvBACA8uzWhccm0aDKNV62j1zZxzvvOd/c00/5ez1j577/X/1re+tdfaKVV0JASkAmXARqDe9fapYTAGlgPrgdwwNg/D0+2B50AmUAn0A2pcGgjD0zuUsKA7UODagGtPi1cfA63NWC0wAHjtyohrTx/2EBakA6UujbgkPRmYYvS9Rp4LjHVlyBVp8e4ho18CCoHrZuyIK3uuSK/VuEVjOF/lPOC3yoOBlS6MuSDdGdhp9P3AK5Ul9R01/xVrSkwKLkjvNkQqPbEs2AV8MA9Y1NykhwArjL61kYPkK7Dd6HJS9k/GaLKky8wed4ELUeadBB6qnKbrAiMZ0nOAcSpLUbTBFEdTgZn6K/irxVMEkzzpMSEEPREzgKdAb9VPA8vM/180ziU0OphxeRPzVJaPNBv4lajxoJ7eYgh/15zsB/maEtEjf10Q40FI9/AUQZI9qn2ufQPsM3qRKa58IwhpqSPaqvwywEcl69+q3E4fOlTSo4D5Rt8cICZrzImJpsycRDZIhLTMLTf6TeBKIsYMLgJ3VE3RfVMSIeIXi4FhOveP1hVBUe/pH8doJeiUtMTeHqMfA54kQVrwADhl9FJNpXHhl7Qcw11U/uQpkJKB7PtN1/fyxHpU+CHdxxMK0gN+dkS6Wiu/CLYBPV2QPmhaqEfAiaRoNoQ0By90NMNPaxaP9ARghtHl46lzSBhNmfZNyl3J6FgLYpFO00Y1gsvAbSc0G+IacMOMlsfiFov0GmCgyj+13vALycEVJhf7QZ55i0OBpdHWRKvyOukRHanQSjyFfFgoMyXse6CvyS5xPV1sCFcp6aaApNKPaidTM5UvT2drl9FK9UXAuQQJF+glTW0jPWM8rAKO6xzp5Adp7R2T9C1gvMr3gJEBrmujNQF+IM66r1cOgqvAdLvOGx6zDGE8LVRTQeqaTcbWNGCitW09na4tVJbqZ4AlAYkuANpoDj4fcA+5pZqt8jMN2zov6ULzwf3QduhdQIMukKVOTNe98iINRyQ8unlSWkkzE0ZvqQ4YvUgve/57+iyw0EyoMndwzQkJsa7GvmSV1UJ6hF60tATI/UmOkJa0NryFkAao+AdsCqck+HGBiQAAAABJRU5ErkJggg==\"","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!./index.vue?vue&type=style&index=1&id=1ab06d41&prod&lang=less&scoped=true&\"","// 21.2.5.3 get RegExp.prototype.flags()\nif (require('./_descriptors') && /./g.flags != 'g') require('./_object-dp').f(RegExp.prototype, 'flags', {\n  configurable: true,\n  get: require('./_flags')\n});\n","module.exports = __webpack_public_path__ + \"static/img/tb1.20fd4644.png\";","module.exports = __webpack_public_path__ + \"static/img/xctb1.bef9734d.png\";","'use strict';\nrequire('./es6.regexp.flags');\nvar anObject = require('./_an-object');\nvar $flags = require('./_flags');\nvar DESCRIPTORS = require('./_descriptors');\nvar TO_STRING = 'toString';\nvar $toString = /./[TO_STRING];\n\nvar define = function (fn) {\n  require('./_redefine')(RegExp.prototype, TO_STRING, fn, true);\n};\n\n// 21.2.5.14 RegExp.prototype.toString()\nif (require('./_fails')(function () { return $toString.call({ source: 'a', flags: 'b' }) != '/a/b'; })) {\n  define(function toString() {\n    var R = anObject(this);\n    return '/'.concat(R.source, '/',\n      'flags' in R ? R.flags : !DESCRIPTORS && R instanceof RegExp ? $flags.call(R) : undefined);\n  });\n// FF44- RegExp#toString has a wrong name\n} else if ($toString.name != TO_STRING) {\n  define(function toString() {\n    return $toString.call(this);\n  });\n}\n","module.exports = __webpack_public_path__ + \"static/img/tb2.8b62dc31.png\";","module.exports = __webpack_public_path__ + \"static/img/tb3.1c1e814c.png\";","module.exports = __webpack_public_path__ + \"static/img/dfsxz.378d9a64.png\";","module.exports = __webpack_public_path__ + \"static/img/tb4.66f26b3a.png\";","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!./index.vue?vue&type=style&index=2&id=1ab06d41&prod&lang=less&\""],"sourceRoot":""}