|
@@ -1,137 +1,143 @@
|
|
|
<template>
|
|
|
<view class="jz-content-box">
|
|
|
- <view class="upload-img-box">
|
|
|
- <jiazhengUpload @getFileUrl="getFileUrl" changjingType="shenfenzheng"></jiazhengUpload>
|
|
|
- </view>
|
|
|
- <view class="form-label-input">
|
|
|
- <view class="phone-form-label"><text class="form-label-require">*</text>手机号</view>
|
|
|
- <uni-easyinput :disabled="!statusFlag && status=='edit'" type="number" v-model="formData.userName" placeholder="请输入手机号" maxlength="11" />
|
|
|
- </view>
|
|
|
-
|
|
|
- <view class="form-label-input">
|
|
|
- <view class="phone-form-label"><text class="form-label-require">*</text>姓名</view>
|
|
|
- <uni-easyinput :disabled="!statusFlag && status=='edit'" v-model="formData.realName" placeholder="请输入姓名" />
|
|
|
- </view>
|
|
|
- <view class="form-label-input">
|
|
|
- <view class="phone-form-label">
|
|
|
- <text class="form-label-require">*</text>
|
|
|
- <text v-if="formData.idtype ==1">身份证号</text>
|
|
|
- <text v-if="formData.idtype ==2">护照号</text>
|
|
|
- <icon @click="idCardChange" class="change-icon">切换</icon>
|
|
|
+ <!-- 涂层 子家政公司使用 -->
|
|
|
+ <view :class="isZijiazheng=='true'?'mask-view':''">
|
|
|
+ <view class="upload-img-box">
|
|
|
+ <jiazhengUpload @getFileUrl="getFileUrl" changjingType="shenfenzheng"></jiazhengUpload>
|
|
|
+ </view>
|
|
|
+ <view class="form-label-input">
|
|
|
+ <view class="phone-form-label"><text class="form-label-require">*</text>手机号</view>
|
|
|
+ <uni-easyinput :disabled="!statusFlag && status=='edit'" type="number" v-model="formData.userName"
|
|
|
+ placeholder="请输入手机号" maxlength="11" />
|
|
|
</view>
|
|
|
- <uni-easyinput :disabled="!statusFlag && status=='edit'" @blur="idCardBlur" v-model="formData.idcard" placeholder="请输入身份证号或护照号" maxlength="18" />
|
|
|
- </view>
|
|
|
|
|
|
- <view class="form-label-select">
|
|
|
- <view class="phone-form-label"><text class="form-label-require">*</text>生日</view>
|
|
|
- <uni-datetime-picker type="line" v-model="formData.birthday">
|
|
|
- <view class="form-radio-select">
|
|
|
- <view>{{formData.birthday}}</view>
|
|
|
- <icon></icon>
|
|
|
+ <view class="form-label-input">
|
|
|
+ <view class="phone-form-label"><text class="form-label-require">*</text>姓名</view>
|
|
|
+ <uni-easyinput :disabled="!statusFlag && status=='edit'" v-model="formData.realName"
|
|
|
+ placeholder="请输入姓名" />
|
|
|
+ </view>
|
|
|
+ <view class="form-label-input">
|
|
|
+ <view class="phone-form-label">
|
|
|
+ <text class="form-label-require">*</text>
|
|
|
+ <text v-if="formData.idtype ==1">身份证号</text>
|
|
|
+ <text v-if="formData.idtype ==2">护照号</text>
|
|
|
+ <icon @click="idCardChange" class="change-icon">切换</icon>
|
|
|
</view>
|
|
|
- </uni-datetime-picker>
|
|
|
- </view>
|
|
|
+ <uni-easyinput :disabled="!statusFlag && status=='edit'" @blur="idCardBlur" v-model="formData.idcard"
|
|
|
+ placeholder="请输入身份证号或护照号" maxlength="18" />
|
|
|
+ </view>
|
|
|
|
|
|
- <view class="form-label-select">
|
|
|
- <view class="phone-form-label"><text class="form-label-require">*</text>籍贯</view>
|
|
|
- <picker mode="multiSelector" :range="multiArray" :range-key="'label'" :value="multiIndex"
|
|
|
- @columnchange="bindMultiPickerColumnChange" @change="onPickerConfirm" class="select-picker-box">
|
|
|
- <view class="form-radio-select">
|
|
|
- <view>
|
|
|
- {{formData.jiguanShengName === formData.jiguanShiName ? formData.jiguanShengName : `${formData.jiguanShengName} ${formData.jiguanShiName}`}}
|
|
|
+ <view class="form-label-select">
|
|
|
+ <view class="phone-form-label"><text class="form-label-require">*</text>生日</view>
|
|
|
+ <uni-datetime-picker type="line" v-model="formData.birthday">
|
|
|
+ <view class="form-radio-select">
|
|
|
+ <view>{{formData.birthday}}</view>
|
|
|
+ <icon></icon>
|
|
|
</view>
|
|
|
- <icon></icon>
|
|
|
+ </uni-datetime-picker>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="form-label-select">
|
|
|
+ <view class="phone-form-label"><text class="form-label-require">*</text>籍贯</view>
|
|
|
+ <picker mode="multiSelector" :range="multiArray" :range-key="'label'" :value="multiIndex"
|
|
|
+ @columnchange="bindMultiPickerColumnChange" @change="onPickerConfirm" class="select-picker-box">
|
|
|
+ <view class="form-radio-select">
|
|
|
+ <view>
|
|
|
+ {{formData.jiguanShengName === formData.jiguanShiName ? formData.jiguanShengName : `${formData.jiguanShengName} ${formData.jiguanShiName}`}}
|
|
|
+ </view>
|
|
|
+ <icon></icon>
|
|
|
+ </view>
|
|
|
+ </picker>
|
|
|
+ </view>
|
|
|
+ <view class="form-label-input">
|
|
|
+ <view class="phone-form-label"><text class="form-label-require">*</text>身份证地址</view>
|
|
|
+ <uni-easyinput v-model="formData.hujiDizhi" placeholder="请输入身份证地址" />
|
|
|
+ </view>
|
|
|
+ <view class="form-label-select">
|
|
|
+ <view class="phone-form-label"><text class="form-label-require">*</text>民族</view>
|
|
|
+ <picker :range="minzuList" mode='selector' :value="formData.minzuIndex" range-key="name"
|
|
|
+ @change="minzuChange" @cancel="minzuCancel" class="select-picker-box">
|
|
|
+ <view class="form-radio-select">
|
|
|
+ <view>{{ formData.minzu.name }}</view>
|
|
|
+ <icon></icon>
|
|
|
+ </view>
|
|
|
+ </picker>
|
|
|
+ </view>
|
|
|
+ <view class="form-label-radio">
|
|
|
+ <view class="phone-form-label"><text class="form-label-require">*</text>性别</view>
|
|
|
+ <view class="form-radio-group">
|
|
|
+ <view class="form-radio-item" :class="{genderActive: formData.gender==1}" @click="genderSelect(1)">
|
|
|
+ 男</view>
|
|
|
+ <view class="form-radio-item" :class="{genderActive: formData.gender==2}" @click="genderSelect(2)">
|
|
|
+ 女</view>
|
|
|
</view>
|
|
|
- </picker>
|
|
|
- </view>
|
|
|
- <view class="form-label-input">
|
|
|
- <view class="phone-form-label"><text class="form-label-require">*</text>身份证地址</view>
|
|
|
- <uni-easyinput v-model="formData.hujiDizhi" placeholder="请输入身份证地址" />
|
|
|
- </view>
|
|
|
- <view class="form-label-select">
|
|
|
- <view class="phone-form-label"><text class="form-label-require">*</text>民族</view>
|
|
|
- <picker :range="minzuList" mode='selector' :value="formData.minzuIndex" range-key="name"
|
|
|
- @change="minzuChange" @cancel="minzuCancel" class="select-picker-box">
|
|
|
- <view class="form-radio-select">
|
|
|
- <view>{{ formData.minzu.name }}</view>
|
|
|
+ </view>
|
|
|
+ <view class="form-label-radio form-top-margin flex-start-row">
|
|
|
+ <view class="phone-form-label"><text class="form-label-require">*</text>学历</view>
|
|
|
+ <dataChecked :list="xueliList" :selectedIds='formData.xueli.id' mode="single" :showAdd="false"
|
|
|
+ @change="selectChangeXueliList" />
|
|
|
+ </view>
|
|
|
+ <view class="form-label-radio flex-start-row">
|
|
|
+ <view class="phone-form-label"><text class="form-label-require"></text>婚姻 </view>
|
|
|
+ <dataChecked :list="hunyinList" mode="single" :selectedIds='formData.hunyin.id' :showAdd="false"
|
|
|
+ @change="selectChangeHunyinList" />
|
|
|
+ </view>
|
|
|
+
|
|
|
+
|
|
|
+ <view class="form-label-input">
|
|
|
+ <view class="phone-form-label"><text class="form-label-require"></text>通讯地址</view>
|
|
|
+ <view @click="openMap" class="input-text-row">
|
|
|
+ <view v-if="formData.jingdu&&formData.weidu">{{formData.juzhuDizhi}}</view>
|
|
|
+ <view v-if="formData.jingdu ==''&&formData.weidu ==''">{{formData.juzhuDizhi}} <text
|
|
|
+ v-if="formData.juzhuDizhi" style="color: #3fd2a1;">(无经纬度)</text></view>
|
|
|
<icon></icon>
|
|
|
</view>
|
|
|
- </picker>
|
|
|
- </view>
|
|
|
- <view class="form-label-radio">
|
|
|
- <view class="phone-form-label"><text class="form-label-require">*</text>性别</view>
|
|
|
- <view class="form-radio-group">
|
|
|
- <view class="form-radio-item" :class="{genderActive: formData.gender==1}" @click="genderSelect(1)">
|
|
|
- 男</view>
|
|
|
- <view class="form-radio-item" :class="{genderActive: formData.gender==2}" @click="genderSelect(2)">
|
|
|
- 女</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="form-label-radio form-top-margin flex-start-row">
|
|
|
- <view class="phone-form-label"><text class="form-label-require">*</text>学历</view>
|
|
|
- <dataChecked :list="xueliList" :selectedIds='formData.xueli.id' mode="single" :showAdd="false"
|
|
|
- @change="selectChangeXueliList" />
|
|
|
- </view>
|
|
|
- <view class="form-label-radio flex-start-row">
|
|
|
- <view class="phone-form-label"><text class="form-label-require"></text>婚姻 </view>
|
|
|
- <dataChecked :list="hunyinList" mode="single" :selectedIds='formData.hunyin.id' :showAdd="false"
|
|
|
- @change="selectChangeHunyinList" />
|
|
|
- </view>
|
|
|
-
|
|
|
|
|
|
- <view class="form-label-input">
|
|
|
- <view class="phone-form-label"><text class="form-label-require"></text>通讯地址</view>
|
|
|
- <view @click="openMap" class="input-text-row">
|
|
|
- <view v-if="formData.jingdu&&formData.weidu">{{formData.juzhuDizhi}}</view>
|
|
|
- <view v-if="formData.jingdu ==''&&formData.weidu ==''">{{formData.juzhuDizhi}} <text
|
|
|
- v-if="formData.juzhuDizhi" style="color: #3fd2a1;">(无经纬度)</text></view>
|
|
|
- <icon></icon>
|
|
|
+ <view class="form-label-select">
|
|
|
+ <view class="phone-form-label"><text class="form-label-require"></text>星座</view>
|
|
|
+ <picker :range="xingzuoList" mode='selector' :value="formData.xingzuoIndex" range-key="name"
|
|
|
+ @change="xingzuoChange" @cancel="xingzuoCancel" class="select-picker-box">
|
|
|
+ <view class="form-radio-select">
|
|
|
+ <view>{{ formData.xingzuo.name }}</view>
|
|
|
+ <icon></icon>
|
|
|
+ </view>
|
|
|
+ </picker>
|
|
|
+ </view>
|
|
|
+ <view class="form-label-select">
|
|
|
+ <view class="phone-form-label"><text class="form-label-require"></text>属相</view>
|
|
|
+ <picker :range="shuxiangList" mode='selector' :value="formData.shuxiangIndex" range-key="name"
|
|
|
+ @change="shuxiangChange" @cancel="shuxiangCancel" class="select-picker-box">
|
|
|
+ <view class="form-radio-select">
|
|
|
+ <view>{{ formData.shuxiang.name }}</view>
|
|
|
+ <icon></icon>
|
|
|
+ </view>
|
|
|
+ </picker>
|
|
|
</view>
|
|
|
- </view>
|
|
|
|
|
|
- <view class="form-label-select">
|
|
|
- <view class="phone-form-label"><text class="form-label-require"></text>星座</view>
|
|
|
- <picker :range="xingzuoList" mode='selector' :value="formData.xingzuoIndex" range-key="name"
|
|
|
- @change="xingzuoChange" @cancel="xingzuoCancel" class="select-picker-box">
|
|
|
- <view class="form-radio-select">
|
|
|
- <view>{{ formData.xingzuo.name }}</view>
|
|
|
- <icon></icon>
|
|
|
- </view>
|
|
|
- </picker>
|
|
|
- </view>
|
|
|
- <view class="form-label-select">
|
|
|
- <view class="phone-form-label"><text class="form-label-require"></text>属相</view>
|
|
|
- <picker :range="shuxiangList" mode='selector' :value="formData.shuxiangIndex" range-key="name"
|
|
|
- @change="shuxiangChange" @cancel="shuxiangCancel" class="select-picker-box">
|
|
|
- <view class="form-radio-select">
|
|
|
- <view>{{ formData.shuxiang.name }}</view>
|
|
|
- <icon></icon>
|
|
|
+ <view class="form-label-switch">
|
|
|
+ <view class="phone-form-label"> <text class="form-label-require"></text>星座属相展示到简历 </view>
|
|
|
+ <view>展示
|
|
|
+ <switch @change="switchXingzuoChange" :checked="formData.xingzuoFlag" color="#3fd2a1"
|
|
|
+ style="transform:scale(0.7)" />
|
|
|
</view>
|
|
|
- </picker>
|
|
|
- </view>
|
|
|
-
|
|
|
- <view class="form-label-switch">
|
|
|
- <view class="phone-form-label"> <text class="form-label-require"></text>星座属相展示到简历 </view>
|
|
|
- <view>展示
|
|
|
- <switch @change="switchXingzuoChange" :checked="formData.xingzuoFlag" color="#3fd2a1"
|
|
|
- style="transform:scale(0.7)" />
|
|
|
</view>
|
|
|
- </view>
|
|
|
|
|
|
- <view class="agree-section-box form-top-margin">
|
|
|
- <checkbox-group @change="handleAgree">
|
|
|
- <label class="checkbox">
|
|
|
- <checkbox :checked="formData.agree" color="#3fd2a1" style="transform:scale(0.65)" />
|
|
|
- <text>已征得本人同意,将其个人资料信息录入平台</text>
|
|
|
- </label>
|
|
|
- </checkbox-group>
|
|
|
- <button type="default" v-if="status =='add'" @click="goNext" class="phone-green-btn">下一步</button>
|
|
|
- <button type="default" v-if="status =='edit'" @click="editSave" class="phone-green-btn">保存</button>
|
|
|
+ <view class="agree-section-box form-top-margin">
|
|
|
+ <checkbox-group @change="handleAgree">
|
|
|
+ <label class="checkbox">
|
|
|
+ <checkbox :checked="formData.agree" color="#3fd2a1" style="transform:scale(0.65)" />
|
|
|
+ <text>已征得本人同意,将其个人资料信息录入平台</text>
|
|
|
+ </label>
|
|
|
+ </checkbox-group>
|
|
|
+ <button type="default" v-if="status =='add'&&isZijiazheng !='true'" @click="goNext" class="phone-green-btn">下一步</button>
|
|
|
+ <button type="default" v-if="status =='edit' &&isZijiazheng !='true'" @click="editSave" class="phone-green-btn">保存</button>
|
|
|
+ </view>
|
|
|
+ <uni-popup ref="popupMap" background-color="#fff" :is-mask-click="false" :mask-click="false">
|
|
|
+ <customMap style="100vh" @xuanzeAdress="xuanzeAdress" @currentWeizhi="currentWeizhi" @close="mapClose">
|
|
|
+ </customMap>
|
|
|
+ </uni-popup>
|
|
|
</view>
|
|
|
- <uni-popup ref="popupMap" background-color="#fff" :is-mask-click="false" :mask-click="false">
|
|
|
- <customMap style="100vh" @xuanzeAdress="xuanzeAdress" @currentWeizhi="currentWeizhi" @close="mapClose">
|
|
|
- </customMap>
|
|
|
- </uni-popup>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
@@ -139,7 +145,9 @@
|
|
|
import dataChecked from './common/dataChecked.vue';
|
|
|
import jiazhengUpload from "./common/jiazhengUpload.vue"
|
|
|
import customMap from "@/components/customMap/customMap.vue"
|
|
|
- import {toast} from "@/utils/common";
|
|
|
+ import {
|
|
|
+ toast
|
|
|
+ } from "@/utils/common";
|
|
|
import {
|
|
|
getJiazhengXueli,
|
|
|
getJiazhengHunyin,
|
|
@@ -162,7 +170,11 @@
|
|
|
},
|
|
|
statusFlag: {
|
|
|
type: Boolean,
|
|
|
+ },
|
|
|
+ isZijiazheng: {
|
|
|
+ type: String,
|
|
|
}
|
|
|
+
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
@@ -223,8 +235,8 @@
|
|
|
}
|
|
|
},
|
|
|
created() {
|
|
|
-
|
|
|
- console.log('statusFlag',this.statusFlag);
|
|
|
+
|
|
|
+ console.log('statusFlag', this.statusFlag);
|
|
|
uni.showLoading({
|
|
|
title: '加载中'
|
|
|
});
|
|
@@ -640,7 +652,7 @@
|
|
|
}
|
|
|
},
|
|
|
genderSelect(data) {
|
|
|
- if(!this.statusFlag && this.status =='edit '){
|
|
|
+ if (!this.statusFlag && this.status == 'edit ') {
|
|
|
toast("非未办证状态,禁止修改")
|
|
|
return false
|
|
|
}
|