management/front/dkha-web-sz-main/node_modules/.cache/vue-loader/00cf84da8d723de3496bd3e7770baebd.json

{"remainingRequest":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\src\\views\\modules\\home-cell-components\\academic-people.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\src\\views\\modules\\home-cell-components\\academic-people.vue","mtime":1614735254000},{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\nimport uwbWebsocket from '@/websocket/uwb'\nimport {\n\tmapGetters\n} from \"vuex\";\nexport default {\n\tmixins: [uwbWebsocket],\n\tcomputed: {\n\t\t...mapGetters(['isFullScreen']),\n\t},\n\tprops: {\n\t\t//进\n\t\tenterTitle: {\n\t\t\ttype: String,\n\t\t\tdefault: () => {}\n\t\t},\n\t\t//出\n\t\tgooutTitle: {\n\t\t\ttype: String,\n\t\t\tdefault: () => {}\n\t\t},\n\t},\n\tdata() {\n\t\treturn {\n\t\t\tdormitoryTotalNums: {\n\t\t\t\tentrantsCount: 0,\n\t\t\t\toutCount: 0\n\t\t\t},\n\t\t}\n\t},\n\tmounted() {\n\t\tthis.aidooreightFun()\n\t},\n\tactivated() { \n\t\tconst timer = setInterval(() => {\n\t\t\tthis.aidooreightFun();\n\t\t}, 5000);\n\t\tthis.$once(\"hook:deactivated\", () => {\n\t\t\tclearInterval(timer)\n\t\t})\n\t\tthis.$once(\"hook:destroyed\", () => {\n\t\t\tclearInterval(timer)\n\t\t})\n\t},\n\tmethods: {\n\t\tdraw() {\n\t\t\t// 实例化echarts对象\n\t\t\tlet myChartDrawer = this.$echarts.init(this.$refs.myEchart);\n\t\t\tlet option = {\n\t\t\t\tcolor: ['#45DBF7', '#F69846', '#FF4343', '#AD94FF'],\n\t\t\t\ttooltip: {\n\t\t\t\t\ttrigger: 'axis',\n\t\t\t\t\t// show: false,\n\t\t\t\t\taxisPointer: {\n\t\t\t\t\t\ttype: 'shadow'\n\t\t\t\t\t},\n\t\t\t\t\tformatter: function(params) {\n\t\t\t\t\t\tvar result = params[0].name + \"<br>\";\n\t\t\t\t\t\tparams.forEach(function(item) {\n\t\t\t\t\t\t\tif (item.value) {\n\t\t\t\t\t\t\t\tresult += item.marker + \" \" + item.seriesName + \" : \" + item.value + \"</br>\";\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tresult += item.marker + \" \" + item.seriesName + \" :  0 </br>\";\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\t\t\t\t\t\treturn result;\n\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\tlegend: {\n\t\t\t\t\tdata: ['学生', '教师','访客','其它'],\n\t\t\t\t\ttextStyle: {\n\t\t\t\t\t\tcolor: '#fff'\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t\tgrid: {\n\t\t\t\t\ttop: \"20px\",\n\t\t\t\t\tleft: 0,\n\t\t\t\t\tright: '6%',\n\t\t\t\t\tbottom: 0,\n\t\t\t\t\tcontainLabel: true\n\t\t\t\t},\n\t\t\t\txAxis: [{\n\t\t\t\t\tsplitLine: {\n\t\t\t\t\t\tshow: false\n\t\t\t\t\t},\n\t\t\t\t\ttype: 'value',\n\t\t\t\t\tshow: false,\n\t\t\t\t}],\n\t\t\t\tyAxis: [{\n\t\t\t\t\tsplitLine: {\n\t\t\t\t\t\tshow: false\n\t\t\t\t\t},\n\t\t\t\t\taxisLine: { //y轴\n\t\t\t\t\t\tshow: false\n\t\t\t\t\t},\n\t\t\t\t\ttype: 'category',\n\t\t\t\t\taxisTick: {\n\t\t\t\t\t\tshow: false\n\t\t\t\t\t},\n\t\t\t\t\tdata: this.keyArr,\n\t\t\t\t\taxisLabel: {\n\t\t\t\t\t\tshow: true,\n\t\t\t\t\t\ttextStyle: {\n\t\t\t\t\t\t\tcolor: '#00FFFF'\n\t\t\t\t\t\t},\n\t\t\t\t\t}\n\t\t\t\t}],\n\t\t\t\tseries: this.series\n\t\t\t};\n\t\t\tmyChartDrawer.setOption(option);\n\t\t},\n\t\t//科研楼总人数进出\n\t\taidooreightFun() {\n\t\t\tthis.$http.get('/system/index/aidooreight')\n\t\t\t\t.then(({\n\t\t\t\t\tdata: res\n\t\t\t\t}) => {\n\t\t\t\t\tif (res.code != 0) {\n\t\t\t\t\t\treturn this.$message.error(res.msg)\n\t\t\t\t\t}\n\t\t\t\t\tthis.dormitoryTotalNums = res.data\n\t\t\t\t})\n\t\t},\n\t}\n}\n",{"version":3,"sources":["academic-people.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"academic-people.vue","sourceRoot":"src/views/modules/home-cell-components","sourcesContent":["<template>\n\t<div class=\"academic-building\">\n\t\t<div class=\"academic-building__title1\">\n\t\t\t<div class=\"title\" style=\"width: 210px;\">\n\t\t\t\t科研楼今日进入总人次\n\t\t\t\t<div class=\"angle-border left-top-border\"></div>\n\t\t\t\t<div class=\"angle-border right-top-border\"></div>\n\t\t\t\t<div class=\"angle-border left-bottom-border\"></div>\n\t\t\t\t<div class=\"angle-border right-bottom-border\"></div>\n\t\t\t</div>\n\t\t\t<div class=\"title\" style=\"width: 210px;margin-left: 50px;\">\n\t\t\t\t科研楼今日离开总人次\n\t\t\t\t<div class=\"angle-border left-top-border\"></div>\n\t\t\t\t<div class=\"angle-border right-top-border\"></div>\n\t\t\t\t<div class=\"angle-border left-bottom-border\"></div>\n\t\t\t\t<div class=\"angle-border right-bottom-border\"></div>\n\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"academic-building__content1\">\n\t\t\t<div style=\"width: 210px;\">\n\t\t\t\t<span style=\"font-size: 28px;cursor: pointer;\" @click=\"$router.push({path:'/statistics-accessRecord'})\">{{dormitoryTotalNums.entrantsCount}}\n\t\t\t\t</span>\n\t\t\t\t<span>人次</span>\n\t\t\t</div>\n\t\t\t<div style=\"width: 210px;margin-left: 50px;\">\n\t\t\t\t<span style=\"font-size: 28px;cursor: pointer\" @click=\"$router.push({path:'/statistics-accessRecord'})\">{{dormitoryTotalNums.outCount}}\n\t\t\t\t</span>\n\t\t\t\t<span>人次</span>\n\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"academic-building__title2\">\n\t\t\t<div class=\"title\" style=\"width:192px;\" @click=\"$router.push({path:'/xwyl-track',query:{url:'index'}})\">\n\t\t\t\t科研楼实时楼层人数\n\t\t\t\t<div class=\"angle-border left-top-border\"></div>\n\t\t\t\t<div class=\"angle-border right-top-border\"></div>\n\t\t\t\t<div class=\"angle-border left-bottom-border\"></div>\n\t\t\t\t<div class=\"angle-border right-bottom-border\"></div>\n\t\t\t</div>\n\t\t</div>\n\t\t<div :class=\"isFullScreen?'chart-maps':'chart-map'\" ref=\"myEchart\">\n\t\t</div>\n\t</div>\n</template>\n\n<script>\n\timport uwbWebsocket from '@/websocket/uwb'\n\timport {\n\t\tmapGetters\n\t} from \"vuex\";\n\texport default {\n\t\tmixins: [uwbWebsocket],\n\t\tcomputed: {\n\t\t\t...mapGetters(['isFullScreen']),\n\t\t},\n\t\tprops: {\n\t\t\t//进\n\t\t\tenterTitle: {\n\t\t\t\ttype: String,\n\t\t\t\tdefault: () => {}\n\t\t\t},\n\t\t\t//出\n\t\t\tgooutTitle: {\n\t\t\t\ttype: String,\n\t\t\t\tdefault: () => {}\n\t\t\t},\n\t\t},\n\t\tdata() {\n\t\t\treturn {\n\t\t\t\tdormitoryTotalNums: {\n\t\t\t\t\tentrantsCount: 0,\n\t\t\t\t\toutCount: 0\n\t\t\t\t},\n\t\t\t}\n\t\t},\n\t\tmounted() {\n\t\t\tthis.aidooreightFun()\n\t\t},\n\t\tactivated() { \n\t\t\tconst timer = setInterval(() => {\n\t\t\t\tthis.aidooreightFun();\n\t\t\t}, 5000);\n\t\t\tthis.$once(\"hook:deactivated\", () => {\n\t\t\t\tclearInterval(timer)\n\t\t\t})\n\t\t\tthis.$once(\"hook:destroyed\", () => {\n\t\t\t\tclearInterval(timer)\n\t\t\t})\n\t\t},\n\t\tmethods: {\n\t\t\tdraw() {\n\t\t\t\t// 实例化echarts对象\n\t\t\t\tlet myChartDrawer = this.$echarts.init(this.$refs.myEchart);\n\t\t\t\tlet option = {\n\t\t\t\t\tcolor: ['#45DBF7', '#F69846', '#FF4343', '#AD94FF'],\n\t\t\t\t\ttooltip: {\n\t\t\t\t\t\ttrigger: 'axis',\n\t\t\t\t\t\t// show: false,\n\t\t\t\t\t\taxisPointer: {\n\t\t\t\t\t\t\ttype: 'shadow'\n\t\t\t\t\t\t},\n\t\t\t\t\t\tformatter: function(params) {\n\t\t\t\t\t\t\tvar result = params[0].name + \"<br>\";\n\t\t\t\t\t\t\tparams.forEach(function(item) {\n\t\t\t\t\t\t\t\tif (item.value) {\n\t\t\t\t\t\t\t\t\tresult += item.marker + \" \" + item.seriesName + \" : \" + item.value + \"</br>\";\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\tresult += item.marker + \" \" + item.seriesName + \" :  0 </br>\";\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\treturn result;\n\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\tlegend: {\n\t\t\t\t\t\tdata: ['学生', '教师','访客','其它'],\n\t\t\t\t\t\ttextStyle: {\n\t\t\t\t\t\t\tcolor: '#fff'\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\tgrid: {\n\t\t\t\t\t\ttop: \"20px\",\n\t\t\t\t\t\tleft: 0,\n\t\t\t\t\t\tright: '6%',\n\t\t\t\t\t\tbottom: 0,\n\t\t\t\t\t\tcontainLabel: true\n\t\t\t\t\t},\n\t\t\t\t\txAxis: [{\n\t\t\t\t\t\tsplitLine: {\n\t\t\t\t\t\t\tshow: false\n\t\t\t\t\t\t},\n\t\t\t\t\t\ttype: 'value',\n\t\t\t\t\t\tshow: false,\n\t\t\t\t\t}],\n\t\t\t\t\tyAxis: [{\n\t\t\t\t\t\tsplitLine: {\n\t\t\t\t\t\t\tshow: false\n\t\t\t\t\t\t},\n\t\t\t\t\t\taxisLine: { //y轴\n\t\t\t\t\t\t\tshow: false\n\t\t\t\t\t\t},\n\t\t\t\t\t\ttype: 'category',\n\t\t\t\t\t\taxisTick: {\n\t\t\t\t\t\t\tshow: false\n\t\t\t\t\t\t},\n\t\t\t\t\t\tdata: this.keyArr,\n\t\t\t\t\t\taxisLabel: {\n\t\t\t\t\t\t\tshow: true,\n\t\t\t\t\t\t\ttextStyle: {\n\t\t\t\t\t\t\t\tcolor: '#00FFFF'\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t}\n\t\t\t\t\t}],\n\t\t\t\t\tseries: this.series\n\t\t\t\t};\n\t\t\t\tmyChartDrawer.setOption(option);\n\t\t\t},\n\t\t\t//科研楼总人数进出\n\t\t\taidooreightFun() {\n\t\t\t\tthis.$http.get('/system/index/aidooreight')\n\t\t\t\t\t.then(({\n\t\t\t\t\t\tdata: res\n\t\t\t\t\t}) => {\n\t\t\t\t\t\tif (res.code != 0) {\n\t\t\t\t\t\t\treturn this.$message.error(res.msg)\n\t\t\t\t\t\t}\n\t\t\t\t\t\tthis.dormitoryTotalNums = res.data\n\t\t\t\t\t})\n\t\t\t},\n\t\t}\n\t}\n</script>\n\n<style scoped lang=\"scss\">\n\t.academic-building {\n\t\tcolor: #FFF;\n\n\t\t&__title1 {\n\t\t\tmargin-bottom: 26px;\n\t\t}\n\n\t\t&__title2 {\n\t\t\tmargin-top: 26px;\n\t\t\tmargin-bottom: 16px;\n\t\t}\n\n\n\t\t&__title1,\n\t\t&__title2 {\n\t\t\tdisplay: flex;\n\t\t\t// justify-content: space-between;\n\t\t\tfont-size: 18px;\n\n\t\t\t.title {\n\t\t\t\theight: 36px;\n\t\t\t\tline-height: 36px;\n\t\t\t\tbackground-color: #133C6F;\n\t\t\t\ttext-align: center;\n\t\t\t\tposition: relative;\n\t\t\t\tcolor: #fff;\n\n\t\t\t\t.angle-border {\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\twidth: 12px;\n\t\t\t\t\theight: 12px;\n\t\t\t\t}\n\n\t\t\t\t.left-top-border {\n\t\t\t\t\ttop: -6px;\n\t\t\t\t\tleft: -6px;\n\t\t\t\t\tborder-left: 1px solid #01FFFF;\n\t\t\t\t\tborder-top: 1px solid #01FFFF;\n\t\t\t\t}\n\n\t\t\t\t.right-top-border {\n\t\t\t\t\ttop: -6px;\n\t\t\t\t\tright: -6px;\n\t\t\t\t\tborder-right: 1px solid #01FFFF;\n\t\t\t\t\tborder-top: 1px solid #01FFFF;\n\t\t\t\t}\n\n\t\t\t\t.left-bottom-border {\n\t\t\t\t\tbottom: -6px;\n\t\t\t\t\tleft: -6px;\n\t\t\t\t\tborder-left: 1px solid #01FFFF;\n\t\t\t\t\tborder-bottom: 1px solid #01FFFF;\n\t\t\t\t}\n\n\t\t\t\t.right-bottom-border {\n\t\t\t\t\tbottom: -6px;\n\t\t\t\t\tright: -6px;\n\t\t\t\t\tborder-right: 1px solid #01FFFF;\n\t\t\t\t\tborder-bottom: 1px solid #01FFFF;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&__content1 {\n\t\t\tdisplay: flex;\n\t\t\t// justify-content: space-between;\n\t\t\talign-items: center;\n\t\t\theight: 40px;\n\n\t\t\t&>div {\n\t\t\t\twidth: 210px;\n\t\t\t}\n\t\t}\n\n\t\t.chart-maps {\n\t\t\theight: 400px;\n\t\t}\n\t\t.chart-map {\n\t\t\theight: 184px;\n\t\t}\n\t}\n</style>\n"]}]}