Lou
2024-03-12 f57e022fbf07dccbd447eee7030971c51d10a6ed
subPackage/workbench/views/editExamine.vue
@@ -1,25 +1,20 @@
<template>
   <view class="container">
      <view class="main-content">
         <view class="base">
            <box-title :title="'基本信息'"></box-title>
            <u-form labelWidth="70" :model="form" :rules="rules" ref="form" class="form">
         <u-form labelWidth="80" :model="form" :rules="rules" ref="form" class="form">
            <view class="base">
               <box-title :title="'基本信息'"></box-title>
               <u-form-item label="场所位置" required class="form-item" prop="location" @click="getLocation">
                  <u--textarea border="none" v-model="form.location" placeholder="请选择场所位置"></u--textarea>
                  <u-icon slot="right" name="arrow-right"></u-icon>
               </u-form-item>
               <u-form-item label="经纬度" required class="form-item">
                  <u--input border="none" v-model="jwd" placeholder="请选择场所位置" disabled
                     disabledColor="#ffffff"></u--input>
               </u-form-item>
               <u-form-item label="场所名称" required class="form-item" prop="placeName">
                  <u--input border="none" v-model="form.placeName" placeholder="请填写场所名称"></u--input>
               </u-form-item>
               <u-form-item label="法人信息" required class="form-item" prop="legalPerson">
                  <u--input border="none" v-model="form.legalPerson" placeholder="请填写法人信息"></u--input>
               </u-form-item>
               <u-form-item label="法人电话" class="form-item" prop="legalTel" required>
                  <u--input border="none" type="number" v-model="form.legalTel" placeholder="请填写法人电话"></u--input>
               </u-form-item>
               <u-form-item class="form-item" label="标准地址" required prop="houseCodeBinds"
                  @click="isShowPopup = true">
@@ -36,8 +31,94 @@
                  </view>
                  <u-icon slot="right" name="arrow-right"></u-icon>
               </u-form-item>
            </u-form>
         </view>
               <u-form-item label="场所名称" required class="form-item" prop="placeName">
                  <u--input border="none" v-model="form.placeName" placeholder="请填写场所名称"></u--input>
               </u-form-item>
               <u-form-item label="法人信息" required class="form-item" prop="legalPerson">
                  <u--input border="none" v-model="form.legalPerson" placeholder="请填写法人信息"></u--input>
               </u-form-item>
               <u-form-item label="法人身份证" :required="isRequired" class="form-item" prop="legalIdCard">
                  <u--input border="none" v-model="form.legalIdCard" placeholder="请填写法人身份证"></u--input>
               </u-form-item>
               <u-form-item label="法人电话" class="form-item" prop="legalTel" :required="isRequired">
                  <u--input border="none" type="number" v-model="form.legalTel" placeholder="请填写法人电话"></u--input>
               </u-form-item>
               <u-form-item class="form-item" :required="isRequired" :disabled="isDisabled" label="微信号:"
                  prop="legalWxAccount">
                  <u--input border="none" type="idcard" v-model="form.legalWxAccount" placeholder="请输入">
                  </u--input>
               </u-form-item>
               <u-form-item @click="showGenderPicker = true" class="form-item" label="性别" prop="legalGender">
                  <u--input border="none" v-model="genderValue" disabled disabledColor="#ffffff"
                     placeholder="请选择性别">
                  </u--input>
                  <u-icon slot="right" name="arrow-right"></u-icon>
               </u-form-item>
               <u-form-item class="form-item" :required="isRequired" :disabled="isDisabled" label="年龄:"
                  prop="legalAge">
                  <u--input border="none" type="number" v-model="form.legalAge" placeholder="请输入">
                  </u--input>
               </u-form-item>
               <u-form-item @click="showNationPicker = true" class="form-item" label="民族" prop="ethnicity">
                  <u--input border="none" v-model="nationValue" disabled disabledColor="#ffffff"
                     placeholder="请选择民族">
                  </u--input>
                  <u-icon slot="right" name="arrow-right"></u-icon>
               </u-form-item>
               <u-form-item class="form-item" :required="isRequired" :disabled="isDisabled" label="工作单位:"
                  prop="employer">
                  <u--input border="none" type="idcard" v-model="form.employer" placeholder="请输入">
                  </u--input>
               </u-form-item>
               <u-form-item class="form-item" :required="isRequired" :disabled="isDisabled" label="岗位性质:"
                  prop="legalJobNature">
                  <u--input border="none" type="idcard" v-model="form.legalJobNature" placeholder="请输入">
                  </u--input>
               </u-form-item>
               <u-form-item class="form-item" :required="isRequired" :disabled="isDisabled" label="户籍地址:"
                  prop="legalRegisteredAddress">
                  <u--textarea border="none" type="idcard" v-model="form.legalRegisteredAddress"
                     placeholder="请输入">
                  </u--textarea>
               </u-form-item>
               <u-form-item class="form-item" :required="isRequired" :disabled="isDisabled" label="居住地址:"
                  prop="legalTempAddress">
                  <u--textarea border="none" type="idcard" v-model="form.legalTempAddress" placeholder="请输入">
                  </u--textarea>
               </u-form-item>
            </view>
            <view class="item bgc-ff mt-20">
               <view class="box-title">
                  <box-title title="房东信息"></box-title>
               </view>
               <u-form-item class="form-item" labelWidth="100" :required="isRequired" :disabled="isDisabled"
                  label="姓名:" prop="landlordName">
                  <u--input border="none" v-model="form.landlordName" placeholder="请输入">
                  </u--input>
               </u-form-item>
               <u-form-item class="form-item" labelWidth="100" :required="isRequired" :disabled="isDisabled"
                  label="身份证号:" prop="landlordIdCard">
                  <u--input border="none" v-model="form.landlordIdCard" placeholder="请输入">
                  </u--input>
               </u-form-item>
               <u-form-item class="form-item" labelWidth="100" :required="isRequired" :disabled="isDisabled"
                  label="手机号:" prop="landlordPhone">
                  <u--input border="none" type="number" v-model="form.landlordPhone" placeholder="请输入">
                  </u--input>
               </u-form-item>
               <u-form-item class="form-item" labelWidth="100" :required="isRequired" :disabled="isDisabled"
                  label="微信号:" prop="landlordWxAccount">
                  <u--input border="none" type="idcard" v-model="form.landlordWxAccount" placeholder="请输入">
                  </u--input>
               </u-form-item>
            </view>
         </u-form>
         <view class="license">
            <box-title title="营业执照"></box-title>
            <view class="upload-img">
