Skip to content

html / jinmao-community-platform

Go to a project
Commit f66066f0 by changjin
Options

人脸审核

parent d933884d
Showing with 244 additions and 18 deletions
src/components/common/Sidebar.vue
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
<el-menu-item :class="{'is-active':menuActive==item.name}" :index="item.webUrl" v-on:click="menuActive = item.name" :key="index"> <el-menu-item :class="{'is-active':menuActive==item.name}" :index="item.webUrl" v-on:click="menuActive = item.name" :key="index">
<span class="icon icon1" v-if="item.name == '全部设备'"></span> <span class="icon icon1" v-if="item.name == '全部设备'"></span>
<span class="icon icon2" v-if="item.name == '设备报警'"></span> <span class="icon icon2" v-if="item.name == '设备报警'"></span>
<span class="icon icon3" v-if="item.name == '车辆审核'"></span> <span class="icon icon3" v-if="item.name == '访客审核'"></span>
<span class="icon icon4" v-if="item.name == '审核记录'"></span> <span class="icon icon4" v-if="item.name == '审核记录'"></span>
<span class="icon icon5" v-if="item.name == '车辆记录'"></span> <span class="icon icon5" v-if="item.name == '车辆记录'"></span>
<span class="icon icon6" v-if="item.name == '审核设置'"></span> <span class="icon icon6" v-if="item.name == '审核设置'"></span>
...@@ -27,6 +27,7 @@ ...@@ -27,6 +27,7 @@
<span class="icon icon15" v-if="item.name == '角色管理'"></span> <span class="icon icon15" v-if="item.name == '角色管理'"></span>
<span class="icon icon16" v-if="item.name == '用户管理'"></span> <span class="icon icon16" v-if="item.name == '用户管理'"></span>
<span class="icon icon17" v-if="item.name == '日志管理'"></span> <span class="icon icon17" v-if="item.name == '日志管理'"></span>
<span class="icon icon18" v-if="item.name == '人脸审核'"></span>
<div>{{item.name}}</div> <div>{{item.name}}</div>
</el-menu-item> </el-menu-item>
</template> </template>
...@@ -81,12 +82,17 @@ export default { ...@@ -81,12 +82,17 @@ export default {
] ]
}, },
{ {
name: '车辆管理', name: '通行管理',
id: 2, id: 2,
url: '/vehicle/list', url: '/vehicle/list',
childrenList:[ childrenList:[
{ {
name:'车辆审核', name:'人脸审核',
url:'/vehicle/faceAudit',
id:'1020232'
},
{
name:'访客审核',
url:'/vehicle/vehicleAudit', url:'/vehicle/vehicleAudit',
id:'1111' id:'1111'
}, },
...@@ -276,9 +282,26 @@ export default { ...@@ -276,9 +282,26 @@ export default {
.icon15{background: url(../../../static/img/icon-1.png) no-repeat 0px -191px;background-size: 22px;} .icon15{background: url(../../../static/img/icon-1.png) no-repeat 0px -191px;background-size: 22px;}
.icon16{background: url(../../../static/img/icon-1.png) no-repeat 0px -217px;background-size: 22px;} .icon16{background: url(../../../static/img/icon-1.png) no-repeat 0px -217px;background-size: 22px;}
.icon17{background: url(../../../static/img/icon-1.png) no-repeat 0px -244px;background-size: 22px;} .icon17{background: url(../../../static/img/icon-1.png) no-repeat 0px -244px;background-size: 22px;}
.icon18{background: url(../../../static/img/face1.png) no-repeat;background-size: 22px;}
.el-menu-item.is-active{ .el-menu-item.is-active{
.icon1{background: url(../../../static/img/icon.png) no-repeat 0px 0px;background-size: 22px;} .icon1{background: url(../../../static/img/icon.png) no-repeat 0px 0px;background-size: 22px;}
.icon2{background: url(../../../static/img/icon.png) no-repeat 0px -26px;background-size: 22px;} .icon2{background: url(../../../static/img/icon.png) no-repeat 0px -26px;background-size: 22px;}
.icon3{background: url(../../../static/img/icon.png) no-repeat 0px -52px;background-size: 22px;}
.icon4{background: url(../../../static/img/icon.png) no-repeat 0px -79px;background-size: 22px;}
.icon5{background: url(../../../static/img/icon.png) no-repeat 0px -113px;background-size: 22px;}
.icon6{background: url(../../../static/img/icon.png) no-repeat 0px -138px;background-size: 22px;}
.icon7{background: url(../../../static/img/icon.png) no-repeat 0px -270px;background-size: 22px;}
.icon8{background: url(../../../static/img/icon.png) no-repeat 0px -296px;background-size: 22px;}
.icon9{background: url(../../../static/img/icon.png) no-repeat 0px -322px;background-size: 22px;}
.icon10{background: url(../../../static/img/icon.png) no-repeat 0px -348px;background-size: 22px;}
.icon11{background: url(../../../static/img/icon.png) no-repeat 0px -375px;background-size: 22px;}
.icon12{background: url(../../../static/img/icon.png) no-repeat 0px -401px;background-size: 22px;}
.icon13{background: url(../../../static/img/icon.png) no-repeat 0px -427px;background-size: 22px;}
.icon14{background: url(../../../static/img/icon.png) no-repeat 0px -165px;background-size: 22px;}
.icon15{background: url(../../../static/img/icon.png) no-repeat 0px -191px;background-size: 22px;}
.icon16{background: url(../../../static/img/icon.png) no-repeat 0px -217px;background-size: 22px;}
.icon17{background: url(../../../static/img/icon.png) no-repeat 0px -244px;background-size: 22px;}
.icon18{background: url(../../../static/img/face.png) no-repeat;background-size: 22px;}
} }
.menuIcon{ .menuIcon{
text-align: center; text-align: center;
......
src/components/page/system/userAdd.vue
...@@ -197,5 +197,5 @@ export default { ...@@ -197,5 +197,5 @@ export default {
<style scoped lang="less"> <style scoped lang="less">
.title{padding: 0 15px 15px 15px;border-bottom:1px solid #E9EFF3;margin-left: -15px;margin-right: -15px;} .title{padding: 0 15px 15px 15px;border-bottom:1px solid #E9EFF3;margin-left: -15px;margin-right: -15px;}
.border{border: 1px solid #E9EFF3;padding: 0 10px;border-radius: 5px;} .border{border: 1px solid #E9EFF3;padding: 0 10px;border-radius: 5px;min-height: 50px;}
</style> </style>
src/components/page/vehicle/auditRecords.vue
...@@ -45,13 +45,7 @@ ...@@ -45,13 +45,7 @@
<el-table-column prop="guestCarNumber" label="访客车牌号"></el-table-column> <el-table-column prop="guestCarNumber" label="访客车牌号"></el-table-column>
<el-table-column prop="expectedAtTime" label="预计到访时间"></el-table-column> <el-table-column prop="expectedAtTime" label="预计到访时间"></el-table-column>
<el-table-column prop="actualAtTime" label="实际到访时间"></el-table-column> <el-table-column prop="actualAtTime" label="实际到访时间"></el-table-column>
<el-table-column prop="examineStatus" label="审核状态"> <el-table-column prop="examineStatus" label="审核状态"></el-table-column>
<!-- <template slot-scope="scope">
<span v-if="scope.row.examineStatus === '1'">已通过</span>
<span v-if="scope.row.examineStatus === '0'">已拒绝</span>
<span v-if="scope.row.examineStatus === '2'">未审核</span>
</template> -->
</el-table-column>
<el-table-column prop="examineUser" label="审核人"></el-table-column> <el-table-column prop="examineUser" label="审核人"></el-table-column>
<el-table-column prop="examineTime" label="审核时间" ></el-table-column> <el-table-column prop="examineTime" label="审核时间" ></el-table-column>
</el-table> </el-table>
......
src/components/page/vehicle/auditSet.vue
...@@ -20,7 +20,7 @@ ...@@ -20,7 +20,7 @@
</el-col> </el-col>
</el-row> </el-row>
<el-row class="mt30 text-center"> <el-row class="mt30 text-center">
<el-button type="primary" class="mt20" @click="saveBtn">保存</el-button> <el-button type="primary" class="mt20" v-if="isSaveBtn" @click="saveBtn">保存</el-button>
</el-row> </el-row>
</div> </div>
</div> </div>
...@@ -29,13 +29,30 @@ ...@@ -29,13 +29,30 @@
<script> <script>
export default { export default {
data: () => ({ data: () => ({
data:{} data:{},
isSaveBtn: false
}), }),
created () { created () {
this.height = (document.documentElement.clientHeight - 150 ) + 'px' this.height = (document.documentElement.clientHeight - 150 ) + 'px'
this.getPermissionsBtn()
this.getData() this.getData()
}, },
methods: { methods: {
getPermissionsBtn () {
this.$axios.get('/baseInfo/initPersonalMenu').then((res) =>{
if(res.data.code === '0') {
res.data.data.menuResponseList.forEach(item=>{
item.childrenList.forEach(info=>{
info.childrenList.forEach(btn=>{
if(btn.id === '1003-04-004-001') {
this.isSaveBtn = true
}
})
})
})
}
})
},
getData () { getData () {
this.$axios.get('/deviceVehicle/findEmamineConfig').then((res) =>{ this.$axios.get('/deviceVehicle/findEmamineConfig').then((res) =>{
if(res.data.code === '0') { if(res.data.code === '0') {
......
src/components/page/vehicle/faceAudit.vue 0 → 100644
<template>
<div>
<div class="mainContent">
<div class="searchBox">
<el-row>
<el-form label-width="0" :model="searchForm">
<el-col :span="6">
<el-form-item label="">
<el-input v-model="searchForm.remark" placeholder="请输入业主住所、被审核人"></el-input>
</el-form-item>
</el-col>
<el-col :span="2" :offset="1">
<el-button class="mt5" @click="getData()">查询</el-button>
</el-col>
</el-form>
</el-row>
</div>
</div>
<div class="mainContent tableCont" :style="{ height: height}">
<div class="tabCont">
<div class="title">审核列表</div>
<el-table :data="data.list">
<el-table-column type="index" label="序号"></el-table-column>
<el-table-column prop="ownerName" label="业主姓名"></el-table-column>
<el-table-column prop="ownerContact" label="业主联系方式"></el-table-column>
<el-table-column prop="ownerAddress" label="业主住所"></el-table-column>
<el-table-column prop="examinedPerson" label="被审核人"></el-table-column>
<el-table-column prop="ideatity" label="人员类型"></el-table-column>
<el-table-column prop="facePhotoUrl" label="人脸照片">
<template slot-scope="scope">
<img @click="bigimg(scope.row.facePhotoUrl)" :src="scope.row.facePhotoUrl" style="width:60px;height: 60px;margin-top: 8px;">
</template>
</el-table-column>
<el-table-column prop="commitTime" label="提交时间"></el-table-column>
<el-table-column prop="status" label="状态">
<template slot-scope="scope">
<span v-if="scope.row.status == 0">禁用</span>
<span v-if="scope.row.status == 1">启用</span>
</template>
</el-table-column>
<el-table-column prop="actualAtTime" label="操作" v-if="isSetBtn">
<template slot-scope="scope">
<el-switch
v-model="scope.row.status"
active-color="#DF9F01"
inactive-color="#929EAC" @change="changeStatus(scope.row)">
</el-switch>
</template>
</el-table-column>
</el-table>
<div class="block text-right mt20" v-if="data.page">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
layout="total, prev, pager, next, jumper"
:total="data.count">
</el-pagination>
</div>
</div>
</div>
<el-dialog title="" class="photoModel" :show-close="false" :visible.sync="dialogVisible" width="35%">
<el-row>
<img :src="photoUrl" style="height: 450px;width: 450px;">
</el-row>
</el-dialog>
</div>
</template>
<script>
export default {
data: () => ({
loading: true,
searchForm:{
},
data:{
page: '1',
list:[]
},
size: '10',
isSetBtn:false,
dialogVisible: false,
photoUrl: ''
}),
created () {
this.height = (document.documentElement.clientHeight - 210 ) + 'px'
this.getPermissionsBtn()
this.getData()
},
methods: {
getPermissionsBtn () {
this.$axios.get('/baseInfo/initPersonalMenu').then((res) =>{
if(res.data.code === '0') {
res.data.data.menuResponseList.forEach(item=>{
item.childrenList.forEach(info=>{
info.childrenList.forEach(btn=>{
if(btn.id === '1003-04-000-002') {
this.isSetBtn = true
}
})
})
})
}
})
},
getData(){
this.$axios.post('/deviceVehicle/findFaceExamine',{
p: this.data.page,
c: this.size,
remark: this.searchForm.remark
}).then((res) =>{
if(res.data.code === '0') {
this.data = res.data.data
res.data.data.list.forEach(item => {
if (item.status == '0') {
item.status = false
} else {
item.status = true
}
})
this.loading = false
}
})
},
bigimg (url) {
this.photoUrl = url
this.dialogVisible = true
},
// 修改状态
changeStatus (item) {
this.$axios.post('/deviceVehicle/handleFaceEmamine',{
status: item.status ? '1' : '0',
id: item.id
}).then((res) =>{
if(res.data.code === '0') {
this.getData()
}
})
},
handleSizeChange (val) {
this.size = val
this.getData()
},
handleCurrentChange (val) {
this.data.page = val
this.getData()
},
showAlert: function (cont) {
this.$alert(cont, '温馨提示', {
confirmButtonText: '确定'
})
}
},
}
</script>
<style scoped lang="less">
</style>
\ No newline at end of file
src/components/page/vehicle/vehicleAudit.vue
...@@ -13,9 +13,9 @@ ...@@ -13,9 +13,9 @@
<el-table-column prop="guestCarNumber" label="访客车牌号" ></el-table-column> <el-table-column prop="guestCarNumber" label="访客车牌号" ></el-table-column>
<el-table-column prop="expectedAtTime" label="预计到访时间" ></el-table-column> <el-table-column prop="expectedAtTime" label="预计到访时间" ></el-table-column>
<el-table-column label="操作" width="160"> <el-table-column label="操作" width="160">
<template slot-scope="scope"> <template slot-scope="scope" v-if="isRefuseBtn || isAgreeBtn">
<span class="line pointer" @click="auditBtn(1,scope.row.id)">同意</span> <span class="line pointer" v-if="isAgreeBtn" @click="auditBtn(1,scope.row.id)">同意</span>
<span class="line ml10 pointer" @click="auditBtn(0,scope.row.id)">拒绝</span> <span class="line ml10 pointer" v-if="isRefuseBtn" @click="auditBtn(0,scope.row.id)">拒绝</span>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
...@@ -41,12 +41,33 @@ export default { ...@@ -41,12 +41,33 @@ export default {
list:[] list:[]
}, },
size: '10', size: '10',
isRefuseBtn: false,
isAgreeBtn: false
}), }),
created () { created () {
this.height = (document.documentElement.clientHeight - 120 ) + 'px' this.height = (document.documentElement.clientHeight - 120 ) + 'px'
this.getPermissionsBtn()
this.getData() this.getData()
}, },
methods: { methods: {
getPermissionsBtn () {
this.$axios.get('/baseInfo/initPersonalMenu').then((res) =>{
if(res.data.code === '0') {
res.data.data.menuResponseList.forEach(item=>{
item.childrenList.forEach(info=>{
info.childrenList.forEach(btn=>{
if(btn.id === '1003-04-001-001') {
this.isAgreeBtn = true
}
if(btn.id === '1003-04-001-002') {
this.isRefuseBtn = true
}
})
})
})
}
})
},
getData(){ getData(){
this.$axios.post('/deviceVehicle/findExamine',{ this.$axios.post('/deviceVehicle/findExamine',{
p: this.data.page, p: this.data.page,
......
src/router/index.js
...@@ -84,15 +84,24 @@ export default new Router({ ...@@ -84,15 +84,24 @@ export default new Router({
path: '/vehicle/vehicleAudit', path: '/vehicle/vehicleAudit',
name: '/vehicle', name: '/vehicle',
meta: { meta: {
pageName: '车辆管理' pageName: '通行管理'
}, },
component: resolve => require(['../components/page/index/SubContent.vue'], resolve), component: resolve => require(['../components/page/index/SubContent.vue'], resolve),
children: [ children: [
{ {
path: '/vehicle/faceAudit',
name: 'faceAudit',
meta: {
pageName: '人脸审核'
},
component: resolve =>
require(['../components/page/vehicle/faceAudit.vue'], resolve),
},
{
path: '/vehicle/vehicleAudit', path: '/vehicle/vehicleAudit',
name: 'vehicleAudit', name: 'vehicleAudit',
meta: { meta: {
pageName: '车辆审核' pageName: '访客审核'
}, },
component: resolve => component: resolve =>
require(['../components/page/vehicle/vehicleAudit.vue'], resolve), require(['../components/page/vehicle/vehicleAudit.vue'], resolve),
......
static/css/main.less
...@@ -422,3 +422,8 @@ background-color:#bbb!important; ...@@ -422,3 +422,8 @@ background-color:#bbb!important;
height: 108px; height: 108px;
display: block; display: block;
} }
.photoModel{
.el-dialog{background: none!important;box-shadow: none!important;}
.el-dialog__header{display: none!important;}
.el-dialog__body{padding: 0!important;}
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment