{"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-traffic.vue?vue&type=style&index=0&id=f713644a&scoped=true&lang=scss&","dependencies":[{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\src\\views\\modules\\home-cell-components\\dormitory-traffic.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.dormitory-traffic {\n\tcolor: #FFF;\n\n\t.el-image {\n\t\twidth: 40px;\n\t\theight: 50px;\n\t}\n\n\t.title {\n\t\tfont-size: 18px;\n\t\tline-height: 36px;\n\t\tbackground-color: #133C6F;\n\t\twidth: 138px;\n\t\ttext-align: center;\n\t\tposition: relative;\n\t\tcolor: #fff;\n\t\tmargin-bottom: 20px;\n\n\t\t.angle-border {\n\t\t\tposition: absolute;\n\t\t\twidth: 12px;\n\t\t\theight: 12px;\n\t\t}\n\n\t\t.left-top-border {\n\t\t\ttop: -6px;\n\t\t\tleft: -6px;\n\t\t\tborder-left: 1px solid #01FFFF;\n\t\t\tborder-top: 1px solid #01FFFF;\n\t\t}\n\n\t\t.right-top-border {\n\t\t\ttop: -6px;\n\t\t\tright: -6px;\n\t\t\tborder-right: 1px solid #01FFFF;\n\t\t\tborder-top: 1px solid #01FFFF;\n\t\t}\n\n\t\t.left-bottom-border {\n\t\t\tbottom: -6px;\n\t\t\tleft: -6px;\n\t\t\tborder-left: 1px solid #01FFFF;\n\t\t\tborder-bottom: 1px solid #01FFFF;\n\t\t}\n\n\t\t.right-bottom-border {\n\t\t\tbottom: -6px;\n\t\t\tright: -6px;\n\t\t\tborder-right: 1px solid #01FFFF;\n\t\t\tborder-bottom: 1px solid #01FFFF;\n\t\t}\n\t}\n\n\t.student-img {\n\t\twidth: 50px;\n\t\theight: 50px;\n\t}\n\n\t/deep/ .el-table__body-wrapper::-webkit-scrollbar {\n\t\twidth: 6px; // 横向滚动条\n\t\theight: 6px; // 纵向滚动条 必写\n\t}\n\n\t// 滚动条的滑块\n\t/deep/ .el-table__body-wrapper::-webkit-scrollbar-thumb {\n\t\tbackground-color: #555;\n\t\tborder-radius: 3px;\n\t}\n}\n",{"version":3,"sources":["dormitory-traffic.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwGA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA","file":"dormitory-traffic.vue","sourceRoot":"src/views/modules/home-cell-components","sourcesContent":["<template>\n\t<div class=\"dormitory-traffic\">\n\t\t<div class=\"title\">\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>\n\t\t\t<el-table :data=\"dataList\" style=\"width: 95%\" :height=\"isFullScreen?'440':'300'\">\n\t\t\t\t<el-table-column label=\"照片\" align=\"center\" width=\"80\">\n\t\t\t\t\t<template slot-scope=\"scope\">\n\t\t\t\t\t\t<el-image :src=\"$ImgServerUrl+ scope.row.imageUrl\" fit='fill'>\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 label=\"姓名\" show-overflow-tooltip align=\"center\" width=\"80\">\n\t\t\t\t\t<template slot-scope=\"scope\">\n\t\t\t\t\t\t<el-button type=\"text\" size=\"mini\" @click=\"routeHandle(scope.row.recognitionName)\">{{scope.row.recognitionName}}</el-button>\n\t\t\t\t\t</template>\n\t\t\t\t</el-table-column>\n\t\t\t\t<el-table-column prop=\"temperature\" label=\"体温(℃)\" align=\"center\" width=\"80\">\n\t\t\t\t\t<template slot-scope=\"scope\">\n\t\t\t\t\t\t<span v-if=\"scope.row.temperature<37.3\" style=\"color:#67C23A;\"> {{ scope.row.temperature}}</span>\n\t\t\t\t\t\t<span v-else style=\"color:#f56c6c;\"> {{ scope.row.temperature }}</span>\n\t\t\t\t\t</template>\n\t\t\t\t</el-table-column>\n\t\t\t\t<el-table-column label=\"状态\" align=\"center\" width=\"80\">\n\t\t\t\t\t<template slot-scope=\"scope\">\n\t\t\t\t\t\t<span v-if=\"scope.row.verificationType==1\" style=\"color:#67C23A;\" class=\"el-icon-d-arrow-right\"> {{ $getDictLabel(\"accessEquipType\", scope.row.verificationType) }}</span>\n\t\t\t\t\t\t<span v-else style=\"color:#f56c6c;\" class=\"el-icon-d-arrow-left\"> {{ $getDictLabel(\"accessEquipType\", scope.row.verificationType) }}</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=\"createDate\" label=\"通行时间\" align=\"center\">\n\t\t\t\t</el-table-column>\n\t\t\t</el-table>\n\t\t</div>\n\t</div>\n</template>\n<script>\nimport {\n\t\tmapGetters\n\t} from \"vuex\";\n\texport default {\n\t\tdata() {\n\t\t\treturn {\n\t\t\t\tdataList: [],\n\t\t\t}\n\t\t},\n\t\tcreated() {\n\t\t\tthis.$http.get('/system/index/dormitoryPeerRecord')\n\t\t\t\t.then(({\n\t\t\t\t\tdata: res\n\t\t\t\t}) => {\n\t\t\t\t\tif (res.code != 0) {\n\t\t\t\t\t\treturn this.$message.error(res.msg)\n\t\t\t\t\t}\n\t\t\t\t\tif (res.data.length > 10) {\n\t\t\t\t\t\tthis.dataList = res.data.slice(0, 5)\n\t\t\t\t\t}\n\n\t\t\t\t})\n\t\t},\n\t\tcomputed: {\n\t\t\t...mapGetters(['isFullScreen']),\n\t\t},\n\t\tactivated() {\n\t\t\tconst timer = setInterval(() => {\n\t\t\t\tthis.getDataList();\n\t\t\t}, 3 * 1000);\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\tgetDataList() {\n\t\t\t\tthis.$http.get('/system/index/dormitoryPeerRecord')\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.dataList = res.data\n\t\t\t\t\t})\n\t\t\t},\n\t\t\trouteHandle(name) {\n\t\t\t\tsessionStorage.setItem(\"peerName\", name)\n\t\t\t\tthis.$router.push({\n\t\t\t\t\tpath: 'statistics-accessRecord'\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-traffic {\n\t\tcolor: #FFF;\n\n\t\t.el-image {\n\t\t\twidth: 40px;\n\t\t\theight: 50px;\n\t\t}\n\n\t\t.title {\n\t\t\tfont-size: 18px;\n\t\t\tline-height: 36px;\n\t\t\tbackground-color: #133C6F;\n\t\t\twidth: 138px;\n\t\t\ttext-align: center;\n\t\t\tposition: relative;\n\t\t\tcolor: #fff;\n\t\t\tmargin-bottom: 20px;\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.student-img {\n\t\t\twidth: 50px;\n\t\t\theight: 50px;\n\t\t}\n\n\t\t/deep/ .el-table__body-wrapper::-webkit-scrollbar {\n\t\t\twidth: 6px; // 横向滚动条\n\t\t\theight: 6px; // 纵向滚动条 必写\n\t\t}\n\n\t\t// 滚动条的滑块\n\t\t/deep/ .el-table__body-wrapper::-webkit-scrollbar-thumb {\n\t\t\tbackground-color: #555;\n\t\t\tborder-radius: 3px;\n\t\t}\n\t}\n</style>\n"]}]}