|
@@ -5,12 +5,12 @@
|
|
</view>
|
|
</view>
|
|
<view class="form-label-input">
|
|
<view class="form-label-input">
|
|
<view class="phone-form-label"><text class="form-label-require">*</text>手机号</view>
|
|
<view class="phone-form-label"><text class="form-label-require">*</text>手机号</view>
|
|
- <uni-easyinput type="number" v-model="formData.phone" placeholder="请输入手机号" maxlength="11" />
|
|
|
|
|
|
+ <uni-easyinput type="number" v-model="formData.userName" placeholder="请输入手机号" maxlength="11" />
|
|
</view>
|
|
</view>
|
|
|
|
|
|
<view class="form-label-input">
|
|
<view class="form-label-input">
|
|
<view class="phone-form-label"><text class="form-label-require">*</text>姓名</view>
|
|
<view class="phone-form-label"><text class="form-label-require">*</text>姓名</view>
|
|
- <uni-easyinput v-model="formData.name" placeholder="请输入姓名" />
|
|
|
|
|
|
+ <uni-easyinput v-model="formData.realName" placeholder="请输入姓名" />
|
|
</view>
|
|
</view>
|
|
|
|
|
|
<view class="form-label-input">
|
|
<view class="form-label-input">
|
|
@@ -20,7 +20,7 @@
|
|
|
|
|
|
<view class="form-label-input">
|
|
<view class="form-label-input">
|
|
<view class="phone-form-label"><text class="form-label-require">*</text>生日</view>
|
|
<view class="phone-form-label"><text class="form-label-require">*</text>生日</view>
|
|
- <uni-datetime-picker type="line" v-model="formData.birthday">
|
|
|
|
|
|
+ <uni-datetime-picker type="line" v-model="formData.birthday">
|
|
<view class="form-radio-select">
|
|
<view class="form-radio-select">
|
|
<view v-if="!formData.birthday">请选择出生日期</view>
|
|
<view v-if="!formData.birthday">请选择出生日期</view>
|
|
<view v-else>{{formData.birthday}}</view>
|
|
<view v-else>{{formData.birthday}}</view>
|
|
@@ -37,13 +37,14 @@
|
|
</view>
|
|
</view>
|
|
<view class="form-label-input">
|
|
<view class="form-label-input">
|
|
<view class="phone-form-label"><text class="form-label-require">*</text>身份证地址</view>
|
|
<view class="phone-form-label"><text class="form-label-require">*</text>身份证地址</view>
|
|
- <uni-easyinput v-model="formData.idAddress" placeholder="请输入身份证地址" />
|
|
|
|
|
|
+ <uni-easyinput v-model="formData.hujiDizhi" placeholder="请输入身份证地址" />
|
|
</view>
|
|
</view>
|
|
<view class="form-label-input">
|
|
<view class="form-label-input">
|
|
<view class="phone-form-label"><text class="form-label-require">*</text>民族</view>
|
|
<view class="phone-form-label"><text class="form-label-require">*</text>民族</view>
|
|
- <picker :range="xingzuoRange" mode='selector' @change="xingzuoChange" @cancel="xingzuoCancel">
|
|
|
|
|
|
+ <picker :range="minzuList" mode='selector' :value="formData.minzuIndex" range-key="name"
|
|
|
|
+ @change="minzuChange" @cancel="minzuCancel">
|
|
<view class="form-radio-select">
|
|
<view class="form-radio-select">
|
|
- <view>请选择民族</view>
|
|
|
|
|
|
+ <view>{{ formData.minzu.name || '请选择民族' }}</view>
|
|
<icon></icon>
|
|
<icon></icon>
|
|
</view>
|
|
</view>
|
|
</picker>
|
|
</picker>
|
|
@@ -67,24 +68,26 @@
|
|
</view>
|
|
</view>
|
|
|
|
|
|
<view class="form-label-input form-top-margin flex-start-row">
|
|
<view class="form-label-input form-top-margin flex-start-row">
|
|
- <view class="phone-form-label"><text class="form-label-require">*</text>详细地址</view>
|
|
|
|
- <textarea v-model="formData.currentAddress" placeholder="请输入详细地址" class="form-textarea-box" />
|
|
|
|
|
|
+ <view class="phone-form-label"><text class="form-label-require">*</text>通讯地址</view>
|
|
|
|
+ <textarea v-model="formData.juzhuDizhi" placeholder="请输入通讯地址" class="form-textarea-box" />
|
|
</view>
|
|
</view>
|
|
|
|
|
|
<view class="form-label-select">
|
|
<view class="form-label-select">
|
|
<view class="phone-form-label"><text class="form-label-require"></text>星座</view>
|
|
<view class="phone-form-label"><text class="form-label-require"></text>星座</view>
|
|
- <picker :range="xingzuoRange" mode='selector' @change="xingzuoChange" @cancel="xingzuoCancel">
|
|
|
|
|
|
+ <picker :range="xingzuoList" mode='selector' :value="formData.xingzuoIndex" range-key="name"
|
|
|
|
+ @change="xingzuoChange" @cancel="xingzuoCancel">
|
|
<view class="form-radio-select">
|
|
<view class="form-radio-select">
|
|
- <view>请选择星座</view>
|
|
|
|
|
|
+ <view>{{ formData.xingzuo.name || '请选择星座' }}</view>
|
|
<icon></icon>
|
|
<icon></icon>
|
|
</view>
|
|
</view>
|
|
</picker>
|
|
</picker>
|
|
</view>
|
|
</view>
|
|
<view class="form-label-select">
|
|
<view class="form-label-select">
|
|
- <view class="phone-form-label"><text class="form-label-require"></text>生肖</view>
|
|
|
|
- <picker :range="shengxiaoRange" mode='selector' @change="shengxiaoChange" @cancel="shengxiaoCancel">
|
|
|
|
|
|
+ <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">
|
|
<view class="form-radio-select">
|
|
<view class="form-radio-select">
|
|
- <view>请选择生肖</view>
|
|
|
|
|
|
+ <view>{{ formData.shuxiang.name || '请选择属相' }}</view>
|
|
<icon></icon>
|
|
<icon></icon>
|
|
</view>
|
|
</view>
|
|
</picker>
|
|
</picker>
|
|
@@ -93,7 +96,7 @@
|
|
<view class="form-label-switch">
|
|
<view class="form-label-switch">
|
|
<view class="phone-form-label"> <text class="form-label-require"></text>星座属相展示到简历 </view>
|
|
<view class="phone-form-label"> <text class="form-label-require"></text>星座属相展示到简历 </view>
|
|
<view>展示
|
|
<view>展示
|
|
- <switch @change="switchXingzuoChange" color="#3fd2a1" style="transform:scale(0.7)" />
|
|
|
|
|
|
+ <switch @change="switchXingzuoChange" :checked="formData.xingzuoFlag" color="#3fd2a1" style="transform:scale(0.7)" />
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="agree-section-box form-top-margin">
|
|
<view class="agree-section-box form-top-margin">
|
|
@@ -113,7 +116,10 @@
|
|
import jiazhengUpload from "./common/jiazhengUpload.vue"
|
|
import jiazhengUpload from "./common/jiazhengUpload.vue"
|
|
import {
|
|
import {
|
|
getJiazhengXueli,
|
|
getJiazhengXueli,
|
|
- getJiazhengHunyin
|
|
|
|
|
|
+ getJiazhengHunyin,
|
|
|
|
+ getJiazhengMinzu,
|
|
|
|
+ getJiazhengShuxiang,
|
|
|
|
+ getJiazhengXingzuo
|
|
} from "@/api/jiazheng.js";
|
|
} from "@/api/jiazheng.js";
|
|
export default {
|
|
export default {
|
|
components: {
|
|
components: {
|
|
@@ -123,21 +129,32 @@
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
formData: {
|
|
formData: {
|
|
- phone: '',
|
|
|
|
- name: '',
|
|
|
|
|
|
+ userName: '',
|
|
|
|
+ realName: '',
|
|
idCard: '',
|
|
idCard: '',
|
|
birthday: '',
|
|
birthday: '',
|
|
hometown: [],
|
|
hometown: [],
|
|
- ethnic: '',
|
|
|
|
- idAddress: '',
|
|
|
|
|
|
+ hujiDizhi: '',
|
|
gender: '',
|
|
gender: '',
|
|
- currentAddress: '',
|
|
|
|
- agree: false
|
|
|
|
|
|
+ juzhuDizhi: '',
|
|
|
|
+ minzu: {},
|
|
|
|
+ shuxiang: {},
|
|
|
|
+ xingzuo: {},
|
|
|
|
+ hunyin: {},
|
|
|
|
+ xueli: {},
|
|
|
|
+ agree: false,
|
|
|
|
+ xingzuoIndex: 0,
|
|
|
|
+ minzuIndex: 0,
|
|
|
|
+ shuxiangIndex: 0,
|
|
|
|
+ xingzuoFlag:false
|
|
|
|
+
|
|
},
|
|
},
|
|
xueliList: [],
|
|
xueliList: [],
|
|
hunyinList: [],
|
|
hunyinList: [],
|
|
- xingzuoRange: [],
|
|
|
|
- shengxiaoRange: [],
|
|
|
|
|
|
+ shuxiangList: [],
|
|
|
|
+ xingzuoList: [],
|
|
|
|
+ minzuList: [],
|
|
|
|
+
|
|
|
|
|
|
hometownData: [{
|
|
hometownData: [{
|
|
text: '辽宁省',
|
|
text: '辽宁省',
|
|
@@ -155,28 +172,50 @@
|
|
}
|
|
}
|
|
// 其他省份...
|
|
// 其他省份...
|
|
],
|
|
],
|
|
- ethnicData: [{
|
|
|
|
- value: '汉族',
|
|
|
|
- text: '汉族'
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- value: '回族',
|
|
|
|
- text: '回族'
|
|
|
|
- },
|
|
|
|
- // 其他民族...
|
|
|
|
- ]
|
|
|
|
|
|
+
|
|
}
|
|
}
|
|
},
|
|
},
|
|
created() {
|
|
created() {
|
|
this.getXueli()
|
|
this.getXueli()
|
|
this.getHunyin()
|
|
this.getHunyin()
|
|
|
|
+ this.getMinzu()
|
|
|
|
+ this.getXingzuo()
|
|
|
|
+ this.getShuxiang()
|
|
|
|
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
|
|
+ validate() {
|
|
|
|
+ return new Promise((resolve) => {
|
|
|
|
+ // 实际验证逻辑
|
|
|
|
+ const isValid = this.formData.realName
|
|
|
|
+ if (!isValid) {
|
|
|
|
+ this.showError = true
|
|
|
|
+ resolve(false)
|
|
|
|
+ } else {
|
|
|
|
+ resolve(true)
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ },
|
|
getXueli() {
|
|
getXueli() {
|
|
getJiazhengXueli({}).then(res => {
|
|
getJiazhengXueli({}).then(res => {
|
|
this.xueliList = res.data
|
|
this.xueliList = res.data
|
|
- console.log('xueliList', this.xueliList);
|
|
|
|
|
|
+ // console.log('xueliList', this.xueliList);
|
|
|
|
+ }).catch(error => {
|
|
|
|
+ console.error('获取技能类型失败:', error);
|
|
|
|
+ });
|
|
|
|
+ },
|
|
|
|
+ getXingzuo() {
|
|
|
|
+ getJiazhengXingzuo({}).then(res => {
|
|
|
|
+ this.xingzuoList = res.data
|
|
|
|
+ // console.log('xingzuoList', this.xingzuoList);
|
|
|
|
+ }).catch(error => {
|
|
|
|
+ console.error('获取技能类型失败:', error);
|
|
|
|
+ });
|
|
|
|
+ },
|
|
|
|
+ getShuxiang() {
|
|
|
|
+ getJiazhengShuxiang({}).then(res => {
|
|
|
|
+ this.shuxiangList = res.data
|
|
|
|
+ // console.log('shuxiangList', this.shuxiangList);
|
|
}).catch(error => {
|
|
}).catch(error => {
|
|
console.error('获取技能类型失败:', error);
|
|
console.error('获取技能类型失败:', error);
|
|
});
|
|
});
|
|
@@ -184,25 +223,64 @@
|
|
getHunyin() {
|
|
getHunyin() {
|
|
getJiazhengHunyin({}).then(res => {
|
|
getJiazhengHunyin({}).then(res => {
|
|
this.hunyinList = res.data
|
|
this.hunyinList = res.data
|
|
- console.log('hunyinList', this.hunyinList);
|
|
|
|
|
|
+ // console.log('hunyinList', this.hunyinList);
|
|
}).catch(error => {
|
|
}).catch(error => {
|
|
console.error('获取技能类型失败:', error);
|
|
console.error('获取技能类型失败:', error);
|
|
});
|
|
});
|
|
},
|
|
},
|
|
- getFileUrl(data){
|
|
|
|
- console.log('data',data);
|
|
|
|
|
|
+ getMinzu() {
|
|
|
|
+ getJiazhengMinzu({}).then(res => {
|
|
|
|
+ this.minzuList = res.data
|
|
|
|
+ // console.log('minzuList', this.minzuList);
|
|
|
|
+ }).catch(error => {
|
|
|
|
+ console.error('获取技能类型失败:', error);
|
|
|
|
+ });
|
|
},
|
|
},
|
|
- selectChangeXueliList() {
|
|
|
|
|
|
+ getFileUrl(data) {
|
|
|
|
+ this.formData.icon = data
|
|
|
|
+ console.log('data', data);
|
|
|
|
+ },
|
|
|
|
+ minzuChange(e) {
|
|
|
|
+ const index = e.detail.value
|
|
|
|
+ this.formData.minzu = this.minzuList[index]
|
|
|
|
+ //console.log('this.formData.minzu', this.formData.minzu);
|
|
|
|
|
|
},
|
|
},
|
|
- selectChangeHunyinList() {
|
|
|
|
|
|
+ minzuCancel() {
|
|
|
|
+ this.formData.minzuIndex = 0
|
|
|
|
+ },
|
|
|
|
+ xingzuoChange(e) {
|
|
|
|
+ const index = e.detail.value
|
|
|
|
+ this.formData.xingzuo = this.xingzuoList[index]
|
|
|
|
+ // console.log('this.formData.xingzuo', this.formData.xingzuo);
|
|
|
|
|
|
},
|
|
},
|
|
- switchXingzuoChange() {
|
|
|
|
|
|
+ xingzuoCancel() {
|
|
|
|
+ this.formData.xingzuoIndex = 0
|
|
|
|
+ },
|
|
|
|
+ shuxiangChange(e) {
|
|
|
|
+ const index = e.detail.value
|
|
|
|
+ this.formData.shuxiang = this.shuxiangList[index]
|
|
|
|
+ //console.log('this.formData.shuxiang', this.formData.shuxiang);
|
|
|
|
|
|
},
|
|
},
|
|
|
|
+ shuxiangCancel() {
|
|
|
|
+ this.formData.shuxiangIndex = 0
|
|
|
|
+ },
|
|
|
|
+ selectChangeXueliList(data) {
|
|
|
|
+ console.log('data', data);
|
|
|
|
+ },
|
|
|
|
+ genderSelect(data) {
|
|
|
|
+ this.formData.gender = data
|
|
|
|
+ },
|
|
|
|
+ selectChangeHunyinList(data) {
|
|
|
|
+ this.formData.hunyin = data
|
|
|
|
+ },
|
|
|
|
+ switchXingzuoChange(e) {
|
|
|
|
+ this.formData.xingzuoFlag = e.detail.value
|
|
|
|
+ },
|
|
goNext() {
|
|
goNext() {
|
|
- console.log('formData',this.formData);
|
|
|
|
|
|
+ console.log('formData', this.formData);
|
|
//this.$emit('goNext',0);
|
|
//this.$emit('goNext',0);
|
|
},
|
|
},
|
|
|
|
|