[问题修复](hyx_2024-11-15_temporary)

新增临时访客管理菜单
hyx_2024-11-15_temporary
huangyuxuan 2024-11-18 18:01:02 +08:00
parent de46f7ea95
commit a89e3f9d71
5 changed files with 316 additions and 1 deletions

View File

@ -102,6 +102,12 @@
<el-radio :label="1" value="1"></el-radio> <el-radio :label="1" value="1"></el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item label="是否为临时访问审核人" prop="IS_ACCESSAUDITOR">
<el-radio-group v-model="form.IS_ACCESSAUDITOR">
<el-radio :label="'0'" value="'0'"></el-radio>
<el-radio :label="'1'" value="'1'"></el-radio>
</el-radio-group>
</el-form-item>
<el-form-item v-if="form.face_file.length > 0" label="旧人脸信息"> <el-form-item v-if="form.face_file.length > 0" label="旧人脸信息">
<div class="slideshow"> <div class="slideshow">
<div class="disContent"> <div class="disContent">
@ -904,7 +910,8 @@ export default {
PERSONNEL_TYPE: '', PERSONNEL_TYPE: '',
userCerList: [], userCerList: [],
face_file: [], face_file: [],
CORPINFO_NAME: '' CORPINFO_NAME: '',
IS_ACCESSAUDITOR: ''
}, },
IMGFILES_ID: '', IMGFILES_ID: '',
uesrInfoDic: { uesrInfoDic: {

View File

@ -0,0 +1,133 @@
<template>
<div class="app-container">
<div class="filter-container">
<el-form ref="form" v-model="form">
<el-row>
<el-col :span="5">
<el-form-item label="访问人姓名:">
<el-input v-model="form.USER_NAME" placeholder="搜索" class="filter-item" style="width: 200px;"/>
</el-form-item>
</el-col>
<el-col :span="4">
<el-button v-waves class="filter-item" type="primary" icon="el-icon-search" @click="getQuery"></el-button>
<el-button v-waves class="filter-item" type="success" icon="el-icon-refresh" @click="reset"></el-button>
</el-col>
</el-row>
</el-form>
</div>
<el-table
v-loading="listLoading"
ref="multipleTable"
:data="varList"
:row-key="getRowKey"
:header-cell-style="{
'font-weight': 'bold',
'color': '#000'
}"
tooltip-effect="dark"
border
fit
highlight-current-row
>
<el-table-column
:reserve-selection="true"
type="selection"
width="55"
align="center"/>
<el-table-column type="index" label="序号" width="50" align="center" />
<el-table-column prop="USER_NAME" label="访问人姓名"/>
<el-table-column prop="PHONE" label="手机号"/>
<el-table-column prop="CORPINFO_NAME" label="企业名称"/>
<el-table-column prop="DEPARTMENT_NAME" label="部门名称"/>
<el-table-column prop="CAR_NO" label="车牌号"/>
<el-table-column prop="CAR_PLANT_TYPE" label="车牌类型"/>
<el-table-column prop="CAR_TYPE" label="车辆类型"/>
<el-table-column prop="VISIT_START_TIME" label="访问起始时间"/>
<el-table-column prop="VISIT_END_TIME" label="访问结束时间"/>
<el-table-column prop="DOOR_NAME" label="访问口门名称"/>
<!-- <el-table-column label="操作" align="left" width="110">-->
<!-- <template slot-scope="{row}">-->
<!-- <el-button type="success" icon="el-icon-view" size="mini" @click="handleEdit(row)"></el-button>-->
<!-- </template>-->
<!-- </el-table-column>-->
</el-table>
<div class="page-btn-group">
<pagination :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getList" />
</div>
</div>
</template>
<script>
import Pagination from '@/components/Pagination' // el-pagination
import { requestFN } from '@/utils/request'
export default{
components: { Pagination },
data() {
return {
listQuery: {
page: 1,
limit: 10
},
areaList: [], //
placeList: [],
listLoading: true,
varList: [],
total: 0,
title: '',
isShow: false,
form: {
USER_NAME: '',
PHONE: '',
ID_CARD: '',
CORPINFO_NAME: '',
DEPARTMENT_NAME: '',
VISIT_START_TIME: '',
VISIT_END_TIME: '',
DOOR_NAME: ''
}
}
},
created() {
this.getList()
},
methods: {
//
getQuery() {
this.$refs.multipleTable.clearSelection()
this.getList()
},
//
reset() {
this.form = {
USER_NAME: '',
PHONE: '',
ID_CARD: '',
CORPINFO_NAME: '',
DEPARTMENT_NAME: '',
VISIT_START_TIME: '',
VISIT_END_TIME: '',
DOOR_NAME: ''
}
this.getList()
},
//
getList() {
this.listLoading = true
requestFN(
'/temporary/access/getAccessPersonList?showCount=' + this.listQuery.limit + '&currentPage=' + this.listQuery.page, this.form
).then((data) => {
console.log(data)
this.listLoading = false
this.varList = data.varList
this.total = data.page.totalResult
this.hasButton()
this.pd = data.pd
}).catch((e) => {
this.listLoading = false
})
}
}
}
</script>

View File

@ -0,0 +1,22 @@
<template>
<component :is="activeName" />
</template>
<script>
import List from './components/list'
export default {
components: {
List: List
},
data() {
return {
activeName: 'List',
USER_ID: ''
}
}
}
</script>
<style scoped>
</style>

View File

@ -0,0 +1,131 @@
<template>
<div class="app-container">
<div class="filter-container">
<el-form ref="form" v-model="form">
<el-row>
<el-col :span="5">
<el-form-item label="访问人姓名:">
<el-input v-model="form.USER_NAME" placeholder="搜索" class="filter-item" style="width: 200px;"/>
</el-form-item>
</el-col>
<el-col :span="4">
<el-button v-waves class="filter-item" type="primary" icon="el-icon-search" @click="getQuery"></el-button>
<el-button v-waves class="filter-item" type="success" icon="el-icon-refresh" @click="reset"></el-button>
</el-col>
</el-row>
</el-form>
</div>
<el-table
v-loading="listLoading"
ref="multipleTable"
:data="varList"
:row-key="getRowKey"
:header-cell-style="{
'font-weight': 'bold',
'color': '#000'
}"
tooltip-effect="dark"
border
fit
highlight-current-row
>
<el-table-column
:reserve-selection="true"
type="selection"
width="55"
align="center"/>
<el-table-column type="index" label="序号" width="50" align="center" />
<el-table-column prop="USER_NAME" label="访问人姓名"/>
<el-table-column prop="PHONE" label="手机号"/>
<el-table-column prop="ID_CARD" label="身份证号"/>
<el-table-column prop="CORPINFO_NAME" label="企业名称"/>
<el-table-column prop="DEPARTMENT_NAME" label="部门名称"/>
<el-table-column prop="VISIT_START_TIME" label="访问起始时间"/>
<el-table-column prop="VISIT_END_TIME" label="访问结束时间"/>
<el-table-column prop="DOOR_NAME" label="访问口门名称"/>
<!-- <el-table-column label="操作" align="left" width="110">-->
<!-- <template slot-scope="{row}">-->
<!-- <el-button type="success" icon="el-icon-view" size="mini" @click="handleEdit(row)"></el-button>-->
<!-- </template>-->
<!-- </el-table-column>-->
</el-table>
<div class="page-btn-group">
<pagination :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getList" />
</div>
</div>
</template>
<script>
import Pagination from '@/components/Pagination' // el-pagination
import { requestFN } from '@/utils/request'
export default{
components: { Pagination },
data() {
return {
listQuery: {
page: 1,
limit: 10
},
areaList: [], //
placeList: [],
listLoading: true,
varList: [],
total: 0,
title: '',
isShow: false,
form: {
USER_NAME: '',
PHONE: '',
ID_CARD: '',
CORPINFO_NAME: '',
DEPARTMENT_NAME: '',
VISIT_START_TIME: '',
VISIT_END_TIME: '',
DOOR_NAME: ''
}
}
},
created() {
this.getList()
},
methods: {
//
getQuery() {
this.$refs.multipleTable.clearSelection()
this.getList()
},
//
reset() {
this.form = {
USER_NAME: '',
PHONE: '',
ID_CARD: '',
CORPINFO_NAME: '',
DEPARTMENT_NAME: '',
VISIT_START_TIME: '',
VISIT_END_TIME: '',
DOOR_NAME: ''
}
this.getList()
},
//
getList() {
this.listLoading = true
requestFN(
'/temporary/access/getAccessPersonList?showCount=' + this.listQuery.limit + '&currentPage=' + this.listQuery.page, this.form
).then((data) => {
console.log(data)
this.listLoading = false
this.varList = data.varList
this.total = data.page.totalResult
this.hasButton()
this.pd = data.pd
}).catch((e) => {
this.listLoading = false
})
}
}
}
</script>

View File

@ -0,0 +1,22 @@
<template>
<component :is="activeName" />
</template>
<script>
import List from './components/list'
export default {
components: {
List: List
},
data() {
return {
activeName: 'List',
USER_ID: ''
}
}
}
</script>
<style scoped>
</style>