|  |  | 
 |  |  |     :visible.sync="isShowModal" | 
 |  |  |     :confirm-working="isWorking" | 
 |  |  |     @confirm="confirm" | 
 |  |  |     @close="close" | 
 |  |  |   > | 
 |  |  |     <el-form :model="param" ref="paramRef" :rules="rules"> | 
 |  |  |       <div class="title_tip">访客信息</div> | 
 |  |  | 
 |  |  |       <el-form-item label="访客手机号" prop="phone"> | 
 |  |  |         <el-input | 
 |  |  |           v-model="param.phone" | 
 |  |  |           maxlength="11" | 
 |  |  |           placeholder="请输入访客的手机号" | 
 |  |  |         ></el-input> | 
 |  |  |       </el-form-item> | 
 |  |  | 
 |  |  |           placeholder="请输入来访的单位全称" | 
 |  |  |         ></el-input> | 
 |  |  |       </el-form-item> | 
 |  |  |       <el-form-item label="人脸照片"> | 
 |  |  |       <el-form-item label="人脸照片" prop="faceImgUrl"> | 
 |  |  |         <div class="upload_wrap"> | 
 |  |  |           <UploadFaceImg | 
 |  |  |             :file="{ imgurlfull: param.faceImgUrl, imgurl: param.faceImg }" | 
 |  |  | 
 |  |  |   }, | 
 |  |  |   created() { | 
 |  |  |     this.$set(this.param, 'receptMemberId', this.$store.state.userInfo.memberId) | 
 |  |  |     this.$set(this.param, 'starttime', dayjs().format('YYYY-MM-DD HH:mm:ss')) | 
 |  |  |     this.initData() | 
 |  |  |   }, | 
 |  |  |   watch: { | 
 |  |  | 
 |  |  |     } | 
 |  |  |   }, | 
 |  |  |   methods: { | 
 |  |  |     close () { | 
 |  |  |       this.isShowModal = false | 
 |  |  |       this.$emit('close') | 
 |  |  |     }, | 
 |  |  |     initData() { | 
 |  |  |       getVisitedVisitReason({}).then(res => { | 
 |  |  |         this.VisitReason = res || [] | 
 |  |  | 
 |  |  |       this.$set(this.param, 'faceImgUrl', file.imgurlfull) | 
 |  |  |     }, | 
 |  |  |     changeStarttime(e) { | 
 |  |  |       this.$set(this.param, 'endtime', this.param.starttime) | 
 |  |  |       // this.$set(this.param, 'endtime', this.param.starttime) | 
 |  |  |     }, | 
 |  |  |     // 同步信息 | 
 |  |  |     confirm() { | 
 |  |  | 
 |  |  |         if (!valid) { | 
 |  |  |           return | 
 |  |  |         } | 
 |  |  |         const { param } = this | 
 |  |  |         if (param.starttime.slice(0, 10) !== param.endtime.slice(0, 10)) return this.$tip.error('入园时间和离园时间不可跨天') | 
 |  |  |         // 调用新建接口 | 
 |  |  |         this.isWorking = true | 
 |  |  |         createFk({ | 
 |  |  | 
 |  |  |             this.$emit('close') | 
 |  |  |           }) | 
 |  |  |           .catch(e => { | 
 |  |  |             this.$tip.apiFailed(e) | 
 |  |  |           }) | 
 |  |  |           .finally(() => { | 
 |  |  |             this.isWorking = false | 
 |  |  | 
 |  |  | .upload_wrap{ | 
 |  |  |   display: flex; | 
 |  |  |   align-items: center; | 
 |  |  |   justify-content: center; | 
 |  |  |   .avatar-uploader{ | 
 |  |  |     display: flex; | 
 |  |  |     align-items: center; | 
 |  |  |     justify-content: center; | 
 |  |  |   } | 
 |  |  |   ::v-deep .avatar{ | 
 |  |  |     max-width: 90px; | 
 |  |  |     max-height: 90px; | 
 |  |  |   } | 
 |  |  |   .content{ | 
 |  |  |     display: flex; | 
 |  |  |     flex-direction: column; |