| | |
| | | |
| | | <div class="title_tip" style="margintop: 60px">访客预约</div> |
| | | <el-form-item label="被访人" prop="receptMemberId"> |
| | | <el-select v-model="param.receptMemberId" placeholder="请选择"> |
| | | <el-select v-model="param.receptMemberId" disabled placeholder="请选择"> |
| | | <el-option |
| | | v-for="item in memberList" |
| | | :key="item.id" |
| | |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="来访事由" prop="reason"> |
| | | <el-select v-model="param.reason" placeholder="请选择"> |
| | | <el-select v-model="param.reason" placeholder="请选择" @change="changeReason" value-key="id"> |
| | | <el-option |
| | | v-for="item in VisitReason" |
| | | :key="item.id" |
| | |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="是否施工作业"> |
| | | <!-- <el-form-item label="是否施工作业"> |
| | | <el-switch |
| | | style="width: 200px" |
| | | v-model="param.type" |
| | |
| | | :inactive-value="0" |
| | | > |
| | | </el-switch> |
| | | </el-form-item> |
| | | <el-form-item v-if="param.type == 1" label="施工内容"> |
| | | </el-form-item>--> |
| | | <el-form-item v-if="param.type == 2" label="施工内容"> |
| | | <el-input |
| | | v-model="param.constructionReason" |
| | | placeholder="请输入施工内容" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="随行车辆"> |
| | | <el-input v-model="param.carNos" placeholder="请输入车牌号"></el-input> |
| | | <el-input v-model.trim="param.carNos" onkeyup="this.value=this.value.replace(/(^\s*)|(\s*$)/g,'')" placeholder="请输入车牌号"></el-input> |
| | | </el-form-item> |
| | | </el-form> |
| | | </GlobalWindow> |
| | |
| | | import dayjs from 'dayjs' |
| | | import { createFk, getVisitedVisitReason, getVisitedMember } from '@/api/business/visits' |
| | | export default { |
| | | name: 'OperaVisitsHkWindow', |
| | | extends: BaseOpera, |
| | | components: { |
| | | GlobalWindow, |
| | | UploadFaceImg |
| | | }, |
| | | |
| | | data () { |
| | | return { |
| | | isShowModal: false, |
| | |
| | | VisitReason: [], |
| | | memberList: [], |
| | | uploadData: { |
| | | folder: 'member' |
| | | folder: 'member', |
| | | isFace: 0 |
| | | }, |
| | | startPickerOptions: { |
| | | disabledDate (time) { |
| | |
| | | starttime: [{ required: true, message: '请选择日期', trigger: 'change' }], |
| | | endtime: [{ required: true, message: '请选择日期', trigger: 'change' }], |
| | | reason: [{ required: true, message: '请选择', trigger: 'change' }], |
| | | type: [{ required: true, message: '请选择', trigger: 'change' }], |
| | | // type: [{ required: true, message: '请选择', trigger: 'change' }], |
| | | receptMemberId: [{ required: true, message: '请选择', trigger: 'change' }], |
| | | idcardType: [{ required: true, message: '请选择', trigger: 'change' }], |
| | | faceImgUrl: [{ required: true, message: '请上传', trigger: 'change' }], |
| | | |
| | | name: [{ required: true, message: '请输入', trigger: 'blur' }], |
| | | idcardNo: [{ required: true, message: '请输入', trigger: 'blur' }], |
| | | // idcardNo: [{ required: true, message: '请输入', trigger: 'blur' }], |
| | | companyName: [{ required: true, message: '请输入', trigger: 'blur' }], |
| | | phone: [{ required: true, message: '请输入', trigger: 'blur' }], |
| | | carNos: [{ required: true, message: '请输入', trigger: 'blur' }], |
| | |
| | | } |
| | | }, |
| | | methods: { |
| | | changeReason (val) { |
| | | console.log(val) |
| | | var obj = this.VisitReason.find(function (i) { |
| | | return i.title === val |
| | | }) |
| | | // 在change中获取到整条对象数据 |
| | | if(obj){ |
| | | this.param.type = obj.constructionType |
| | | } |
| | | console.log(obj) |
| | | }, |
| | | close () { |
| | | this.isShowModal = false |
| | | this.$emit('close') |
| | |
| | | return |
| | | } |
| | | const { param } = this |
| | | if (param.carNos) { |
| | | param.carNos = param.carNos.replace(/\s*/g, '') |
| | | param.carNos = param.carNos.replace(/[\r\n]/g, '') |
| | | } |
| | | if (param.starttime.slice(0, 10) !== param.endtime.slice(0, 10)) return this.$tip.error('入园时间和离园时间不可跨天') |
| | | // 调用新建接口 |
| | | this.isWorking = true |
| | |
| | | .upload_wrap{ |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | .avatar-uploader{ |
| | | display: flex; |
| | | align-items: center; |