| | |
| | | <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">
|
| | |
| | | </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">
|
| | |
| | |
|
| | | </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>
|
| | |
|
| | |
| | | import {
|
| | | getPlaceList
|
| | | } from '@/api/place/place.js'
|
| | |
|
| | | import {
|
| | | bizDictionary
|
| | | } from '@/api/system/dict.js'
|
| | | export default {
|
| | | mixins: [uploadMixin],
|
| | | components: {
|
| | |
| | | legalTel: '',
|
| | | imageUrls: [],
|
| | | planImageUrls: [],
|
| | | houseCodeBinds: ""
|
| | | houseCodeBinds: "",
|
| | | legalWxAccount: "",
|
| | | employer: "",
|
| | | legalAge: "",
|
| | | legalJobNature: "",
|
| | | legalRegisteredAddress: "",
|
| | | legalTempAddress: ""
|
| | | },
|
| | | rules: {
|
| | | "location": {
|
| | |
| | | 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() {
|
| | |
| | | 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);
|
| | |
| | | // 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;
|
| | | },
|
| | |
|
| | |
|
| | |
| | | top: 20rpx;
|
| | | }
|
| | | }
|
| | |
|
| | | .item {
|
| | | padding: 0 30rpx;
|
| | | border-radius: 8rpx;
|
| | | }
|
| | | </style> |