{"remainingRequest":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!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":["import \"core-js/modules/es7.object.get-own-property-descriptors\";\nimport \"core-js/modules/es6.object.keys\";\nimport \"core-js/modules/web.dom.iterable\";\nimport \"core-js/modules/es6.function.name\";\nimport _defineProperty from \"C:\\\\Users\\\\27446\\\\Desktop\\\\up\\\\front\\\\dkha-web-sz-main\\\\node_modules\\\\@babel\\\\runtime-corejs2/helpers/esm/defineProperty\";\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\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//\n//\nimport uwbWebsocket from '@/websocket/uwb';\nimport { mapGetters } from \"vuex\";\nexport default {\n  mixins: [uwbWebsocket],\n  computed: _objectSpread({}, mapGetters(['isFullScreen'])),\n  props: {\n    //进\n    enterTitle: {\n      type: String,\n      default: function _default() {}\n    },\n    //出\n    gooutTitle: {\n      type: String,\n      default: function _default() {}\n    }\n  },\n  data: function data() {\n    return {\n      dormitoryTotalNums: {\n        entrantsCount: 0,\n        outCount: 0\n      }\n    };\n  },\n  mounted: function mounted() {\n    this.aidooreightFun();\n  },\n  activated: function activated() {\n    var _this = this;\n\n    var timer = setInterval(function () {\n      _this.aidooreightFun();\n    }, 5000);\n    this.$once(\"hook:deactivated\", function () {\n      clearInterval(timer);\n    });\n    this.$once(\"hook:destroyed\", function () {\n      clearInterval(timer);\n    });\n  },\n  methods: {\n    draw: function draw() {\n      // 实例化echarts对象\n      var myChartDrawer = this.$echarts.init(this.$refs.myEchart);\n      var option = {\n        color: ['#45DBF7', '#F69846', '#FF4343', '#AD94FF'],\n        tooltip: {\n          trigger: 'axis',\n          // show: false,\n          axisPointer: {\n            type: 'shadow'\n          },\n          formatter: function formatter(params) {\n            var result = params[0].name + \"<br>\";\n            params.forEach(function (item) {\n              if (item.value) {\n                result += item.marker + \" \" + item.seriesName + \" : \" + item.value + \"</br>\";\n              } else {\n                result += item.marker + \" \" + item.seriesName + \" :  0 </br>\";\n              }\n            });\n            return result;\n          }\n        },\n        legend: {\n          data: ['学生', '教师', '访客', '其它'],\n          textStyle: {\n            color: '#fff'\n          }\n        },\n        grid: {\n          top: \"20px\",\n          left: 0,\n          right: '6%',\n          bottom: 0,\n          containLabel: true\n        },\n        xAxis: [{\n          splitLine: {\n            show: false\n          },\n          type: 'value',\n          show: false\n        }],\n        yAxis: [{\n          splitLine: {\n            show: false\n          },\n          axisLine: {\n            //y轴\n            show: false\n          },\n          type: 'category',\n          axisTick: {\n            show: false\n          },\n          data: this.keyArr,\n          axisLabel: {\n            show: true,\n            textStyle: {\n              color: '#00FFFF'\n            }\n          }\n        }],\n        series: this.series\n      };\n      myChartDrawer.setOption(option);\n    },\n    //科研楼总人数进出\n    aidooreightFun: function aidooreightFun() {\n      var _this2 = this;\n\n      this.$http.get('/system/index/aidooreight').then(function (_ref) {\n        var res = _ref.data;\n\n        if (res.code != 0) {\n          return _this2.$message.error(res.msg);\n        }\n\n        _this2.dormitoryTotalNums = res.data;\n      });\n    }\n  }\n};",{"version":3,"sources":["academic-people.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CA,OAAA,YAAA,MAAA,iBAAA;AACA,SACA,UADA,QAEA,MAFA;AAGA,eAAA;AACA,EAAA,MAAA,EAAA,CAAA,YAAA,CADA;AAEA,EAAA,QAAA,oBACA,UAAA,CAAA,CAAA,cAAA,CAAA,CADA,CAFA;AAKA,EAAA,KAAA,EAAA;AACA;AACA,IAAA,UAAA,EAAA;AACA,MAAA,IAAA,EAAA,MADA;AAEA,MAAA,OAAA,EAAA,oBAAA,CAAA;AAFA,KAFA;AAMA;AACA,IAAA,UAAA,EAAA;AACA,MAAA,IAAA,EAAA,MADA;AAEA,MAAA,OAAA,EAAA,oBAAA,CAAA;AAFA;AAPA,GALA;AAiBA,EAAA,IAjBA,kBAiBA;AACA,WAAA;AACA,MAAA,kBAAA,EAAA;AACA,QAAA,aAAA,EAAA,CADA;AAEA,QAAA,QAAA,EAAA;AAFA;AADA,KAAA;AAMA,GAxBA;AAyBA,EAAA,OAzBA,qBAyBA;AACA,SAAA,cAAA;AACA,GA3BA;AA4BA,EAAA,SA5BA,uBA4BA;AAAA;;AACA,QAAA,KAAA,GAAA,WAAA,CAAA,YAAA;AACA,MAAA,KAAA,CAAA,cAAA;AACA,KAFA,EAEA,IAFA,CAAA;AAGA,SAAA,KAAA,CAAA,kBAAA,EAAA,YAAA;AACA,MAAA,aAAA,CAAA,KAAA,CAAA;AACA,KAFA;AAGA,SAAA,KAAA,CAAA,gBAAA,EAAA,YAAA;AACA,MAAA,aAAA,CAAA,KAAA,CAAA;AACA,KAFA;AAGA,GAtCA;AAuCA,EAAA,OAAA,EAAA;AACA,IAAA,IADA,kBACA;AACA;AACA,UAAA,aAAA,GAAA,KAAA,QAAA,CAAA,IAAA,CAAA,KAAA,KAAA,CAAA,QAAA,CAAA;AACA,UAAA,MAAA,GAAA;AACA,QAAA,KAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EAAA,SAAA,EAAA,SAAA,CADA;AAEA,QAAA,OAAA,EAAA;AACA,UAAA,OAAA,EAAA,MADA;AAEA;AACA,UAAA,WAAA,EAAA;AACA,YAAA,IAAA,EAAA;AADA,WAHA;AAMA,UAAA,SAAA,EAAA,mBAAA,MAAA,EAAA;AACA,gBAAA,MAAA,GAAA,MAAA,CAAA,CAAA,CAAA,CAAA,IAAA,GAAA,MAAA;AACA,YAAA,MAAA,CAAA,OAAA,CAAA,UAAA,IAAA,EAAA;AACA,kBAAA,IAAA,CAAA,KAAA,EAAA;AACA,gBAAA,MAAA,IAAA,IAAA,CAAA,MAAA,GAAA,GAAA,GAAA,IAAA,CAAA,UAAA,GAAA,KAAA,GAAA,IAAA,CAAA,KAAA,GAAA,OAAA;AACA,eAFA,MAEA;AACA,gBAAA,MAAA,IAAA,IAAA,CAAA,MAAA,GAAA,GAAA,GAAA,IAAA,CAAA,UAAA,GAAA,aAAA;AACA;AACA,aANA;AAOA,mBAAA,MAAA;AAEA;AAjBA,SAFA;AAqBA,QAAA,MAAA,EAAA;AACA,UAAA,IAAA,EAAA,CAAA,IAAA,EAAA,IAAA,EAAA,IAAA,EAAA,IAAA,CADA;AAEA,UAAA,SAAA,EAAA;AACA,YAAA,KAAA,EAAA;AADA;AAFA,SArBA;AA2BA,QAAA,IAAA,EAAA;AACA,UAAA,GAAA,EAAA,MADA;AAEA,UAAA,IAAA,EAAA,CAFA;AAGA,UAAA,KAAA,EAAA,IAHA;AAIA,UAAA,MAAA,EAAA,CAJA;AAKA,UAAA,YAAA,EAAA;AALA,SA3BA;AAkCA,QAAA,KAAA,EAAA,CAAA;AACA,UAAA,SAAA,EAAA;AACA,YAAA,IAAA,EAAA;AADA,WADA;AAIA,UAAA,IAAA,EAAA,OAJA;AAKA,UAAA,IAAA,EAAA;AALA,SAAA,CAlCA;AAyCA,QAAA,KAAA,EAAA,CAAA;AACA,UAAA,SAAA,EAAA;AACA,YAAA,IAAA,EAAA;AADA,WADA;AAIA,UAAA,QAAA,EAAA;AAAA;AACA,YAAA,IAAA,EAAA;AADA,WAJA;AAOA,UAAA,IAAA,EAAA,UAPA;AAQA,UAAA,QAAA,EAAA;AACA,YAAA,IAAA,EAAA;AADA,WARA;AAWA,UAAA,IAAA,EAAA,KAAA,MAXA;AAYA,UAAA,SAAA,EAAA;AACA,YAAA,IAAA,EAAA,IADA;AAEA,YAAA,SAAA,EAAA;AACA,cAAA,KAAA,EAAA;AADA;AAFA;AAZA,SAAA,CAzCA;AA4DA,QAAA,MAAA,EAAA,KAAA;AA5DA,OAAA;AA8DA,MAAA,aAAA,CAAA,SAAA,CAAA,MAAA;AACA,KAnEA;AAoEA;AACA,IAAA,cArEA,4BAqEA;AAAA;;AACA,WAAA,KAAA,CAAA,GAAA,CAAA,2BAAA,EACA,IADA,CACA,gBAEA;AAAA,YADA,GACA,QADA,IACA;;AACA,YAAA,GAAA,CAAA,IAAA,IAAA,CAAA,EAAA;AACA,iBAAA,MAAA,CAAA,QAAA,CAAA,KAAA,CAAA,GAAA,CAAA,GAAA,CAAA;AACA;;AACA,QAAA,MAAA,CAAA,kBAAA,GAAA,GAAA,CAAA,IAAA;AACA,OARA;AASA;AA/EA;AAvCA,CAAA","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"],"sourceRoot":"src/views/modules/home-cell-components"}]}