|  |  | 
 |  |  | <template> | 
 |  |  |     <div class="box"> | 
 |  |  |         <el-form :model="form" ref="form" label-width="140px"> | 
 |  |  |             <el-form-item label="来访预约方式:" prop="doorIds"> | 
 |  |  |                 <el-radio-group v-model="form.doorIds"> | 
 |  |  |                     <el-radio :label="3">预约免登记</el-radio> | 
 |  |  |                     <el-radio :label="6">预约后登记(需要配备访客机)</el-radio> | 
 |  |  |             <el-form-item label="来访预约方式:" prop="reservationWay"> | 
 |  |  |                 <el-radio-group v-model="form.reservationWay"> | 
 |  |  |                     <el-radio :label="0">预约免登记</el-radio> | 
 |  |  |                     <el-radio :label="1">预约后登记(需要配备访客机)</el-radio> | 
 |  |  |                 </el-radio-group> | 
 |  |  |             </el-form-item> | 
 |  |  |             <el-form-item label="被访人校验方式:" prop="doorIds"> | 
 |  |  |                 <el-radio-group v-model="form.doorIds"> | 
 |  |  |                     <el-radio :label="3">仅手机号</el-radio> | 
 |  |  |                     <el-radio :label="6">手机号&姓名</el-radio> | 
 |  |  |             <el-form-item label="被访人校验方式:" prop="checkVisit"> | 
 |  |  |                 <el-radio-group v-model="form.checkVisit"> | 
 |  |  |                     <el-radio :label="0">仅手机号</el-radio> | 
 |  |  |                     <el-radio :label="1">手机号&姓名</el-radio> | 
 |  |  |                 </el-radio-group> | 
 |  |  |             </el-form-item> | 
 |  |  |             <el-form-item label="健康证是否必填:" prop="doorIds"> | 
 |  |  |                 <el-radio-group v-model="form.doorIds"> | 
 |  |  |                     <el-radio :label="3">否</el-radio> | 
 |  |  |                     <el-radio :label="6">是</el-radio> | 
 |  |  |             <el-form-item label="健康证是否必填:" prop="healthCard"> | 
 |  |  |                 <el-radio-group v-model="form.healthCard"> | 
 |  |  |                     <el-radio :label="0">否</el-radio> | 
 |  |  |                     <el-radio :label="1">是</el-radio> | 
 |  |  |                 </el-radio-group> | 
 |  |  |             </el-form-item> | 
 |  |  |             <el-form-item label="访客是否答题:" prop="doorIds"> | 
 |  |  |             <el-form-item label="访客是否答题:" prop="isAnswer"> | 
 |  |  |                 <el-switch | 
 |  |  |                         v-model="form.doorIds" | 
 |  |  |                         active-color="#13ce66" | 
 |  |  |                         inactive-color="#ff4949" | 
 |  |  |                         :active-value="1" | 
 |  |  |                         :inactive-value="0"> | 
 |  |  |                     v-model="form.isAnswer" | 
 |  |  |                     active-color="#13ce66" | 
 |  |  |                     inactive-color="#ff4949" | 
 |  |  |                     :active-value="1" | 
 |  |  |                     :inactive-value="0"> | 
 |  |  |                 </el-switch> | 
 |  |  |             </el-form-item> | 
 |  |  |             <el-form-item label="访客答题主题:" prop="doorIds"> | 
 |  |  |                 <el-input style="width: 50%;" v-model="form.doorIds" placeholder="请输入答题标题" v-trim/> | 
 |  |  |             <el-form-item label="访客答题主题:" prop="theme"> | 
 |  |  |                 <el-input style="width: 50%;" v-model="form.theme" placeholder="请输入答题标题" v-trim/> | 
 |  |  |             </el-form-item> | 
 |  |  |             <el-form-item label="访客答题说明:" prop="doorIds"> | 
 |  |  |                 <el-input style="width: 50%;" type="textarea" v-model="form.doorIds" placeholder="请输入" v-trim/> | 
 |  |  |             <el-form-item label="访客答题说明:" prop="description"> | 
 |  |  |                 <el-input style="width: 50%;" type="textarea" v-model="form.description" placeholder="请输入" v-trim/> | 
 |  |  |             </el-form-item> | 
 |  |  |             <el-form-item> | 
 |  |  |                 <el-button type="primary">保存配置项</el-button> | 
 |  |  |                 <el-button type="primary" @click="submit">保存配置项</el-button> | 
 |  |  |             </el-form-item> | 
 |  |  |         </el-form> | 
 |  |  |     </div> | 
 |  |  | </template> | 
 |  |  |  | 
 |  |  | <script> | 
 |  |  |   export default { | 
 |  |  |     name: 'visitorSources', | 
 |  |  | import { getLaborConfigDTO, updateLaborConfigDTO } from '@/api/system/common' | 
 |  |  | export default { | 
 |  |  |   name: 'visitorSources', | 
 |  |  |  | 
 |  |  |     data() { | 
 |  |  |       return { | 
 |  |  |         form: { | 
 |  |  |           doorIds: '' | 
 |  |  |         } | 
 |  |  |   data () { | 
 |  |  |     return { | 
 |  |  |       form: { | 
 |  |  |         id: null, | 
 |  |  |         checkVisit: 0, | 
 |  |  |         reservationWay: 0, | 
 |  |  |         healthCard: 0, | 
 |  |  |         isAnswer: 0, | 
 |  |  |         theme: '', | 
 |  |  |         description: '' | 
 |  |  |       } | 
 |  |  |     } | 
 |  |  |   }, | 
 |  |  |  | 
 |  |  |   created () { | 
 |  |  |     this.getData() | 
 |  |  |   }, | 
 |  |  |  | 
 |  |  |   methods: { | 
 |  |  |     getData () { | 
 |  |  |       getLaborConfigDTO({}) | 
 |  |  |         .then(res => { | 
 |  |  |           this.form.checkVisit = res.laborConfigParam.checkVisit | 
 |  |  |           this.form.description = res.description | 
 |  |  |           this.form.healthCard = res.laborConfigParam.healthCard | 
 |  |  |           this.form.isAnswer = res.laborConfigParam.isAnswer | 
 |  |  |           this.form.reservationWay = res.laborConfigParam.reservationWay | 
 |  |  |           this.form.theme = res.theme | 
 |  |  |         }) | 
 |  |  |     }, | 
 |  |  |     submit () { | 
 |  |  |       updateLaborConfigDTO({ | 
 |  |  |         laborConfigParam: { | 
 |  |  |           isAnswer: this.form.isAnswer, | 
 |  |  |           healthCard: this.form.healthCard, | 
 |  |  |           checkVisit: this.form.checkVisit, | 
 |  |  |           reservationWay: this.form.reservationWay | 
 |  |  |         }, | 
 |  |  |         description: this.form.description, | 
 |  |  |         theme: this.form.theme | 
 |  |  |       }).then(res => { | 
 |  |  |         this.$message.success('保存成功') | 
 |  |  |         this.getData() | 
 |  |  |       }) | 
 |  |  |     } | 
 |  |  |   } | 
 |  |  | } | 
 |  |  | </script> | 
 |  |  |  | 
 |  |  | <style lang="scss" scoped> |