软测宝小程序
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

246 lines
9.8 KiB

7 months ago
<template>
<view class="accounmt">
<view class="beizhu">
友情提示完善简历有助于您在竞标时提高竞争力哦
</view>
<view style="display: flex;justify-content: space-between;">
<view >
<view style="display: flex;">
<p style="font-weight: bold;font-size: 36rpx;">{{resumedata.name?resumedata.name:resumedata.userName}}</p>
<img @click="nextpro('basic')" style="width: 14px;height: 14px;margin:8px 5px 0 5px" src="http://image.keyitest.cn/static/resume/edit.png" alt="" />
<!-- <u-tag text="预览" plan type="info" shape='circle' color='#2168F8' bg-color='#F5F7FA' border-color='transparent'/> -->
</view>
<view style="color:#4D4D4D;margin:15px 0;display: flex;align-items: center;">
<p>{{resumedata.sex}}</p>
<p style="margin: 0 5px;"> . </p>
<p>{{resumedata.city}}</p>
</view>
<view style="margin-bottom: 15px;">
<p>{{resumedata.testSkills}}</p>
</view>
</view>
<img v-if="resumedata.avatar" :src='resumedata.avatar' style='width:55px;height:55px;border-radius: 50%' alt="" />
<img v-else style='width:55px;height:55px;border-radius: 50%' src="http://image.keyitest.cn/static/my/mphoto.png" alt="" />
</view>
<view style="display: flex;">
<view style="display: flex;align-items: center;margin-right: 20px;">
<img style="width: 14px;height: 14px;margin-right: 5px;" src="http://image.keyitest.cn/static/resume/phone.png" alt="" />
<p >{{resumedata.phonenumber?resumedata.phonenumber.slice(0,3)+'****'+resumedata.phonenumber.slice(7,11):'无'}}</p>
</view>
<view style="display: flex;align-items: center;">
<img style="width: 14px;height: 14px;margin-right: 5px;" src="/static/crowd/reeamil.png" alt="" />
<p >{{resumedata.email?resumedata.email:'无'}}</p>
</view>
</view>
<view class="linx"></view>
<view style="display: flex;justify-content: space-between;">
<p style="font-weight: bold;font-size: 36rpx;">个人优势</p>
<img @click="nextpro('advantage')" style="width: 14px;height: 14px;margin:6px 5px 0 5px" src="http://image.keyitest.cn/static/resume/edit.png" alt="" />
</view>
<p v-if='resumedata.personalAdvantage' @click="nextpro('advantage')" style="color: #333333;margin-top:13px;line-height: 40rpx;">{{resumedata.personalAdvantage}}</p>
<p v-else style="color: #333333;margin-top:13px;"></p>
<view class="linx"></view>
<view style="display: flex;justify-content: space-between;">
<p style="font-weight: bold;font-size: 36rpx;">工作经历</p>
<img @click="nextpro('work')" style="width: 14px;height: 14px;margin:6px 5px 0 5px" src="http://image.keyitest.cn/static/resume/edit.png" alt="" />
</view>
<view @click="nextpro('work')" v-if='resumedata.workExperience'
v-html="resumedata.workExperience.replace(/(\r\n|\n|\r)/gm, '<br />')"
style="color: #333333;margin-top:13px;white-space: nowrap"> </view>
<p v-else style="color: #333333;margin-top:13px;"></p>
<!-- <view style="display: flex;justify-content: space-between;margin: 45rpx 0 25rpx 0;">
<p style="font-weight: bold;font-size:14px;">北京关键科技科技有限公司</p>
<view style="display: flex;">
<p style="margin-right:6px;color: #4D4D4D;">2021.08-2024.02</p>
<u-icon name="arrow-right" color="#808080" size="26"></u-icon>
</view>
</view>
<p style="color:#000000">UI设计师 高级 研发部</p>
<p style="color: #595959;margin-top:25rpx;line-height: 20px;">内容1.负责公司核项的UX/UI和品牌设计包括APPCARVODB端后台及新媒体业务
2.制定并编写设计准则和品牌规范通过组件化封装提产品品质和设计效率并在团队中进宣讲...
</p>
<p style="color: #595959;line-height: 20px;">
业绩1.制定并输出设计原则样式指南设计规范等档确保设计致性和可复性
2.成功解决公司粉丝业务需求通过程序点歌为公众号吸引粉丝并保持稳定的新增粉丝数...
</p> -->
<view class="linx"></view>
<view style="display: flex;justify-content: space-between;">
<p style="font-weight: bold;font-size: 36rpx;">项目经历</p>
<img @click="nextpro('pro')" style="width: 14px;height: 14px;margin:6px 5px 0 5px" src="http://image.keyitest.cn/static/resume/add.png" alt="" />
</view>
<view v-if="projectlist.length>0">
<view v-for="(item,key) of projectlist" @click="prodetaols(item)">
<view style="display: flex;justify-content: space-between;margin: 45rpx 0 25rpx 0;">
<p style="font-weight: bold;font-size:14px;">{{item.projectName}}</p>
<view style="display: flex;">
<p style="margin-right:6px;color: #4D4D4D;">{{item.projectPeriod}}
<!-- <span v-if="item.projectPeriod==1">3-10天</span>
<span v-if="item.projectPeriod==2">10-15天</span>
<span v-if="item.projectPeriod==3">15-30天</span>
<span v-if="item.projectPeriod==4">1-2个月</span>
<span v-if="item.projectPeriod==5">3-6个月</span>
<span v-if="item.projectPeriod==6">6-12个月</span>
<span v-if="item.projectPeriod==7">1-2年</span>
<span v-if="item.projectPeriod==8">2年以上</span> -->
</p>
<u-icon name="arrow-right" color="#808080" size="26"></u-icon>
</view>
</view>
<p style="color:#000000">{{item.role}}</p>
<p style="color: #595959;margin-top:25rpx;line-height: 20px;">
{{item.projectIntro}}
</p>
</view>
</view>
<p v-else style="color: #333333;margin-top:13px;"></p>
<view class="linx"></view>
<!-- <view style="display: flex;justify-content: space-between;">
<p style="font-weight: bold;font-size: 36rpx;">教育经历</p>
<img style="width: 14px;height: 14px;margin:6px 5px 0 5px" src="http://image.keyitest.cn/static/resume/add.png" alt="" />
</view>
<view style="display: flex;align-items: center;margin-top: 15px;">
<img style="width:50px;height: 50px;margin-right: 10px;" src="http://image.keyitest.cn/static/resume/school.png" alt="">
<view>
<view style="display: flex;justify-content: space-between;width:70vw;">
<p style="font-weight: bold;font-size:14px;">西安科技大学</p>
<view style="display: flex;">
<p style="margin-right:6px;color: #4D4D4D;">2021.08-2024.02</p>
<u-icon name="arrow-right" color="#808080" size="26"></u-icon>
</view>
</view>
<p style="margin-right:6px;color: #4D4D4D;margin-top: 10px;">本科 计算机专业</p>
</view>
</view>
<view class="linx"></view>-->
<view style="display: flex;justify-content: space-between;">
<p style="font-weight: bold;font-size: 36rpx;">资格证书</p>
<img @click="nextpro('basic')" style="width: 14px;height: 14px;margin:6px 5px 0 5px" src="http://image.keyitest.cn/static/resume/add.png" alt="" />
</view>
<view style="text-align:center;margin: 15px 0;width:200rpx;">
<img @click="priveimg(resumedata.certificateUrl)" v-if="resumedata.certificateUrl" style="width: 196rpx;height: 139rpx;" :src="resumedata.certificateUrl" alt="">
<p v-else style="text-align: left;"></p>
</view>
<view class="linx"></view>
</view>
</template>
<script>
export default {
data() {
return {
userinfo:{},
projectlist:[],//项目集合
resumedata:{},
action: 'https://www.keyitest.cn/prod-api/upload',
headers:{Authorization:'Bearer '+uni.getStorageSync('accessToken')},
}
},
onShow() {
this.userinfo=uni.getStorageSync('wxUserInfo');
console.log('个人信息',this.userinfo)
//获取该用户的所有项目案例列表
this.http.quickGet(`/personal/case/list/${this.userinfo.userId}`,true).then(res=>{
this.projectlist=res.data
console.log('res---',res)
})
this.http.quickGet(`/tester/TesterInfo/resume/${this.userinfo.userId}`,true).then(res=>{
this.resumedata=res.data
console.log('简历信息---',res)
})
},
onLoad() {
},
methods: {
//文件上传成功回调
fielUploadSuc(data,index) {
console.log('-',data,'*',index)
if (data.code === 200) {
this.resumedata.certificateUrl=data.filePath
console.log('技能认证',this.resumedata.certificateUrl)
}
},
//移除
deleteUpfile(index,lists){
console.log('del技能认证',this.resumedata.certificateUrl)
this.resumedata.certificateUrl=''
// if(this.credentialImgList.length>0){
// let id=this.credentialImgList[0].id;
// this.http.quickDelete(`/equestrianinfo/file/${id}`).then(()=>{})
// }
},
errorUpfile(data,index){
// console.log('上传失败-',data,'*',index)
// this.$refs.uToast.show({
// title: '上传失败,请您重新上传',
// type: 'error',
// })
},
//添加项目
nextpro(type){
if(type=='basic'){
uni.navigateTo({
url:'/pages/personal/personalresume/basicinform'
})
}else if(type=='advantage'){
uni.navigateTo({
url:'/pages/personal/personalresume/advantage'
})
}else if(type=='work'){
uni.navigateTo({
url:'/pages/personal/personalresume/workexperience'
})
}else if(type=='pro'){
uni.navigateTo({
url:'/pages/personal/personalresume/projectexperience?type=1'
})
}
},
//修改项目详情
prodetaols(item){
uni.navigateTo({
url:`/pages/personal/personalresume/projectexperience?type=2&caseId=${item.caseId}`
})
},
//预览图片
priveimg(logourl){
// console.log('预览图片')
let imgsArray = [];
imgsArray[0] = logourl
uni.previewImage({
current: 0,
urls: imgsArray
});
},
}
}
</script>
<style>
.accounmt{
background-color: #ffffff;
/* height: 96vh; */
width: 96vw;
margin: 2vh auto;
padding: 10px 15px 30px 15px;
border-radius: 5px;
font-size: 13px;
}
.linx{
width: 100%;
height: 1rpx;
opacity: 0.15;
background: #999999;
margin: 15px 0;
}
.beizhu {
font-size: 25rpx;
color: #808080;
margin-bottom: 20rpx;
font-weight: 500;
}
</style>