{"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\\statistics\\people.vue?vue&type=style&index=0&id=7d6a736e&scoped=true&lang=scss&","dependencies":[{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\src\\views\\modules\\statistics\\people.vue","mtime":1614735254000},{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\sass-loader\\lib\\loader.js","mtime":1533139052000},{"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\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\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.el-table {\n  .student-img {\n    vertical-align: top;\n    width: 53px;\n    height: 70px;\n  }\n}\n.echarts {\n  width: 100%;\n  height: 120px;\n}\n",{"version":3,"sources":["people.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2KA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"people.vue","sourceRoot":"src/views/modules/statistics","sourcesContent":["<template>\n\t<el-card shadow=\"never\" class=\"aui-card--fill\">\n\t\t<el-row>\n\t\t\t<el-col :span=\"12\">\n\t\t\t\t<el-form :inline=\"true\" :model=\"dataForm\" @keyup.enter.native=\"getDataList()\" ref=\"ruleForm\">\n\t\t\t\t\t<el-form-item label=\"学号\" prop=\"studentNum\">\n\t\t\t\t\t\t<el-input v-model=\"dataForm.studentNum\" placeholder=\"请输入\" clearable></el-input>\n\t\t\t\t\t</el-form-item>\n\t\t\t\t\t<el-form-item label=\"姓名\" prop=\"name\">\n\t\t\t\t\t\t<el-input v-model=\"dataForm.name\" placeholder=\"请输入\" clearable></el-input>\n\t\t\t\t\t</el-form-item>\n\t\t\t\t\t\t<el-form-item label=\"状态\" prop=\"status\">\n\t\t\t\t\t\t\t<el-select v-model=\"dataForm.status\" placeholder=\"请选择\" clearable>\n\t\t\t\t\t\t\t\t<el-option label=\"已归\" :value=\"0\"></el-option>\n\t\t\t\t\t\t\t\t<el-option label=\"外出\" :value=\"1\"></el-option>\n\t\t\t\t\t\t\t</el-select>\n\t\t\t\t\t\t<!-- <el-input v-model=\"dataForm.status\" placeholder=\"请输入\" clearable></el-input> -->\n\t\t\t\t\t</el-form-item>\n\t\t\t\t\t<el-form-item>\n\t\t\t\t\t\t<el-button @click=\"getDataList()\">{{ $t('query') }}</el-button>\n\t\t\t\t\t</el-form-item>\n\t\t\t\t\t<el-form-item>\n\t\t\t\t\t\t<el-button type=\"warning\" @click=\"resetForm('ruleForm')\">重置</el-button>\n\t\t\t\t\t</el-form-item>\n\t\t\t\t</el-form>\n\t\t\t</el-col>\n\t\t\t<el-col :span=\"12\">\n\t\t\t\t<v-chart  :options=\"barOptions\"/>\n\t\t\t</el-col>\n\t\t</el-row>\n\t\n\t\t<el-table v-loading=\"dataListLoading\" :data=\"dataList\">\n\t\t\t<!-- <el-table-column :label=\"'外出'+outTotal+'人'\" align=\"center\"></el-table-column> -->\n\t\t\t\t<el-table-column type=\"index\" label=\"序号\" width=\"100\" align=\"center\"></el-table-column>\n\t\t\t\t<el-table-column prop=\"imgUrl\" label=\"照片\" header-align=\"center\" align=\"center\">\n\t\t\t\t\t<template slot-scope=\"scope\">\n\t\t\t\t\t\t<el-image style=\"width: 100px; height: 70px\" :src=\"$ImgServerUrl+scope.row.imgUrl\" fit=\"contain\" :preview-src-list=\"previewList\">\n\t\t\t\t\t\t\t<div slot=\"error\" class=\"image-slot\">\n\t\t\t\t\t\t\t\t<img class=\"student-img\" src=\"../../../assets/img/person.jpg\">\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</el-image>\n\t\t\t\t\t</template>\n\t\t\t\t</el-table-column>\n\t\t\t\t<el-table-column prop=\"name\" label=\"姓名\" header-align=\"center\" align=\"center\"></el-table-column>\n\t\t\t\t<el-table-column prop=\"studentNum\" label=\"学号\" header-align=\"center\" align=\"center\"></el-table-column>\n\t\t\t\t<el-table-column prop=\"dormitoryNum\" label=\"宿舍号\" header-align=\"center\" align=\"center\">\n\t\t\t\t</el-table-column>\n\t\t\t\t<el-table-column prop=\"status\" label=\"状态\" header-align=\"center\" align=\"center\">\n\t\t\t\t\t<template slot-scope=\"scope\">\n\t\t\t\t\t\t<span v-if=\"scope.row.status == 0\" style=\"color:rgb(22, 178, 112);\"> 已归</span>\n\t\t\t\t\t\t<span v-else style=\"color: red;\"> 外出</span>\n\t\t\t\t\t</template>\n\t\t\t\t</el-table-column>\n\t\t\t\t<el-table-column prop=\"outTime\" label=\"外出时间\" header-align=\"center\" align=\"center\"></el-table-column>\n\t\t\t\t<el-table-column prop=\"backTime\" label=\"归来时间\" header-align=\"center\" align=\"center\"></el-table-column>\n\t\t</el-table>\n\t\t<el-pagination :current-page=\"page\" :page-sizes=\"[5,10, 20, 50, 100]\" :page-size=\"limit\" :total=\"total\" layout=\"total, sizes, prev, pager, next, jumper\"\n\t\t @size-change=\"pageSizeChangeHandle\" @current-change=\"pageCurrentChangeHandle\">\n\t\t</el-pagination>\n\t</el-card>\n</template>\n\n<script>\n\timport mixinViewModule from '@/mixins/view-module'\n\timport ECharts from 'vue-echarts'\n\timport 'echarts/lib/chart/bar'\n\texport default {\n\t\tname: \"people\",\n\t\tmixins: [mixinViewModule],\n\t\tcomponents:{\n\t\t\t'v-chart':ECharts\n\t\t},\n\t\tdata() {\n\t\t\treturn {\n\t\t\t\tmixinViewModuleOptions: {\n\t\t\t\t\tgetDataListURL: '/system/accessrecords/page',\n\t\t\t\t\tgetDataListIsPage: true,\n\t\t\t\t},\n\t\t\t\tdataForm: {\n\t\t\t\t\tstudentNum: \"\",\n\t\t\t\t\tname: \"\",\n\t\t\t\t\tstatus:\"\"\n\t\t\t\t},\n\t\t\t\tlimit:5,\n\t\t\t\toutTotal: 0,\n\t\t\t\tbarOptions:{\n\t\t\t\t\tcolor:['#FACD91','#95F204'],\n\t\t\t\t\tgrid: {\n\t\t\t\t\t\ttop: 0,\n\t\t\t\t\t\tleft: '3%',\n\t\t\t\t\t\tright: '4%',\n\t\t\t\t\t\tbottom: 20,\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\ttype:\"value\",\n\t\t\t\t\t\tboundaryGap:[0,0.01],\n\t\t\t\t\t\taxisLabel:{\n\t\t\t\t\t\t\tshow:false,\n\t\t\t\t\t\t},\n\t\t\t\t\t\taxisLine:{\n\t\t\t\t\t\t\tshow:false\n\t\t\t\t\t\t},\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},\n\t\t\t\t\tyAxis:{\n\t\t\t\t\t\ttype:\"category\",\n\t\t\t\t\t\tdata:['已归','外出'],\n\t\t\t\t\t\taxisLabel:{\n\t\t\t\t\t\t\tcolor:\"#fff\"\n\t\t\t\t\t\t},\n\t\t\t\t\t\taxisLine:{\n\t\t\t\t\t\t\tshow:false\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\tseries:[\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tname:\"统计\",\n\t\t\t\t\t\t\ttype:\"bar\",\n\t\t\t\t\t\t\tbarWidth:30,\n\t\t\t\t\t\t\tlabel:{\n\t\t\t\t\t\t\t\tshow:true,\n\t\t\t\t\t\t\t\tformatter:'{c}'\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tdata:[\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\tname:\"已归\",\n\t\t\t\t\t\t\t\t\tvalue:0,\n\t\t\t\t\t\t\t\t\titemStyle:{\n\t\t\t\t\t\t\t\t\t\tcolor:\"#67C23A\"\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\tname:\"外出\",\n\t\t\t\t\t\t\t\t\tvalue:0,\n\t\t\t\t\t\t\t\t\titemStyle:{\n\t\t\t\t\t\t\t\t\t\tcolor:\"#F56C6C\"\n\t\t\t\t\t\t\t\t\t}\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]\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\tcomputed:{\n\t\t\tpreviewList(){\n\t\t\t\treturn  this.dataList.map(item=>{\n\t\t\t\t\treturn  this.$ImgServerUrl+item.imgUrl\n\t\t\t\t})\n\t\t\t},\n\t\t},\n\t\tcreated() {\n\t\t\tthis.$http.get(\"/system/scdormitoryperson/getOutNum\").then(({\n\t\t\t\tdata: res\n\t\t\t}) => {\n\t\t\t\tif (res.code !== 0) {\n\t\t\t\t\treturn this.$message.error(res.msg)\n\t\t\t\t}\n\t\t\t\tthis.barOptions.series[0].data[0].value=res.data.backNum\n\t\t\t\tthis.barOptions.series[0].data[1].value=res.data.outNum\n\t\t\t})\n\t\t},\n\t\tmethods: {\n\t\t\n\t\t}\n\t}\n</script>\n<style scoped lang=\"scss\">\n.el-table {\n  .student-img {\n    vertical-align: top;\n    width: 53px;\n    height: 70px;\n  }\n}\n.echarts {\n  width: 100%;\n  height: 120px;\n}\n</style>\n"]}]}