forked from zhurui/management
1 line
54 KiB
JSON
1 line
54 KiB
JSON
{"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\\admin-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\\admin-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/web.dom.iterable\";\nimport \"core-js/modules/es6.object.keys\";\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//\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 tempWebsocket from '@/websocket/system';\nimport { mapGetters } from \"vuex\";\nexport default {\n mixins: [tempWebsocket],\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 watch: {\n temp: {\n handler: function handler(newVal) {\n if (newVal) {\n this.draw1();\n this.draw2();\n this.draw3();\n }\n }\n }\n },\n mounted: function mounted() {\n var _this = this;\n\n this.aidooreightFun();\n this.$nextTick(function () {\n _this.draw1();\n\n _this.draw2();\n\n _this.draw3();\n });\n },\n activated: function activated() {\n var _this2 = this;\n\n var timer = setInterval(function () {\n _this2.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 draw1: function draw1() {\n // 实例化echarts对象\n var myChartDrawer = this.$echarts.init(this.$refs.myEchartone);\n var option = {\n tooltip: {\n formatter: \"{b}{c}\"\n },\n series: [{\n tooltip: {\n show: false\n },\n name: '刻度',\n type: 'gauge',\n radius: '80%',\n z: 1,\n min: 0,\n max: 1,\n center: ['50%', '60%'],\n splitNumber: 5,\n //刻度数量\n startAngle: 210,\n endAngle: -30,\n axisLine: {\n show: true,\n lineStyle: {\n width: 5,\n color: [[0.12, '#70C27E'], [0.35, '#7AD4DF'], [0.63, '#FBF76B'], [0.8, '#F88168'], [1, '#E71A6D']]\n }\n },\n //仪表盘轴线\n axisLabel: {\n show: false\n },\n //刻度标签。\n axisTick: {\n show: true,\n lineStyle: {\n color: 'auto',\n width: 0\n },\n length: -15\n },\n //刻度样式\n splitLine: {\n show: true,\n length: 0,\n lineStyle: {\n color: 'auto',\n width: 1\n }\n },\n //分隔线样式\n detail: {\n show: false\n },\n pointer: {\n show: false\n }\n }, {\n name: '',\n type: 'gauge',\n radius: '80%',\n min: 0,\n max: 1,\n center: ['50%', '60%'],\n data: [{\n value: this.temp.temperature / 100,\n name: '温度'\n }],\n splitNumber: 10,\n //刻度数量\n startAngle: 210,\n endAngle: -30,\n z: 5,\n axisLine: {\n show: true,\n lineStyle: {\n width: 0,\n color: [[0.12, '#70C27E'], [0.35, '#7AD4DF'], [0.63, '#FBF76B'], [0.8, '#F88168'], [1, '#E71A6D']]\n }\n },\n //仪表盘轴线\n axisLabel: {\n show: true,\n color: '#24D8E7',\n fontSize: 10,\n distance: -30,\n formatter: function formatter(params) {\n var value = params.toFixed(2);\n\n if (value == 0.00) {\n return '0';\n } else if (value == 1.00) {\n return '100';\n } else {\n return '';\n }\n }\n },\n //刻度标签。\n axisTick: {\n splitNumber: 10,\n show: true,\n lineStyle: {\n color: 'auto',\n width: 2\n },\n length: 6\n },\n //刻度样式\n splitLine: {\n show: true,\n length: 10,\n lineStyle: {\n color: 'auto',\n width: 2\n }\n },\n //分隔线样式\n \"itemStyle\": {\n \"normal\": {\n \"color\": \"#24D8E7\" //指针颜色\n\n }\n },\n pointer: {\n width: 4,\n length: '60%'\n },\n detail: {\n formatter: function formatter(params) {\n return (params * 100).toFixed(0) + '%';\n },\n fontSize: 50,\n color: \"transparent\",\n offsetCenter: ['0%', '-35%']\n },\n title: {\n offsetCenter: ['0', '30%'],\n fontSize: 14,\n color: \"#24D8E7\",\n show: true\n }\n }]\n };\n myChartDrawer.setOption(option);\n },\n draw2: function draw2() {\n // 实例化echarts对象\n var myChartDrawer = this.$echarts.init(this.$refs.myEchart2);\n var option = {\n tooltip: {\n formatter: \"{b}{c}\"\n },\n series: [{\n tooltip: {\n show: false\n },\n name: '刻度',\n type: 'gauge',\n radius: '80%',\n z: 1,\n min: 0,\n max: 1,\n center: ['50%', '60%'],\n splitNumber: 5,\n //刻度数量\n startAngle: 210,\n endAngle: -30,\n axisLine: {\n show: true,\n lineStyle: {\n width: 5,\n color: [[0.12, '#70C27E'], [0.35, '#7AD4DF'], [0.63, '#FBF76B'], [0.8, '#F88168'], [1, '#E71A6D']]\n }\n },\n //仪表盘轴线\n axisLabel: {\n show: false\n },\n //刻度标签。\n axisTick: {\n show: true,\n lineStyle: {\n color: 'auto',\n width: 0\n },\n length: -15\n },\n //刻度样式\n splitLine: {\n show: true,\n length: 0,\n lineStyle: {\n color: 'auto',\n width: 1\n }\n },\n //分隔线样式\n detail: {\n show: false\n },\n pointer: {\n show: false\n }\n }, {\n name: '',\n type: 'gauge',\n radius: '80%',\n min: 0,\n max: 1,\n center: ['50%', '60%'],\n data: [{\n value: this.temp.humidity / 100,\n name: '湿度'\n }],\n splitNumber: 10,\n //刻度数量\n startAngle: 210,\n endAngle: -30,\n z: 5,\n axisLine: {\n show: true,\n lineStyle: {\n width: 0,\n color: [[0.12, '#70C27E'], [0.35, '#7AD4DF'], [0.63, '#FBF76B'], [0.8, '#F88168'], [1, '#E71A6D']]\n }\n },\n //仪表盘轴线\n axisLabel: {\n show: true,\n color: '#24D8E7',\n fontSize: 10,\n distance: -30,\n formatter: function formatter(params) {\n var value = params.toFixed(2);\n\n if (value == 0.00) {\n return '0';\n } else if (value == 1.00) {\n return '100';\n } else {\n return '';\n }\n }\n },\n //刻度标签。\n axisTick: {\n splitNumber: 10,\n show: true,\n lineStyle: {\n color: 'auto',\n width: 2\n },\n length: 6\n },\n //刻度样式\n splitLine: {\n show: true,\n length: 10,\n lineStyle: {\n color: 'auto',\n width: 2\n }\n },\n //分隔线样式\n \"itemStyle\": {\n \"normal\": {\n \"color\": \"#24D8E7\" //指针颜色\n\n }\n },\n pointer: {\n width: 4,\n length: '60%'\n },\n detail: {\n formatter: function formatter(params) {\n return (params * 100).toFixed(0) + '%';\n },\n fontSize: 50,\n color: \"transparent\",\n offsetCenter: ['0%', '-35%']\n },\n title: {\n offsetCenter: ['0', '30%'],\n fontSize: 14,\n color: \"#24D8E7\",\n show: true\n }\n }]\n };\n myChartDrawer.setOption(option);\n },\n draw3: function draw3() {\n // 实例化echarts对象\n var myChartDrawer = this.$echarts.init(this.$refs.myEchart3);\n var option = {\n tooltip: {\n formatter: \"{b}{c}\"\n },\n series: [{\n tooltip: {\n show: false\n },\n name: '刻度',\n type: 'gauge',\n radius: '80%',\n z: 1,\n min: 0,\n max: 3,\n center: ['50%', '60%'],\n splitNumber: 5,\n //刻度数量\n startAngle: 210,\n endAngle: -30,\n axisLine: {\n show: true,\n lineStyle: {\n width: 5,\n color: [[0.12, '#70C27E'], [0.35, '#7AD4DF'], [0.63, '#FBF76B'], [0.8, '#F88168'], [1, '#E71A6D']]\n }\n },\n //仪表盘轴线\n axisLabel: {\n show: false\n },\n //刻度标签。\n axisTick: {\n show: true,\n lineStyle: {\n color: 'auto',\n width: 0\n },\n length: -15\n },\n //刻度样式\n splitLine: {\n show: true,\n length: 0,\n lineStyle: {\n color: 'auto',\n width: 1\n }\n },\n //分隔线样式\n detail: {\n show: false\n },\n pointer: {\n show: false\n }\n }, {\n name: '',\n type: 'gauge',\n radius: '80%',\n min: 0,\n max: 3,\n center: ['50%', '60%'],\n data: [{\n value: this.temp.pm / 100,\n name: '颗粒度'\n }],\n splitNumber: 10,\n //刻度数量\n startAngle: 210,\n endAngle: -30,\n z: 5,\n axisLine: {\n show: true,\n lineStyle: {\n width: 0,\n color: [[0.12, '#70C27E'], [0.35, '#7AD4DF'], [0.63, '#FBF76B'], [0.8, '#F88168'], [1, '#E71A6D']]\n }\n },\n //仪表盘轴线\n axisLabel: {\n show: true,\n color: '#24D8E7',\n fontSize: 10,\n distance: -30,\n formatter: function formatter(params) {\n var value = params.toFixed(2);\n\n if (value == 0.00) {\n return '0';\n } else if (value == 3.00) {\n return '300';\n } else {\n return '';\n }\n }\n },\n //刻度标签。\n axisTick: {\n splitNumber: 10,\n show: true,\n lineStyle: {\n color: 'auto',\n width: 2\n },\n length: 6\n },\n //刻度样式\n splitLine: {\n show: true,\n length: 10,\n lineStyle: {\n color: 'auto',\n width: 2\n }\n },\n //分隔线样式\n \"itemStyle\": {\n \"normal\": {\n \"color\": \"#24D8E7\" //指针颜色\n\n }\n },\n pointer: {\n width: 4,\n length: '60%'\n },\n detail: {\n formatter: function formatter(params) {\n return (params * 100).toFixed(0) + '%';\n },\n fontSize: 50,\n color: \"transparent\",\n offsetCenter: ['0%', '-35%']\n },\n title: {\n offsetCenter: ['0', '30%'],\n fontSize: 14,\n color: \"#24D8E7\",\n show: true\n }\n }]\n };\n myChartDrawer.setOption(option);\n },\n //教学楼总人数进出\n aidooreightFun: function aidooreightFun() {\n var _this3 = 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 _this3.$message.error(res.msg);\n }\n\n _this3.dormitoryTotalNums = res.data;\n });\n }\n }\n};",{"version":3,"sources":["admin-people.vue"],"names":[],"mappings":"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","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=\"isFullScreen?'academic-building__title3':'academic-building__title2'\">\n\t\t\t<div class=\"title\" style=\"width:102px;cursor: pointer;\" @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 <div class=\"charts\">\n <div class=\"maps\">\n <div class=\"chart-map\" ref=\"myEchartone\"></div> \n <div class=\"imgs\">\n <img src=\"../../../assets/img/shouye/temp.png\" alt=\"\">\n <span class=\"num\" v-if=\"temp.temperature*1<$getDictLabel('envirthreshold','temperatureH')\">{{(temp.temperature*1).toFixed(2)}}℃</span>\n\t\t\t\t <span class=\"num\" v-else style=\"color: red\">{{(temp.temperature*1).toFixed(2)}}℃</span>\n </div>\n </div>\n <div class=\"maps\">\n <div class=\"chart-map\" ref=\"myEchart2\"></div> \n <div class=\"imgs\">\n <img src=\"../../../assets/img/shouye/humidity.png\" alt=\"\">\n <span class=\"num\" v-if=\"temp.humidity%100< $getDictLabel('envirthreshold','humidityH' )\">{{(temp.humidity * 1).toFixed(2)}}%</span>\n\t\t\t\t <span class=\"num\" v-else style=\"color: red\">{{(temp.humidity * 1).toFixed(2)}}%</span>\n </div>\n </div>\n <div class=\"maps\">\n <div class=\"chart-map\" ref=\"myEchart3\"></div> \n <div class=\"imgs\">\n <img src=\"../../../assets/img/shouye/pm.png\" alt=\"\">\n <span class=\"num\" v-if=\"temp.pm*1< $getDictLabel('envirthreshold','pmH' )\">{{(temp.pm * 1).toFixed(2)}}ug/m<sup>3</sup></span>\n <span class=\"num\" v-else style=\"color: red\">{{(temp.pm * 1).toFixed(2)}}ug/m<sup>3</sup></span>\n </div>\n </div>\n \n </div>\n\t</div>\n</template>\n\n<script>\n import tempWebsocket from '@/websocket/system'\n import {\n\t\tmapGetters\n\t} from \"vuex\";\n\texport default {\n mixins: [tempWebsocket],\n computed: {\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 },\n watch:{\n temp:{\n handler(newVal){\n if(newVal){\n this.draw1()\n this.draw2()\n this.draw3() \n }\n }\n }\n },\n\t\tmounted() {\n this.aidooreightFun()\n this.$nextTick(()=>{\n this.draw1()\n this.draw2()\n this.draw3() \n })\n \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\tdraw1() { \n\t\t\t\t// 实例化echarts对象\n let myChartDrawer = this.$echarts.init(this.$refs.myEchartone);\n let option = {\n tooltip: {\n formatter: \"{b}{c}\"\n },\n series: [{\n tooltip: {\n show: false\n },\n name: '刻度',\n type: 'gauge',\n radius: '80%',\n z: 1,\n min: 0,\n max: 1,\n center: ['50%','60%'],\n splitNumber: 5, //刻度数量\n startAngle: 210,\n endAngle: -30,\n axisLine: {\n show: true,\n lineStyle: {\n width: 5,\n color: [\n [0.12, '#70C27E'],\n [0.35, '#7AD4DF'],\n [0.63, '#FBF76B'],\n [0.8, '#F88168'],\n [1, '#E71A6D'],\n ]\n }\n }, //仪表盘轴线\n axisLabel: {\n show: false\n }, //刻度标签。\n axisTick: {\n show: true,\n lineStyle: {\n color: 'auto',\n width: 0\n },\n length: -15\n }, //刻度样式\n splitLine: {\n show: true,\n length: 0,\n lineStyle: {\n color: 'auto',\n width: 1\n }\n }, //分隔线样式\n detail: {\n show: false\n },\n pointer: {\n show: false\n }\n }, {\n name: '',\n type: 'gauge',\n radius: '80%',\n min: 0,\n max: 1,\n center: ['50%','60%'],\n data: [{\n value: this.temp.temperature/100,\n name: '温度'\n }],\n splitNumber: 10, //刻度数量\n startAngle: 210,\n endAngle: -30,\n z: 5,\n axisLine: {\n show: true,\n lineStyle: {\n width: 0,\n color: [\n [0.12, '#70C27E'],\n [0.35, '#7AD4DF'],\n [0.63, '#FBF76B'],\n [0.8, '#F88168'],\n [1, '#E71A6D'],\n ]\n }\n }, //仪表盘轴线\n axisLabel: {\n show: true,\n color: '#24D8E7',\n fontSize:10,\n distance: -30,\n formatter:function(params){\n var value = params.toFixed(2) \n if(value == 0.00){\n return '0'\n }else if(value == 1.00){\n return '100'\n }else{\n return ''\n }\n }\n }, //刻度标签。\n axisTick: {\n splitNumber: 10,\n show: true,\n lineStyle: {\n color: 'auto',\n width: 2\n },\n length: 6,\n }, //刻度样式\n splitLine: {\n show: true,\n length: 10,\n lineStyle: {\n color: 'auto',\n width: 2\n }\n }, //分隔线样式\n\n \"itemStyle\": {\n \"normal\": {\n \"color\": \"#24D8E7\" //指针颜色\n }\n },\n pointer: {\n width: 4,\n length: '60%'\n },\n detail: {\n formatter: function(params){\n return (params*100).toFixed(0) + '%'\n },\n fontSize: 50,\n color: \"transparent\",\n offsetCenter: ['0%', '-35%']\n },\n title: {\n offsetCenter: ['0', '30%'], \n fontSize: 14,\n color: \"#24D8E7\",\n show: true\n },\n }]\n };\n myChartDrawer.setOption(option);\n },\n draw2() {\n\t\t\t\t// 实例化echarts对象\n\t\t\t\tlet myChartDrawer = this.$echarts.init(this.$refs.myEchart2);\n\t\t\t\tlet option = {\n tooltip: {\n formatter: \"{b}{c}\"\n },\n series: [{\n tooltip: {\n show: false\n },\n name: '刻度',\n type: 'gauge',\n radius: '80%',\n z: 1,\n min: 0,\n max: 1,\n center: ['50%','60%'],\n splitNumber: 5, //刻度数量\n startAngle: 210,\n endAngle: -30,\n axisLine: {\n show: true,\n lineStyle: {\n width: 5,\n color: [\n [0.12, '#70C27E'],\n [0.35, '#7AD4DF'],\n [0.63, '#FBF76B'],\n [0.8, '#F88168'],\n [1, '#E71A6D'],\n ]\n }\n }, //仪表盘轴线\n axisLabel: {\n show: false\n }, //刻度标签。\n axisTick: {\n show: true,\n lineStyle: {\n color: 'auto',\n width: 0\n },\n length: -15\n }, //刻度样式\n splitLine: {\n show: true,\n length: 0,\n lineStyle: {\n color: 'auto',\n width: 1\n }\n }, //分隔线样式\n detail: {\n show: false\n },\n pointer: {\n show: false\n }\n }, {\n name: '',\n type: 'gauge',\n radius: '80%',\n min: 0,\n max: 1,\n center: ['50%','60%'],\n data: [{\n value: this.temp.humidity/100,\n name: '湿度'\n }],\n splitNumber: 10, //刻度数量\n startAngle: 210,\n endAngle: -30,\n z: 5,\n axisLine: {\n show: true,\n lineStyle: {\n width: 0,\n color: [\n [0.12, '#70C27E'],\n [0.35, '#7AD4DF'],\n [0.63, '#FBF76B'],\n [0.8, '#F88168'],\n [1, '#E71A6D'],\n ]\n }\n }, //仪表盘轴线\n axisLabel: {\n show: true,\n color: '#24D8E7',\n fontSize:10,\n distance: -30,\n formatter:function(params){\n var value = params.toFixed(2) \n if(value == 0.00){\n return '0'\n }else if(value == 1.00){\n return '100'\n }else{\n return ''\n }\n }\n }, //刻度标签。\n axisTick: {\n splitNumber: 10,\n show: true,\n lineStyle: {\n color: 'auto',\n width: 2\n },\n length: 6,\n }, //刻度样式\n splitLine: {\n show: true,\n length: 10,\n lineStyle: {\n color: 'auto',\n width: 2\n }\n }, //分隔线样式\n\n \"itemStyle\": {\n \"normal\": {\n \"color\": \"#24D8E7\" //指针颜色\n }\n },\n pointer: {\n width: 4,\n length: '60%'\n },\n detail: {\n formatter: function(params){\n return (params*100).toFixed(0) + '%'\n },\n fontSize: 50,\n color: \"transparent\",\n offsetCenter: ['0%', '-35%']\n },\n title: {\n offsetCenter: ['0', '30%'], \n fontSize: 14,\n color: \"#24D8E7\",\n show: true\n },\n }]\n };\n\t\t\t\tmyChartDrawer.setOption(option);\n },\n draw3() {\n\t\t\t\t// 实例化echarts对象\n\t\t\t\tlet myChartDrawer = this.$echarts.init(this.$refs.myEchart3);\n\t\t\t\tlet option = {\n tooltip: {\n formatter: \"{b}{c}\"\n },\n series: [{\n tooltip: {\n show: false\n },\n name: '刻度',\n type: 'gauge',\n radius: '80%',\n z: 1,\n min: 0,\n max: 3,\n center: ['50%','60%'],\n splitNumber: 5, //刻度数量\n startAngle: 210,\n endAngle: -30,\n axisLine: {\n show: true,\n lineStyle: {\n width: 5,\n color: [\n [0.12, '#70C27E'],\n [0.35, '#7AD4DF'],\n [0.63, '#FBF76B'],\n [0.8, '#F88168'],\n [1, '#E71A6D'],\n ]\n }\n }, //仪表盘轴线\n axisLabel: {\n show: false\n }, //刻度标签。\n axisTick: {\n show: true,\n lineStyle: {\n color: 'auto',\n width: 0\n },\n length: -15\n }, //刻度样式\n splitLine: {\n show: true,\n length: 0,\n lineStyle: {\n color: 'auto',\n width: 1\n }\n }, //分隔线样式\n detail: {\n show: false\n },\n pointer: {\n show: false\n }\n }, {\n name: '',\n type: 'gauge',\n radius: '80%',\n min: 0,\n max: 3,\n center: ['50%','60%'],\n data: [{\n value: this.temp.pm/100,\n name: '颗粒度'\n }],\n splitNumber: 10, //刻度数量\n startAngle: 210,\n endAngle: -30,\n z: 5,\n axisLine: {\n show: true,\n lineStyle: {\n width: 0,\n color: [\n [0.12, '#70C27E'],\n [0.35, '#7AD4DF'],\n [0.63, '#FBF76B'],\n [0.8, '#F88168'],\n [1, '#E71A6D'],\n ]\n }\n }, //仪表盘轴线\n axisLabel: {\n show: true,\n color: '#24D8E7',\n fontSize:10,\n distance: -30,\n formatter:function(params){\n var value = params.toFixed(2) \n if(value == 0.00){\n return '0'\n }else if(value == 3.00){\n return '300'\n }else{\n return ''\n }\n }\n }, //刻度标签。\n axisTick: {\n splitNumber: 10,\n show: true,\n lineStyle: {\n color: 'auto',\n width: 2\n },\n length: 6,\n }, //刻度样式\n splitLine: {\n show: true,\n length: 10,\n lineStyle: {\n color: 'auto',\n width: 2\n }\n }, //分隔线样式\n\n \"itemStyle\": {\n \"normal\": {\n \"color\": \"#24D8E7\" //指针颜色\n }\n },\n pointer: {\n width: 4,\n length: '60%'\n },\n detail: {\n formatter: function(params){\n return (params*100).toFixed(0) + '%'\n },\n fontSize: 50,\n color: \"transparent\",\n offsetCenter: ['0%', '-35%']\n },\n title: {\n offsetCenter: ['0', '30%'], \n fontSize: 14,\n color: \"#24D8E7\",\n show: true\n },\n }]\n };\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 &__title3 {\n\t\t\tmargin-top: 100px;\n\t\t\tmargin-bottom: 16px;\n \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 .charts{\n display: flex;\n .maps{\n width: 100%;\n height: 100%;\n .chart-map {\n width: 180px;\n height: 150px; \n }\n .imgs{\n width: 180px;\n text-align: center;\n .num{\n display: inline-block;\n font-size: 20px;\n margin-left: 14px;\n } \n }\n \n } \n }\n\t\t\n\t}\n</style>\n"],"sourceRoot":"src/views/modules/home-cell-components"}]} |