| | |
| | | </u-form-item> |
| | | </view> |
| | | |
| | | |
| | | <view class="item"> |
| | | <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.placeExtEntity.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.placeExtEntity.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.placeExtEntity.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.placeExtEntity.landlordWxAccount" |
| | | placeholder="请输入"> |
| | | </u--input> |
| | | </u-form-item> |
| | | </view> |
| | | |
| | | <view class="item"> |
| | | <view class="box-title"> |
| | | <box-title title="法人信息"></box-title> |
| | | </view> |
| | | <u-form-item class="form-item" labelWidth="100" :required="isRequired" :disabled="isDisabled" |
| | | label="姓名:" prop="legalPerson"> |
| | | <u--input border="none" type="number" v-model="form.placeExtEntity.legalPerson" |
| | | placeholder="请输入"> |
| | | </u--input> |
| | | </u-form-item> |
| | | <u-form-item class="form-item" labelWidth="100" :required="isRequired" :disabled="isDisabled" |
| | | label="身份证号:" prop="legalIdCard"> |
| | | <u--input border="none" type="number" v-model="form.placeExtEntity.legalIdCard" |
| | | placeholder="请输入"> |
| | | </u--input> |
| | | </u-form-item> |
| | | <!-- <u-form-item @click="showGenderPicker = true" class="form-item" labelWidth="100" 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" labelWidth="100" :required="isRequired" :disabled="isDisabled" |
| | | label="年龄:" prop="legalAge"> |
| | | <u--input border="none" type="number" v-model="form.placeExtEntity.legalAge" placeholder="请输入"> |
| | | </u--input> |
| | | </u-form-item> |
| | | <u-form-item @click="showNationPicker = true" class="form-item" labelWidth="100" 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" labelWidth="100" :required="isRequired" :disabled="isDisabled" |
| | | label="手机号:" prop="legalTel"> |
| | | <u--input border="none" type="number" v-model="form.placeExtEntity.legalTel" placeholder="请输入"> |
| | | </u--input> |
| | | </u-form-item> |
| | | <!-- <u-form-item class="form-item" labelWidth="100" :required="isRequired" :disabled="isDisabled" |
| | | label="微信号:" prop="legalWxAccount"> |
| | | <u--input border="none" v-model="form.placeExtEntity.legalWxAccount" placeholder="请输入"> |
| | | </u--input> |
| | | </u-form-item> --> |
| | | <!-- <u-form-item class="form-item" labelWidth="100" :required="isRequired" :disabled="isDisabled" |
| | | label="工作单位:" prop="employer"> |
| | | <u--input border="none" v-model="form.placeExtEntity.employer" placeholder="请输入"> |
| | | </u--input> |
| | | </u-form-item> --> |
| | | <!-- <u-form-item class="form-item" labelWidth="100" :required="isRequired" :disabled="isDisabled" |
| | | label="岗位性质:" prop="legalJobNature"> |
| | | <u--input border="none" v-model="form.placeExtEntity.legalJobNature" placeholder="请输入"> |
| | | </u--input> |
| | | </u-form-item> |
| | | <u-form-item class="form-item" labelWidth="100" :required="isRequired" :disabled="isDisabled" |
| | | label="户籍地址:" prop="legalRegisteredAddress"> |
| | | <u--textarea border="none" v-model="form.placeExtEntity.legalRegisteredAddress" |
| | | placeholder="请输入"> |
| | | </u--textarea> |
| | | </u-form-item> |
| | | <u-form-item class="form-item" labelWidth="100" :required="isRequired" :disabled="isDisabled" |
| | | label="居住地址:" prop="legalTempAddress"> |
| | | <u--textarea border="none" type="idcard" v-model="form.placeExtEntity.legalTempAddress" |
| | | placeholder="请输入"> |
| | | </u--textarea> |
| | | </u-form-item> --> |
| | | </view> |
| | | |
| | | |
| | | <view class="item pic"> |
| | | <view class="box-title"> |
| | | <box-title title="场所照片"></box-title> |
| | |
| | | <u-picker :show="isShowCatePicker" :defaultIndex="categoryIndex" ref="catePicker" keyName="categoryName" |
| | | :columns="categoryList" @confirm="confirmCategory" @change="changeCategory" |
| | | @cancel="isShowCatePicker = false"></u-picker> |
| | | |
| | | |
| | | <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> |
| | | |
| | | <cate-selector ref="selector" @comfirm="comfirmNineType" /> |
| | | </view> |
| | | </template> |
| | |
| | | getDoorplateAddressList |
| | | } from "@/api/doorplateAddress/doorplateAddress"; |
| | | import { |
| | | add, |
| | | getPlaceDetail |
| | | } from '@/api/place/place.js' |
| | | import { |
| | | add |
| | | } from "@/api/place/place"; |
| | | import { |
| | | format |
| | |
| | | isNine: "", |
| | | isFront: "", |
| | | frontType: "", |
| | | nineType: "" |
| | | nineType: "", |
| | | placeExtEntity: { |
| | | landlordName: "", |
| | | landlordIdCard: "", |
| | | landlordPhone: "", |
| | | landlordWxAccount: "", |
| | | legalPerson: "", |
| | | legalTel: "", |
| | | legalIdCard: "", |
| | | placeId: "", |
| | | |
| | | } |
| | | }, |
| | | rules: { |
| | | // 'buildingCode': { |
| | |
| | | showFrontTypePicker: false, |
| | | nineTypeValue: "", |
| | | frontTypeValue: "", |
| | | isView: false |
| | | isView: false, |
| | | |
| | | nationTypeList: [], //民族 |
| | | nationTypeIndex: [0], |
| | | nationValue: "", |
| | | gender: [{ //性别 |
| | | value: 1, |
| | | name: '男', |
| | | }, |
| | | { |
| | | value: 0, |
| | | name: '女', |
| | | } |
| | | ], |
| | | genderIndex: [0], |
| | | genderValue: "", |
| | | showNationPicker: false, |
| | | showGenderPicker: false |
| | | |
| | | } |
| | | }, |
| | | created() { |
| | | this.buildColumn() |
| | | }, |
| | | options: { |
| | | styleIsolation: 'shared', // 解除样式隔离 |
| | |
| | | }, |
| | | |
| | | methods: { |
| | | // getBuildingDetail(params = {}) { |
| | | // getDoorplateAddressDetail(Object.assign(params, { |
| | | // stdId: this.stdId |
| | | // })).then(res => { |
| | | // let data = res.data |
| | | // this.form.buildingCode = data.buildingCode |
| | | |
| | | // let buildingNameArr = [data.townStreetName, data.neiName, data.streetRuName, data.aoiName, |
| | | // data.buildingName |
| | | // ] |
| | | // let arr = buildingNameArr.filter(e => { |
| | | // return e != null || e != '' |
| | | // }) |
| | | |
| | | // // 赋值 |
| | | // // this.form.placeName = data['placeName'] |
| | | // Object.keys(this.form).forEach(key => { |
| | | // if (!data[key]) { |
| | | // this.form[key] = data.place[key] |
| | | // } else { |
| | | // this.form[key] = data[key] |
| | | // } |
| | | // }) |
| | | |
| | | // this.form.building = arr.join("") |
| | | |
| | | // Object.keys(this.comprehensiveData).forEach(key => { |
| | | // this.comprehensiveData[key].forEach(item => { |
| | | // if (!data[item.name]) { |
| | | // item.value = data.place[item.name] || '未完善' |
| | | // } else { |
| | | // item.value = data[item.name] || '未完善' |
| | | // } |
| | | // }) |
| | | // this.publicData[key].forEach(item => { |
| | | // if (!data[item.name]) { |
| | | // item.value = data.place[item.name] || '未完善' |
| | | // } else { |
| | | // item.value = data[item.name] || '未完善' |
| | | // } |
| | | // }) |
| | | // }) |
| | | // }) |
| | | // }, |
| | | |
| | | |
| | | async getAllBizDict() { |
| | | // 获取九小场所类型 |
| | | // await this.getBizDict('nineType', this.nineTypeList) |
| | | // 获取阵地 |
| | | await this.getBizDict('frontType', this.frontTypeList) |
| | | // 获取民族 |
| | | await this.getBizDict('nationType', this.nationTypeList); |
| | | }, |
| | | |
| | | // 获取业务字典 |
| | |
| | | |
| | | // 当第一列值发生变化时,变化第二列(后一列)对应的选项 |
| | | if (columnIndex === 0) { |
| | | // picker为选择器this实例,变化第二列对应的选项 |
| | | // picker.setColumnValues(1, this.categoryList[index]) |
| | | |
| | | this.firstId = e.value[columnIndex].categoryNo; |
| | | // this.secondId = this.categoryList[1][0].categoryNo; |
| | | // this.getCategory(2,this.firstId); |
| | | } |
| | | // else if ( columnIndex === 1){ |
| | | // picker.setColumnValues(2, this.categoryList[index]) |
| | | // this.secondId = e.value[columnIndex].categoryNo; |
| | | // this.getCategory(3,this.secondId) |
| | | // } |
| | | |
| | | }, |
| | | |
| | | getBuildingDetail(params = {}) { |
| | |
| | | } |
| | | } |
| | | } |
| | | |
| | | if (key == "legalGender" && data.legalGender) { |
| | | let { |
| | | index, |
| | | name |
| | | } = this.$getIndex(this.gender, data.legalGender, "value", |
| | | "name"); |
| | | this.genderIndex = index; |
| | | this.genderValue = name; |
| | | } |
| | | |
| | | if (key == "ethnicity" && data.ethnicity) { |
| | | let { |
| | | index, |
| | | name |
| | | } = this.$getIndex(this.nationTypeList, data.ethnicity, "value", |
| | | "name"); |
| | | this.nationTypeIndex = index; |
| | | this.nationValue = name; |
| | | } |
| | | |
| | | |
| | | }) |
| | | this.$set(this.form, "jwd", `${Number(data.lng).toFixed(6)},${Number(data.lat).toFixed(6)}`) |
| | | this.form.building = arr.join("") |
| | |
| | | } |
| | | // this.$refs.form.validate().then(valid => { |
| | | // if (valid) { |
| | | if (this.form?.images?.length > 0) { |
| | | if (this.form.images.length) { |
| | | let urls = [] |
| | | this.form.images.forEach(e => { |
| | | urls.push(e.name) |
| | | }) |
| | | this.form.imageUrls = urls.join(",") |
| | | } else { |
| | | this.form.imageUrls = "" |
| | | } |
| | | |
| | | this.form.roleName = uni.getStorageSync("activeRole").roleName; |
| | |
| | | }, |
| | | |
| | | |
| | | async buildColumn() { |
| | | //设置街道 |
| | | const townStreet = await this.getDoorplateAddressList(null, "townStreet") |
| | | this.setColumn(townStreet, 0) |
| | | //设置社区 |
| | | const nei = await this.getDoorplateAddressList(townStreet[0]?.code, "nei") |
| | | this.setColumn(nei, 1) |
| | | //设置路 |
| | | const streetRu = await this.getDoorplateAddressList(nei[0]?.code, "streetRu") |
| | | this.setColumn(streetRu, 2) |
| | | //设置地区 |
| | | const district = await this.getDoorplateAddressList(streetRu[0]?.code, "district") |
| | | this.setColumn(district, 3) |
| | | //设置楼栋 |
| | | const building = await this.getDoorplateAddressList(district[0]?.code, "building") |
| | | this.setColumn(building, 4) |
| | | }, |
| | | |
| | | setColumn(data, index) { |
| | | this.$set(this.pickColumns, index, data) |
| | | }, |
| | | |
| | | //获取当前位置信息 |
| | | getCurrentLocation() { |
| | |
| | | this.showFrontTypePicker = false; |
| | | }, |
| | | |
| | | async changeHandler(e) { |
| | | const { |
| | | columnIndex, |
| | | index, |
| | | // 微信小程序无法将picker实例传出来,只能通过ref操作 |
| | | picker = this.$refs.uPicker |
| | | } = e |
| | | let item = e.values[columnIndex][index] |
| | | //街道 |
| | | if (columnIndex === 0) { |
| | | //获取社区列表 |
| | | const nei = await this.getDoorplateAddressList(item.code, "nei") |
| | | picker.setColumnValues(1, nei) |
| | | //选择民族 |
| | | confirmNation(e) { |
| | | this.nationIndex = e.indexs; |
| | | this.nationValue = e.value[0].name; |
| | | this.form.placeExtEntity.ethnicity = e.value[0].value; |
| | | this.showNationPicker = false; |
| | | }, |
| | | |
| | | const streetRu = await this.getDoorplateAddressList(nei[0].code, "streetRu") |
| | | picker.setColumnValues(2, streetRu) |
| | | |
| | | const district = await this.getDoorplateAddressList(streetRu[0].code, "district") |
| | | picker.setColumnValues(3, district) |
| | | |
| | | const building = await this.getDoorplateAddressList(district[0].code, "building") |
| | | picker.setColumnValues(4, building) |
| | | } |
| | | |
| | | if (columnIndex === 1) { |
| | | const streetRu = await this.getDoorplateAddressList(item.code, "streetRu") |
| | | picker.setColumnValues(2, streetRu) |
| | | |
| | | const district = await this.getDoorplateAddressList(streetRu[0].code, "district") |
| | | picker.setColumnValues(3, district) |
| | | |
| | | const building = await this.getDoorplateAddressList(district[0].code, "building") |
| | | picker.setColumnValues(4, building) |
| | | } |
| | | |
| | | if (columnIndex === 2) { |
| | | |
| | | const district = await this.getDoorplateAddressList(item.code, "district") |
| | | picker.setColumnValues(3, district) |
| | | |
| | | const building = await this.getDoorplateAddressList(district[0].code, "building") |
| | | picker.setColumnValues(4, building) |
| | | } |
| | | |
| | | if (columnIndex === 3) { |
| | | const building = await this.getDoorplateAddressList(item.code, "building") |
| | | picker.setColumnValues(4, building) |
| | | } |
| | | |
| | | //选择性别 |
| | | confirmGender(e) { |
| | | this.genderIndex = e.indexs; |
| | | this.genderValue = e.value[0].name; |
| | | this.form.placeExtEntity.legalGender = e.value[0].value; |
| | | this.showGenderPicker = false; |
| | | }, |
| | | |
| | | //弹出层打开 |