{"version":3,"sources":["webpack:///./src/views/Dashboard.vue?fadf","webpack:///./src/views/Dashboard.vue?2310","webpack:///./src/views/Dashboard.vue","webpack:///./src/views/imgs/Dashboard_chart.png","webpack:///./src/views/imgs/Dashboard_icon.png","webpack:///src/views/Dashboard.vue","webpack:///./src/views/Dashboard.vue?19d4"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","_s","$t","staticStyle","_m","name","_l","a","index","key","id","Gpulen","nIndex","nvidia","c","model","value","callback","$$v","$set","expression","b","_e","domProps","on","$event","copylink","strRunTime","dev","nCameraTotal","nCameraOnline","da","percentage","total","total1","ge","staticRenderFns","component","module","exports","echarts","data","data1","data2","title_text","network_in","network_out","Hikvision","Dahua","Tiandy","Online","Offline","capability","codecInfo","devbucket","nHikDevTotal","nHikDevOnline","nDhDevTotal","nDhDevOnline","nHikIscDevTotal","nHikIscDevOnline","nTdDevTotal","nTdDevOnline","nGbDevTotal","nGbDevOnline","nCloudTotal","nCloudOnline","nRTSPRTMPTotal","nRTSPRTMPOnline","nONVIFTotal","nONVIFOnline","nRTMPPushTotal","nRTMPPushOnline","system","timerRunInfo","timerRunInfo1","beforeDestroy","clearInterval","mounted","console","_this","methods","Monitoringdetails","canvasObj","colorValue","x","y","r","ctx","colors","Gpu","GetCodecInfo","catch","GetDeviceSummary","Cloud","RTSPRx","ONVIFx","RTMPx","Total","devimage","devdata","leng","titlecol","myChart","tooltip","show","title","textStyle","fontSize","fontWeight","color","series","type","radius","avoidLabelOverlap","label","normal","position","emphasis","formatter","labelLine","itemStyle","text","window","GetSystemInfo","GetRunInfo","result","myChart1","i","nodedatafor","liunv","date","trigger","left","legend","icon","itemWidth","itemHeight","xAxis","boundaryGap","axisLine","axisTick","splitLine","axisLabel","yAxis","smooth","symbol","sampling","areaStyle","offset","cpunv","clipboard","e"],"mappings":"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F,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAACG,MAAM,CAAC,IAAM,EAAQ,e,YCDnpB,S,wBCQ/UsC,EAAY,eACd,EACA9C,EACA6C,GACA,EACA,KACA,WACA,MAIa,aAAAC,E,yDCnBfC,EAAOC,QAAU,IAA0B,2C,qBCA3CD,EAAOC,QAAU,sV,iDC+LjB,IAAIC,EAAU,EAAQ,QACP,QACfnC,iBACAoC,KAFA,WAGA,OACAA,iIACAC,kIACAC,kIACAC,+CACAC,mDACAC,qDAEAC,iDACAC,yCACAC,2CAEAhB,yCACAE,mCAEAe,2CACAC,6CACAC,cACAzB,cACA0B,aACAC,aACA1B,KACAC,gBACAC,iBACAyB,gBACAC,iBACAC,eACAC,gBACAC,mBACAC,oBACAC,eAEAC,gBACAC,eACAC,gBAEAC,eACAC,gBAEAC,kBACAC,mBAEAC,eACAC,gBAEAC,kBACAC,oBAEAC,UACA9D,QACAC,UACAC,WAEA6D,oBACAC,uBAGAC,cA5DA,WA6DAC,iCACAA,mCAEAC,QAhEA,WAgEA,WACA,kBACA,qBACA,oBACA,wBACA,WACA,0CACA,iBACA,KACA,2CACA,uBACA,KACA,WACAC,6BACAC,0CACAD,sBACAC,eACAA,yBAGAC,SAEAC,kBAFA,SAEAC,EAAAC,EAAA/E,EAAA2B,EAAAhB,GACAmE,kBACA,yBACA,GACAE,KACAC,KACAC,MAQAC,cACAA,+BACAA,cACAA,wBACAA,WACAA,cAEAA,cACAA,iDACAA,cACAA,kBACA,SACA,QACAC,oCACAA,8BACAA,gCACAA,iCACA,QACAA,oCACAA,8BACAA,gCACAA,iCACA,SACAA,oCACAA,8BACAA,gCACAA,iCAEAD,gBACAA,WACAA,cACAA,qBACA,2BACAA,sBAEAA,sBAEAA,sBACA,wBACAA,6BAEAA,sBACAA,wBACAA,sBACAA,0BAGAE,IA/DA,WA+DA,WACA,iFACA,oCACA,kBACA,aACA,+BACA,qCAKAC,aA1EA,WA0EA,WAEA,EACA,iFAEA,oCACA,kBACA,aACA,IACAtF,wCACAK,kBACA,CACAL,2CACAK,WACA,CACAL,uCACAK,eACA,CACAL,0CACAK,oBACA,CACAL,0CACAK,qBAEA,kBAIAkF,OAAA,YACAb,mCAIAc,iBA3GA,WA2GA,WACA,uFAEA,oCAEA,GADAd,4BACA,eACA,aACA,aACA,KACA,KACA,KACA,KAEAe,EADA,qBACAA,EAEAA,qDAGAC,EADA,wBACAA,EAEAA,2DAIAC,EADA,qBACAA,EAEAA,qDAIAC,EADA,wBACAA,EAEAA,2DAEA,QACA5F,qCACA6B,yBACAF,cACA,CACA3B,iBACA6B,4BACAF,cACA,CACA3B,aACA6B,yBACAF,cACA,CACA3B,oCACA6B,4BACAF,eAGA,cAsBA,IArBA,QACA3B,aACA6F,qBACAhD,wBACA,CACA7C,aACA6F,oBACAhD,uBACA,CACA7C,sBACA6F,wBACAhD,2BACA,CACA7C,WACA6F,qBACAhD,wBACA,CACA7C,UACA6F,oBACAhD,wBAEA,mBACA,wBAOAiD,SA7LA,SA6LAC,EAAAC,GAAA,IAQA,EARA,OAEA,sCAGA,MACA,SAIAC,EADA,2BACAA,UAEAA,UAEA,gBACAC,aACAC,SACAC,SAEAC,OACArB,WACAC,WACAqB,WACAC,YACAC,eACAC,UAIAC,SACA1G,YACA2G,WACAC,qBACAC,qBACAC,OACAC,QACAX,QACAY,mBAEAC,UACAb,QACAE,WACAC,cACAC,mBAEAU,uBAIAC,WACAJ,QACAX,UAGAhE,OACAzB,eACAX,iBACAoH,WACAX,kBAGA,CACA9F,uBACAX,kBACAoH,WACAX,uBAMAP,aACAG,OACAD,QACAiB,+CAIAnB,6BACAA,aACAG,OACAD,cAKAF,4BACAA,aACAG,OACAD,QACAiB,4CAIAC,2BACApB,aAIAqB,cAhSA,WAgSA,WACA,OACA,8EAEA5C,iCAEA,kBACA,aACA,IACA3E,uCACAK,iBACA,CACAL,sCACAK,gBACA,CACAL,uCACAK,qBACA,CACAL,uCACAK,sBACA,CACAL,uCACAK,kBAEA,IACAL,yCACAK,iBACA,CACAL,2CACAK,mBACA,CACAL,uCACAK,eACA,CACAL,2CACAK,mBACA,CACAL,uCACAK,eAMA,CACAL,wCACAK,gBACA,CACAL,yCACAK,iBACA,CACAL,sCACAK,eAEA,eACA,eAGAkF,OAAA,YACAb,iCAIA8C,WA/VA,WA+VA,WACA,uCACA,wCACA,wCACA,cACA,SAEA,WAEA,iFAGA,oCACA,kBACA,oBACA,aACA,gCACA,kCAEA,sBACAC,qBACA,gCAEA,+BAEA,mBACA,oBACA,oBAEA,4CACA,wCACA,UACA,SAEA,gBACA,YAEAH,2BACApB,WACAwB,YAEA,WACA,WAmBA,IAhBA,QACArH,KACAL,0CACA2B,uFACAhB,wDACA,CACAN,KACAL,sCACA2B,mDACAhB,0DACA,CACAN,KACAL,uCACA2B,yGACAhB,gEAEA,mBACAgE,4BACAgD,EACAC,UACAA,gBACAA,iBAKAC,MAtaA,SAsaA3B,GAOA,IAJA,IAYA,EAZA,YACA,KAEA,MACA,cACA,qBACA4B,OACA,sCAOA7B,EADA,2BACAA,UAEAA,UAEA,OACAE,SACA4B,eACAf,qBACA,oBAEAE,wDAEAb,OACA2B,cACAX,6BACAjB,SAEA6B,QACA7F,wCACA8F,YACAC,aACAC,aACA9B,WACAC,YACAE,UAGA4B,OACA1B,gBACA2B,eACAlG,OACAmG,UACAnC,SAEAoC,UACApC,SAEAqC,WACA,SAEAC,WACAtC,QACAE,WACAG,WAIAkC,OACAhC,aACA4B,UACAnC,SAEAqC,WACA,SAEAD,UACApC,SAEAsC,WACAtC,QACAE,WACAG,WAKAC,SACA1G,qBACA2G,YACAiC,UACAC,cACAC,mBACA1B,WACAX,iBAEAsC,WACAtC,6CACAuC,SACAvC,iBAEA,CACAuC,SACAvC,kCAIArE,gBACA,CACApC,sBACA2G,YACAiC,UACAC,cACAC,mBACA1B,WACAX,iBAEAsC,WACAtC,6CACAuC,SACAvC,iBAEA,CACAuC,SACAvC,kCAIArE,mBAIA8D,gBAEA+C,MAxiBA,SAwiBAvB,GAIA,IAHA,IASA,EATA,YACA,MACA,KACA,eACA,qBACAI,OACA,sCAKA7B,EADA,2BACAA,UAEAA,UAGAyB,aACAvB,SACA4B,eACAf,qBACA,oBAEAE,kCAEAb,OACA2B,cACAX,WACAjB,SAEA6B,QACA7F,aACA8F,YACAC,aACAC,aACApD,UACAsB,WACAC,YACAE,UAGA4B,OACA1B,gBACA2B,eACAlG,OACAmG,UACAnC,SAEAoC,UACApC,SAEAqC,WACA,SAEAC,WACAtC,QACAE,WACAG,WAIAkC,OACAhC,aACA4B,UACAnC,SAEAqC,WACA,SAEAD,UACApC,SAEAsC,WACAtC,QACAE,WACAG,WAIAC,SACA1G,WACA2G,YACAiC,UACAC,cACAC,mBACA1B,WACAX,iBAEAsC,WACAtC,6CACAuC,SACAvC,iBAEA,CACAuC,SACAvC,kCAIArE,qBAKAf,SAhpBA,SAgpBAhB,GAEA,kCAEA,OACA6I,4BACAxE,iCACAA,6BACAA,mCACAyE,mBACAxE,wDAGAuE,0BACAxE,kCACAA,4C,wDCn7BA","file":"static/js/chunk-38cd5ba1.b4a7e9a9.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"dasboard\"},[_c('div',{staticClass:\"dasboard_global\"},[_c('div',{staticClass:\"dasboard_one\"},[_c('div',{staticClass:\"dasboard_one_left\"},[_c('div',{staticClass:\"dasboard_one_lup\"},[_c('div',{staticClass:\"dasboard_one_lupl\"},[_c('div',{staticClass:\"beibiao_zi\"},[_c('img',{attrs:{\"src\":require(\"./imgs/Dashboard_icon.png\")}}),_c('span',[_vm._v(_vm._s(this.$t(\"message.dashboard.an_out\")))])]),_c('div',{staticStyle:{\"width\":\"100%\",\"height\":\"95%\"},attrs:{\"id\":\"container0\"}})]),_vm._m(0)]),_c('div',{staticClass:\"dasboard_one_ldown\"},[_c('div',{staticClass:\"dasboard_one_ldown_right\"},[_c('div',{staticStyle:{\"display\":\"flex\",\"justify-content\":\"space-between\"}},[_c('div',{staticClass:\"flex_beibiao\",staticStyle:{\"width\":\"90%\"}},[_c('div',{staticClass:\"beibiao_zi\"},[_c('img',{attrs:{\"src\":require(\"./imgs/Dashboard_icon.png\")}}),_c('span',[_vm._v(_vm._s(this.$t(\"message.dashboard.device\")))])]),_c('div',{staticStyle:{\"display\":\"flex\"}},[_c('div',{staticClass:\"beibiao_zi1\"},[_vm._v(_vm._s(this.$t(\"message.dashboard.Online\")))]),_c('div',{staticClass:\"beibiao_bg\"}),_c('div',{staticClass:\"beibiao_zi1\"},[_vm._v(_vm._s(this.$t(\"message.dashboard.Offline\")))]),_c('div',{staticClass:\"beibiao_bg1\"})])]),_c('div',{staticClass:\"more\",staticStyle:{\"padding\":\"6px 20px 0 0\"}},[_c('router-link',{staticStyle:{\"color\":\"#09C08F\"},attrs:{\"to\":{name:'Device'}}},[_vm._v(\" 更多\"),_c('i',{staticClass:\"el-icon-d-arrow-right\"})])],1)]),_c('div',{staticClass:\"dasboard_one_ldown_container\"},_vm._l((5),function(a,index){return _c('div',{key:index},[_c('div',{staticClass:\"beisdk\",attrs:{\"id\":'devsdk'+index}})])}),0)])])]),_c('div',{staticClass:\"dasboard_one_right\"},[_c('div',{staticClass:\"dasboard_one_rup\"},[_c('div',{staticClass:\"beibiao_zi\"},[_c('img',{attrs:{\"src\":require(\"./imgs/Dashboard_icon.png\")}}),_c('span',[_vm._v(_vm._s(this.$t(\"message.dashboard.DiskMemory\")))])]),_vm._m(1)]),_c('div',{staticClass:\"dasboard_one_rin\"},[_c('div',{staticClass:\"beibiao_zi\"},[_c('img',{attrs:{\"src\":require(\"./imgs/Dashboard_icon.png\")}}),_c('span',[_vm._v(_vm._s(this.$t(\"message.dashboard.codec_info\")))])]),_c('div',{staticClass:\"flex_nc_ag\"},_vm._l((_vm.codecInfo),function(a,index){return _c('div',{key:index,staticClass:\"flex_nc_cpu\"},[_c('span',{staticClass:\"cpu_zuo\"},[_vm._v(_vm._s(a.name)+\":\")]),_c('span',{staticClass:\"cpu_you\"},[_vm._v(\" \"+_vm._s(a.id))])])}),0)]),_c('div',{staticClass:\"dasboard_one_rdown\"},[_c('div',{staticStyle:{\"display\":\"flex\",\"justify-content\":\"space-between\"}},[_c('div',{staticClass:\"beibiao_zi\"},[_c('img',{attrs:{\"src\":require(\"./imgs/Dashboard_icon.png\")}}),_c('span',[_vm._v(_vm._s(this.$t(\"message.dashboard.GPU_info\")))])]),_c('div',[_c('router-link',{staticStyle:{\"color\":\"#09C08F\"},attrs:{\"to\":{name:'GPU'}}},[_vm._v(\" 更多\"),_c('i',{staticClass:\"el-icon-d-arrow-right\"})])],1)]),_c('div',{staticClass:\"flex_GPU\"},[_c('div',[_vm._v(\"Intel: \"+_vm._s(_vm.Gpulen.nIndex))]),_c('div',[_vm._v(\"NVIDIA: \"+_vm._s(_vm.Gpulen.nvidia))])])]),_c('div',{staticClass:\"dasboard_one_rdown_most\"},[_c('div',{staticClass:\"beibiao_zi\"},[_c('img',{attrs:{\"src\":require(\"./imgs/Dashboard_icon.png\")}}),_c('span',[_vm._v(_vm._s(this.$t(\"message.dashboard.capability\")))])]),_c('div',{staticClass:\"function_list\"},_vm._l((_vm.system),function(c,index){return _c('div',{key:index,staticClass:\"function_list_content\"},[_c('span',[_vm._v(_vm._s(c.name))]),_c('el-switch',{attrs:{\"disabled\":\"\",\"active-color\":\"#13ce66\",\"inactive-color\":\"#ff4949\"},model:{value:(c.id),callback:function ($$v) {_vm.$set(c, \"id\", $$v)},expression:\"c.id\"}})],1)}),0)])])]),_c('div',{staticClass:\"dasboard_two\"},[_c('div',{staticClass:\"dasboard_two1\"},[_c('div',{staticClass:\"beibiao_zi\"},[_c('img',{attrs:{\"src\":require(\"./imgs/Dashboard_icon.png\")}}),_c('span',[_vm._v(_vm._s(this.$t(\"message.dashboard.system_info\")))])]),_c('div',{staticClass:\"flex_nc_ag\"},_vm._l((_vm.capability),function(b,index){return _c('div',{key:index,staticClass:\"flex_nc_cpu\"},[_c('span',{staticClass:\"cpu_zuo\"},[_vm._v(_vm._s(b.name)+\":\")]),(b.name!='主机号'&&b.name!='Hostid')?_c('span',{staticClass:\"cpu_you\"},[_vm._v(\" \"+_vm._s(b.id))]):_vm._e(),(b.name=='主机号'||b.name=='Hostid')?_c('input',{attrs:{\"id\":\"foo\",\"type\":\"text\"},domProps:{\"value\":b.id}}):_vm._e(),(b.name=='主机号'||b.name=='Hostid')?_c('i',{staticClass:\"copy iconfont icon-fuzhi\",staticStyle:{\"margin-left\":\"10px\"},attrs:{\"data-clipboard-target\":\"#foo\"},on:{\"click\":function($event){return _vm.copylink(b.id)}}}):_vm._e()])}),0)]),_c('div',{staticClass:\"dasboard_two2\"},[_c('div',{staticClass:\"beibiao_zi\"},[_c('img',{attrs:{\"src\":require(\"./imgs/Dashboard_icon.png\")}}),_c('span',[_vm._v(_vm._s(this.$t(\"message.dashboard.running\")))])]),_c('div',{staticClass:\"zong_flex\"},[_c('div',{staticClass:\"zong_mve\"},[_c('div',[_vm._v(_vm._s(this.$t(\"message.dashboard.running\")))]),_c('div',[_vm._v(_vm._s(_vm.strRunTime.strRunTime))])]),_c('div',{staticClass:\"zong_mve\"},[_c('div',[_vm._v(_vm._s(this.$t(\"message.dashboard.cameras\")))]),_c('div',[_vm._v(_vm._s(_vm.dev.nCameraTotal))])]),_c('div',{staticClass:\"zong_mve\"},[_c('div',[_vm._v(_vm._s(this.$t(\"message.dashboard.online_cam\")))]),_c('div',[_vm._v(_vm._s(_vm.dev.nCameraOnline))])])]),_vm._m(2)]),_c('div',{staticClass:\"dasboard_two3\"},[_c('div',{staticClass:\"beibiao_zi\"},[_c('img',{attrs:{\"src\":require(\"./imgs/Dashboard_icon.png\")}}),_c('span',[_vm._v(_vm._s(this.$t(\"message.dashboard.device\")))])]),_c('div',{staticClass:\"container_sdk\"},_vm._l((_vm.devbucket),function(da,index){return _c('div',{key:index,staticClass:\"containesr_sdks\"},[_c('div',{staticClass:\"sdk_back\"},[_c('div',{staticClass:\"sdk_szie\"},[_vm._v(_vm._s(da.percentage)+\"%\")])]),_c('div',{staticClass:\"containesr_sdks_zi\"},[_c('div',[_vm._v(_vm._s(da.name))]),_c('div',[_vm._v(_vm._s(_vm.total)+\" \"+_vm._s(da.total1)+\" \"+_vm._s(_vm.ge))])])])}),0)])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"dasboard_one_lupr\"},[_c('div',{staticClass:\"beibiao_zi\"},[_c('img',{attrs:{\"src\":require(\"./imgs/Dashboard_icon.png\")}}),_c('span',[_vm._v(\"CPU\")])]),_c('div',{staticStyle:{\"width\":\"100%\",\"height\":\"95%\"},attrs:{\"id\":\"container1\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"nr_mory\"},[_c('div',{staticClass:\"nr_mory1\",attrs:{\"id\":\"nodepopup_number\"}},[_c('canvas',{attrs:{\"width\":\"150\",\"height\":\"150\"}})]),_c('div',{staticClass:\"nr_mory1\",attrs:{\"id\":\"nodepopup_number1\"}},[_c('canvas',{attrs:{\"width\":\"150\",\"height\":\"150\"}})]),_c('div',{staticClass:\"nr_mory1\",attrs:{\"id\":\"nodepopup_number2\"}},[_c('canvas',{attrs:{\"width\":\"150\",\"height\":\"150\"}})])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"zong_img\"},[_c('img',{attrs:{\"src\":require(\"./imgs/Dashboard_chart.png\")}})])}]\n\nexport { render, staticRenderFns }","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Dashboard.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!./Dashboard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Dashboard.vue?vue&type=template&id=67a3f1be&scoped=true&\"\nimport script from \"./Dashboard.vue?vue&type=script&lang=js&\"\nexport * from \"./Dashboard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Dashboard.vue?vue&type=style&index=0&id=67a3f1be&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"67a3f1be\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"static/img/Dashboard_chart.c5b011e2.png\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAICAYAAAD0g6+qAAAAsklEQVQokYWRsQ3CMBBFn6NUgTlgHjok9khFUpCSATJBpJQ0pgZRZgGcDdwzAM3ZHKcgvmTd3b/z97ftqqlH4SSxVdxB4qC4rcRQ+whAaUQaVbcislfcICIbxQUAJ46sCMDFHARwTxsV5trH4KqpXxLJQ7IA1sAKeAA3O1cA7ocIf3pfKJWbo+nZq72AK/C0bmofQyFFA3Sq2QE7YFTcCJz5XDWLJEcJ7UKuvzzl+rFz/ga0Gy3iaSgE5AAAAABJRU5ErkJggg==\"","<template>\n  <div class=\"dasboard\">\n    <div class=\"dasboard_global\">\n      <!-- 顶部 -->\n      <div class=\"dasboard_one\">\n        <!-- 顶部左侧 -->\n        <div class=\"dasboard_one_left\">\n          <!-- 顶部左侧上部 -->\n          <div class=\"dasboard_one_lup\">\n            <div class=\"dasboard_one_lupl\">\n              <div class=\"beibiao_zi\">\n                <img src=\"./imgs/Dashboard_icon.png\" />\n                <span>{{this.$t(\"message.dashboard.an_out\")}}</span>\n              </div>\n              <div id=\"container0\" style=\"width: 100%;height: 95%;\"></div>\n            </div>\n            <div class=\"dasboard_one_lupr\">\n              <div class=\"beibiao_zi\">\n                <img src=\"./imgs/Dashboard_icon.png\" />\n                <span>CPU</span>\n              </div>\n              <div id=\"container1\" style=\"width: 100%;height: 95%;\"></div>\n            </div>\n          </div>\n          <!-- 顶部左侧下部 -->\n          <div class=\"dasboard_one_ldown\">\n            <!-- 顶部左侧下部右侧 -->\n            <div class=\"dasboard_one_ldown_right\">\n              <div style=\"display: flex; justify-content: space-between;\">\n                <div class=\"flex_beibiao\" style=\"width:90%\">\n                  <div class=\"beibiao_zi\">\n                    <img src=\"./imgs/Dashboard_icon.png\" />\n                    <span>{{this.$t(\"message.dashboard.device\")}}</span>\n                  </div>\n                  <div style=\"display: flex;\">\n                    <div class=\"beibiao_zi1\">{{this.$t(\"message.dashboard.Online\")}}</div>\n                    <div class=\"beibiao_bg\"></div>\n                    <div class=\"beibiao_zi1\">{{this.$t(\"message.dashboard.Offline\")}}</div>\n                    <div class=\"beibiao_bg1\"></div>\n                  </div>\n                </div>\n                <div class=\"more\" style=\"padding: 6px 20px 0 0;\">\n                  <router-link :to=\"{name:'Device'}\" style=\"color:#09C08F\">\n                    更多<i class=\"el-icon-d-arrow-right\"></i>\n                  </router-link>\n                </div>\n              </div>\n              <div class=\"dasboard_one_ldown_container\">\n                <div v-for=\"(a,index) in 5\" :key=\"index\">\n                  <div :id=\"'devsdk'+index\" class=\"beisdk\"></div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n        <!-- 顶部右侧 -->\n        <div class=\"dasboard_one_right\">\n          <!-- 顶部右侧上部 -->\n          <div class=\"dasboard_one_rup\">\n            <div class=\"beibiao_zi\">\n              <img src=\"./imgs/Dashboard_icon.png\" />\n              <span>{{this.$t(\"message.dashboard.DiskMemory\")}}</span>\n            </div>\n            <div class=\"nr_mory\">\n              <div id=\"nodepopup_number\" class=\"nr_mory1\">\n                <canvas width=\"150\" height=\"150\"></canvas>\n              </div>\n              <div id=\"nodepopup_number1\" class=\"nr_mory1\">\n                <canvas width=\"150\" height=\"150\"></canvas>\n              </div>\n              <div id=\"nodepopup_number2\" class=\"nr_mory1\">\n                <canvas width=\"150\" height=\"150\"></canvas>\n              </div>\n\n            </div>\n          </div>\n          <!-- 顶部右侧中部 -->\n          <div class=\"dasboard_one_rin\">\n            <div class=\"beibiao_zi\">\n              <img src=\"./imgs/Dashboard_icon.png\" />\n              <span>{{this.$t(\"message.dashboard.codec_info\")}}</span>\n            </div>\n            <div class=\"flex_nc_ag\">\n              <div class=\"flex_nc_cpu\" v-for=\"(a,index) in codecInfo\" :key=\"index\">\n                <span class=\"cpu_zuo\">{{a.name}}:</span>\n                <span class=\"cpu_you\"> {{a.id}}</span>\n              </div>\n            </div>\n          </div>\n          <!-- 顶部右侧下部 -->\n          <div class=\"dasboard_one_rdown\">\n            <div style=\"display: flex; justify-content: space-between;\">\n              <div class=\"beibiao_zi\">\n                <img src=\"./imgs/Dashboard_icon.png\" />\n                <span>{{this.$t(\"message.dashboard.GPU_info\")}}</span>\n              </div>\n              <div>\n                <router-link :to=\"{name:'GPU'}\" style=\"color:#09C08F\">\n                  更多<i class=\"el-icon-d-arrow-right\"></i>\n                </router-link>\n              </div>\n            </div>\n            <div class=\"flex_GPU\">\n              <div>Intel: {{Gpulen.nIndex}}</div>\n              <div>NVIDIA: {{Gpulen.nvidia}}</div>\n            </div>\n          </div>\n          <!-- 顶部左侧下部左侧 -->\n          <div class=\"dasboard_one_rdown_most\">\n            <div class=\"beibiao_zi\">\n              <img src=\"./imgs/Dashboard_icon.png\" />\n              <span>{{this.$t(\"message.dashboard.capability\")}}</span>\n            </div>\n            <div class=\"function_list\">\n              <div class=\"function_list_content\" v-for=\"(c,index) in system\" :key=\"index\">\n                <span>{{c.name}}</span>\n                <el-switch v-model=\"c.id\" disabled active-color=\"#13ce66\" inactive-color=\"#ff4949\">\n                </el-switch>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <!-- 底部 -->\n      <div class=\"dasboard_two\">\n        <!-- 一 -->\n        <div class=\"dasboard_two1\">\n          <div class=\"beibiao_zi\">\n            <img src=\"./imgs/Dashboard_icon.png\" />\n            <span>{{this.$t(\"message.dashboard.system_info\")}}</span>\n          </div>\n          <div class=\"flex_nc_ag\">\n            <div class=\"flex_nc_cpu\" v-for=\"(b,index) in capability\" :key=\"index\">\n              <span class=\"cpu_zuo\">{{b.name}}:</span>\n              <span v-if=\"b.name!='主机号'&&b.name!='Hostid'\" class=\"cpu_you\"> {{b.id}}</span>\n\n              <input v-if=\"b.name=='主机号'||b.name=='Hostid'\" id=\"foo\" type=\"text\" :value=\"b.id\" />\n              <i data-clipboard-target=\"#foo\" @click=\"copylink(b.id)\" style=\"margin-left: 10px;\"\n                v-if=\"b.name=='主机号'||b.name=='Hostid'\" class=\"copy iconfont icon-fuzhi\">\n              </i>\n            </div>\n          </div>\n        </div>\n        <!-- 二 -->\n        <div class=\"dasboard_two2\">\n          <div class=\"beibiao_zi\">\n            <img src=\"./imgs/Dashboard_icon.png\" />\n            <span>{{this.$t(\"message.dashboard.running\")}}</span>\n          </div>\n          <div class=\"zong_flex\">\n            <div class=\"zong_mve\">\n              <div>{{this.$t(\"message.dashboard.running\")}}</div>\n              <div>{{strRunTime.strRunTime}}</div>\n            </div>\n            <div class=\"zong_mve\">\n              <div>{{this.$t(\"message.dashboard.cameras\")}}</div>\n              <div>{{dev.nCameraTotal}}</div>\n            </div>\n            <div class=\"zong_mve\">\n              <div>{{this.$t(\"message.dashboard.online_cam\")}}</div>\n              <div>{{dev.nCameraOnline}}</div>\n            </div>\n          </div>\n          <div class=\"zong_img\">\n            <img src=\"./imgs/Dashboard_chart.png\" />\n          </div>\n        </div>\n        <!-- 三 -->\n        <div class=\"dasboard_two3\">\n          <div class=\"beibiao_zi\">\n            <img src=\"./imgs/Dashboard_icon.png\" />\n            <span>{{this.$t(\"message.dashboard.device\")}}</span>\n          </div>\n          <div class=\"container_sdk\">\n            <div class=\"containesr_sdks\" v-for=\"(da,index) in devbucket\" :key=\"index\">\n              <div class=\"sdk_back\">\n                <div class=\"sdk_szie\">{{da.percentage}}%</div>\n              </div>\n              <div class=\"containesr_sdks_zi\">\n                <div>{{da.name}}</div>\n                <div>{{total}} {{da.total1}} {{ge}}</div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nvar echarts = require(\"echarts\");\nexport default {\n  name: 'Dashboard',\n  data () {\n    return {\n      data: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],\n      data1: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],\n      data2: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],\n      title_text: this.$t(\"message.dashboard.an_out\"),\n      network_in: this.$t(\"message.dashboard.network_in\"),\n      network_out: this.$t(\"message.dashboard.network_out\"),\n\n      Hikvision: this.$t(\"message.dashboard.Hikvision\"),\n      Dahua: this.$t(\"message.dashboard.Dahua\"),\n      Tiandy: this.$t(\"message.dashboard.Tiandy\"),\n\n      total: this.$t(\"message.dashboard.total\"),\n      ge: this.$t(\"message.dashboard.ge\"),\n\n      Online: this.$t(\"message.dashboard.Online\"),\n      Offline: this.$t(\"message.dashboard.Offline\"),\n      capability: \"\",//版本号\n      strRunTime: \"\",//运行时间\n      codecInfo: \"\",\n      devbucket: [],\n      dev: {\n        nCameraTotal: \"\",\n        nCameraOnline: \"\",\n        nHikDevTotal: \"\",\n        nHikDevOnline: \"\",\n        nDhDevTotal: \"\",\n        nDhDevOnline: \"\",\n        nHikIscDevTotal: \"\",\n        nHikIscDevOnline: \"\",\n        nTdDevTotal: \"\",\n\n        nTdDevOnline: \"\",\n        nGbDevTotal: \"\",\n        nGbDevOnline: \"\",\n\n        nCloudTotal: \"\",\n        nCloudOnline: \"\",\n\n        nRTSPRTMPTotal: \"\",\n        nRTSPRTMPOnline: \"\",\n\n        nONVIFTotal: \"\",\n        nONVIFOnline: \"\",\n\n        nRTMPPushTotal: \"\",\n        nRTMPPushOnline: \"\"\n      },\n      system: \"\",\n      Gpulen: {\n        nIndex: \"\",\n        nvidia: \"\"\n      },\n      timerRunInfo: undefined,\n      timerRunInfo1: undefined\n    }\n  },\n  beforeDestroy () {\n    clearInterval(this.timerRunInfo);\n    clearInterval(this.timerRunInfo1)\n  },\n  mounted () {\n    this.GetRunInfo();\n    this.GetSystemInfo();\n    this.GetCodecInfo();\n    this.GetDeviceSummary();\n    this.Gpu();\n    this.timerRunInfo = setInterval(() => {\n      this.GetRunInfo();\n    }, 5000);\n    this.timerRunInfo1 = setInterval(() => {\n      this.GetDeviceSummary();\n    }, 60000 * 5)\n    var _this = this\n    console.log(_this.$root.bus.$on);\n    _this.$root.bus.$on('skintoggle', function (a) {\n      console.log(\"更换皮肤\", a)\n      _this.GetRunInfo();\n      _this.GetDeviceSummary();\n    });\n  },\n  methods: {\n    //内存圆环\n    Monitoringdetails (canvasObj, colorValue, name, percentage, value) {\n      canvasObj.height = canvasObj.height;\n      var ctx = canvasObj.getContext(\"2d\");\n      var circle = {\n        x: 75,    //圆心的x轴坐标值\n        y: 80,    //圆心的y轴坐标值\n        r: 60      //圆的半径\n      };\n\n      //画扇形\n      //ctx.sector(circle.x,circle.y,circle.r,1.5*Math.PI,(1.5+rate*2)*Math.PI);\n      //ctx.fillStyle = colorValue;\n      //ctx.fill();\n\n      ctx.beginPath();\n      ctx.arc(circle.x, circle.y, circle.r, 0, Math.PI * 2)\n      ctx.lineWidth = 2;\n      ctx.strokeStyle = '#FFFFFF';\n      ctx.stroke();\n      ctx.closePath();\n\n      ctx.beginPath();\n      ctx.arc(circle.x, circle.y, circle.r, 1.5 * Math.PI, (1.5 + percentage * 2) * Math.PI)\n      ctx.lineWidth = 8;\n      ctx.lineCap = 'round';\n      var colors = ''\n      if (colorValue == '0') {\n        colors = ctx.createLinearGradient(0, 0, 170, 0);\n        colors.addColorStop(\"0\", \"#3184E9\");\n        colors.addColorStop(\"0.4\", \"#0FCFA8\");\n        colors.addColorStop(\"1.0\", \"#3184E9\");\n      } else if (colorValue == '1') {\n        colors = ctx.createLinearGradient(0, 0, 170, 0);\n        colors.addColorStop(\"0\", \"#EAC344\");\n        colors.addColorStop(\"0.4\", \"#ECE72E\");\n        colors.addColorStop(\"1.0\", \"#EAC344\");\n      } else if (colorValue == '2') {\n        colors = ctx.createLinearGradient(0, 0, 170, 0);\n        colors.addColorStop(\"0\", \"#A63DEC\");\n        colors.addColorStop(\"0.4\", \"#E745E9\");\n        colors.addColorStop(\"1.0\", \"#A63DEC\");\n      }\n      ctx.strokeStyle = colors;\n      ctx.stroke();\n      ctx.closePath();\n      ctx.textAlign = 'center'\n      if (this.$store.state.darkMode) {\n        ctx.fillStyle = '#FFFFFF';\n      } else {\n        ctx.fillStyle = '#000000';\n      }\n      ctx.font = '20px Calibri';\n      var ratedata = Math.round(percentage * 100)\n      ctx.fillText(ratedata + '%', circle.x, circle.y - 12);\n\n      ctx.font = '10px Calibri';\n      ctx.fillText(name, circle.x, circle.y + 6);\n      ctx.font = '12px Calibri';\n      ctx.fillText(value, circle.x, circle.y + 25);\n    },\n    //GPU\n    Gpu () {\n      var url = this.$store.state.IPPORT + \"/api/v1/GetGPUInfo?session=\" + this.$store.state.token;\n      this.$http.get(url).then(result => {\n        if (result.status == 200) {\n          var data = result.data;\n          this.Gpulen.nIndex = data.intel.length;\n          this.Gpulen.nvidia = data.nvidia.length;\n        }\n      })\n    },\n    //解码器等\n    GetCodecInfo () {\n      let _this = this;\n      var url =\n        this.$store.state.IPPORT + \"/api/v1/GetCodecInfo?session=\" + this.$store.state.token;\n      // console.log(\"------------\",url)\n      this.$http.get(url).then(result => {\n        if (result.status == 200) {\n          var data = result.data;\n          var cpu = [{\n            name: this.$t(\"message.dashboard.cpumodel\"),\n            id: data.strCPUModel\n          }, {\n            name: this.$t(\"message.dashboard.PhysicalCPU\"),\n            id: data.nCPU\n          }, {\n            name: this.$t(\"message.dashboard.CPUCore\"),\n            id: data.nCPUCore\n          }, {\n            name: this.$t(\"message.dashboard.cpuencoder\"),\n            id: data.strSWEncoders\n          }, {\n            name: this.$t(\"message.dashboard.cpudecoder\"),\n            id: data.strSWDecoders\n          }]\n          this.codecInfo = cpu;\n          // console.log(\"--------------\",result,this.codecInfo);\n        }\n      })\n        .catch(error => {\n          console.log(\"GetSystemInfo\", error);\n        });\n    },\n    //设备\n    GetDeviceSummary () {\n      var url = this.$store.state.IPPORT + \"/api/v1/GetDeviceSummary?session=\" + this.$store.state.token;\n      // console.log(\"----------\",url)\n      this.$http.get(url).then(result => {\n        console.log(\"----------\", result)\n        if (result.status == 200) {\n          this.dev = result.data;\n          var data = result.data;\n          var Cloud = \"\";\n          var RTSPRx = \"\";\n          var ONVIFx = \"\";\n          var RTMPx = \"\";\n          if (this.dev.nCloudTotal == 0) {\n            Cloud = 0;\n          } else {\n            Cloud = Math.round(this.dev.nCloudOnline / this.dev.nCloudTotal * 100)\n          }\n          if (this.dev.nRTSPRTMPTotal == 0) {\n            RTSPRx = 0;\n          } else {\n            RTSPRx = Math.round(this.dev.nRTSPRTMPOnline / this.dev.nRTSPRTMPTotal * 100)\n          }\n\n          if (this.dev.nONVIFTotal == 0) {\n            ONVIFx = 0;\n          } else {\n            ONVIFx = Math.round(this.dev.nONVIFOnline / this.dev.nONVIFTotal * 100)\n          }\n\n          if (this.dev.nRTMPPushTotal == 0) {\n            RTMPx = 0;\n          } else {\n            RTMPx = Math.round(this.dev.nRTMPPushOnline / this.dev.nRTMPPushTotal * 100)\n          }\n          var databuk = [{\n            name: this.$t(\"message.dashboard.Cloud\"),\n            total1: this.dev.nCloudTotal,\n            percentage: Cloud\n          }, {\n            name: 'RTSP/RTMP',\n            total1: this.dev.nRTSPRTMPTotal,\n            percentage: RTSPRx\n          }, {\n            name: 'ONVIF',\n            total1: this.dev.nONVIFTotal,\n            percentage: ONVIFx\n          }, {\n            name: this.$t(\"message.dashboard.RTMP\"),\n            total1: this.dev.nRTMPPushTotal,\n            percentage: RTMPx\n          }]\n\n          this.devbucket = databuk\n          var devdata = [{\n            name: \"海康SDK\",\n            Total: data.nHikDevTotal,\n            Online: data.nHikDevOnline\n          }, {\n            name: \"大华SDK\",\n            Total: data.nDhDevTotal,\n            Online: data.nDhDevOnline\n          }, {\n            name: \"iSecure Center\",\n            Total: data.nHikIscDevTotal,\n            Online: data.nHikIscDevOnline\n          }, {\n            name: \"IVS\",\n            Total: data.nIvsDevTotal,\n            Online: data.nIvsDevOnline\n          }, {\n            name: \"GB\",\n            Total: data.nGbDevTotal,\n            Online: data.nGbDevOnline\n          }];\n          for (var i = 0; i < devdata.length; i++) {\n            this.devimage(devdata[i], i);\n          }\n          // console.log(data)\n        }\n      })\n    },\n    //环形\n    devimage (devdata, leng) {\n      // console.log(devdata,leng,'devive'+leng);\n      var pieId = document.getElementById(\"devsdk\" + leng)\n      // console.log(pieId,'devsdk'+leng);\n      // return false\n      if (!pieId) {\n        return false;\n      }\n      var titlecol\n      if (this.$store.state.darkMode) {\n        titlecol = \"#FFFFFF\"\n      } else {\n        titlecol = \"#000000\"\n      }\n      var myChart = echarts.init(pieId);\n      myChart.setOption({\n        tooltip: {\n          show: true\n        },\n        title: {\n          x: 'center',\n          y: 'center',\n          textStyle: {\n            fontSize: 12,\n            fontWeight: 400,\n            color: titlecol\n          }\n        },\n\n        series: [{\n          name: devdata.name,\n          type: 'pie',\n          radius: ['60%', '70%'],\n          avoidLabelOverlap: false,\n          label: {\n            normal: {\n              show: false,\n              position: 'center'\n            },\n            emphasis: {\n              show: true,\n              textStyle: {\n                fontSize: '20',\n                fontWeight: 'bold',\n              },\n              formatter: '{b}\\n{c}'\n            }\n\n          },\n          labelLine: {\n            normal: {\n              show: false\n            }\n          },\n          data: [{\n            value: devdata.Online,\n            name: this.Online,\n            itemStyle: {\n              color: '#09C08F'\n            }\n          },\n          {\n            value: devdata.Total - devdata.Online,\n            name: this.Offline,\n            itemStyle: {\n              color: '#4C80FA'\n            }\n          }\n          ]\n        }]\n      })\n      myChart.setOption({\n        title: {\n          show: true,\n          text: devdata.name + '\\n' + this.total + devdata.Total + this.ge\n        }\n      })\n\n      myChart.on('mouseover', () => {\n        myChart.setOption({\n          title: {\n            show: false\n          }\n        })\n      });\n\n      myChart.on('mouseout', () => {\n        myChart.setOption({\n          title: {\n            show: true,\n            text: devdata.name + '\\n' + this.total + devdata.Total + this.ge\n          }\n        })\n      });\n      window.onresize = function () {\n        myChart.resize();\n      }\n    },\n    //底部版本\n    GetSystemInfo () {\n      let _this = this;\n      var url = _this.$store.state.IPPORT + \"/api/v1/GetSystemInfo?session=\" + _this.$store.state.token;\n      // console.log(\"------------\",url)\n      _this.$http.get(url).then(result => {\n        // console.log(result);\n        if (result.status == 200) {\n          var data = result.data;\n          var cpu = [{\n            name: this.$t(\"message.dashboard.version\"),\n            id: data.strVersion\n          }, {\n            name: this.$t(\"message.dashboard.hostid\"),\n            id: data.strHostId\n          }, {\n            name: this.$t(\"message.dashboard.license\"),\n            id: data.strLicenseType\n          }, {\n            name: this.$t(\"message.dashboard.channel\"),\n            id: data.strChannelLimit\n          }, {\n            name: this.$t(\"message.dashboard.endtime\"),\n            id: data.strEndtime\n          }]\n          var fun = [{\n            name: this.$t(\"message.dashboard.devicesdk\"),\n            id: data.bDeviceSDK\n          }, {\n            name: this.$t(\"message.dashboard.transcoding\"),\n            id: data.bTranscoding\n          }, {\n            name: this.$t(\"message.dashboard.gb28181\"),\n            id: data.bGB28181\n          }, {\n            name: this.$t(\"message.dashboard.devicesdkpb\"),\n            id: data.bDeviceSDKPb\n          }, {\n            name: this.$t(\"message.dashboard.cluster\"),\n            id: data.bCluster\n          },\n          // {\n          //     name:this.$t(\"message.dashboard.VideoConference\"),\n          //     id:data.bVideoConference\n          // },\n          {\n            name: this.$t(\"message.dashboard.Platform\"),\n            id: data.bPlatform\n          }, {\n            name: this.$t(\"message.dashboard.Lingvideo\"),\n            id: data.bLingvideo\n          }, {\n            name: this.$t(\"message.dashboard.Docker\"),\n            id: data.bDocker\n          }]\n          this.capability = cpu;\n          this.system = fun;\n          // console.log(\"***********\",this.system)\n        }\n      }).catch(error => {\n        console.log(\"GetSystemInfo\");\n      });\n    },\n    // 流量和cpu 运行时间\n    GetRunInfo () {\n      var clusterid = $(\"#nodepopup_number canvas\").get(0)\n      var clusterid1 = $(\"#nodepopup_number1 canvas\").get(0)\n      var clusterid2 = $(\"#nodepopup_number2 canvas\").get(0)\n      if (!clusterid && !clusterid1 && !clusterid2) {\n        return false;\n      }\n      var _this = this\n      //url\n      var url = this.$store.state.IPPORT + \"/api/v1/GetRunInfo?session=\" + this.$store.state.token;\n\n      // console.log(\"url111\",url)\n      this.$http.get(url).then(result => {\n        if (result.status == 200) {\n          this.strRunTime = result.data\n          var byte = result.data\n          this.data.push(result.data.nNetworkInK)\n          this.data1.push(result.data.nNetworkOutK);\n          // this.data2.push(result.data.nCPUUsage);\n          if (result.data.nCPUUsage > 100) {\n            result.data.nCPUUsage = 100\n            this.data2.push(result.data.nCPUUsage);\n          } else {\n            this.data2.push(result.data.nCPUUsage);\n          }\n          this.data.splice(0, 1);\n          this.data1.splice(0, 1);\n          this.data2.splice(0, 1);\n\n          var pieId = document.getElementById('container0');\n          var pieId1 = document.getElementById('container1');\n          if (!pieId || !pieId1) {\n            return false;\n          }\n          var myChart = echarts.init(pieId)\n          var myChart1 = echarts.init(pieId1)\n          //根据窗口的大小变动图表 --- 重点\n          window.onresize = function () {\n            myChart.resize();\n            myChart1.resize();\n          }\n          this.liunv(myChart);\n          this.cpunv(myChart1);\n\n          //圆环\n          var nodedatafor = [{\n            id: clusterid,\n            name: this.$t(\"message.dashboard.free_space\"),\n            percentage: Number(((byte.nTotalSpaceByte - byte.nFreeSpaceByte) / byte.nTotalSpaceByte).toFixed(2)),\n            value: ((byte.nFreeSpaceByte) / 1024 / 1024 / 1024).toFixed(1) + \"G\"\n          }, {\n            id: clusterid1,\n            name: this.$t(\"message.dashboard.memory\"),\n            percentage: Number((byte.nMemoryUsage / 100).toFixed(2)),\n            value: (byte.nTotalMemoryByte / 1024 / 1024 / 1024).toFixed(1) + \"G\"\n          }, {\n            id: clusterid2,\n            name: this.$t(\"message.dashboard.Storage\"),\n            percentage: Number(((byte.nRecordTotalSpaceByte - byte.nRecordFreeSpaceByte) / byte.nRecordTotalSpaceByte).toFixed(2)),\n            value: (byte.nRecordTotalSpaceByte / 1024 / 1024 / 1024).toFixed(1) + \"G\"\n          }]\n          for (var i = 0; i < nodedatafor.length; i++) {\n            _this.Monitoringdetails(nodedatafor[i].id,\n              i,\n              nodedatafor[i].name,\n              nodedatafor[i].percentage,\n              nodedatafor[i].value)\n          }\n        }\n      })\n    },\n    liunv (myChart) {\n      // console.log(lengthnv,nvidiadata,l)\n      // return false;\n      var base = +new Date();\n      var date = [];\n      var _this = this;\n      var oneSecond = 5000;\n      for (var i = 1; i < 62; i++) {\n        var now = new Date((base += oneSecond));\n        date.push(\n          [('0' + now.getSeconds()).slice(-2) + 's']\n        )\n      }\n      // return false;\n      // 绘制图表\n      var titlecol\n      if (this.$store.state.darkMode) {\n        titlecol = \"#FFFFFF\"\n      } else {\n        titlecol = \"#000000\"\n      }\n      var Option = {\n        tooltip: {\n          trigger: 'axis',\n          position: function (pt) {\n            return [pt[0], '10%']\n          },\n          formatter: \"{b0}<br />{a0}:{c0}Kbps<br />{a1}:{c1}Kbps\"\n        },\n        title: {\n          left: 'center',\n          text: \"nvidiadata[l].strName\",\n          show: false,\n        },\n        legend: {\n          data: [this.network_in, this.network_out],\n          icon: 'rect',\n          itemWidth: 35,\n          itemHeight: 2,\n          textStyle: {\n            fontSize: 12,//字体大小\n            color: titlecol//字体颜色\n          },\n        },\n        xAxis: {\n          type: 'category',\n          boundaryGap: false,\n          data: date,\n          axisLine: {\n            show: false\n          },\n          axisTick: {\n            show: false\n          },\n          splitLine: { //网格线\n            \"show\": false\n          },\n          axisLabel: {\n            show: true,\n            textStyle: {\n              color: titlecol\n            }\n          }\n        },\n        yAxis: {\n          type: 'value',\n          axisLine: {\n            show: false\n          },\n          splitLine: { //网格线\n            \"show\": false\n          },\n          axisTick: {\n            show: false\n          },\n          axisLabel: {\n            show: true,\n            textStyle: {\n              color: titlecol,\n              // border:' 1px solid #000',\n            }\n          }\n        },\n        series: [{\n          name: this.network_in,\n          type: 'line',\n          smooth: true,\n          symbol: 'none',\n          sampling: 'average',\n          itemStyle: {\n            color: '#3caef1'\n          },\n          areaStyle: {\n            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{\n              offset: 0,\n              color: '#2b74ff'\n            },\n            {\n              offset: 1,\n              color: 'rgba(255,255,255,0.2)'\n            }\n            ])\n          },\n          data: this.data\n        }, {\n          name: this.network_out,\n          type: 'line',\n          smooth: true,\n          symbol: 'none',\n          sampling: 'average',\n          itemStyle: {\n            color: '#14c7b1'\n          },\n          areaStyle: {\n            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{\n              offset: 0,\n              color: '#5cf4ff'\n            },\n            {\n              offset: 1,\n              color: 'rgba(255,255,255,0.2)'\n            }\n            ])\n          },\n          data: this.data1\n        },]\n      }\n      // myChart.clear();\n      myChart.setOption(Option)\n    },\n    cpunv (myChart1) {\n      var base = +new Date()\n      var oneSecond = 5000\n      var date = [];\n      for (var i = 1; i <= 61; i++) {\n        var now = new Date((base += oneSecond))\n        date.push(\n          [('0' + now.getSeconds()).slice(-2) + 's']\n        )\n      }\n      var titlecol\n      if (this.$store.state.darkMode) {\n        titlecol = \"#FFFFFF\"\n      } else {\n        titlecol = \"#000000\"\n      }\n      // 绘制图表\n      myChart1.setOption({\n        tooltip: {\n          trigger: 'axis',\n          position: function (pt) {\n            return [pt[0], '10%']\n          },\n          formatter: \"{b0}<br />{a0}:{c0}%\"\n        },\n        title: {\n          left: 'center',\n          text: 'CPU',\n          show: false\n        },\n        legend: {\n          data: ['CPU'],\n          icon: 'rect',\n          itemWidth: 35,\n          itemHeight: 2,\n          x: \"200px\",\n          textStyle: {\n            fontSize: 12,//字体大小\n            color: titlecol//字体颜色\n          },\n        },\n        xAxis: {\n          type: 'category',\n          boundaryGap: false,\n          data: date,\n          axisLine: {\n            show: false\n          },\n          axisTick: {\n            show: false\n          },\n          splitLine: { //网格线\n            \"show\": false\n          },\n          axisLabel: {\n            show: true,\n            textStyle: {\n              color: titlecol\n            }\n          }\n        },\n        yAxis: {\n          type: 'value',\n          axisLine: {\n            show: false\n          },\n          splitLine: { //网格线\n            \"show\": false\n          },\n          axisTick: {\n            show: false\n          },\n          axisLabel: {\n            show: true,\n            textStyle: {\n              color: titlecol\n            }\n          }\n        },\n        series: [{\n          name: 'CPU',\n          type: 'line',\n          smooth: true,\n          symbol: 'none',\n          sampling: 'average',\n          itemStyle: {\n            color: '#0acb97'\n          },\n          areaStyle: {\n            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{\n              offset: 0,\n              color: '#0acb97'\n            },\n            {\n              offset: 1,\n              color: 'rgba(255,255,255,0.2)'\n            }\n            ])\n          },\n          data: this.data2\n        },]\n      })\n    },\n    // 复制\n    copylink (id) {\n\n      var clipboard = new this.clipboard('.copy');\n      //成功回调\n      var _this = this;\n      clipboard.on('success', function (e) {\n        console.info('Action:', e.action);\n        console.info('Text:', e.text);\n        console.info('Trigger:', e.trigger);\n        e.clearSelection();\n        _this.$message(_this.$t(\"message.dashboard.Copysuccessful\"))\n      });\n      //失败回调\n      clipboard.on('error', function (e) {\n        console.error('Action:', e.action);\n        console.error('Trigger:', e.trigger);\n      });\n    },\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n// 首页块状背景颜色\n.c-app {\n  .dasboard {\n    .back_g {\n      background-color: #ffffff;\n    }\n    .dasboard_two {\n      .dasboard_two1 {\n        .flex_nc_ag {\n          .flex_nc_cpu {\n            #foo {\n              color: #000;\n            }\n          }\n        }\n      }\n    }\n  }\n}\n.c-app.c-dark-theme {\n  .dasboard {\n    .back_g {\n      background-color: #2c2c2c;\n    }\n    .dasboard_two {\n      .dasboard_two1 {\n        .flex_nc_ag {\n          .flex_nc_cpu {\n            #foo {\n              color: #fff;\n            }\n          }\n        }\n      }\n    }\n  }\n}\n.dasboard {\n  .beibiao_zi {\n    font-size: 14px;\n    margin: 0 10px;\n    margin-bottom: 8px;\n    font-family: PingFang SC;\n    font-weight: 550;\n  }\n  .back_g {\n    border-radius: 2px;\n    padding: 10px;\n  }\n  width: 100%;\n  height: 90vh;\n  .dasboard_global {\n    width: 100%;\n    height: 100%;\n    padding: 15px 20px;\n    box-sizing: border-box;\n    display: flex;\n    flex-wrap: wrap;\n    align-content: space-between;\n    border-radius: 10px;\n    min-width: 993px;\n    min-height: 850px;\n    .dasboard_one {\n      width: 100%;\n      height: 69.3%;\n      display: flex;\n      justify-content: space-between;\n      // background-color: aqua;\n      .dasboard_one_left {\n        width: 76%;\n        height: 100%;\n        display: flex;\n        flex-wrap: wrap;\n        align-content: space-between;\n        .dasboard_one_lup {\n          width: 100%;\n          display: flex;\n          justify-content: space-between;\n          height: 49.5%;\n          .dasboard_one_lupl {\n            width: 49.8%;\n            @extend .back_g;\n          }\n          .dasboard_one_lupr {\n            width: 49.8%;\n            @extend .back_g;\n          }\n        }\n        .dasboard_one_ldown {\n          width: 100%;\n          height: 49.5%;\n          display: flex;\n          justify-content: space-between;\n          .dasboard_one_ldown_left {\n            width: 34.6%;\n            @extend .back_g;\n            .function_list {\n              width: 100%;\n              height: 90%;\n              display: flex;\n              justify-content: center;\n              align-content: space-around;\n              flex-wrap: wrap;\n              .function_list_content {\n                width: 40%;\n                // text-align: center;\n                span {\n                  margin-right: 5px;\n                }\n                .el-switch.is-disabled {\n                  opacity: 1;\n                }\n              }\n            }\n          }\n          .dasboard_one_ldown_right {\n            width: 100%;\n            @extend .back_g;\n            .flex_beibiao {\n              width: 100%;\n              display: flex;\n              justify-content: space-between;\n              padding: 10px 20px;\n              .beibiao_zi {\n                font-size: 16px;\n                font-weight: 400;\n                margin: 0 10px;\n              }\n              .beibiao_zi1 {\n                font-size: 12px;\n                font-weight: 400;\n                margin-right: 10px;\n              }\n              .beibiao_bg {\n                width: 15px;\n                height: 15px;\n                margin-right: 10px;\n                background-color: #09c08f;\n              }\n              .beibiao_bg1 {\n                width: 15px;\n                height: 15px;\n                margin-right: 10px;\n                background-color: #4c80fa;\n              }\n            }\n\n            .dasboard_one_ldown_container {\n              width: 100%;\n              height: 80%;\n              display: flex;\n              justify-content: space-between;\n              div {\n                width: 20%;\n                height: 100%;\n                div {\n                  width: 100%;\n                  height: 100%;\n                }\n              }\n            }\n          }\n        }\n      }\n      .dasboard_one_right {\n        width: 23.7%;\n        height: 100%;\n        display: flex;\n        flex-wrap: wrap;\n        align-content: space-between;\n        .dasboard_one_rup {\n          width: 100%;\n          height: 34%;\n          @extend .back_g;\n          .nr_mory {\n            height: 80%;\n            display: flex;\n            width: 100%;\n            // padding: 0 20px;\n            justify-content: space-between;\n            align-items: center;\n            text-align: center;\n            .nr_mory1 {\n              width: 33%;\n              text-align: center;\n            }\n          }\n        }\n        .dasboard_one_rin {\n          width: 100%;\n          height: 33%;\n          @extend .back_g;\n          .flex_nc_ag {\n            margin: 20px 0;\n            height: 80%;\n            display: flex;\n            flex-wrap: wrap;\n            overflow-y: auto;\n            align-content: space-between;\n            .flex_nc_cpu {\n              width: 100%;\n              // height:90%;\n              .cpu_zuo {\n                font-size: 14px;\n                /* font-family:PingFang SC; */\n                font-weight: 600;\n                margin-right: 8px;\n                opacity: 0.6;\n              }\n              .cpu_you {\n                font-size: 14px;\n                /* font-family:PingFang SC; */\n                font-weight: 500;\n              }\n            }\n          }\n        }\n        .dasboard_one_rdown {\n          width: 100%;\n          height: 11%;\n          @extend .back_g;\n          .flex_GPU {\n            width: 100%;\n            height: 50%;\n            display: flex;\n            justify-content: space-around;\n            align-items: center;\n          }\n        }\n        .dasboard_one_rdown_most {\n          width: 100%;\n          height: 20%;\n          @extend .back_g;\n          .function_list {\n            width: 100%;\n            height: 70%;\n            display: flex;\n            flex-wrap: wrap;\n            // justify-content: space-between;\n            align-content: space-between;\n            .function_list_content {\n              width: 32%;\n              display: flex;\n              justify-content: space-between;\n            }\n          }\n        }\n      }\n    }\n    .dasboard_two {\n      width: 100%;\n      height: 30%;\n      display: flex;\n      justify-content: space-between;\n      .dasboard_two1 {\n        width: 27%;\n        @extend .back_g;\n        .flex_nc_ag {\n          margin: 5px 0;\n          height: 80%;\n          display: flex;\n          flex-wrap: wrap;\n          overflow-y: auto;\n          align-content: space-between;\n          .flex_nc_cpu {\n            width: 100%;\n            margin: 0 0 0 10px;\n            margin-bottom: 10px;\n            .cpu_zuo {\n              font-size: 12px;\n              /* font-family:PingFang SC; */\n              font-weight: 600;\n              margin-right: 8px;\n              opacity: 0.6;\n            }\n            .cpu_you {\n              font-size: 12px;\n              /* font-family:PingFang SC; */\n              font-weight: 600;\n            }\n            #foo {\n              border: 0;\n              width: 78%;\n              background: none;\n            }\n          }\n        }\n      }\n      .dasboard_two2 {\n        width: 32%;\n        @extend .back_g;\n        .zong_flex {\n          display: flex;\n          flex-wrap: wrap;\n          justify-content: space-between;\n          align-content: space-between;\n          margin: 0px 10px;\n          .zong_mve {\n            font-weight: 500;\n            div {\n              margin-bottom: 10px;\n            }\n            div:nth-child(1) {\n              opacity: 0.6;\n            }\n          }\n        }\n        .zong_img {\n          width: 100%;\n          text-align: center;\n          img {\n            width: 90%;\n          }\n        }\n      }\n      .dasboard_two3 {\n        width: 40.2%;\n        @extend .back_g;\n        .container_sdk {\n          width: 100%;\n          height: 90%;\n          display: flex;\n          flex-wrap: wrap;\n          justify-content: space-around;\n          text-align: center;\n          .containesr_sdks {\n            width: 24%;\n            height: 100%;\n            text-align: center;\n            .sdk_back {\n              width: 100%;\n              text-align: center;\n              // padding: 45% 6px;\n              font-size: 22px;\n              font-family: Arial Black;\n              font-weight: 400;\n              color: #b4ffef;\n              width: 100%;\n              height: 75%;\n              background: url(\"./imgs/Dashboard_shuitong.png\") no-repeat center;\n              // background-size: 100%;\n              position: relative;\n            }\n            .sdk_szie {\n              padding-top: 35%;\n              width: 100%;\n            }\n          }\n        }\n      }\n    }\n  }\n}\n</style>","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Dashboard.vue?vue&type=style&index=0&id=67a3f1be&prod&lang=scss&scoped=true&\""],"sourceRoot":""}