|
|
|
|
@ -0,0 +1,660 @@
|
|
|
|
|
<template>
|
|
|
|
|
<div>
|
|
|
|
|
<xy-dialog ref="dialog" :is-show.sync="isShow" type="form"
|
|
|
|
|
:title="type === 'add' ? `新增${typeName}记录` : `编辑${typeName}记录`" :form="form" :rules="rules" @submit="submit">
|
|
|
|
|
<template v-slot:visitinfo>
|
|
|
|
|
拜访信息
|
|
|
|
|
</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">
|
|
|
|
|
<el-date-picker style="width:300px" v-model="form.date" value-format="yyyy-MM-dd" type="date"
|
|
|
|
|
placeholder="选择到访日期">
|
|
|
|
|
</el-date-picker>
|
|
|
|
|
</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">
|
|
|
|
|
<el-radio-group v-model="form.visit_time_id" style="width:300px">
|
|
|
|
|
<el-radio v-for="item in visitTimeList" :label="item.id">{{item.start_time}}-{{item.end_time}}</el-radio>
|
|
|
|
|
</el-radio-group>
|
|
|
|
|
</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">
|
|
|
|
|
<el-radio-group v-model="form.visit_area_id" style="width:300px">
|
|
|
|
|
<el-radio v-for="item in visitAreaList" :label="item.id">{{item.name}}</el-radio>
|
|
|
|
|
</el-radio-group>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
<template v-slot:reason v-if="visitType==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">
|
|
|
|
|
<el-select v-model="form.reason" placeholder="请选择" style="width:300px">
|
|
|
|
|
<el-option v-for="item in reasonList" :key="item.value" :label="item.value" :value="item.value">
|
|
|
|
|
</el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
<template v-slot:workRange v-if="visitType==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">
|
|
|
|
|
<el-date-picker v-model="form.workRange" @change="changeworkrange" type="daterange" align="right" unlink-panels
|
|
|
|
|
value-format="yyyy-MM-dd" range-separator="至" start-placeholder="开始时间" end-placeholder="结束时间">
|
|
|
|
|
</el-date-picker>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<template v-slot:plate v-if="visitType==3">
|
|
|
|
|
<div class="xy-table-item">
|
|
|
|
|
<div class="xy-table-item-label">
|
|
|
|
|
停车区域：
|
|
|
|
|
</div>
|
|
|
|
|
<div class="xy-table-item-content">
|
|
|
|
|
<el-radio-group v-model="form.plate" style="width:300px">
|
|
|
|
|
<el-radio v-for="item in parkAreaList" :key="item.value" :label="item.value">{{item.value}}</el-radio>
|
|
|
|
|
</el-radio-group>
|
|
|
|
|
<!-- <el-input v-model="form.plate" placeholder="请输入车牌号"></el-input> -->
|
|
|
|
|
</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">
|
|
|
|
|
<el-input :autosize="{minRows:2}" style="width:300px" type="textarea" v-model="form.remark"
|
|
|
|
|
placeholder="请输入备注" clearable></el-input>
|
|
|
|
|
</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">
|
|
|
|
|
<el-input v-model="form.name" placeholder="请输入姓名"></el-input>
|
|
|
|
|
</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">
|
|
|
|
|
<el-input v-model="form.mobile" placeholder="请输入联系电话"></el-input>
|
|
|
|
|
</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">
|
|
|
|
|
<el-select v-model="form.credent" placeholder="请选择" style="width:100%">
|
|
|
|
|
<el-option v-for="item in credentList" :key="item.id" :label="item.value" :value="item.id">
|
|
|
|
|
</el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
<template v-slot:idcard>
|
|
|
|
|
<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">
|
|
|
|
|
<el-input v-model="form.idcard" placeholder="请输入证件号码"></el-input>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
<template v-slot:company_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">
|
|
|
|
|
<el-input v-model="form.company_name" placeholder="请输入单位名称"></el-input>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<!-- <template v-slot:cars v-if="visitType==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">
|
|
|
|
|
<div v-for="(item,index) in form.cars">
|
|
|
|
|
<el-input v-model="form.cars[index]" placeholder="请输入到访车辆"></el-input>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template> -->
|
|
|
|
|
|
|
|
|
|
<!-- <template v-slot:cars>
|
|
|
|
|
<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">
|
|
|
|
|
<Button type="primary" icon="md-add" style="margin-bottom: 10px"
|
|
|
|
|
@click="form.cars.push('')">新增车辆</Button>
|
|
|
|
|
<div class='carsitem' v-for="(item,index) in form.cars">
|
|
|
|
|
<el-input v-model="form.cars[index]" placeholder="请输入到访车辆"></el-input>
|
|
|
|
|
<Button size="small" type="primary" ghost @click="form.cars.splice(index,1)">删除</Button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template> -->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<template v-slot:follw_people v-if="visitType==1||visitType==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">
|
|
|
|
|
<Button type="primary" icon="md-add" style="margin-bottom: 10px"
|
|
|
|
|
@click="form.follw_people.push({ name:'',mobile:'',credent:1,idcard:'',credent_name:'身份证' })">新增随访人员</Button>
|
|
|
|
|
|
|
|
|
|
<xy-table style="width: 620px" :height="260" :is-page="false" :list="form.follw_people"
|
|
|
|
|
:table-item="followTable">
|
|
|
|
|
<template v-slot:btns>
|
|
|
|
|
<el-table-column label="操作" width="90" header-align="center" align="center">
|
|
|
|
|
<template v-slot:default="scope">
|
|
|
|
|
<Button size="small" type="primary" ghost
|
|
|
|
|
@click="form.follw_people.splice(scope.$index, 1)">删除</Button>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</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">
|
|
|
|
|
<el-radio-group v-model="form.long_time">
|
|
|
|
|
<el-radio v-for="item in longList" :label="item.id">{{item.value}}</el-radio>
|
|
|
|
|
</el-radio-group>
|
|
|
|
|
<div v-if="form.long_time==1" style="display: inline-block;vertical-align: middle;margin-left:10px">
|
|
|
|
|
<el-date-picker style="width:360px" @change="changelongrange" v-model="form.longrange" type="daterange" align="right" unlink-panels
|
|
|
|
|
value-format="yyyy-MM-dd" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期">
|
|
|
|
|
</el-date-picker>
|
|
|
|
|
</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:accpet_department_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">
|
|
|
|
|
<el-select v-model="form.accpet_department_id" placeholder="请选择" style="width:100%">
|
|
|
|
|
<el-option v-for="item in departmentList" :key="item.value" :label="item.label" :value="item.value">
|
|
|
|
|
</el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template> -->
|
|
|
|
|
<template v-slot:accept_admin_id v-if="visitType==1||visitType==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">
|
|
|
|
|
<el-select filterable v-model="form.accept_admin_id" @change='changeAdmin' placeholder="请选择" style="width:100%">
|
|
|
|
|
<el-option v-for="item in adminList" :key="item.id" :label="item.name" :value="item.id">
|
|
|
|
|
</el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
<template v-slot:accept_goods_admin_id v-if="visitType==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">
|
|
|
|
|
<el-select filterable v-model="form.accept_goods_admin_id" @change='changeGoods' placeholder="请选择" style="width:100%">
|
|
|
|
|
<el-option v-for="item in adminList" :key="item.id" :label="item.name" :value="item.id">
|
|
|
|
|
</el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</xy-dialog>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
import {
|
|
|
|
|
show,
|
|
|
|
|
save
|
|
|
|
|
} from "@/api/visit/record.js"
|
|
|
|
|
import {
|
|
|
|
|
getparameter
|
|
|
|
|
} from "@/api/system/dictionary";
|
|
|
|
|
import {
|
|
|
|
|
getList as getTimeList
|
|
|
|
|
} from '@/api/resource/visittime.js'
|
|
|
|
|
import {
|
|
|
|
|
getList as getAreaList
|
|
|
|
|
} from '@/api/parameter/visitor.js'
|
|
|
|
|
import {
|
|
|
|
|
listCommonuser
|
|
|
|
|
} from "@/api/common.js"
|
|
|
|
|
export default {
|
|
|
|
|
components: {},
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
isShow: false,
|
|
|
|
|
type: 'add',
|
|
|
|
|
id: '',
|
|
|
|
|
visitType: "",
|
|
|
|
|
typeName: '',
|
|
|
|
|
form: {
|
|
|
|
|
// type: 1,
|
|
|
|
|
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: ""
|
|
|
|
|
},
|
|
|
|
|
// followList:[],
|
|
|
|
|
visitTimeList: [],
|
|
|
|
|
visitAreaList: [],
|
|
|
|
|
parkAreaList: [],
|
|
|
|
|
reasonList: [],
|
|
|
|
|
credentList: [{
|
|
|
|
|
id: 1,
|
|
|
|
|
value: "身份证"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: 2,
|
|
|
|
|
value: "护照"
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
longList: [{
|
|
|
|
|
id: 0,
|
|
|
|
|
value: "否"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: 1,
|
|
|
|
|
value: "是"
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
departmentList: [],
|
|
|
|
|
adminList: [],
|
|
|
|
|
carTable:[{
|
|
|
|
|
label: "车牌号",
|
|
|
|
|
prop: "car",
|
|
|
|
|
// width: 200,
|
|
|
|
|
customFn: (row, scope) => {
|
|
|
|
|
return (<el-input type="text" placeholder = "请填写车牌号"
|
|
|
|
|
v-model={row.car}>
|
|
|
|
|
</el-input>
|
|
|
|
|
)
|
|
|
|
|
}
|
|
|
|
|
}],
|
|
|
|
|
followTable: [{
|
|
|
|
|
label: "姓名",
|
|
|
|
|
prop: "name",
|
|
|
|
|
width: 200,
|
|
|
|
|
customFn: (row, scope) => {
|
|
|
|
|
return (<el-input type="text" placeholder = "请填写姓名"
|
|
|
|
|
v-model={row.name}>
|
|
|
|
|
</el-input>
|
|
|
|
|
)
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: "联系电话",
|
|
|
|
|
prop: "mobile",
|
|
|
|
|
width: 200,
|
|
|
|
|
customFn: (row, scope) => {
|
|
|
|
|
return (<el-input placeholder = "请填写联系电话"
|
|
|
|
|
v-model = {row.mobile} >
|
|
|
|
|
</el-input>
|
|
|
|
|
)
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: "证件类型",
|
|
|
|
|
// width: 180,
|
|
|
|
|
width: 200,
|
|
|
|
|
customFn: (row) => {
|
|
|
|
|
return (<el-select placeholder = "请选择证件类型"
|
|
|
|
|
style = "width: 140px"
|
|
|
|
|
value = {row.credent==1?'身份证':'护照'}
|
|
|
|
|
on = {
|
|
|
|
|
{
|
|
|
|
|
["change"]: (e) => (row.credent_name = e.value, row.credent = e.id),
|
|
|
|
|
}
|
|
|
|
|
} > {
|
|
|
|
|
this.credentList.map((item, index) => {
|
|
|
|
|
return (<el-option
|
|
|
|
|
// v-for={item in types}
|
|
|
|
|
value = {
|
|
|
|
|
item
|
|
|
|
|
}
|
|
|
|
|
key = {
|
|
|
|
|
item.id
|
|
|
|
|
}
|
|
|
|
|
label = {
|
|
|
|
|
item.value
|
|
|
|
|
} >
|
|
|
|
|
</el-option>
|
|
|
|
|
)
|
|
|
|
|
|
|
|
|
|
})
|
|
|
|
|
} </el-select>
|
|
|
|
|
);
|
|
|
|
|
},
|
|
|
|
|
}, {
|
|
|
|
|
label: "证件号码",
|
|
|
|
|
prop: "idcard",
|
|
|
|
|
width: 200,
|
|
|
|
|
customFn: (row, scope) => {
|
|
|
|
|
return (<el-input placeholder = "请填写证件号码"
|
|
|
|
|
v-model = {row.idcard}>
|
|
|
|
|
</el-input>
|
|
|
|
|
)
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
],
|
|
|
|
|
|
|
|
|
|
rules: {
|
|
|
|
|
date: [{
|
|
|
|
|
required: true,
|
|
|
|
|
message: '请选择到访日期'
|
|
|
|
|
}],
|
|
|
|
|
visit_time_id: [{
|
|
|
|
|
required: true,
|
|
|
|
|
message: '请选择到访时段'
|
|
|
|
|
}],
|
|
|
|
|
visit_area_id: [{
|
|
|
|
|
required: true,
|
|
|
|
|
message: '请选择到访区域'
|
|
|
|
|
}],
|
|
|
|
|
plate: [{
|
|
|
|
|
required: true,
|
|
|
|
|
message: '请选择停车区域'
|
|
|
|
|
}],
|
|
|
|
|
name: [{
|
|
|
|
|
required: true,
|
|
|
|
|
message: '请输入姓名'
|
|
|
|
|
}],
|
|
|
|
|
mobile: [{
|
|
|
|
|
required: true,
|
|
|
|
|
message: "请填写联系电话",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
pattern: /^[1][3-9][\d]{9}/,
|
|
|
|
|
message: "手机号格式错误",
|
|
|
|
|
}
|
|
|
|
|
],
|
|
|
|
|
idcard: [{
|
|
|
|
|
required: true,
|
|
|
|
|
message: '请输入身份证号'
|
|
|
|
|
},{
|
|
|
|
|
pattern: /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/,
|
|
|
|
|
message: '身份证格式错误'
|
|
|
|
|
}],
|
|
|
|
|
company_name: [{
|
|
|
|
|
required: true,
|
|
|
|
|
message: '请输入单位名称'
|
|
|
|
|
}],
|
|
|
|
|
},
|
|
|
|
|
pickerOptions: {
|
|
|
|
|
shortcuts: [{
|
|
|
|
|
text: '最近一周',
|
|
|
|
|
onClick(picker) {
|
|
|
|
|
const end = new Date();
|
|
|
|
|
const start = new Date();
|
|
|
|
|
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
|
|
|
|
|
picker.$emit('pick', [start, end]);
|
|
|
|
|
}
|
|
|
|
|
}, {
|
|
|
|
|
text: '最近一个月',
|
|
|
|
|
onClick(picker) {
|
|
|
|
|
const end = new Date();
|
|
|
|
|
const start = new Date();
|
|
|
|
|
start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
|
|
|
|
|
picker.$emit('pick', [start, end]);
|
|
|
|
|
}
|
|
|
|
|
}, {
|
|
|
|
|
text: '最近三个月',
|
|
|
|
|
onClick(picker) {
|
|
|
|
|
const end = new Date();
|
|
|
|
|
const start = new Date();
|
|
|
|
|
start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
|
|
|
|
|
picker.$emit('pick', [start, end]);
|
|
|
|
|
}
|
|
|
|
|
}]
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
created() {
|
|
|
|
|
this.getVisitTime()
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
|
|
|
|
|
async getDetail() {
|
|
|
|
|
const res = await show({
|
|
|
|
|
id: this.id
|
|
|
|
|
})
|
|
|
|
|
this.form = {
|
|
|
|
|
visitinfo: "",
|
|
|
|
|
date: res?.date,
|
|
|
|
|
visit_time_id: res?.visit_time_id,
|
|
|
|
|
visit_area_id: res?.visit_area_id,
|
|
|
|
|
workRange: res.work_start_time?[res.work_start_time,res.work_end_time]:"",
|
|
|
|
|
reason: res?.reason,
|
|
|
|
|
plate: res?.plate,
|
|
|
|
|
remark: res?.remark,
|
|
|
|
|
visitorinfo: "",
|
|
|
|
|
name: res?.name,
|
|
|
|
|
mobile: res?.mobile,
|
|
|
|
|
credent: res?.credent,
|
|
|
|
|
idcard: res?.idcard,
|
|
|
|
|
company_name: res?.company_name,
|
|
|
|
|
cars: res?.cars,
|
|
|
|
|
follw_people: res?.follw_people,
|
|
|
|
|
long_time: res?.long_time,
|
|
|
|
|
longrange: res.start_date?[res.start_date,res.end_date]:"",
|
|
|
|
|
visitorinfos: "",
|
|
|
|
|
accpet_department_id: res?.accpet_department_id,
|
|
|
|
|
accept_admin_id: res?.accept_admin_id,
|
|
|
|
|
accept_goods_admin_id: res?parseInt(res.accept_goods_admin_id):''
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
async getVisitTime() {
|
|
|
|
|
const res = await getTimeList()
|
|
|
|
|
this.visitTimeList = res.data
|
|
|
|
|
const resarea = await getAreaList()
|
|
|
|
|
this.visitAreaList = resarea.data
|
|
|
|
|
const resuser = await listCommonuser({page:1,page_size:999})
|
|
|
|
|
this.adminList = resuser.data
|
|
|
|
|
|
|
|
|
|
const reason = await getparameter({
|
|
|
|
|
number: "reasonList",
|
|
|
|
|
});
|
|
|
|
|
this.reasonList = reason?.detail;
|
|
|
|
|
const park = await getparameter({
|
|
|
|
|
number: "parkArea",
|
|
|
|
|
});
|
|
|
|
|
this.parkAreaList = park?.detail;
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
changelongrange(val){
|
|
|
|
|
this.form.start_date = val[0]
|
|
|
|
|
this.form.end_date = val[1]
|
|
|
|
|
},
|
|
|
|
|
changeworkrange(val){
|
|
|
|
|
this.form.work_start_time = val[0]
|
|
|
|
|
this.form.work_end_time = val[1]
|
|
|
|
|
},
|
|
|
|
|
changeAdmin(item){
|
|
|
|
|
if(item){
|
|
|
|
|
this.adminList.map(e=>{
|
|
|
|
|
if(e.id==item){
|
|
|
|
|
console.log(e)
|
|
|
|
|
this.form.accept_admin_id = e.id
|
|
|
|
|
this.form.accpet_department_id = e.department_id
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
changeGoods(item){
|
|
|
|
|
if(item){
|
|
|
|
|
this.adminList.map(e=>{
|
|
|
|
|
if(e.id==item){
|
|
|
|
|
console.log(e)
|
|
|
|
|
this.form.accept_admin_id = e.id
|
|
|
|
|
this.form.accept_goods_admin_id = e.id
|
|
|
|
|
this.form.accpet_department_id = e.department_id
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
submit() {
|
|
|
|
|
let that = this
|
|
|
|
|
if(this.visitType==3){
|
|
|
|
|
this.form.accept_admin_id = this.form.accept_goods_admin_id
|
|
|
|
|
}
|
|
|
|
|
if (this.type === 'editor') {
|
|
|
|
|
this.form.id = this.id
|
|
|
|
|
}else{
|
|
|
|
|
this.form.id = ""
|
|
|
|
|
}
|
|
|
|
|
console.log("that.form", that.form)
|
|
|
|
|
// return
|
|
|
|
|
save({
|
|
|
|
|
...that.form
|
|
|
|
|
}).then(res => {
|
|
|
|
|
this.$successMessage(this.type, this.typeName)
|
|
|
|
|
this.isShow = false
|
|
|
|
|
this.$emit('refresh')
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
watch: {
|
|
|
|
|
isShow(newVal) {
|
|
|
|
|
if (newVal) {
|
|
|
|
|
this.form.type = this.visitType
|
|
|
|
|
this.form.audit_status = 1
|
|
|
|
|
if (this.type === 'editor') {
|
|
|
|
|
this.getDetail()
|
|
|
|
|
}
|
|
|
|
|
} else {
|
|
|
|
|
this.id = ''
|
|
|
|
|
this.type = ''
|
|
|
|
|
this.visitType = 1
|
|
|
|
|
// this.followList = []
|
|
|
|
|
this.$refs['dialog'].reset()
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
visitType(val) {
|
|
|
|
|
if (val) {
|
|
|
|
|
this.typeName = val == 1 ? '普通访客' : (val == 2 ? '施工访客' : (val == 3 ? '物流车辆' : ''))
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style scoped lang="scss">
|
|
|
|
|
.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;
|
|
|
|
|
}
|
|
|
|
|
.carsitem{
|
|
|
|
|
width:450px;margin-bottom:10px;margin-bottom: 10px;display: flex;align-items: center;justify-content: space-between;
|
|
|
|
|
}
|
|
|
|
|
.carsitem Button{
|
|
|
|
|
margin-left:10px
|
|
|
|
|
}
|
|
|
|
|
</style>
|
