申请合作技师 改上传身份证正反面 资质证书图片上传

This commit is contained in:
Mr.jiang 2024-08-23 14:26:09 +08:00
parent e5df0acbfc
commit 611c98307c
4 changed files with 261 additions and 143 deletions

View File

@ -9,7 +9,7 @@
<span>点击申请</span>
</view>
<view class="cooperate-line1" @click="goNav('/pages/my/cooperation')">
<span>城市合伙人</span>
<span>申请合作技师</span>
<span>点击申请</span>
</view>
<view class="cooperate-line2" @click="goNav('/pages/cooperate/hehuo')">

View File

@ -1,7 +1,7 @@
<template>
<view class="hehuo_view">
<view class="advantage-title">
<image style="width: 35rpx; height: 35rpx; margin-right:10rpx; margin-top: 5rpx;" src="../../static/technician.png"></image>应聘技师</view>
<image style="width: 35rpx; height: 35rpx; margin-right:10rpx; margin-top: 5rpx;" src="../../static/technician.png"></image>申请合作技师</view>
<view class="advantage-bor" style="margin-right: 10rpx;"></view>
<view class="text_view">
<!-- <view class="item_view">
@ -45,21 +45,21 @@
<view class="xian"></view>
</view>
<view class="item_view">
<view class="item_title" style="margin-bottom: 10px;">头像上传</view>
<view class="item_title" style="margin-bottom: 10px;">上传身份证正面</view>
<view class="flex" v-if="bb=='1'" style="overflow: hidden;flex-direction: initial;">
<view v-if="headImg.length">
<view v-if="front!=''||front!=null">
<view class="margin-top flex margin-right-sm">
<view class="flex"
style="width: 150upx;height: 150upx;margin-right: 10rpx;position: relative;">
<image :src="headImg" style="width: 100%;height: 100%;"></image>
<image :src="front" style="width: 100%;height: 100%;"></image>
<view style="z-index: 9;position: absolute;margin-top: -1px;right: 0px;"
@click="headImgremove(index)">
@click="frontremove(index)">
<u-icon name="close-circle-fill" color="#039d88" size="50rpx"></u-icon>
</view>
</view>
</view>
</view>
<view class="margin-top" @click="addImage()" v-if="headImg.length<=0">
<view class="margin-top" @click="addImage()" v-if="front==''||front==null">
<view class="flex justify-center align-center margin-top-view">
<view>
<view class="text-center">
@ -71,19 +71,89 @@
</view>
</view>
<view class="flex" v-if="bb=='0'" style="overflow: hidden;flex-direction: initial;">
<view v-if="headImg.length">
<view v-if="front!=''||front!=null">
<view class="margin-top flex margin-right-sm">
<view class="flex"
style="width: 150upx;height: 150upx;margin-right: 10rpx;position: relative;">
<image :src="headImg" style="width: 100%;height: 100%;"></image>
<image :src="front" style="width: 100%;height: 100%;"></image>
</view>
</view>
</view>
</view>
</view>
<!-- <view class="audit_message" v-if="auditContent != '' && bb == 3">拒绝原因{{auditContent}}</view> -->
<!-- <view class="save_btn" v-if="status == 0">审核中</view> -->
<view class="item_view">
<view class="item_title" style="margin-bottom: 10px;">上传身份证反面</view>
<view class="flex" v-if="bb=='1'" style="overflow: hidden;flex-direction: initial;">
<view v-if="back.length">
<view class="margin-top flex margin-right-sm">
<view class="flex"
style="width: 150upx;height: 150upx;margin-right: 10rpx;position: relative;">
<image :src="back" style="width: 100%;height: 100%;"></image>
<view style="z-index: 9;position: absolute;margin-top: -1px;right: 0px;"
@click="frontremoves(index)">
<u-icon name="close-circle-fill" color="#039d88" size="50rpx"></u-icon>
</view>
</view>
</view>
</view>
<view class="margin-top" @click="addImageBack()" v-if="back.length<=0">
<view class="flex justify-center align-center margin-top-view">
<view>
<view class="text-center">
<image style="width: 43.06rpx;height: 38.19rpx;" src="../../static/orderDetail/img-shang.png" mode=""></image>
</view>
<view class="text-center text-xs margin-top-xs">上传图片</view>
</view>
</view>
</view>
</view>
<view class="flex" v-if="bb=='0'" style="overflow: hidden;flex-direction: initial;">
<view v-if="back.length">
<view class="margin-top flex margin-right-sm">
<view class="flex"
style="width: 150upx;height: 150upx;margin-right: 10rpx;position: relative;">
<image :src="back" style="width: 100%;height: 100%;"></image>
</view>
</view>
</view>
</view>
</view>
<view class="item_view">
<view class="item_title" style="margin-bottom: 10px;">上传资格证书可多张</view>
<view class="flex" v-if="bb=='1'" style="overflow: hidden;flex-direction: initial;">
<view class="margin-top flex margin-right-sm flex-wrap" v-if="certification.length">
<view class="flex" style="width: 150upx;height: 150upx;margin-right: 10rpx;position: relative;"
v-for="(image,index) in certification" :key="index">
<image :src="image" style="width: 100%;height: 100%;"></image>
<view style="z-index: 9;position: absolute;margin-top: -1px;right: 0px;"
@click="frontremoveC(index)">
<u-icon name="close-circle-fill" color="#039d88" size="50rpx"></u-icon>
</view>
</view>
</view>
<view class="margin-top" @click="addImageC()" v-if="certification.length < 6">
<view class="flex justify-center align-center margin-top-view">
<view>
<view class="text-center">
<image style="width: 43.06rpx;height: 38.19rpx;" src="../../static/orderDetail/img-shang.png" mode=""></image>
</view>
<view class="text-center text-xs margin-top-xs">上传图片</view>
</view>
</view>
</view>
</view>
<view class="flex" v-if="bb=='0'" style="overflow: hidden;flex-direction: initial;">
<view v-if="certification.length">
<view class="margin-top flex margin-right-sm">
<view class="flex" v-for="(image,index) in certification" :key="index"
style="width: 150upx;height: 150upx;margin-right: 10rpx;position: relative;">
<image :src="image" style="width: 100%;height: 100%;"></image>
</view>
</view>
</view>
</view>
</view>
</view>
<view class="push-button">
<view class="que-btn" @tap="save" v-if="bb !=0">提交申请</view>
@ -109,7 +179,9 @@
userName: '',
phone: '',
age: '',
headImg: [],
front: '',
back:'',
certification:[],
bb:'1',
cityData:''
}
@ -190,9 +262,17 @@
this.loadAreas(this.cityArr[1][e.detail.value].AreaId);
}
},
//
headImgremove(index) {
this.headImg = ''
//
frontremove(index) {
this.front = ''
},
//
frontremoves(index) {
this.back = ''
},
//
frontremoveC(index) {
this.certification = []
},
getChannel() {
let userId = this.$queue.getData('userId');
@ -204,11 +284,13 @@
this.bb = res.data.status;
this.city = res.data.city;
this.age = res.data.age;
this.headImg = res.data.img;
this.front = res.data.front;
this.userName = res.data.name;
this.phone = res.data.phone;
this.back=res.data.back;
this.certification = res.data.certification.split(',')
console.log('111111111',this.certification)
}
console.log(this.bb)
// this.auditContent = res.data.auditContent;
}
});
@ -253,10 +335,15 @@
this.$queue.showToast('请输入年龄')
return;
}
if (this.headImg == '') {
this.$queue.showToast('请上传头像')
if (this.front == '') {
this.$queue.showToast('请上身份证正面')
return;
}
if (this.back == '') {
this.$queue.showToast('请上身份证反面')
return;
}
this.certification = this.certification.toString();
let userId = this.$queue.getData('userId');
let data = {
userId: userId,
@ -264,7 +351,9 @@
phone: this.phone,
age: this.age,
city: this.cityData,
img: this.headImg,
front: this.front,
back:this.back,
certification:this.certification
}
this.$Request.postJson('/app/artificer/insertAgency', data).then(res => {
if (res.code == 0) {
@ -279,6 +368,75 @@
}
});
},
addImageC() {
let that = this
uni.chooseImage({
count: 4,
sizeType: ['original', 'compressed'], //
sourceType: ['album', 'camera'],
success: res => {
that.$queue.showLoading("上传中...");
for (let i = 0; i < res.tempFilePaths.length; i++) {
var tempFilePaths=res.tempFilePaths[i]
console.log("tempFilePaths----",res)
that.checkImageSize(tempFilePaths, (isValid) => {
if (isValid) {
uni.uploadFile({ //
url: websocketUtils.uploadFileUrl(), //
filePath: tempFilePaths,
name: 'file',
success: (uploadFileRes) => {
console.log(uploadFileRes.data)
that.certification.push(JSON.parse(uploadFileRes.data)
.data)
// that.certification = JSON.parse(uploadFileRes.data).data
console.log(that.certification)
uni.hideLoading();
}
});
//
console.log('图片校验通过,可以上传');
} else {
console.log('图片超出大小限制,请重新选择');
}
});
}
}
})
},
addImageBack() {
let that = this
uni.chooseImage({
count: 1,
sizeType: ['original', 'compressed'], //
sourceType: ['album', 'camera'],
success: res => {
that.$queue.showLoading("上传中...");
var tempFilePaths=res.tempFilePaths[0]
console.log("tempFilePaths----",res)
that.checkImageSize(tempFilePaths, (isValid) => {
if (isValid) {
uni.uploadFile({ //
url: websocketUtils.uploadFileUrl(), //
filePath: res.tempFilePaths[0],
name: 'file',
success: (uploadFileRes) => {
console.log(uploadFileRes.data)
that.back = JSON.parse(uploadFileRes.data).data
console.log(that.back)
uni.hideLoading();
}
});
//
console.log('图片校验通过,可以上传');
} else {
console.log('图片超出大小限制,请重新选择');
}
});
}
})
},
addImage() {
let that = this
uni.chooseImage({
@ -292,6 +450,17 @@
that.checkImageSize(tempFilePaths, (isValid) => {
if (isValid) {
//
uni.uploadFile({ //
url: websocketUtils.uploadFileUrl(), //
filePath: res.tempFilePaths[0],
name: 'file',
success: (uploadFileRes) => {
console.log(uploadFileRes.data)
that.front = JSON.parse(uploadFileRes.data).data
console.log(that.front)
uni.hideLoading();
}
});
console.log('图片校验通过,可以上传');
} else {
console.log('图片超出大小限制,请重新选择');
@ -316,7 +485,6 @@
callback(false);
} else {
// 2MB
this.uploadImage(filePath)
callback(true);
}
},
@ -325,21 +493,6 @@
}
});
},
//
uploadImage(filePath) {
let that = this
uni.uploadFile({ //
url: websocketUtils.uploadFileUrl(), //
filePath: filePath,
name: 'file',
success: (uploadFileRes) => {
console.log(uploadFileRes.data)
that.headImg = JSON.parse(uploadFileRes.data).data
console.log(that.headImg)
uni.hideLoading();
}
});
}
}
}
</script>

