{"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\\fiveAccessRecord.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\src\\views\\modules\\statistics\\fiveAccessRecord.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//\n\nimport mixinViewModule from '@/mixins/view-module'\nexport default {\n\tname: \"fiveAccessRecord\",\n\tmixins: [mixinViewModule],\n\tdata() {\n\t\treturn {\n\t\t\tmixinViewModuleOptions: {\n\t\t\t\tgetDataListURL: '/system/scaidoorfiveopenlog/page',\n\t\t\t\tgetDataListIsPage: true,\n\t\t\t},\n\t\t\tdaterange: null,\n\t\t\tdataForm: {\n\t\t\t\tname: \"\",\n\t\t\t\tdeviceName: '',\n\t\t\t\tserialNumber: \"\",\n\t\t\t\tstartDate: '',\n\t\t\t\tendDate: '',\n\t\t\t},\n\t\t\tlimit: 6,\n\t\t}\n\t},\n\tactivated() {\n\t\t// 判断从5寸闸机设备跳转过来  查询对应出入数据\n\t\tlet fserialNumber = window.sessionStorage.getItem('fserialNumber');\n\t\tif (fserialNumber) {\n\t\t\twindow.sessionStorage.removeItem('fserialNumber');\n\t\t\tthis.dataForm.serialNumber = fserialNumber;\n\t\t\tthis.getDataList();\n\t\t}\n\t},\n\tcomputed: {\n\t\tpreviewList() {\n\t\t\treturn this.dataList.map(item => {\n\t\t\t\treturn this.$ImgServerUrl + item.faceUrl\n\t\t\t})\n\t\t},\n\t},\n\twatch: {\n\t\tdaterange(val) {\n\t\t\tif (val == null) {\n\t\t\t\tthis.dataForm.startDate = null\n\t\t\t\tthis.dataForm.endDate = null\n\t\t\t} else {\n\t\t\t\tthis.dataForm.startDate = val[0]\n\t\t\t\tthis.dataForm.endDate = val[1]\n\t\t\t}\n\t\t}\n\t},\n\tmethods: {\n\t\treset(formName) {\n\t\t\tthis.$refs[formName].resetFields();\n\t\t\tif (this.daterange) {\n\t\t\t\tthis.daterange = null\n\t\t\t}\n\t\t\tthis.page = 1\n\t\t\tthis.limit = 6\n\t\t\tthis.query()\n\t\t}\n\t}\n}\n",{"version":3,"sources":["fiveAccessRecord.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CA;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":"fiveAccessRecord.vue","sourceRoot":"src/views/modules/statistics","sourcesContent":["<template>\n\t<el-card shadow=\"never\" class=\"aui-card--fill\">\n\t\t<el-form :inline=\"true\" :model=\"dataForm\" ref=\"ruleForm\" @keyup.enter.native=\"getDataList\">\n\t\t\t<el-form-item label=\"姓名\" prop=\"name\">\n\t\t\t\t<el-input v-model=\"dataForm.name\" placeholder=\"请输入\" clearable></el-input>\n\t\t\t</el-form-item>\n\t\t\t<el-form-item label=\"房间号\" prop=\"deviceName\">\n\t\t\t\t<el-input v-model=\"dataForm.deviceName\" placeholder=\"请输入\" clearable></el-input>\n\t\t\t</el-form-item>\n\t\t\t<!--<el-form-item label=\"设备序列号\" prop=\"serialNumber\">\n\t\t\t\t<el-input v-model=\"dataForm.serialNumber\" placeholder=\"请输入\" clearable></el-input>\n\t\t\t</el-form-item>-->\n\t\t\t<el-form-item label=\"时间\" prop=\"daterange\">\n\t\t\t\t<el-date-picker v-model=\"daterange\" value-format=\"yyyy-MM-dd HH:mm:ss\" type=\"datetimerange\" :range-separator=\"$t('datePicker.range')\"\n\t\t\t\t :start-placeholder=\"$t('datePicker.start')\" :end-placeholder=\"$t('datePicker.end')\">\n\t\t\t\t</el-date-picker>\n\t\t\t</el-form-item>\n\t\t\t<el-form-item>\n\t\t\t\t<el-button @click=\"getDataList()\">{{ $t('query') }}</el-button>\n\t\t\t</el-form-item>\n\t\t\t<el-form-item>\n\t\t\t\t<el-button type=\"warning\" @click=\"reset('ruleForm')\">重置</el-button>\n\t\t\t</el-form-item>\n\t\t</el-form>\n\t\t<el-table :data=\"dataList\" style=\"width: 100%;\">\n\t\t\t<el-table-column type=\"index\" label=\"序号\" align=\"center\" width=\"100\"></el-table-column>\n\t\t\t<el-table-column label=\"照片\" width=\"120\" align=\"center\">\n\t\t\t\t<template slot-scope=\"scope\">\n\t\t\t\t\t<el-image class=\"student-img\" :src=\"$ImgServerUrl+scope.row.faceUrl\" :preview-src-list=\"previewList\">\n\t\t\t\t\t\t<div slot=\"error\" class=\"image-slot\">\n\t\t\t\t\t\t\t<img class=\"student-img\" src=\"../../../assets/img/person.jpg\">\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</el-image>\n\t\t\t\t</template>\n\t\t\t</el-table-column>\n\t\t\t<el-table-column prop=\"name\" label=\"姓名\" width=\"120\" align=\"center\"></el-table-column>\n\t\t\t<el-table-column prop=\"deviceName\" label=\"房间号\" align=\"center\"></el-table-column>\n\t\t\t<!--<el-table-column prop=\"serialNumber\" label=\"设备序列号\" align=\"center\"></el-table-column>-->\n\t\t\t<el-table-column prop=\"addDate\" label=\"开门时间\" align=\"center\"></el-table-column>\n\t\t</el-table>\n\t\t<el-pagination :current-page=\"page\" :page-sizes=\"[6,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\texport default {\n\t\tname: \"fiveAccessRecord\",\n\t\tmixins: [mixinViewModule],\n\t\tdata() {\n\t\t\treturn {\n\t\t\t\tmixinViewModuleOptions: {\n\t\t\t\t\tgetDataListURL: '/system/scaidoorfiveopenlog/page',\n\t\t\t\t\tgetDataListIsPage: true,\n\t\t\t\t},\n\t\t\t\tdaterange: null,\n\t\t\t\tdataForm: {\n\t\t\t\t\tname: \"\",\n\t\t\t\t\tdeviceName: '',\n\t\t\t\t\tserialNumber: \"\",\n\t\t\t\t\tstartDate: '',\n\t\t\t\t\tendDate: '',\n\t\t\t\t},\n\t\t\t\tlimit: 6,\n\t\t\t}\n\t\t},\n\t\tactivated() {\n\t\t\t// 判断从5寸闸机设备跳转过来  查询对应出入数据\n\t\t\tlet fserialNumber = window.sessionStorage.getItem('fserialNumber');\n\t\t\tif (fserialNumber) {\n\t\t\t\twindow.sessionStorage.removeItem('fserialNumber');\n\t\t\t\tthis.dataForm.serialNumber = fserialNumber;\n\t\t\t\tthis.getDataList();\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.faceUrl\n\t\t\t\t})\n\t\t\t},\n\t\t},\n\t\twatch: {\n\t\t\tdaterange(val) {\n\t\t\t\tif (val == null) {\n\t\t\t\t\tthis.dataForm.startDate = null\n\t\t\t\t\tthis.dataForm.endDate = null\n\t\t\t\t} else {\n\t\t\t\t\tthis.dataForm.startDate = val[0]\n\t\t\t\t\tthis.dataForm.endDate = val[1]\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\tmethods: {\n\t\t\treset(formName) {\n\t\t\t\tthis.$refs[formName].resetFields();\n\t\t\t\tif (this.daterange) {\n\t\t\t\t\tthis.daterange = null\n\t\t\t\t}\n\t\t\t\tthis.page = 1\n\t\t\t\tthis.limit = 6\n\t\t\t\tthis.query()\n\t\t\t}\n\t\t}\n\t}\n</script>\n\n<style lang=\"scss\" scoped>\n\t.el-table {\n\t\t.student-img {\n\t\t\tvertical-align: top;\n\t\t\twidth: 53px;\n\t\t\theight: 70px;\n\t\t}\n\t}\n</style>\n"]}]}