1 line
14 KiB
JSON
1 line
14 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\\dormitory-room.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\src\\views\\modules\\home-cell-components\\dormitory-room.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 \"core-js/modules/es6.number.constructor\";\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//\nimport { mapGetters } from 'vuex';\nexport default {\n props: {},\n computed: _objectSpread({}, mapGetters(['isFullScreen'])),\n data: function data() {\n return {\n dormitoryNums: {\n total: 0,\n dormitoryManNum: 0,\n dormitoryWomanNum: 0,\n dormitoryEmpty: 0,\n dormitoryFull: 0,\n dormitoryNotFull: 0\n }\n };\n },\n mounted: function mounted() {\n this.dormitoryCheckTotal();\n },\n methods: {\n //宿舍入住人数 房间容量\n dormitoryCheckTotal: function dormitoryCheckTotal() {\n var _this = this;\n\n this.$http.get(\"/system/index/dormitoryCheckInStatistics\").then(function (_ref) {\n var res = _ref.data;\n\n if (res.code != 0) {\n return _this.$message.error(res.msg);\n }\n\n _this.dormitoryNums = res.data;\n _this.dormitoryNums.total = Number(res.data.dormitoryManNum) + Number(res.data.dormitoryWomanNum);\n var vdata = [{\n name: \"空\",\n value: res.data.dormitoryEmpty\n }, {\n name: \"未住满\",\n value: res.data.dormitoryNotFull\n }, {\n name: \"住满\",\n value: res.data.dormitoryFull\n }];\n\n _this.initEcharts(vdata);\n });\n },\n initEcharts: function initEcharts(vdata) {\n var myChart = this.$echarts.init(this.$refs.myEchart);\n var colorList = ['#45DBF7', '#F69846', '#FF4343'];\n var option = {\n tooltip: {\n trigger: \"item\"\n },\n series: [{\n type: \"pie\",\n // roseType: 'radius',\n center: [\"50%\", \"50%\"],\n radius: [\"0%\", \"80%\"],\n clockwise: true,\n avoidLabelOverlap: true,\n hoverOffset: 15,\n itemStyle: {\n normal: {\n color: function color(params) {\n return colorList[params.dataIndex];\n }\n }\n },\n label: {\n show: true,\n position: \"outside\",\n formatter: \"{a|{b}：{c}间}\",\n rich: {\n a: {\n padding: [0, 10],\n fontSize: 16\n }\n }\n },\n labelLine: {\n normal: {\n length: 20,\n length2: 30,\n lineStyle: {\n width: 1\n }\n }\n },\n data: vdata\n }]\n };\n myChart.setOption(option);\n var that = this;\n myChart.on('click', function (param) {\n that.$router.push({\n name: \"dormitoryManage-room\"\n });\n });\n }\n }\n};",{"version":3,"sources":["dormitory-room.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\n\t<div class=\"dormitory-room\">\n\t\t<div class=\"title title1\" style=\"width:156px ;\">\n\t\t\t宿舍总入住人数\n\t\t\t<div class=\"angle-border left-top-border\"></div>\n\t\t\t<div class=\"angle-border right-top-border\"></div>\n\t\t\t<div class=\"angle-border left-bottom-border\"></div>\n\t\t\t<div class=\"angle-border right-bottom-border\"></div>\n\t\t</div>\n\t\t<div class=\"dormitory-room__content1\">\n\t\t\t<div @click=\"$router.push({ path: '/dormitoryManage-room' })\">\n\t\t\t\t<span style=\"font-size: 28px;cursor: pointer\">{{ dormitoryNums.total }}</span>\n\t\t\t\t<span style=\"font-size: 14px;cursor: pointer\">人</span>\n\t\t\t</div>\n\t\t\t<div style=\"display: flex; margin-left: 40px\">\n\t\t\t\t<div>\n\t\t\t\t\t<el-image :src=\"require('@/assets/home/male.png')\"></el-image>\n\t\t\t\t</div>\n\t\t\t\t<div style=\"margin-left: 10px\" @click=\"$router.push({ path: '/dormitoryManage-room' })\">\n\t\t\t\t\t<span style=\"font-size: 14px;cursor: pointer\">男/<span style=\"font-size: 22px\">{{ dormitoryNums.dormitoryManNum }}</span>人</span>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div style=\"display: flex; margin-left: 20px\">\n\t\t\t\t<div>\n\t\t\t\t\t<el-image :src=\"require('@/assets/home/female.png')\"></el-image>\n\t\t\t\t</div>\n\t\t\t\t<div style=\"margin-left: 10px\" @click=\"$router.push({ path: '/dormitoryManage-room' })\">\n\t\t\t\t\t<span style=\"font-size: 14px;cursor: pointer\">女/<span style=\"font-size: 22px\">{{ dormitoryNums.dormitoryWomanNum }}</span>人\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t\t<div :class=\"isFullScreen?'title title3':'title title2'\" style=\"width:138px;\">\n\t\t\t宿舍分配状况\n\t\t\t<div class=\"angle-border left-top-border\"></div>\n\t\t\t<div class=\"angle-border right-top-border\"></div>\n\t\t\t<div class=\"angle-border left-bottom-border\"></div>\n\t\t\t<div class=\"angle-border right-bottom-border\"></div>\n\t\t</div>\n\t\t<div class=\"dormitory-room__content2\">\n\t\t\t<div class=\"dormitory-echarts\" ref=\"myEchart\"></div>\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nimport { mapGetters } from 'vuex'\n\texport default {\n\t\tprops: {},\n\t\tcomputed:{\n ...mapGetters(['isFullScreen'])\n },\n\t\tdata() {\n\t\t\treturn {\n\t\t\t\tdormitoryNums: {\n\t\t\t\t\ttotal: 0,\n\t\t\t\t\tdormitoryManNum: 0,\n\t\t\t\t\tdormitoryWomanNum: 0,\n\t\t\t\t\tdormitoryEmpty: 0,\n\t\t\t\t\tdormitoryFull: 0,\n\t\t\t\t\tdormitoryNotFull: 0,\n\t\t\t\t},\n\t\t\t};\n\t\t},\n\t\tmounted() {\n\t\t\tthis.dormitoryCheckTotal();\n\t\t},\n\t\tmethods: {\n\t\t\t//宿舍入住人数 房间容量\n\t\t\tdormitoryCheckTotal() {\n\t\t\t\tthis.$http\n\t\t\t\t\t.get(\"/system/index/dormitoryCheckInStatistics\")\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.dormitoryNums = res.data;\n\t\t\t\t\t\tthis.dormitoryNums.total =\n\t\t\t\t\t\t\tNumber(res.data.dormitoryManNum) +\n\t\t\t\t\t\t\tNumber(res.data.dormitoryWomanNum);\n\t\t\t\t\t\tlet vdata = [{\n\t\t\t\t\t\t\t\tname: \"空\",\n\t\t\t\t\t\t\t\tvalue: res.data.dormitoryEmpty\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tname: \"未住满\",\n\t\t\t\t\t\t\t\tvalue: res.data.dormitoryNotFull\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tname: \"住满\",\n\t\t\t\t\t\t\t\tvalue: res.data.dormitoryFull\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t];\n\t\t\t\t\t\tthis.initEcharts(vdata);\n\t\t\t\t\t});\n\t\t\t},\n\t\t\tinitEcharts(vdata) {\n\t\t\t\tlet myChart = this.$echarts.init(this.$refs.myEchart);\n\t\t\t\tlet colorList = ['#45DBF7', '#F69846', '#FF4343'];\n\t\t\t\tlet option = {\n\t\t\t\t\ttooltip: {\n\t\t\t\t\t\ttrigger: \"item\",\n\t\t\t\t\t},\n\t\t\t\t\tseries: [{\n\t\t\t\t\t\ttype: \"pie\",\n\t\t\t\t\t\t// roseType: 'radius',\n\t\t\t\t\t\tcenter: [\"50%\", \"50%\"],\n\t\t\t\t\t\tradius: [\"0%\", \"80%\"],\n\t\t\t\t\t\tclockwise: true,\n\t\t\t\t\t\tavoidLabelOverlap: true,\n\t\t\t\t\t\thoverOffset: 15,\n\t\t\t\t\t\titemStyle: {\n\t\t\t\t\t\t\tnormal: {\n\t\t\t\t\t\t\t\tcolor: function(params) {\n\t\t\t\t\t\t\t\t\treturn colorList[params.dataIndex];\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t},\n\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\tshow: true,\n\t\t\t\t\t\t\tposition: \"outside\",\n\t\t\t\t\t\t\tformatter: \"{a|{b}：{c}间}\",\n\t\t\t\t\t\t\trich: {\n\t\t\t\t\t\t\t\ta: {\n\t\t\t\t\t\t\t\t\tpadding: [0, 10],\n\t\t\t\t\t\t\t\t\tfontSize: 16\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t},\n\t\t\t\t\t\tlabelLine: {\n\t\t\t\t\t\t\tnormal: {\n\t\t\t\t\t\t\t\tlength: 20,\n\t\t\t\t\t\t\t\tlength2: 30,\n\t\t\t\t\t\t\t\tlineStyle: {\n\t\t\t\t\t\t\t\t\twidth: 1,\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t},\n\t\t\t\t\t\tdata: vdata,\n\t\t\t\t\t}, ],\n\t\t\t\t};\n\t\t\t\tmyChart.setOption(option)\n\t\t\t\tlet that = this\n\t\t\t\tmyChart.on('click', function(param) {\n\t\t\t\t\tthat.$router.push({\n\t\t\t\t\t\tname: \"dormitoryManage-room\"\n\t\t\t\t\t})\n\t\t\t\t})\n\t\t\t},\n\t\t},\n\t};\n</script>\n\n<style scoped lang=\"scss\">\n\t.dormitory-room {\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\t\t.title3 {\n\t\t\tmargin-top: 88px;\n\t\t\tmargin-bottom: 16px\n\t\t}\n\n\t\t.title {\n\t\t\tfont-size: 18px;\n\t\t\theight: 36px;\n\t\t\tline-height: 36px;\n\t\t\tbackground-color: #133c6f;\n\t\t\ttext-align: center;\n\t\t\tposition: relative;\n\t\t\tcolor: #fff;\n\n\t\t\t.angle-border {\n\t\t\t\tposition: absolute;\n\t\t\t\twidth: 12px;\n\t\t\t\theight: 12px;\n\t\t\t}\n\n\t\t\t.left-top-border {\n\t\t\t\ttop: -6px;\n\t\t\t\tleft: -6px;\n\t\t\t\tborder-left: 1px solid #01ffff;\n\t\t\t\tborder-top: 1px solid #01ffff;\n\t\t\t}\n\n\t\t\t.right-top-border {\n\t\t\t\ttop: -6px;\n\t\t\t\tright: -6px;\n\t\t\t\tborder-right: 1px solid #01ffff;\n\t\t\t\tborder-top: 1px solid #01ffff;\n\t\t\t}\n\n\t\t\t.left-bottom-border {\n\t\t\t\tbottom: -6px;\n\t\t\t\tleft: -6px;\n\t\t\t\tborder-left: 1px solid #01ffff;\n\t\t\t\tborder-bottom: 1px solid #01ffff;\n\t\t\t}\n\n\t\t\t.right-bottom-border {\n\t\t\t\tbottom: -6px;\n\t\t\t\tright: -6px;\n\t\t\t\tborder-right: 1px solid #01ffff;\n\t\t\t\tborder-bottom: 1px solid #01ffff;\n\t\t\t}\n\t\t}\n\n\t\t&__content1 {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\theight: 40px;\n\t\t}\n\n\t\t&__content2 {\n\t\t\t.dormitory-echarts {\n\t\t\t\theight: 180px;\n\t\t\t}\n\t\t}\n\t}\n</style>\n"],"sourceRoot":"src/views/modules/home-cell-components"}]} |