{"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\\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":["//\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'\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",{"version":3,"sources":["dormitory-room.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CA;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;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":"dormitory-room.vue","sourceRoot":"src/views/modules/home-cell-components","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"]}]}