recyc/recycapp
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

'工作证'

Browse Source
This commit is contained in:
unknown 2025-11-01 07:56:04 +08:00
parent 63097d8870
commit 6e8d2563d5
4 changed files with 314 additions and 101 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
components/CustomTabBar.vue
View File

@ -64,9 +64,10 @@ export default{
}); });
}, },
linkOrder(){ linkOrder(){
uni.navigateTo({ // uni.navigateTo({
url: '/pages/type/type' // url: '/pages/type/type'
}); // });
this.$emit('centerClick','')
} }
}, },
mounted(){ mounted(){

51
pages/index/index.vue
View File

@ -13,7 +13,7 @@
<view class="menuLine" v-show="menuNum == 2"></view> <view class="menuLine" v-show="menuNum == 2"></view>
</view> </view>
</view> </view>
<view class="cityBox flex-center" @click="showCityClick"> <view class="cityBox flex-center">
{{cityText||'选择城市'}} {{cityText||'选择城市'}}
</view> </view>
</view> </view>
@ -249,25 +249,27 @@
<view class="popOneBtn flex-center">好的</view> <view class="popOneBtn flex-center">好的</view>
</view> </view>
</u-popup> </u-popup>
<u-popup :show="pop2Show" @open="open" mode="center" :round="30"> <u-popup :show="pop2Show" @click="pop2Show=false" mode="center" :round="30">
<view class="popBoxTwo"> <view class="popBoxTwo" @click="pop2Show=false">
<image :src="path+'/assets/img/icon/bg4.png'" class="popTwoImg"></image> <image :src="path+'/assets/img/icon/bg4.png'" class="popTwoImg"></image>
<view class="popContent"> <view class="popContent">
<text class="popTwoText1">工作证</text> <text class="popTwoText1">工作证</text>
<text class="popTwoText2">张天辰</text> <text class="popTwoText2">{{personInfo.realname}}</text>
<text class="popTwoText3">工号：GH02301~</text> <!-- <text class="popTwoText3">工号：GH02301~</text> -->
<image :src="path+'/assets/img/icon/bg4.png'" class="popTowHeadImg"></image> <image :src="userinfo.avatar" class="popTowHeadImg"></image>
<view class="flex-center" style="margin-top: 40rpx;"> <view class="flex-center" style="margin-top: 40rpx;">
<view class="flex-center"> <view class="flex-center">
<text class="text1">人身保险</text> <text class="text1">人身保险</text>
<view class="status">已上传</view> <view class="status" v-if="personInfo.personal_insurance">已上传</view>
<view class="status">待上传</view>
</view> </view>
<view class="flex-center" style="margin-left: 37rpx;"> <view class="flex-center" style="margin-left: 37rpx;">
<text class="text1">健康证</text> <text class="text1">健康证</text>
<view class="status">已上传</view> <view class="status" v-if="personInfo.health_certificate">已上传</view>
<view class="status">待上传</view>
</view> </view>
</view> </view>
<view class="popTwoText4">高空作业证</view> <!-- <view class="popTwoText4">高空作业证</view> -->
</view> </view>
</view> </view>
</u-popup> </u-popup>
@ -329,7 +331,7 @@
</view> </view>
</u-popup> </u-popup>
<cancleOrder @cancleReason="cancleReason" :cancleShow="cancleShow" @closeCancle="cancleShow=false"></cancleOrder> <cancleOrder @cancleReason="cancleReason" :cancleShow="cancleShow" @closeCancle="cancleShow=false"></cancleOrder>
<custom-tab-bar :current-page="0" /> <custom-tab-bar :current-page="0" @centerClick="centerClick" />
<!-- <u-popup :show="showCity"> --> <!-- <u-popup :show="showCity"> -->
<view v-show="showCity" style="width:750upx;height: 100%;position: fixed;left: 0;top:0;z-index: 999;"> <view v-show="showCity" style="width:750upx;height: 100%;position: fixed;left: 0;top:0;z-index: 999;">
@ -352,6 +354,8 @@
export default { export default {
data() { data() {
return { return {
userinfo: {},
personInfo: {},
jscode:'', jscode:'',
// limit:3, // limit:3,
typelist: [], typelist: [],
@ -467,6 +471,7 @@
onHide() { onHide() {
}, },
onLoad() { onLoad() {
this.getauth()
// this.getdata() // this.getdata()
// this.getquestion() // this.getquestion()
// this.recycleOrderList() // this.recycleOrderList()
@ -510,6 +515,21 @@
} }
}, },
methods: { methods: {
centerClick(val){
console.log(val,'fff')
this.pop2Show = true;
},
getauth(){
var _this = this;
_this.$api.userInfo({},res=>{
if(res.code == '1'){
_this.userinfo = res.data.user
_this.personInfo = res.data.person
_this.cityText = res.data.person.city_ids_show
}else{
}
})
},
back_city(res){ back_city(res){
if(res){ if(res){
this.cityText = res.cityName; this.cityText = res.cityName;
@ -1489,5 +1509,16 @@
color: #333333; color: #333333;
line-height: 36rpx; line-height: 36rpx;
} }
.rightText2{
width: 115rpx;
height: 48rpx;
line-height: 48rpx;
text-align: center;
background: rgba(251,143,12,0.1);
border-radius: 10rpx;
font-weight: 400;
font-size: 30rpx;
color: #FB8F0C;
}
</style> </style>

234
pages/mine/apply.vue
View File

@ -1,98 +1,113 @@
<template> <template>
<view class="content"> <view class="content">
<view class="moduleWrap"> <view v-if="!userinfo.id_card_number">
<view class="moduleBox" style="padding-bottom: 40rpx;"> <view class="moduleWrap">
<view class="monthBox"> <view class="moduleBox" style="padding-bottom: 40rpx;">
<view class="text1">身份证信息</view> <view class="monthBox">
<text class="text2">上传本人身份证照片，保持图片清晰完整</text> <view class="text1">身份证信息</view>
</view> <text class="text2">上传本人身份证照片，保持图片清晰完整</text>
<view class="flex-between" style="margin-top: 20rpx;">
<view>
<img-upload @imgList="imgListz" style="width: 300rpx;height: 190rpx;">
<template v-slot:upLoadImg>
<image :src="path+'/assets/img/icon/IDbgz.png'" mode="widthFix" style="width: 300rpx;height: 190rpx;">
</image>
</template>
</img-upload>
</view> </view>
<view> <view class="flex-between" style="margin-top: 20rpx;">
<img-upload @imgList="imgListf" style="width: 300rpx;height: 190rpx;"> <view>
<template v-slot:upLoadImg> <img-upload @imgList="imgListz" style="width: 300rpx;height: 190rpx;">
<image :src="path+'/assets/img/icon/IDbgf.png'" mode="widthFix" style="width: 300rpx;height: 190rpx;"> <template v-slot:upLoadImg>
</image> <image :src="path+'/assets/img/icon/IDbgz.png'" mode="widthFix" style="width: 300rpx;height: 190rpx;">
</template> </image>
</img-upload> </template>
</img-upload>
</view>
<view>
<img-upload @imgList="imgListf" style="width: 300rpx;height: 190rpx;">
<template v-slot:upLoadImg>
<image :src="path+'/assets/img/icon/IDbgf.png'" mode="widthFix" style="width: 300rpx;height: 190rpx;">
</image>
</template>
</img-upload>
</view>
</view> </view>
</view> </view>
</view> </view>
</view> <view class="moduleWrap">
<view class="moduleWrap"> <view class="moduleBox">
<view class="moduleBox"> <view class="text4">真实姓名</view>
<view class="text4">真实姓名</view> <view class="inputBox">
<view class="inputBox"> <input v-model="realname" class="input1" type="text" placeholder="输入和身份证姓名一致" />
<input v-model="realname" class="input1" type="text" placeholder="输入和身份证姓名一致" /> </view>
</view>
<view class="moduleBox">
<view class="text4">身份证号</view>
<view class="inputBox">
<input v-model="id_card_number" class="input1" type="text" placeholder="输入18位身份证号" />
</view>
</view>
<view class="moduleBox">
<view class="text4">有效日期</view>
<view class="inputBox inputTwoBox">
<text class="input1" @click="showStartDate=true">{{id_card_start_date||'开始时间'}}</text>
<!-- <input class="input1" type="text" placeholder="开始日期" /> -->
<text class="centerIcon">至</text>
<text class="input2" @click="showEndDate=true">{{id_card_end_date||'结束时间'}}</text>
<!-- <input class="input2" type="text" placeholder="开始日期" /> -->
</view>
<u-datetime-picker
:show="showStartDate"
v-model="dateStart"
mode="date"
@confirm="confirmStartDate"
></u-datetime-picker>
<u-datetime-picker
:show="showEndDate"
v-model="dateEnd"
mode="date"
@confirm="confirmEndDate"
></u-datetime-picker>
</view>
<view class="moduleBox">
<view class="text4">证件地址</view>
<view class="inputBox">
<input v-model="id_card_address" class="input1" type="text" placeholder="与身份证住址保持一致" />
</view>
</view>
<view class="moduleBox">
<view class="text4">联系电话</view>
<view class="inputBox">
<input v-model="mobile" class="input1" type="text" placeholder="输入您的联系方式" />
</view>
</view>
<view class="moduleBox" style="padding-bottom: 60rpx;">
<view class="text4">代理区域</view>
<view class="inputBox inputTwoBox2">
<!-- <input class="input1" type="text" placeholder="请选择省份" /> -->
<view class="input1" @click="showProvince = true">{{provinceName||'请选择省份'}}</view>
<text class="centerIcon">-</text>
<view @click="showCity = true" class="input2">{{cityName||'请选择城市'}}</view>
<!-- <input class="input2" type="text" placeholder="请选择城市" /> -->
</view>
</view> </view>
</view> </view>
<view class="moduleBox"> <u-picker :show="showProvince" :columns="[provinceList]" keyName="label" @confirm="confirmProvince"></u-picker>
<view class="text4">身份证号</view> <u-picker :show="showCity" :columns="[cityList]" keyName="label" @confirm="confirmCity"></u-picker>
<view class="inputBox"> <view class="tipBox">
<input v-model="id_card_number" class="input1" type="text" placeholder="输入18位身份证号" /> Tips：我们会在3个工作日内审核并与您联系，请注意接听电话。
</view>
</view> </view>
<view class="moduleBox"> <view style="height: 130rpx;"></view>
<view class="text4">有效日期</view> <view class="btnBox">
<view class="inputBox inputTwoBox"> <view class="btnEle flex-center" @click="apply">
<text class="input1" @click="showStartDate=true">{{id_card_start_date||'开始时间'}}</text> 提交申请
<!-- <input class="input1" type="text" placeholder="开始日期" /> -->
<text class="centerIcon">至</text>
<text class="input2" @click="showEndDate=true">{{id_card_end_date||'结束时间'}}</text>
<!-- <input class="input2" type="text" placeholder="开始日期" /> -->
</view>
<u-datetime-picker
:show="showStartDate"
v-model="dateStart"
mode="date"
@confirm="confirmStartDate"
></u-datetime-picker>
<u-datetime-picker
:show="showEndDate"
v-model="dateEnd"
mode="date"
@confirm="confirmEndDate"
></u-datetime-picker>
</view>
<view class="moduleBox">
<view class="text4">证件地址</view>
<view class="inputBox">
<input v-model="id_card_address" class="input1" type="text" placeholder="与身份证住址保持一致" />
</view>
</view>
<view class="moduleBox">
<view class="text4">联系电话</view>
<view class="inputBox">
<input v-model="mobile" class="input1" type="text" placeholder="输入您的联系方式" />
</view>
</view>
<view class="moduleBox" style="padding-bottom: 60rpx;">
<view class="text4">代理区域</view>
<view class="inputBox inputTwoBox2">
<!-- <input class="input1" type="text" placeholder="请选择省份" /> -->
<view class="input1" @click="showProvince = true">{{provinceName||'请选择省份'}}</view>
<text class="centerIcon">-</text>
<view @click="showCity = true" class="input2">{{cityName||'请选择城市'}}</view>
<!-- <input class="input2" type="text" placeholder="请选择城市" /> -->
</view> </view>
</view> </view>
</view> </view>
<u-picker :show="showProvince" :columns="[provinceList]" keyName="label" @confirm="confirmProvince"></u-picker> <view v-else class="userBox">
<u-picker :show="showCity" :columns="[cityList]" keyName="label" @confirm="confirmCity"></u-picker> <view class="userTitle">已经申请加盟</view>
<view class="tipBox"> <view class="userContent">
Tips：我们会在3个工作日内审核并与您联系，请注意接听电话。 <view class="userName flex-between">
</view> <view>姓名</view>
<view style="height: 130rpx;"></view> <view>{{userinfo.realname}}</view>
<view class="btnBox"> </view>
<view class="btnEle flex-center" @click="apply"> <view class="userID flex-between">
提交申请 <view>身份证号</view>
<view>{{userinfo.id_card_number}}</view>
</view>
</view> </view>
</view> </view>
</view> </view>
@ -105,6 +120,7 @@
export default { export default {
data() { data() {
return { return {
userinfo: {},
showStartDate: false, showStartDate: false,
showEndDate: false, showEndDate: false,
dateStart: Number(new Date()), dateStart: Number(new Date()),
@ -129,12 +145,38 @@
imgUpload imgUpload
}, },
onLoad() { onLoad() {
this.getauth()
this.allarealist() this.allarealist()
}, },
onShow() { onShow() {
}, },
methods: { methods: {
getauth(){
var _this = this;
let obj = uni.getStorageSync('personInfo');
obj.realname = this.maskName(obj.realname)
obj.id_card_number = this.maskName(obj.id_card_number);
_this.userinfo = obj;
// _this.$api.userInfo({},res=>{
// if(res.code == '1'){
// _this.userinfo = res.data.person
// }else{
// }
// })
},
maskName(name) {
if (name.length > 1) {
return name.slice(0, 1) + '*'.repeat(name.length - 1);
} else {
return name; // 如果名字只有一个字，则不替换
}
},
maskIdCard(idCard) {
if (idCard.length <= 2) return idCard; // 如果身份证号长度小于等于2，直接返回
return idCard.slice(0, 1) + '*'.repeat(idCard.length - 2) + idCard.slice(-1);
},
confirmProvince(val){ confirmProvince(val){
console.log(val,val.value[0],val.value[0].children) console.log(val,val.value[0],val.value[0].children)
this.cityList = val.value[0].children this.cityList = val.value[0].children
@ -313,4 +355,30 @@
line-height: 36rpx; line-height: 36rpx;
} }
} }
.userBox{
padding-top: 100rpx;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
.userTitle{
font-size: 36rpx;
font-weight: bold;
}
.userContent{
background: #fff;
width: 700rpx;
margin-top: 100rpx;
padding: 30rpx;
border-radius: 20rpx;
.userName{
border-bottom: 1rpx solid #F5F5FA;
padding-bottom: 30rpx;
}
.userID{
margin-top: 30rpx;
}
}
}
</style> </style>

123
pages/mine/mine.vue
View File

@ -275,8 +275,32 @@
/> />
</view> --> </view> -->
<view style="height: 220rpx; flex-shrink: 0;"></view> <view style="height: 220rpx; flex-shrink: 0;"></view>
</view> </view>
<custom-tab-bar :current-page="1" /> <u-popup :show="pop2Show" @click="pop2Show=false" mode="center" :round="30">
<view class="popBoxTwo" @click="pop2Show=false">
<image :src="path+'/assets/img/icon/bg4.png'" class="popTwoImg"></image>
<view class="popContent">
<text class="popTwoText1">工作证</text>
<text class="popTwoText2">{{personInfo.realname}}</text>
<!-- <text class="popTwoText3">工号：GH02301~</text> -->
<image :src="userinfo.avatar" class="popTowHeadImg"></image>
<view class="flex-center" style="margin-top: 40rpx;">
<view class="flex-center">
<text class="text1">人身保险</text>
<view class="status" v-if="personInfo.personal_insurance">已上传</view>
<view class="status">待上传</view>
</view>
<view class="flex-center" style="margin-left: 37rpx;">
<text class="text1">健康证</text>
<view class="status" v-if="personInfo.health_certificate">已上传</view>
<view class="status">待上传</view>
</view>
</view>
<!-- <view class="popTwoText4">高空作业证</view> -->
</view>
</view>
</u-popup>
<custom-tab-bar :current-page="1" @centerClick="centerClick" />
</view> </view>
</template> </template>
@ -291,7 +315,8 @@
user_money:0, user_money:0,
person_money:0, person_money:0,
exchange_shop:'', exchange_shop:'',
userinfo:{}, userinfo:{},
personInfo: {},
headflag:false, headflag:false,
nickname:'微信用户', nickname:'微信用户',
person:{}, person:{},
@ -303,7 +328,8 @@
passwordShow: false, passwordShow: false,
eyeOpen: false, eyeOpen: false,
chargeShow: false, chargeShow: false,
chargeNum: '' chargeNum: '',
pop2Show: false
} }
}, },
components:{ components:{
@ -334,6 +360,10 @@
}, },
methods: { methods: {
centerClick(val){
console.log(val,'fff')
this.pop2Show = true;
},
createRecharge(){ createRecharge(){
console.log(this.person) console.log(this.person)
let data = { let data = {
@ -400,12 +430,15 @@
if(res.data.user.avatar){ if(res.data.user.avatar){
_this.avatar = res.data.user.avatar _this.avatar = res.data.user.avatar
} }
_this.userinfo = res.data.user
_this.personInfo = res.data.person
// console.log(res.data.user) // console.log(res.data.user)
_this.nickname = res.data.user.nickname _this.nickname = res.data.user.nickname
_this.point = res.data.user.user_point _this.point = res.data.user.user_point
_this.user_money = res.data.user.money _this.user_money = res.data.user.money
_this.person_money = res.data.user.person_money _this.person_money = res.data.user.person_money
_this.person = res.data.person _this.person = res.data.person
uni.setStorageSync('personInfo', res.data.person);
}else if(res.code == '0'){ }else if(res.code == '0'){
_this.avatar = '/static/img/t2.png'; _this.avatar = '/static/img/t2.png';
@ -948,5 +981,85 @@ button::after{
font-weight: 500; font-weight: 500;
font-size: 28rpx; font-size: 28rpx;
color: #FFFFFF; color: #FFFFFF;
}
.popBoxTwo{
width: 520rpx;
height: 800rpx;
.popTwoImg{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.popContent{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
.popTwoText1{
font-weight: bold;
font-size: 48rpx;
color: #7F5C2A;
line-height: 60rpx;
margin-top: 106rpx;
}
.popTwoText2{
font-weight: bold;
font-size: 36rpx;
color: #4F3D24;
margin-top: 29rpx;
}
.popTwoText3{
font-weight: 400;
font-size: 24rpx;
color: #B8A58B;
}
.popTwoText4{
width: 420rpx;
height: 60rpx;
line-height: 60rpx;
padding-left: 27rpx;
background: rgba(255,141,96,0.1);
border-radius: 10rpx;
// opacity: 0.1;
font-weight: 400;
font-size: 24rpx;
color: #C56742;
margin-top: 15rpx;
}
.popTowHeadImg{
width: 300rpx;
height: 300rpx;
background: #FCA30D;
border-radius: 30rpx;
margin-top: 23rpx;
}
.text1{
font-weight: 500;
font-size: 24rpx;
color: #000000;
}
.status{
width: 80rpx;
height: 36rpx;
line-height: 36rpx;
background: #FF8D60;
border-radius: 10rpx;
font-weight: 500;
font-size: 20rpx;
color: #FFFFFF;
margin-left: 9rpx;
text-align: center;
}
}
} }
</style> </style>