You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
621 lines
19 KiB
621 lines
19 KiB
<template>
|
|
<div>
|
|
<xy-dialog ref="dialog" :width="70" :is-show.sync="isShow" type="form" :title="`${form.type_text}`"
|
|
:form="formData">
|
|
<template v-slot:logs>
|
|
<el-timeline :reverse="true">
|
|
<el-timeline-item v-for="(item, index) in form.logs" :key="index" :timestamp="item.created_at">
|
|
{{item.remark}}
|
|
</el-timeline-item>
|
|
</el-timeline>
|
|
</template>
|
|
|
|
<template v-slot:checkcode v-if="formDataType=='coderecord'">
|
|
<div class="xy-table-item">
|
|
<div class="xy-table-item-label" style="font-size: 32px;width: 230px!important;">
|
|
核销码：
|
|
</div>
|
|
<div class="xy-table-item-content">
|
|
<div style="font-size: 32px;padding: 25px;width:400px">
|
|
{{form.code}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<template v-slot:codeType v-if="formDataType=='coderecord'">
|
|
<div class="xy-table-item">
|
|
<div class="xy-table-item-label" style="font-size: 32px;width: 280px!important;">
|
|
核销状态：
|
|
</div>
|
|
<div class="xy-table-item-content">
|
|
<div style="font-size: 32px;padding: 25px;width:400px">
|
|
<el-radio-group v-model="codeForm.type">
|
|
<el-radio :label="item.id" v-for="item in codeTypeList">{{item.value}}</el-radio>
|
|
</el-radio-group>
|
|
<!-- {{form.audit_status_text}} -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<template v-slot:person_no v-if="formDataType=='coderecord'">
|
|
<div class="xy-table-item">
|
|
<div class="xy-table-item-label" style="font-size: 32px;width: 230px!important;">
|
|
入场牌：
|
|
</div>
|
|
<div class="xy-table-item-content">
|
|
|
|
<!-- <el-input style="font-size: 32px;padding: 25px;width:400px" v-model="codeForm.person_no"
|
|
placeholder="请输入入场牌"></el-input> -->
|
|
<xy-table style="width: 620px" :height="260" :is-page="false" :list="codeForm.person_no"
|
|
:table-item="codefollowTable">
|
|
<template v-slot:btns>
|
|
</template>
|
|
</xy-table>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<template v-slot:car_no v-if="formDataType=='coderecord'">
|
|
<div class="xy-table-item">
|
|
<div class="xy-table-item-label" style="font-size: 32px;width: 230px!important;">
|
|
停车牌：
|
|
</div>
|
|
<div class="xy-table-item-content">
|
|
|
|
<!-- <el-input style="font-size: 32px;padding: 25px;width:400px" v-model="codeForm.car_no"
|
|
placeholder="请输入停车牌"></el-input> -->
|
|
|
|
<xy-table style="width: 620px" :height="260" :is-page="false" :list="codeForm.car_no"
|
|
:table-item="carfollowTable">
|
|
<template v-slot:btns>
|
|
</template>
|
|
</xy-table>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<template v-slot:visitinfo>
|
|
<div style="width:600px">
|
|
拜访信息
|
|
</div>
|
|
</template>
|
|
<template v-slot:date>
|
|
<div class="xy-table-item">
|
|
<div class="xy-table-item-label">
|
|
<span style="color: red;font-weight: 600;padding-right: 4px;"></span>到访日期：
|
|
</div>
|
|
<div class="xy-table-item-content">
|
|
{{form.date}}
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<template v-slot:visit_time_id>
|
|
<div class="xy-table-item">
|
|
<div class="xy-table-item-label">
|
|
<span style="color: red;font-weight: 600;padding-right: 4px;"></span>到访时段：
|
|
</div>
|
|
<div class="xy-table-item-content">
|
|
{{form.visit_time?form.visit_time.start_time:''}}至{{form.visit_time?form.visit_time.end_time:''}}
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<template v-slot:visit_area_id>
|
|
<div class="xy-table-item">
|
|
<div class="xy-table-item-label">
|
|
<span style="color: red;font-weight: 600;padding-right: 4px;"></span>前往区域：
|
|
</div>
|
|
<div class="xy-table-item-content">
|
|
{{form.visit_area?form.visit_area.name:''}}
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<template v-slot:reason v-if="form.type==1">
|
|
<div class="xy-table-item">
|
|
<div class="xy-table-item-label">
|
|
<span style="color: red;font-weight: 600;padding-right: 4px;"></span>到访事由：
|
|
</div>
|
|
<div class="xy-table-item-content">
|
|
{{form.reason}}
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<template v-slot:workRange v-if="form.type==2">
|
|
<div class="xy-table-item">
|
|
<div class="xy-table-item-label">
|
|
<span style="color: red;font-weight: 600;padding-right: 4px;"></span>施工时段：
|
|
</div>
|
|
<div class="xy-table-item-content">
|
|
{{form.work_start_time}}至{{form.work_end_time}}
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<template v-slot:plate v-if="form.type==3">
|
|
<div class="xy-table-item">
|
|
<div class="xy-table-item-label">
|
|
停车区域：
|
|
</div>
|
|
<div class="xy-table-item-content">
|
|
{{form.plate}}
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<template v-slot:remark>
|
|
<div class="xy-table-item">
|
|
<div class="xy-table-item-label">
|
|
备注：
|
|
</div>
|
|
<div class="xy-table-item-content">
|
|
{{form.remark}}
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<template v-slot:visitorinfo>
|
|
<div class="xy-table-item">
|
|
<div class="xy-table-item-content" style="width:400px">
|
|
拜访人信息：
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<template v-slot:name>
|
|
<div class="xy-table-item">
|
|
<div class="xy-table-item-label">
|
|
<span style="color: red;font-weight: 600;padding-right: 4px;"></span>姓名：
|
|
</div>
|
|
<div class="xy-table-item-content">
|
|
{{form.name}}
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<template v-slot:mobile>
|
|
<div class="xy-table-item">
|
|
<div class="xy-table-item-label">
|
|
<span style="color: red;font-weight: 600;padding-right: 4px;"></span>联系电话：
|
|
</div>
|
|
<div class="xy-table-item-content">
|
|
{{form.mobile}}
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<template v-slot:credent>
|
|
<div class="xy-table-item">
|
|
<div class="xy-table-item-label">证件类型：
|
|
</div>
|
|
<div class="xy-table-item-content">
|
|
{{form.credent==1?'身份证':'护照'}}
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<template v-slot:idcard>
|
|
<div class="xy-table-item">
|
|
<div class="xy-table-item-label">
|
|
证件号码：
|
|
</div>
|
|
<div class="xy-table-item-content">
|
|
{{form.idcard}}
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<template v-slot:company_name>
|
|
<div class="xy-table-item">
|
|
<div class="xy-table-item-label">
|
|
单位名称：
|
|
</div>
|
|
<div class="xy-table-item-content">
|
|
{{form.company_name}}
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<template v-slot:cars>
|
|
<div class="xy-table-item">
|
|
<div class="xy-table-item-label">
|
|
到访车辆：
|
|
</div>
|
|
<div class="xy-table-item-content">
|
|
{{form.cars?form.cars.join(','):''}}
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<template v-slot:follw_people v-if="form.type==1||form.type==2">
|
|
<div class="xy-table-item">
|
|
<div class="xy-table-item-label">
|
|
<span style="color: red;font-weight: 600;padding-right: 4px;"></span>随访人员：
|
|
</div>
|
|
<div class="xy-table-item-content">
|
|
<xy-table style="width: 620px" :height="260" :is-page="false" :list="form.follw_people"
|
|
:table-item="followTable">
|
|
<template v-slot:btns>
|
|
|
|
</template>
|
|
</xy-table>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<template v-slot:long_time>
|
|
<div class="xy-table-item">
|
|
<div class="xy-table-item-label">
|
|
<span style="color: red;font-weight: 600;padding-right: 4px;"></span>长访客申请：
|
|
</div>
|
|
<div class="xy-table-item-content" style="width:620px">
|
|
{{form.long_time==0?'否':'是'}}
|
|
<div v-if="form.long_time==1" style="display: inline-block;vertical-align: middle;margin-left:10px">
|
|
{{form.start_date}}至{{form.end_date}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<template v-slot:visitorinfos>
|
|
<div class="xy-table-item">
|
|
<div class="xy-table-item-content" style="width:400px">
|
|
被访人信息：
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<template v-slot:accept_admin_id>
|
|
<div class="xy-table-item">
|
|
<div class="xy-table-item-label">
|
|
<span style="color: red;font-weight: 600;padding-right: 4px;"></span>人员：
|
|
</div>
|
|
<div class="xy-table-item-content">
|
|
{{form.accept_admin?form.accept_admin.name:''}}
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<template v-slot:accept_goods_admin_id v-if="form.type==3">
|
|
<div class="xy-table-item">
|
|
<div class="xy-table-item-label">
|
|
<span style="color: red;font-weight: 600;padding-right: 4px;"></span>收货人：
|
|
</div>
|
|
<div class="xy-table-item-content">
|
|
{{form.accept_goods_admin?form.accept_goods_admin.name:''}}
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<!-- 审核 -->
|
|
<template v-slot:checkRecord v-if="formDataType=='checkrecord'">
|
|
<div style="width:600px">
|
|
审核
|
|
</div>
|
|
</template>
|
|
<template v-slot:checkForm v-if="form.audit_status==0&&isCheck">
|
|
<el-form-item prop='checkForm.status' style="margin-bottom:20px">
|
|
<div class="xy-table-item">
|
|
<div class="xy-table-item-label">状态：
|
|
</div>
|
|
<div class="xy-table-item-content">
|
|
<el-select v-model="checkForm.status" placeholder="请选择" style="width:200px">
|
|
<el-option v-for="item in statusList" :key="item.id" :label="item.value" :value="item.id">
|
|
</el-option>
|
|
</el-select>
|
|
</div>
|
|
</div>
|
|
</el-form-item>
|
|
<el-form-item prop='checkForm.reason' style="margin-bottom:20px">
|
|
<div class="xy-table-item">
|
|
<div class="xy-table-item-label">
|
|
备注：
|
|
</div>
|
|
<div class="xy-table-item-content">
|
|
<el-input type="textarea" v-model="checkForm.reason" placeholder="请输入备注" style="width:300px"></el-input>
|
|
</div>
|
|
</div>
|
|
</el-form-item>
|
|
</template>
|
|
|
|
<template v-slot:checkText v-if="form.audit_status==0&&!isCheck">
|
|
<div class="checkforms dbitem" style="padding:30rpx">
|
|
{{checkText}}
|
|
</div>
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<template v-slot:footerContent>
|
|
<div>
|
|
<Button ghost type="primary" @click="reset">取消</Button>
|
|
<Button v-if="formDataType=='checkrecord'&&isCheck" type="primary" @click="checkSubmit">审核</Button>
|
|
<Button v-if="formDataType=='coderecord'" type="primary" @click="codeSubmit">确认</Button>
|
|
</div>
|
|
</template>
|
|
</xy-dialog>
|
|
|
|
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import {
|
|
save
|
|
} from "@/api/visit/check.js"
|
|
import {
|
|
show
|
|
} from "@/api/visit/record.js"
|
|
import {
|
|
cancelCode
|
|
} from "@/api/gate"
|
|
import {
|
|
getInfo
|
|
} from '@/api/user.js'
|
|
import Cookies from 'js-cookie'
|
|
export default {
|
|
components: {},
|
|
data() {
|
|
return {
|
|
isShow: false,
|
|
id: '',
|
|
userId: '',
|
|
formDataType: '',
|
|
formData: {
|
|
checkcode: '',
|
|
codeType: "",
|
|
person_no: '',
|
|
car_no: '',
|
|
|
|
visitinfo: "",
|
|
date: "",
|
|
visit_time_id: "",
|
|
visit_area_id: "",
|
|
workRange: "",
|
|
reason: "",
|
|
plate: "",
|
|
remark: "",
|
|
visitorinfo: "",
|
|
name: "",
|
|
mobile: "",
|
|
credent: 1,
|
|
idcard: "",
|
|
company_name: "",
|
|
cars: "",
|
|
follw_people: [],
|
|
long_time: 0,
|
|
longrange: "",
|
|
visitorinfos: "",
|
|
accpet_department_id: "",
|
|
accept_admin_id: "",
|
|
accept_goods_admin_id: "",
|
|
|
|
checkRecord: '',
|
|
checkForm: {},
|
|
checkText: ''
|
|
|
|
},
|
|
form: {},
|
|
checkForm: {
|
|
status: 1
|
|
}, //审核
|
|
codeForm: {
|
|
type: 1,
|
|
car_no: [],
|
|
person_no: []
|
|
}, // 核验
|
|
codeTypeList: [{
|
|
id: 1,
|
|
value: '入场'
|
|
}, {
|
|
id: 2,
|
|
value: '离场'
|
|
}],
|
|
gateAdminId: '',
|
|
check_admin_name: "",
|
|
carfollowTable: [{
|
|
label: "车牌",
|
|
prop: "car",
|
|
width: 200
|
|
},{
|
|
label: "停车牌",
|
|
prop: "car_no",
|
|
width: 420,
|
|
customFn: (row, scope) => {
|
|
return (<el-input type="text" placeholder = "请填写停车牌"
|
|
v-model={row.car_no}>
|
|
</el-input>
|
|
)
|
|
}
|
|
}],
|
|
codefollowTable: [{
|
|
label: "姓名",
|
|
prop: "name",
|
|
width: 200
|
|
},{
|
|
label: "入场牌",
|
|
prop: "person_no",
|
|
width: 420,
|
|
customFn: (row, scope) => {
|
|
return (<el-input type="text" placeholder = "请填写入场牌"
|
|
v-model={row.person_no}>
|
|
</el-input>
|
|
)
|
|
}
|
|
}],
|
|
followTable: [{
|
|
label: "姓名",
|
|
prop: "name",
|
|
width: 200
|
|
},
|
|
{
|
|
label: "联系电话",
|
|
prop: "mobile",
|
|
width: 200
|
|
},
|
|
{
|
|
label: "证件类型",
|
|
// width: 180,
|
|
prop: 'credent',
|
|
width: 200,
|
|
formatter(cell, data, val) {
|
|
return val == 1 ? '身份证' : '护照'
|
|
}
|
|
}, {
|
|
label: "证件号码",
|
|
prop: "idcard",
|
|
width: 200
|
|
}
|
|
],
|
|
statusList: [{
|
|
id: 1,
|
|
value: "通过"
|
|
},
|
|
{
|
|
id: 2,
|
|
value: "驳回"
|
|
},
|
|
],
|
|
checkLevel: [{
|
|
id: 1,
|
|
value: '请等待一级审核完成'
|
|
}, {
|
|
id: 2,
|
|
value: '请等待二级审核完成'
|
|
}, {
|
|
id: 3,
|
|
value: '请等待三级审核完成'
|
|
}],
|
|
checkText: '',
|
|
isCheck: false
|
|
}
|
|
},
|
|
created() {
|
|
// this.getVisitTime()
|
|
},
|
|
watch: {
|
|
isShow(newVal) {
|
|
if (newVal) {
|
|
let that = this
|
|
if (this.formDataType == 'checkrecord') {
|
|
this.checkForm.visit_id = this.id
|
|
this.getUserId()
|
|
this.getDetail()
|
|
}
|
|
|
|
if (this.formDataType == 'coderecord') {
|
|
this.codeForm.code = this.form.code
|
|
this.codeForm.admin_id = parseInt(this.gateAdminId)
|
|
this.codeForm.type = this.form.audit_status == 1 ? 1 : (this.form.audit_status == 3 ? 2 : '')
|
|
this.codeForm.person_no.push({name:this.form.name,person_no:''})
|
|
for(var k of this.form.follw_people){
|
|
this.codeForm.person_no.push({name:k.name,person_no:''})
|
|
}
|
|
for(var m of this.form.cars){
|
|
this.codeForm.car_no.push({car:m,car_no:''})
|
|
}
|
|
}
|
|
} else {
|
|
this.reset()
|
|
}
|
|
}
|
|
},
|
|
methods: {
|
|
selectLevel(val) {
|
|
this.form.audit.map(item => {
|
|
if (item.level == val) {
|
|
this.checkForm.level = item.level
|
|
this.checkForm.id = item.id
|
|
this.checkForm.audit_admin_id = item.audit_admin_id
|
|
this.check_admin_name = item.audit_admin ? item.audit_admin.name : ''
|
|
}
|
|
})
|
|
},
|
|
async getUserId() {
|
|
const res = await getInfo()
|
|
this.userId = res.id
|
|
},
|
|
async getDetail() {
|
|
const res = await show({
|
|
id: this.id
|
|
})
|
|
let that = this
|
|
this.form = res
|
|
for (let item of that.form.audit) {
|
|
if (item.status == 0) {
|
|
if (item.audit_admin_id == that.userId) {
|
|
that.checkForm.level = item.level
|
|
that.checkForm.id = item.id
|
|
that.checkForm.audit_admin_id = item.audit_admin_id
|
|
that.isCheck = true
|
|
return
|
|
} else {
|
|
that.checkLevel.map(item1 => {
|
|
if (item.level == item1.id) {
|
|
that.checkText = item1.value
|
|
}
|
|
})
|
|
that.isCheck = false
|
|
return
|
|
}
|
|
} else {
|
|
that.isCheck = false
|
|
}
|
|
}
|
|
|
|
},
|
|
reset() {
|
|
this.id = ''
|
|
this.formDataType = ''
|
|
this.checkForm = {}
|
|
this.check_admin_name = ''
|
|
this.codeForm = {}
|
|
this.codeType = ''
|
|
this.gateAdminId = ''
|
|
this.isShow = false
|
|
this.$refs['dialog'].reset()
|
|
},
|
|
checkSubmit() {
|
|
console.log(this.checkForm)
|
|
// return
|
|
let that = this
|
|
// this.form.id = this.id
|
|
save({
|
|
...that.checkForm
|
|
}).then(res => {
|
|
this.$successMessage('审核成功')
|
|
this.isShow = false
|
|
this.$emit('refresh')
|
|
})
|
|
},
|
|
codeSubmit() {
|
|
let that = this
|
|
console.log(this.codeForm)
|
|
console.log(this.codeForm.person_no)
|
|
return
|
|
cancelCode({
|
|
...that.codeForm
|
|
}).then(res => {
|
|
this.$successMessage('核销成功')
|
|
this.isShow = false
|
|
this.$emit('refresh')
|
|
})
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
.xy-table-item-label {
|
|
width: 180px !important;
|
|
}
|
|
|
|
.xy-table-item-content {
|
|
width: 100%
|
|
}
|
|
|
|
.img__delete {
|
|
transform: scale(0.8, 0.8);
|
|
|
|
position: absolute;
|
|
top: 4px;
|
|
right: 4px;
|
|
}
|
|
|
|
/deep/ .el-radio__input {
|
|
vertical-align: super;
|
|
}
|
|
|
|
/deep/ .el-radio__label {
|
|
font-size: 32px;
|
|
}
|
|
</style>
|