{"version":3,"sources":["webpack:///./src/views/dashboard/Device.vue?9b53","webpack:///./src/views/dashboard/Device.vue?c2be","webpack:///src/views/dashboard/Device.vue","webpack:///./src/views/dashboard/Device.vue?ffe8","webpack:///./src/views/dashboard/Device.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_l","a","index","key","attrs","_v","_s","devdata","name","_e","staticStyle","Online","Offline","total","Total","ge","staticRenderFns","component"],"mappings":"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","file":"static/js/chunk-1f8053de.343d2e86.js","sourcesContent":["import mod 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!./Device.vue?vue&type=style&index=0&id=10f5b1ce&lang=scss&scoped=true&\"; export default mod; 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!./Device.vue?vue&type=style&index=0&id=10f5b1ce&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"Dashboard_Device\"},[_c('div',{staticClass:\"container_co\"},_vm._l((8),function(a,index){return _c('div',{key:index,staticClass:\"container\"},[_c('div',{staticClass:\"flex_beibiao\"},[(_vm.devdata)?_c('div',{staticClass:\"beibiao_zi\"},[_c('img',{attrs:{\"src\":require(\"../imgs/Dashboard_icon.png\")}}),_c('span',[_vm._v(_vm._s(_vm.devdata[index].name))])]):_vm._e(),_c('div',{staticStyle:{\"display\":\"flex\"}},[_c('div',{staticClass:\"beibiao_zi1\"},[_vm._v(_vm._s(_vm.Online))]),_c('div',{staticClass:\"beibiao_bg\"}),_c('div',{staticClass:\"beibiao_zi1\"},[_vm._v(_vm._s(_vm.Offline))]),_c('div',{staticClass:\"beibiao_bg1\"})])]),_c('div',{staticClass:\"flex_beisdk\"},[_c('div',{staticClass:\"beisdk\",attrs:{\"id\":'devicesdk'+index}}),(_vm.devdata)?_c('div',{staticClass:\"tit_sdk\"},[_c('div',[_vm._v(_vm._s(_vm.devdata[index].name))]),_c('div',[_vm._v(_vm._s(_vm.total)+_vm._s(_vm.devdata[index].Total)+_vm._s(_vm.ge))])]):_vm._e()])])}),0)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"Dashboard_Device\">\n        <div class=\"container_co\">\n            <div class=\"container\" v-for=\"(a,index) in 8\" :key=\"index\">\n                <div class=\"flex_beibiao\">\n                    <div class=\"beibiao_zi\" v-if=\"devdata\">\n                        <img src=\"../imgs/Dashboard_icon.png\"/>\n                        <span>{{devdata[index].name}}</span>\n                    </div>\n                    <div style=\"display: flex;\">\n                        <div class=\"beibiao_zi1\">{{Online}}</div>\n                        <div class=\"beibiao_bg\"></div>\n                        <div class=\"beibiao_zi1\">{{Offline}}</div>\n                        <div class=\"beibiao_bg1\"></div>\n                    </div>\n                </div>\n                <div class=\"flex_beisdk\">\n                    <div :id=\"'devicesdk'+index\" class=\"beisdk\"></div>\n                    <div class=\"tit_sdk\" v-if=\"devdata\">\n                        <div>{{devdata[index].name}}</div>\n                        <div>{{total}}{{devdata[index].Total}}{{ge}}</div>\n                        \n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n<script>\nimport echarts from 'echarts'\nexport default {\n    name: \"device\",\n    data() {\n        return {\n            dev:{},\n            devdata:\"\",\n            Hikvision:this.$t(\"message.dashboard.Hikvision\"),\n            Dahua:this.$t(\"message.dashboard.Dahua\"),\n            Tiandy:this.$t(\"message.dashboard.Tiandy\"),\n            Uniview:this.$t(\"message.dashboard.Uniview\"),\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        }\n    },\n    beforeDestroy() {\n        clearInterval(this.timerRunInfo1);\n    },\n    mounted(){\n        this.GetDeviceSummary();\n        this.timerRunInfo1 = setInterval(() => {\n            this.GetDeviceSummary();\n        }, 60000*5);\n        var _this=this\n        _this.$root.bus.$on('skintoggle', function(a){\n            console.log(\"更换皮肤\",a)\n            _this.GetDeviceSummary();\n        });\n    },\n    methods:{\n        //设备\n        GetDeviceSummary(){\n            var root = this.$store.state.IPPORT;\n            //url\n            var num=0;\n            var url = root + \"/api/v1/GetDeviceSummary?session=\"+ this.$store.state.token;\n            // console.log(\"----------\",url)\n            this.$http.get(url).then(result=>{\n                if (result.status == 200) {\n                    console.log(\"----------\",url,result)\n                    // this.dev=result.data;\n                    var data=result.data;\n                    for(var i in data){\n                    　　num++;\n                    }\n                    var devdata=[{\n                            name:this.Hikvision,\n                            Total:data.nHikDevTotal,\n                            Online:data.nHikDevOnline\n                        },{\n                            name:this.Dahua,\n                            Total:data.nDhDevTotal,\n                            Online:data.nDhDevOnline\n                        },{\n                            name:\"iSecure Center\",\n                            Total:data.nHikIscDevTotal,\n                            Online:data.nHikIscDevOnline\n                        },{\n                            name:this.Tiandy,\n                            Total:data.nTdDevTotal,\n                            Online:data.nTdDevOnline\n                        },{\n                            name:\"GB\",\n                            Total:data.nGbDevTotal,\n                            Online:data.nGbDevOnline\n                        },{\n                            name:this.Uniview,\n                            Total:data.nUnvDevTotal,\n                            Online:data.nUnvDevOnline\n                        },{\n                            name:\"DSS\",\n                            Total:data.nDssDevTotal,\n                            Online:data.nDssDevOnline\n                        },{\n                            name:\"IVS\",\n                            Total:data.nIvsDevTotal,\n                            Online:data.nIvsDevOnline\n                    }];\n                    \n                    this.devdata=devdata\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(\"devicesdk\"+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: ['54%', '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        }\n    }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.Dashboard_Device{\n    min-height: 860px;\n    .container_co{\n        margin-top: 10px;\n        width: 100%;\n        /* display: flex; */\n        /* flex-wrap: wrap;\n        justify-content: space-between; */\n        padding: 0 10px;\n        box-sizing: border-box;\n        .container{\n            width: 24%;\n            padding: 10px 10px 30px 10px;\n            display: flex;\n            display: inline-block;\n            flex-wrap: wrap;\n            margin-bottom: 10px;\n            margin-left: 0.6%;\n            border-radius: 10px;\n            .flex_beibiao{\n                width: 100%;\n                height: 10%;\n                display: flex;\n                justify-content: space-between;\n                flex-wrap: wrap;\n                padding: 10px 0;\n                .beibiao_zi{\n                    font-size:16px;\n                    font-weight:400;\n                    margin: 0 10px;\n                    // color:rgba(51,51,51,1);\n                }\n                .beibiao_zi1{\n                    font-size:12px;\n                    font-weight:400;\n                    margin-right: 10px;\n                    // color:rgba(51,51,51,1);\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            .flex_beisdk{\n                width: 100%;\n                height: 80%;\n                display: flex;\n                flex-wrap: wrap;\n                justify-content: space-between;\n                .beisdk{\n                    width: 50%;\n                    height: 200px;\n                    min-width: 160px;\n                }\n                .tit_sdk{\n                    width: 50%;\n                    padding-top: 70px;\n                    padding-left: 6%;\n                }\n                .tit_sdk div:nth-child(1){\n                    margin-bottom: 10px;\n                    font-size:16px;\n                    font-family:PingFang SC;\n                    font-weight:500;\n                    // color:rgba(51,51,51,1);\n                }\n                .tit_sdk div:nth-child(){\n                    font-size:14px;\n                    font-family:PingFang SC;\n                    font-weight:400;\n                    // color:rgba(51,51,51,1);\n                }\n            }\n        }\n    }\n}\n</style>\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!./Device.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!./Device.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Device.vue?vue&type=template&id=10f5b1ce&scoped=true&\"\nimport script from \"./Device.vue?vue&type=script&lang=js&\"\nexport * from \"./Device.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Device.vue?vue&type=style&index=0&id=10f5b1ce&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  \"10f5b1ce\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}