2022-03-17 15:49:07 +08:00
|
|
|
|
<template>
|
|
|
|
|
|
<view>
|
2022-03-18 08:54:51 +08:00
|
|
|
|
<status-nav navBarTitle="个人信息" returnColor="#c2c2c2"></status-nav>
|
|
|
|
|
|
<container-subgroup-two>
|
|
|
|
|
|
<view slot="content" style="margin: 0 -30rpx;">
|
2022-03-18 09:05:21 +08:00
|
|
|
|
<view class="fon28">
|
2022-03-18 08:54:51 +08:00
|
|
|
|
<view class="bacf pad-sx30 pad-zy40 disac bbot">
|
2022-03-24 16:34:50 +08:00
|
|
|
|
<view class="bold width30 flexs">我的昵称</view>
|
|
|
|
|
|
<view class="width100" style="color: #8b8b8b;">
|
|
|
|
|
|
<input type="text" v-model="nickname" placeholder="请输入昵称" placeholder-style="font-size:28rpx;color:#8b8b8b;" />
|
|
|
|
|
|
</view>
|
2022-03-18 08:54:51 +08:00
|
|
|
|
</view>
|
|
|
|
|
|
<view class="bacf pad-sx30 pad-zy40 disac bbot">
|
2022-03-24 16:34:50 +08:00
|
|
|
|
<view class="bold width30 flexs">姓名</view>
|
|
|
|
|
|
<view class="width100" style="color: #8b8b8b;">
|
|
|
|
|
|
<input type="text" v-model="full_name" placeholder="请输入姓名" placeholder-style="font-size:28rpx;color:#8b8b8b;" />
|
|
|
|
|
|
</view>
|
2022-03-18 08:54:51 +08:00
|
|
|
|
</view>
|
|
|
|
|
|
<view class="bacf pad-sx30 pad-zy40 disac bbot">
|
2022-03-24 16:34:50 +08:00
|
|
|
|
<view class="bold width30 flexs">性别</view>
|
2022-03-18 08:54:51 +08:00
|
|
|
|
<view class="disac">
|
|
|
|
|
|
<view @tap="chooseGender(1)" class="disac gender-box" :class="genderNum==1 ? 'gender-active' : ''">
|
|
|
|
|
|
<view></view>
|
|
|
|
|
|
<text>男</text>
|
|
|
|
|
|
</view>
|
|
|
|
|
|
<view @tap="chooseGender(2)" class="disac gender-box" :class="genderNum==2 ? 'gender-active' : ''">
|
|
|
|
|
|
<view></view>
|
|
|
|
|
|
<text>女</text>
|
|
|
|
|
|
</view>
|
|
|
|
|
|
</view>
|
|
|
|
|
|
</view>
|
|
|
|
|
|
<view class="bacf pad-sx30 pad-zy40 disac bbot">
|
2022-03-24 16:34:50 +08:00
|
|
|
|
<view class="bold width30 flexs">联系电话</view>
|
|
|
|
|
|
<view class="width100" style="color: #8b8b8b;">
|
|
|
|
|
|
<input type="number" v-model="contact_number" placeholder="请输入联系电话" placeholder-style="font-size:28rpx;color:#8b8b8b;" />
|
|
|
|
|
|
</view>
|
2022-03-18 08:54:51 +08:00
|
|
|
|
</view>
|
|
|
|
|
|
<view class="bacf pad-sx30 pad-zy40 disac bbot">
|
2022-03-24 16:34:50 +08:00
|
|
|
|
<view class="bold width30 flexs">电子邮箱</view>
|
|
|
|
|
|
<view class="width100" style="color: #8b8b8b;">
|
|
|
|
|
|
<input type="text" v-model="e_mail" placeholder="请输入电子邮箱" placeholder-style="font-size:28rpx;color:#8b8b8b;" />
|
|
|
|
|
|
</view>
|
2022-03-18 08:54:51 +08:00
|
|
|
|
</view>
|
|
|
|
|
|
<view class="bacf pad-sx30 pad-zy40 disac bbot mar-s10">
|
2022-03-24 16:34:50 +08:00
|
|
|
|
<view class="bold width30 flexs">身份证号码</view>
|
|
|
|
|
|
<view class="width100" style="color: #8b8b8b;">
|
|
|
|
|
|
<input type="text" v-model="id_card_no" placeholder="请输入身份证号码" placeholder-style="font-size:28rpx;color:#8b8b8b;" />
|
|
|
|
|
|
</view>
|
2022-03-18 08:54:51 +08:00
|
|
|
|
</view>
|
|
|
|
|
|
<view class="bacf pad-sx30 pad-zy40 disac bbot">
|
|
|
|
|
|
<view class="bold width30 flexs">身份证正反面</view>
|
|
|
|
|
|
<view style="color: #f26803;" class="width100 disjbac">
|
2022-03-24 16:34:50 +08:00
|
|
|
|
<text @tap="previewImageEv(0)">查看</text>
|
|
|
|
|
|
<image @tap="uploadImgEv(0)" src="/static/public/icon-personInfo-upload.png" mode="widthFix" lazy-load style="width: 128rpx;height: 50rpx;"></image>
|
2022-03-18 08:54:51 +08:00
|
|
|
|
</view>
|
|
|
|
|
|
</view>
|
|
|
|
|
|
<view class="bacf pad-sx30 pad-zy40 disac bbot">
|
|
|
|
|
|
<view class="bold width30 flexs">意外险材料</view>
|
|
|
|
|
|
<view style="color: #f26803;" class="width100 disjbac">
|
2022-03-24 16:34:50 +08:00
|
|
|
|
<text @tap="previewImageEv(1)">查看</text>
|
|
|
|
|
|
<image @tap="uploadImgEv(1)" src="/static/public/icon-personInfo-upload.png" mode="widthFix" lazy-load style="width: 128rpx;height: 50rpx;"></image>
|
2022-03-18 08:54:51 +08:00
|
|
|
|
</view>
|
|
|
|
|
|
</view>
|
|
|
|
|
|
<view class="bacf pad-sx30 pad-zy40 disac bbot">
|
|
|
|
|
|
<view class="bold flexs mar-y40">签署工程师合作协议</view>
|
|
|
|
|
|
<view style="color: #f26803;" class="width100 disjbac">
|
2022-03-24 16:34:50 +08:00
|
|
|
|
<text @tap="previewImageEv(2)">查看</text>
|
|
|
|
|
|
<image @tap="uploadImgEv(2)" src="/static/public/icon-personInfo-upload.png" mode="widthFix" lazy-load style="width: 128rpx;height: 50rpx;"></image>
|
2022-03-18 08:54:51 +08:00
|
|
|
|
</view>
|
|
|
|
|
|
</view>
|
|
|
|
|
|
<view class="bacf pad-sx30 pad-zy40 disac bbot">
|
|
|
|
|
|
<view class="bold width30 flexs">技能证书</view>
|
|
|
|
|
|
<view style="color: #f26803;" class="width100 disjbac">
|
2022-03-24 16:34:50 +08:00
|
|
|
|
<text @tap="previewImageEv(3)">查看</text>
|
|
|
|
|
|
<image @tap="uploadImgEv(3)" src="/static/public/icon-personInfo-upload.png" mode="widthFix" lazy-load style="width: 128rpx;height: 50rpx;"></image>
|
2022-03-18 08:54:51 +08:00
|
|
|
|
</view>
|
|
|
|
|
|
</view>
|
|
|
|
|
|
</view>
|
2022-03-28 15:35:53 +08:00
|
|
|
|
<view class="person-btn" @tap="sumbmitData">提交保存</view>
|
2022-03-18 08:54:51 +08:00
|
|
|
|
</view>
|
|
|
|
|
|
</container-subgroup-two>
|
2022-03-17 15:49:07 +08:00
|
|
|
|
</view>
|
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
|
|
<script>
|
2022-03-18 08:54:51 +08:00
|
|
|
|
import containerSubgroupTwo from '@/components/containers/container-subgroup-two.vue';
|
2022-03-24 16:34:50 +08:00
|
|
|
|
import { uploadImg } from '@/jsFile/public-api.js';
|
2022-03-17 15:49:07 +08:00
|
|
|
|
export default {
|
2022-03-18 08:54:51 +08:00
|
|
|
|
components:{
|
|
|
|
|
|
containerSubgroupTwo
|
|
|
|
|
|
},
|
2022-03-17 15:49:07 +08:00
|
|
|
|
data() {
|
|
|
|
|
|
return {
|
2022-03-24 16:34:50 +08:00
|
|
|
|
nickname:'', // 我的昵称
|
|
|
|
|
|
full_name:'', // 姓名
|
|
|
|
|
|
genderNum:1 ,// 1：男 2：女
|
|
|
|
|
|
contact_number:'', // 联系电话
|
|
|
|
|
|
e_mail:'', // 电子邮箱
|
|
|
|
|
|
id_card_no:'', // 身份证号码
|
|
|
|
|
|
imgList:[],
|
2022-03-28 15:35:53 +08:00
|
|
|
|
flag:true
|
2022-03-17 15:49:07 +08:00
|
|
|
|
}
|
|
|
|
|
|
},
|
2022-03-31 17:58:34 +08:00
|
|
|
|
onLoad() {
|
|
|
|
|
|
this.getData()
|
|
|
|
|
|
},
|
2022-03-17 15:49:07 +08:00
|
|
|
|
methods: {
|
2022-03-31 17:58:34 +08:00
|
|
|
|
// 获取个人信息
|
|
|
|
|
|
getData(){
|
|
|
|
|
|
this.$requst.get('/universal/api.user/user_info').then(res => {
|
2022-04-06 11:24:55 +08:00
|
|
|
|
if (res.code == 1 && res.data.length != 1) {
|
|
|
|
|
|
this.nickname=res.data.nickname
|
|
|
|
|
|
this.full_name=res.data.name
|
|
|
|
|
|
if(res.data.sex==0){
|
|
|
|
|
|
this.genderNum=1
|
|
|
|
|
|
}else{
|
|
|
|
|
|
this.genderNum=res.data.sex
|
|
|
|
|
|
}
|
|
|
|
|
|
this.contact_number=res.data.phone
|
|
|
|
|
|
this.e_mail=res.data.email
|
|
|
|
|
|
this.id_card_no=res.data.idcard
|
|
|
|
|
|
}
|
2022-03-31 17:58:34 +08:00
|
|
|
|
})
|
|
|
|
|
|
},
|
2022-03-28 15:35:53 +08:00
|
|
|
|
// 提交保存事件
|
|
|
|
|
|
sumbmitData(){
|
|
|
|
|
|
if(this.checkEmpty()){
|
|
|
|
|
|
if(this.flag) {
|
2022-03-30 18:04:40 +08:00
|
|
|
|
// this.flag = false;
|
2022-03-28 15:35:53 +08:00
|
|
|
|
let params = {
|
2022-03-30 18:04:40 +08:00
|
|
|
|
nickname:this.nickname,
|
|
|
|
|
|
name:this.full_name,
|
|
|
|
|
|
sex:this.genderNum,
|
|
|
|
|
|
phone:this.contact_number,
|
|
|
|
|
|
email:this.e_mail,
|
|
|
|
|
|
idcard:this.id_card_no,
|
2022-03-28 15:35:53 +08:00
|
|
|
|
g:this.imgList[0] || '',
|
2022-03-30 18:04:40 +08:00
|
|
|
|
accident_insurance:this.imgList[1] || '',
|
|
|
|
|
|
agreement_document:this.imgList[2] || '',
|
|
|
|
|
|
skills_certificate:this.imgList[3] || ''
|
2022-03-28 15:35:53 +08:00
|
|
|
|
}
|
2022-03-30 18:04:40 +08:00
|
|
|
|
|
|
|
|
|
|
this.$requst.post('/universal/api.user/user_info',params).then(res=>{
|
|
|
|
|
|
if(res.code==1){
|
|
|
|
|
|
|
|
|
|
|
|
// uni.navigateBack({delta:1})
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
})
|
2022-03-28 15:35:53 +08:00
|
|
|
|
} else {
|
|
|
|
|
|
this.$toolAll.tools.showToast('请勿重复提交');
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
},
|
2022-03-31 17:58:34 +08:00
|
|
|
|
|
2022-03-28 15:35:53 +08:00
|
|
|
|
// 判断是否为空
|
|
|
|
|
|
checkEmpty(){
|
|
|
|
|
|
let result = false;
|
|
|
|
|
|
if(uni.getStorageSync('type_id')==4) {
|
|
|
|
|
|
// 如果是工程师
|
|
|
|
|
|
if(!this.nickname) {
|
|
|
|
|
|
this.$toolAll.tools.showToast('请输入我的昵称');
|
|
|
|
|
|
} else if(!this.full_name) {
|
|
|
|
|
|
this.$toolAll.tools.showToast('请输入姓名');
|
|
|
|
|
|
} else if(this.$toolAll.tools.isPhone(this.contact_number)) {
|
|
|
|
|
|
this.$toolAll.tools.showToast('请正确输入联系电话');
|
|
|
|
|
|
} else if(this.$toolAll.tools.isEmail(this.e_mail)) {
|
|
|
|
|
|
this.$toolAll.tools.showToast('请正确输入电子邮箱');
|
|
|
|
|
|
} else if(this.$toolAll.tools.isIdentity(this.id_card_no)) {
|
|
|
|
|
|
this.$toolAll.tools.showToast('请正确输入身份证号码');
|
|
|
|
|
|
} else if(!this.imgList[0]) {
|
|
|
|
|
|
this.$toolAll.tools.showToast('请上传身份证正反面');
|
|
|
|
|
|
} else if(!this.imgList[1]) {
|
|
|
|
|
|
this.$toolAll.tools.showToast('请上传意外险材料');
|
|
|
|
|
|
} else if(!this.imgList[2]) {
|
|
|
|
|
|
this.$toolAll.tools.showToast('请上传合作协议');
|
|
|
|
|
|
} else if(!this.imgList[3]) {
|
|
|
|
|
|
this.$toolAll.tools.showToast('请上传技能证书');
|
|
|
|
|
|
} else {
|
|
|
|
|
|
result = true;
|
|
|
|
|
|
}
|
|
|
|
|
|
} else {
|
|
|
|
|
|
result = true;
|
|
|
|
|
|
}
|
|
|
|
|
|
return result;
|
|
|
|
|
|
},
|
2022-03-18 08:54:51 +08:00
|
|
|
|
// 性别切换
|
|
|
|
|
|
chooseGender(index){
|
|
|
|
|
|
this.genderNum = index;
|
2022-03-24 16:34:50 +08:00
|
|
|
|
},
|
|
|
|
|
|
// 图片上传
|
|
|
|
|
|
uploadImgEv(index){
|
|
|
|
|
|
uni.chooseImage({
|
|
|
|
|
|
count:1,
|
|
|
|
|
|
sourceType:['album'],
|
|
|
|
|
|
success: (res) => {
|
2022-04-06 11:24:55 +08:00
|
|
|
|
let tempImg = res.tempFilePaths[0];
|
|
|
|
|
|
this.imgList[index] = tempImg;
|
|
|
|
|
|
uploadImg({path:tempImg}).then(res=>{
|
|
|
|
|
|
if(res.code) {
|
|
|
|
|
|
this.$toolAll.tools.showToast('上传成功');
|
|
|
|
|
|
}
|
2022-03-28 15:35:53 +08:00
|
|
|
|
})
|
2022-03-24 16:34:50 +08:00
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
},
|
|
|
|
|
|
// 预览图片
|
|
|
|
|
|
previewImageEv(current){
|
|
|
|
|
|
let arr = [];
|
|
|
|
|
|
// 不能滑动看其他的图片
|
|
|
|
|
|
this.imgList.forEach((item,index)=>{
|
|
|
|
|
|
if(current==index) arr.push(item);
|
|
|
|
|
|
})
|
|
|
|
|
|
if(arr.length) {
|
|
|
|
|
|
uni.previewImage({
|
|
|
|
|
|
current:current,
|
|
|
|
|
|
urls: arr,
|
|
|
|
|
|
success() {}
|
|
|
|
|
|
})
|
|
|
|
|
|
} else {
|
|
|
|
|
|
this.$toolAll.tools.showToast('无内容...')
|
|
|
|
|
|
}
|
2022-03-18 08:54:51 +08:00
|
|
|
|
}
|
2022-03-17 15:49:07 +08:00
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
|
|
|
|
|
|
|
</style>
|
