<template>
|
<view>
|
<view class="addr">
|
<view class="addrItem">
|
<text class="label">工作单位</text>
|
<picker @change="jobChange" :value="jobindex" :range="$job">
|
<view class="" style="color: rgba(0, 0, 0, 0.54)" v-if="jobindex == -1">请选择工作单位</view>
|
<view class="uni-input" v-else>{{$job[jobindex]}}</view>
|
</picker>
|
</view>
|
<view class="addrItem">
|
<text class="label">月收入</text>
|
<picker @change="incomeChange" :value="incomeindex" :range="$income">
|
<view class="" style="color: rgba(0, 0, 0, 0.54)" v-if="incomeindex == -1">请选择月收入</view>
|
<view class="uni-input" v-else>{{$income[incomeindex]}}</view>
|
</picker>
|
</view>
|
<view class="addrItem">
|
<text class="label">联系人姓名(1)</text>
|
<input type="text" v-model="formData.relation[0].name" placeholder="请输入联系人姓名">
|
</view>
|
<view class="addrItem">
|
<text class="label">联系人关系(1)</text>
|
<picker @change="relChange" data-relation="1" :value="relindex[1]" :range="$relation">
|
<view class="" style="color: rgba(0, 0, 0, 0.54)" v-if="relindex[1] == -1">请选择联系人关系</view>
|
<view class="uni-input" v-else>{{$relation[relindex[1]]}}</view>
|
</picker>
|
</view>
|
<view class="addrItem">
|
<text class="label">联系人电话(1)</text>
|
<input type="tel" v-model="formData.relation[0].phone" placeholder="请输入联系人电话">
|
</view>
|
<view class="addrItem">
|
<text class="label">联系人姓名(2)</text>
|
<input type="text" v-model="formData.relation[1].name" placeholder="请输入联系人姓名">
|
</view>
|
<view class="addrItem">
|
<text class="label">联系人关系(2)</text>
|
<picker @change="relChange" data-relation="2" :value="relindex[2]" :range="$relation">
|
<view class="" style="color: rgba(0, 0, 0, 0.54)" v-if="relindex[2] == -1">请选择联系人关系</view>
|
<view class="uni-input" v-else>{{$relation[relindex[2]]}}</view>
|
</picker>
|
</view>
|
<view class="addrItem">
|
<text class="label">联系人电话(2)</text>
|
<input type="tel" v-model="formData.relation[1].phone" placeholder="请输入联系人电话">
|
</view>
|
<view class="addrItem">
|
<text class="label">社保</text>
|
<view class="uni-list">
|
<radio-group @change="radioChange" data-field="shebao">
|
<label class="uni-list-cell uni-list-cell-pd">
|
<view>
|
<radio value="有" />
|
</view>
|
<view>有</view>
|
</label>
|
<label class="uni-list-cell uni-list-cell-pd">
|
<view>
|
<radio value="无" />
|
</view>
|
<view>无</view>
|
</label>
|
</radio-group>
|
</view>
|
</view>
|
<view class="addrItem">
|
<text class="label">公积金</text>
|
<view class="uni-list">
|
<radio-group @change="radioChange" data-field="gongjj">
|
<label class="uni-list-cell uni-list-cell-pd">
|
<view>
|
<radio value="有" />
|
</view>
|
<view>有</view>
|
</label>
|
<label class="uni-list-cell uni-list-cell-pd">
|
<view>
|
<radio value="无" />
|
</view>
|
<view>无</view>
|
</label>
|
</radio-group>
|
</view>
|
</view>
|
<view class="addrItem">
|
<text class="label">车辆</text>
|
<view class="uni-list">
|
<radio-group @change="radioChange" data-field="car">
|
<label class="uni-list-cell uni-list-cell-pd">
|
<view>
|
<radio value="有" />
|
</view>
|
<view>有</view>
|
</label>
|
<label class="uni-list-cell uni-list-cell-pd">
|
<view>
|
<radio value="无" />
|
</view>
|
<view>无</view>
|
</label>
|
</radio-group>
|
</view>
|
</view>
|
<view class="addrItem">
|
<text class="label">房产</text>
|
<view class="uni-list">
|
<radio-group @change="radioChange" data-field="house">
|
<label class="uni-list-cell uni-list-cell-pd">
|
<view>
|
<radio value="有" />
|
</view>
|
<view>有</view>
|
</label>
|
<label class="uni-list-cell uni-list-cell-pd">
|
<view>
|
<radio value="无" />
|
</view>
|
<view>无</view>
|
</label>
|
</radio-group>
|
</view>
|
</view>
|
</view>
|
<view class="addrBtn" @tap="jobSave">保存</view>
|
<view class="tips">
|
<view class="tipsTitle">
|
<image src="/static/imgs/notice2.png" mode=""></image>
|
<text>温馨提示</text>
|
</view>
|
<view class="tipsDesc">
|
<view>1.需认真填写资料，请确保为本人操作。</view>
|
<view>2.信息已只能加密，仅用于个人信息认证，隐私信息将严格保密。</view>
|
</view>
|
</view>
|
</view>
|
</template>
|
|
<script>
|
import permision from "@/js_sdk/wa-permission/permission.js"
|
export default {
|
data() {
|
return {
|
relindex: {1: -1, 2: -1},
|
relindex2: -1,
|
jobindex: -1,
|
incomeindex: -1,
|
formData: {
|
company: '',
|
income: '',
|
relation: [
|
{
|
name: '',
|
phone: '',
|
relation: '',
|
},
|
{
|
name: '',
|
phone: '',
|
relation: '',
|
},
|
],
|
shebao: '',
|
gongjj: '',
|
car: '',
|
house: '',
|
},
|
rules: {
|
company: '请选择工作单位',
|
income: '请输入月收入',
|
shebao: '请选择社保情况',
|
gongjj: '请选择公积金情况',
|
car: '请选择车辆情况',
|
house: '请选择房产情况',
|
}
|
}
|
},
|
onLoad(op) {
|
},
|
methods: {
|
incomeChange (e) {
|
this.incomeindex = e.detail.value
|
this.formData.income = this.$income[this.incomeindex]
|
},
|
jobChange (e) {
|
this.jobindex = e.detail.value
|
this.formData.company = this.$job[this.jobindex]
|
},
|
relChange (e) {
|
console.log(e)
|
let i = parseInt(e.currentTarget.dataset.relation)
|
this.relindex[e.currentTarget.dataset.relation] = e.detail.value
|
this.formData.relation[i-1].relation = this.$relation[e.detail.value]
|
},
|
radioChange (e) {
|
this.formData[e.currentTarget.dataset.field] = e.detail.value
|
},
|
jobSave () {
|
let t = this
|
for(let i in this.formData){
|
if(i != 'relation'){
|
if(this.formData[i] == ''){
|
return uni.showToast({
|
title: t.rules[i],
|
icon: 'error'
|
})
|
}
|
} else {
|
for(let j = 0; j <= 1; j++){
|
console.log(i, j)
|
if(this.formData[i][j].name == ''){
|
return uni.showToast({
|
title: '请输入联系人('+(j+1)+')姓名',
|
icon: 'error'
|
})
|
}
|
if(this.formData[i][j].relation == ''){
|
return uni.showToast({
|
title: '请选择联系人('+(j+1)+')关系',
|
icon: 'error'
|
})
|
}
|
if(this.formData[i][j].phone == ''){
|
return uni.showToast({
|
title: '请输入联系人('+(j+1)+')手机号',
|
icon: 'error'
|
})
|
}
|
}
|
}
|
}
|
t.$util.post('User/jobSave', this.formData).then(res => {
|
console.log(res)
|
if(res.code == 1) {
|
uni.showToast({
|
title: res.msg || '保存成功',
|
icon: 'success'
|
})
|
//更新用户信息缓存
|
uni.setStorageSync('user-info', JSON.stringify(res.data))
|
setTimeout(() => {
|
t.$util.goPages('/pages/addBank/addBank?backUrl=/pages/edu/edu')
|
}, 1500)
|
} else {
|
uni.showToast({
|
title: res.msg || '保存失败',
|
icon: 'error'
|
})
|
}
|
})
|
},
|
|
}
|
}
|
</script>
|
|
<style>
|
@import url(/static/css/addAddr.css);
|
</style>
|