@@ -92,6 +173,14 @@
      </u-popup>
      <u-picker :defaultIndex="nationTypeListIndex" :closeOnClickOverlay="true" :show="showNationPicker"
         :columns="[nationTypeList]" @close="showNationPicker = false" @cancel="showNationPicker = false"
         keyName="name" @confirm="confirmNation"></u-picker>
      <u-picker :defaultIndex="genderIndex" :closeOnClickOverlay="true" :show="showGenderPicker" :columns="[gender]"
         @close="showGenderPicker = false" @cancel="showGenderPicker = false" keyName="name"
         @confirm="confirmGender"></u-picker>
      <footer-btn @click="submit"></footer-btn>
@@ -123,7 +212,9 @@
   import {
      getPlaceList
   } from '@/api/place/place.js'
   import {
      bizDictionary
   } from '@/api/system/dict.js'
   export default {
      mixins: [uploadMixin],
      components: {
@@ -141,7 +232,13 @@
               legalTel: '',
               imageUrls: [],
               planImageUrls: [],
               houseCodeBinds: ""
               houseCodeBinds: "",
               legalWxAccount: "",
               employer: "",
               legalAge: "",
               legalJobNature: "",
               legalRegisteredAddress: "",
               legalTempAddress: ""
            },
            rules: {
               "location": {
@@ -179,7 +276,23 @@
            placeList: [],
            isShowPopup: false,
            checkedPlace: [],
            addressNames: []
            addressNames: [],
            nationTypeList: [], //民族
            nationTypeIndex: [0],
            nationValue: "",
            gender: [{ //性别
                  value: 1,
                  name: '男',
               },
               {
                  value: 0,
                  name: '女',
               }
            ],
            genderIndex: [0],
            genderValue: "",
            showNationPicker: false,
            showGenderPicker: false
         }
      },
      onShow() {
@@ -189,16 +302,37 @@
      onReady() {
         //onReady 为uni-app支持的生命周期之一
         this.$refs.form.setRules(this.rules)
      },
      mounted() {
         this.$nextTick(() => {
            this.getCsDetails();
         })
      async mounted() {
         await this.getBizDict();
         this.getCsDetails();
      },
      methods: {
         // 获取民族
         getBizDict() {
            const param = {
               code: "nationType"
            }
            bizDictionary(param).then(res => {
               if (res.code == 200) {
                  res.data.forEach(e => {
                     this.nationTypeList.push({
                        name: e.dictValue,
                        value: Number(e.dictKey)
                     })
                  })
               }
            })
         },
         checkboxChange(n) {
            console.log('change', n);
@@ -312,6 +446,24 @@
               //    item.form = placePractitioner[index]
               // })
            })
         },
         //选择民族
         confirmNation(e) {
            this.nationIndex = e.indexs;
            this.nationValue = e.value[0].name;
            this.form.ethnicity = e.value[0].value;
            this.showNationPicker = false;
         },
         //选择性别
         confirmGender(e) {
            this.genderIndex = e.indexs;
            this.genderValue = e.value[0].name;
            this.form.legalGender = e.value[0].value;
            this.showGenderPicker = false;
         },
@@ -505,4 +657,9 @@
         top: 20rpx;
      }
   }
   .item {
      padding: 0 30rpx;
      border-radius: 8rpx;
   }
</style>