View File

@ -147,7 +147,7 @@
</view>
<view class="my-use-list" @click="useToUrl('/pages/my/hehuo')">
<image style="padding: 3rpx;" src="../../static/my-gong-2.png" mode=""></image>
<span class="my-use-list-text">应聘技师</span>
<span class="my-use-list-text">申请合作技师</span>
</view>
<view class="my-use-list" @click="useToUrl('/pages/my/cooperation')">
<image style="padding: 3rpx;" src="../../static/my-gong-4.png" mode=""></image>

View File

@ -100,128 +100,90 @@
<div id="txMapContainer" style="width: 100%;height: calc(100vh - 188px);">&nbsp;</div>
<!-- 地图地图 -->
</view>
<u-popup v-model="showPopup" mode="bottom" height="" closeable :mask-close-able="false">
<view id="popView">
<view class="flex align-center list-view" style="padding: 0px;" @click="goOrder(getOrderByCurrentMarkerIndex())">
<view class="touxiang-left-view" style="margin-bottom: 0px;padding-bottom: 0px;width: auto;">
<image
class="touxiang-left-content-img-ditu"
:src="getOrderByCurrentMarkerIndex().artificerImg ? getOrderByCurrentMarkerIndex().artificerImg : '../../static/logo.png'"
@click.stop="saveImgs(getOrderByCurrentMarkerIndex().artificerImg)"
mode="aspectFill"></image>
<image v-if="getOrderByCurrentMarkerIndex().isHot == 1"
class="touxiang-left-content-img-ditu"
src="https://admin.sjajk.com/file/uploadPath/2023/02/16/9ae1b7e9fa931b5fc24cd8edecc10d9f.png"
style="width: 30rpx;height: 36rpx;position: absolute;z-index: 99;top: 40rpx;left: 110rpx;">
</image>
<!-- <view class="zpmore_view_left" v-if="getOrderByCurrentMarkerIndex().isNewer==1" @click.stop="saveImgss(getOrderByCurrentMarkerIndex().isNewer, 0)">
<image src="../../static/dituzhaoren1.png" mode=""></image>
</view> -->
<image style="margin-top:18px;margin-left: 4px;" class="touxiang-frame" :src="getOrderByCurrentMarkerIndex().technicianType=='3'?'../../static/vip/grade1-1.gif':getOrderByCurrentMarkerIndex().technicianType=='4'?'../../static/vip/grade2-1.gif':'../../static/vip/grade3-1.gif'"></image>
<!-- <image style="width: 30%;" class="touxiang-frame" :src="getOrderByCurrentMarkerIndex().technicianType=='3'?'../../static/vip/grade4.png':getOrderByCurrentMarkerIndex().technicianType=='4'?'../../static/vip/grade5.png':'../../static/vip/grade6.png'"></image> -->
<!-- <view class="zpmore_view" v-if="getOrderByCurrentMarkerIndex().lifePhoto"
@click.stop="saveImgss(getOrderByCurrentMarkerIndex().lifePhoto, 0)">更多照片</view> -->
</view>
<view class="margin-left flex flex-direction dituList">
<view class="flex align-center" style="justify-content: start;">
<view class="flex align-center list-right-top">
<view class="list-right-top-view">
<view class="list-right-top-name">
{{ getOrderByCurrentMarkerIndex().artificerName }}
</view>
<!-- <view class="list-right-top-name" v-if="getOrderByCurrentMarkerIndex().artificerClassifyList">
{{ getOrderByCurrentMarkerIndex().artificerClassifyList[0].classifyName }}
</view> -->
<!-- <view class="timea-fu flex" style="margin-right: 45px;">
<view>
{{getOrderByCurrentMarkerIndex().state == 1?"可服务":getOrderByCurrentMarkerIndex().state == 2?"今日可约":"休息中"}}
</view>
<view v-if="getOrderByCurrentMarkerIndex().status == 1 && getOrderByCurrentMarkerIndex().time">:{{ getOrderByCurrentMarkerIndex().time}}</view>
</view> -->
<view class="keyuyue keyuyue-lan" v-if="getOrderByCurrentMarkerIndex().status == 1">
<view class="flex">
<view class="timea-fu">可服务</view>
<view class="timea-time">{{getOrderByCurrentMarkerIndex().time}}</view>
</view>
</view>
<view class="keyuyue keyuyue-hui" v-else>
</view>
<!-- 地图技师列表 -->
<u-popup v-model="showPopup" mode="bottom" closeable :mask-close-able="false">
<view>
<view class="flex align-center list-view" style="padding: 0px;" @click="goOrder(getOrderByCurrentMarkerIndex())">
<view class="touxiang-left-view" style="margin-bottom: 0px;padding-bottom: 0px;width: auto;">
<image
class="touxiang-left-content-img-ditu"
:src="getOrderByCurrentMarkerIndex().artificerImg ? getOrderByCurrentMarkerIndex().artificerImg : '../../static/logo.png'"
@click.stop="saveImgs(getOrderByCurrentMarkerIndex().artificerImg)"
mode="aspectFill"></image>
<image v-if="getOrderByCurrentMarkerIndex().isHot == 1"
class="touxiang-left-content-img-ditu"
src="https://admin.sjajk.com/file/uploadPath/2023/02/16/9ae1b7e9fa931b5fc24cd8edecc10d9f.png"
style="width: 30rpx;height: 36rpx;position: absolute;z-index: 99;top: 40rpx;left: 110rpx;">
</image>
<image style="margin-top:18px;margin-left: 4px;" class="touxiang-frame" :src="getOrderByCurrentMarkerIndex().technicianType=='3'?'../../static/vip/grade1-1.gif':getOrderByCurrentMarkerIndex().technicianType=='4'?'../../static/vip/grade2-1.gif':'../../static/vip/grade3-1.gif'"></image>
</view>
<view class="margin-left flex flex-direction dituList">
<view class="flex align-center" style="justify-content: start;">
<view class="flex align-center list-right-top">
<view class="list-right-top-view">
<view class="list-right-top-name">
{{ getOrderByCurrentMarkerIndex().artificerName }}
</view>
<view class="keyuyue keyuyue-lan" v-if="getOrderByCurrentMarkerIndex().status == 1">
<view class="flex">
<view class="timea-hui">休息中</view>
<view class="timea-fu">可服务</view>
<view class="timea-time">{{getOrderByCurrentMarkerIndex().time}}</view>
</view>
</view>
<view class="keyuyue keyuyue-hui" v-else>
<view class="flex">
<view class="timea-hui">休息中</view>
</view>
</view>
</view>
</view>
<view class="item-view-jianjie">
{{getOrderByCurrentMarkerIndex().content}}
</view>
<view class="therapist-mian-top">
<view class="therapist-mian-view">
<image src="../../static/dituzhaoren3.png" mode="">
</image>
<span>评论</span>
<view class="therapist-mian-view-text">
{{ getOrderByCurrentMarkerIndex().commentCount ? getOrderByCurrentMarkerIndex().commentCount : 0 }}
</view>
</view>
<view class="therapist-mian-view" style="margin-left: 10px;">
<image src="../../static/dituzhaoren4.png" mode="">
</image>
<span>收藏</span>
<view class="therapist-mian-view-text">
{{ getOrderByCurrentMarkerIndex().collectCount ? getOrderByCurrentMarkerIndex().collectCount : 0 }}
</view>
</view>
<view class="item-view-jianjie">
{{getOrderByCurrentMarkerIndex().content}}
</view>
<view class="therapist-mian-top">
<view class="therapist-mian-view">
<image src="../../static/dituzhaoren3.png" mode="">
</image>
<span>评论</span>
<view class="therapist-mian-view-text">
{{ getOrderByCurrentMarkerIndex().commentCount ? getOrderByCurrentMarkerIndex().commentCount : 0 }}
</view>
</view>
<view class="flex thera-lin thera-bottom">
<view class="flex align-center" v-if="getOrderByCurrentMarkerIndex().distance">
<image class="therapist-bottom-dingwei" src="../../static/dituzhaoren6.png"></image>
<view class="therapist-bottom-dingwei-text">
{{ getOrderByCurrentMarkerIndex().distance }}
</view>
</view>
<view class="flex" v-if="getOrderByCurrentMarkerIndex().consortiaName">
<image class="therapist-bottom-img" src="../../static/dituzhaoren5.png"></image>
<view v-if="getOrderByCurrentMarkerIndex().consortiaName" class="therapist-mian-bottom-text">{{getOrderByCurrentMarkerIndex().consortiaName}}</view>
<view class="therapist-mian-view" style="margin-left: 10px;">
<image src="../../static/dituzhaoren4.png" mode="">
</image>
<span>收藏</span>
<view class="therapist-mian-view-text">
{{ getOrderByCurrentMarkerIndex().collectCount ? getOrderByCurrentMarkerIndex().collectCount : 0 }}
</view>
</view>
<!-- <view class="therapist-mian-bottom">
<view class="flex flex-wrap align-center" v-if="getOrderByCurrentMarkerIndex().consortiaName">
<image class="therapist-bottom-img" src="../../static/dituzhaoren5.png">
</image>
<view class="therapist-mian-bottom-text">{{getOrderByCurrentMarkerIndex().consortiaName}}</view>
</view>
<view class="flex thera-lin thera-bottom">
<view class="flex align-center" v-if="getOrderByCurrentMarkerIndex().distance">
<image class="therapist-bottom-dingwei" src="../../static/dituzhaoren6.png"></image>
<view class="therapist-bottom-dingwei-text">
{{ getOrderByCurrentMarkerIndex().distance }}
</view>
</view> -->
<view class="text-center make-now" v-if="getOrderByCurrentMarkerIndex().status == 1" @click.stop="goOrder(getOrderByCurrentMarkerIndex())">
立即预约
</view>
<view class="text-center" @click.stop="showTips()" v-else
style="background: #d9d9d9;color: #ffffff;width: 100%;border-radius: 30upx;height: 60upx;line-height: 60upx;margin-top: 10rpx;">
立即预约
<view class="flex" v-if="getOrderByCurrentMarkerIndex().consortiaName">
<image class="therapist-bottom-img" src="../../static/dituzhaoren5.png"></image>
<view v-if="getOrderByCurrentMarkerIndex().consortiaName" class="therapist-mian-bottom-text">{{getOrderByCurrentMarkerIndex().consortiaName}}</view>
</view>
</view>
<view class="text-center make-now" v-if="getOrderByCurrentMarkerIndex().status == 1" @click.stop="goOrder(getOrderByCurrentMarkerIndex())">
立即预约
</view>
<view class="text-center" @click.stop="showTips()" v-else
style="background: #d9d9d9;color: #ffffff;width: 100%;border-radius: 30upx;height: 60upx;line-height: 60upx;margin-top: 10rpx;">
立即预约
</view>
</view>
</view>
</u-popup>
</view>
<view style="display:none;position: fixed;z-index: 999;bottom: 160rpx;" v-if="showTP">
<image src="https://admin.sjajk.com/file/uploadPath/2023/02/16/15ade225e9fa8a1d82b325c06dc2b653.png"
style="width: 690rpx;margin: 30rpx;height: 600rpx;"></image>
<view
style="position: absolute;bottom: 100rpx;width: 100%;text-align: center;display: flex;justify-content: center;">
<view>
<view style="color: #333333;font-size: 28rpx;"><text style="font-size: 44rpx;color:#ee6c54">{{
tpCount }}</text>人已投票</view>
<view class="tp_view" v-if="tpSel == 2" @tap="saveTP">投票</view>
<view class="ytp_view" v-if="tpSel == 1">已投票</view>
</view>
</view>
</view>
</u-popup>
<!-- 经验筛选 -->
<u-popup v-model="showpay" mode="top" :closeable="closeable">
<view class="popup_pay">
@ -1435,6 +1397,9 @@
height: 28rpx;
margin-right: 2px;
}
/deep/.amap-logo{
display:none !important;
}
.therapist-mian-view{
display: flex;
flex-direction:row;