{"version":3,"sources":["webpack:///./src/views/dashboard/GPU.vue?5f2f","webpack:///./src/views/dashboard/GPU.vue?430c","webpack:///src/views/dashboard/GPU.vue","webpack:///./src/views/dashboard/GPU.vue?fdde","webpack:///./src/views/dashboard/GPU.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","_l","a","index","key","_v","_s","nvidiadata1","staticStyle","staticRenderFns","component"],"mappings":"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","file":"static/js/chunk-3e2cb53e.ff376a18.js","sourcesContent":["import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GPU.vue?vue&type=style&index=0&id=43176543&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GPU.vue?vue&type=style&index=0&id=43176543&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"page-wrapper\"}},[_c('div',{staticClass:\"GPU_container\"},_vm._l((_vm.lent),function(a,index){return _c('div',{key:index,staticClass:\"container_flex\"},[_c('div',{staticClass:\"beibiao_zi\"},[_c('img',{attrs:{\"src\":require(\"../imgs/Dashboard_icon.png\")}}),_c('span',[_vm._v(_vm._s(_vm.nvidiadata1[index]))])]),_c('div',{staticStyle:{\"width\":\"100%\",\"height\":\"100%\"},attrs:{\"id\":'container'+a+a}})])}),0)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div id=\"page-wrapper\">\n        <div class=\"GPU_container\">\n            <div v-for=\"(a,index) in lent\" :key=\"index\" class=\"container_flex\">\n                <div class=\"beibiao_zi\">\n                    <img src=\"../imgs/Dashboard_icon.png\"/>\n                    <span>{{nvidiadata1[index]}}</span>\n                </div>\n                <div :id=\"'container'+a+a\" style=\"width: 100%;height: 100%;\"></div>\n            </div>\n        </div>\n    </div>\n</template>\n<script>\nimport echarts from 'echarts'\nexport default {\n    name: \"GPU\",\n    data() {\n        return {\n            lent:12,\n            data:[\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\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\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\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\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\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\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\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\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\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\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\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            ],\n            Gpudata:[],\n            Gpu_in:this.$t(\"message.dashboard.gpudecoder\"),\n            Gpu_out:this.$t(\"message.dashboard.gpuencoder\"),\n            title_text:this.$t(\"message.dashboard.an_out\"),\n            nvidiadata1:[]\n        }\n    },\n    beforeDestroy() {\n        clearInterval(this.timerRunInfo);\n    },\n    mounted(){\n        this.Gpufo();\n        this.timerRunInfo = setInterval(() => {\n            this.Gpufo();\n        }, 5000);\n        var _this=this\n        _this.$root.bus.$on('skintoggle', function(a){\n            console.log(\"更换皮肤\",a)\n            _this.Gpufo();\n        });\n    },\n    methods:{\n        Gpufo(){\n            let _this = this;\n            var root = this.$store.state.IPPORT;\n            var url =root + \"/api/v1/GetGPUInfo?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                    this.Gpudata=data;\n                    this.lent=data.nvidia.length;\n                    this. Gpuul(data);\n                }\n            })\n        },\n        Gpuul(datafo){\n            let _this = this;\n            var root = this.$store.state.IPPORT;\n\n            var url =root + \"/api/v1/GetGPULoad?session=\" + this.$store.state.token;\n            this.$http.get(url).then(result => {\n                if (result.status == 200) {\n                    var data = result.data;\n                    var nvidiadata=[];\n                    // return false;\n                    for(var i=0;i<data.nvidia.length;i++){\n                        if(datafo.nvidia[i].nIndex==data.nvidia[i].nIndex){\n                            var dataroot={\n                                nIndex:data.nvidia[i].nIndex,\n                                strName:datafo.nvidia[i].strName,\n                                nEncodeUsage:data.nvidia[i].nEncodeUsage,\n                                nDecodeUsage:data.nvidia[i].nDecodeUsage\n                            }\n                            nvidiadata.push(dataroot);\n                            this.nvidiadata1.push(datafo.nvidia[i].strName);\n                        }\n                    }\n                    var lengthnv=nvidiadata.length;\n                    for(var i=0;i<nvidiadata.length;i++){\n                        this.data[i].data.push(nvidiadata[i].nDecodeUsage);\n                        this.data[i].data.splice(0, 1);\n                        this.data[i].data1.push(nvidiadata[i].nEncodeUsage);\n                        this.data[i].data1.splice(0, 1);\n                        // console.log(\"******\",i)\n                        this.GPUnv(lengthnv,nvidiadata,i);\n                    }\n                }\n            })\n        },\n        GPUnv(lengthnv,nvidiadata,l){\n            // console.log(lengthnv,nvidiadata,l)\n            // return false;\n            var base = +new Date();\n            var date = [];\n            var _this=this;\n            var oneSecond = 1000;\n            for (var i = 1; i <= 64; i++) {\n                var now = new Date((base += oneSecond));\n                date.push(\n                    [('0' + now.getSeconds()).slice(-2) + 's']\n                )\n            }\n            var pieId = document.getElementById('container'+(l+1)+(l+1));\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            // return false;\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.Gpu_in,this.Gpu_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 #494A4C',\n                        }\n                    }\n                },\n                series: [{\n                    name: this.Gpu_in,\n                    type: 'line',\n                    smooth: true,\n                    symbol: 'none',\n                    sampling: 'average',\n                    itemStyle: {\n                        color: '#0BDAB4'\n                    },\n                    areaStyle: {\n                        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{\n                                offset: 0,\n                                color: 'rgba(11,218,180,0.5)'\n                            },\n                            {\n                                offset: 1,\n                                color: 'rgba(255,255,255,.2)'\n                            }\n                        ])\n                    },\n                    data: this.data[l].data\n                }, {\n                    name: this.Gpu_out,\n                    type: 'line',\n                    smooth: true,\n                    symbol: 'none',\n                    sampling: 'average',\n                    itemStyle: {\n                        color: '#FF9C66'\n                    },\n                    areaStyle: {\n                        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{\n                                offset: 0,\n                                color: 'rgba(255,156,102,0.5)'\n                            },\n                            {\n                                offset: 1,\n                                color: 'rgba(255,255,255,.2)'\n                            }\n                        ])\n                    },\n                    data: this.data[l].data1\n                }, ]\n            }\n            // myChart.clear();\n            myChart.setOption(Option)\n        }\n    }\n}\n</script>\n<style scoped>\n.GPU_container{\n    width: 100%;\n    min-height: 900px;\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    padding: 30px 30px;\n}\n.container .container_flex{\n    width: 50%;\n    height: 400px;\n}\n</style>","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!./GPU.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!./GPU.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./GPU.vue?vue&type=template&id=43176543&scoped=true&\"\nimport script from \"./GPU.vue?vue&type=script&lang=js&\"\nexport * from \"./GPU.vue?vue&type=script&lang=js&\"\nimport style0 from \"./GPU.vue?vue&type=style&index=0&id=43176543&scoped=true&lang=css&\"\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  \"43176543\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}