@ -0,0 +1,292 @@ |
||||
<template> |
||||
<view class="moreDetail"> |
||||
<view class="moreDetailBox"> |
||||
<view class="topbox"> |
||||
<view class="topboxTop"> |
||||
<view class="topboxTopL">{{userInfo.name}}</view> |
||||
<view class="topboxTopR">{{userInfo.testSkills}}</view> |
||||
</view> |
||||
<view class="topboxBottom"> |
||||
<view class="topboxBottomItem"> |
||||
<image class="topboxBottomItemimg" src="../../../static/index/icon1.png" mode=""></image> |
||||
{{city}} |
||||
</view> |
||||
<view class="topboxBottomItem"> |
||||
<image class="topboxBottomItemimg" src="../../../static/index/icon2.png" mode=""></image> |
||||
{{educationList[0].name}} |
||||
</view> |
||||
<view class="topboxBottomItem"> |
||||
<image class="topboxBottomItemimg" src="../../../static/index/icon3.png" mode=""></image> |
||||
{{educationList[0].major }} |
||||
</view> |
||||
<view class="topboxBottomItem"> |
||||
<image class="topboxBottomItemimg" src="../../../static/index/icon4.png" mode=""></image> |
||||
{{educationList[0].education }} |
||||
({{ educationList[0].startTime + '-'+ educationList[0].endTime}}) |
||||
</view> |
||||
</view> |
||||
</view> |
||||
<view class="bottombox"> |
||||
<!-- 个人优势 --> |
||||
<view class="bottomboxitem"> |
||||
<view class="bottomboxitemtitle"> |
||||
<view class="lineblue"></view> |
||||
个人优势 |
||||
</view> |
||||
<view class="bottomboxitemCon"> |
||||
{{ userInfo.personalAdvantage || '无'}} |
||||
</view> |
||||
</view> |
||||
<!-- 工作经历 --> |
||||
<view class="bottomboxitem"> |
||||
<view class="bottomboxitemtitle"> |
||||
<view class="lineblue"></view> |
||||
工作经历 |
||||
</view> |
||||
<view class="bottomboxitemBox" v-for="it in workList" :key="it.caseId"> |
||||
<view class="bottomboxitemtitle1"> |
||||
公司名称：{{it.name}} |
||||
</view> |
||||
<view class="bottomboxitemtitle2"> |
||||
<view class="bottomboxitemtitle2L"> |
||||
职位：{{it.title}} |
||||
</view> |
||||
<view class="bottomboxitemtitle2R"> |
||||
{{it.startTime}} - {{it.endTime}} |
||||
</view> |
||||
</view> |
||||
<view class="bottomboxitemCon"> |
||||
工作内容：{{it.intro}} |
||||
</view> |
||||
</view> |
||||
</view> |
||||
<!-- 项目经历 --> |
||||
<view class="bottomboxitem"> |
||||
<view class="bottomboxitemtitle"> |
||||
<view class="lineblue"></view> |
||||
项目经历 |
||||
</view> |
||||
<view class="bottomboxitemBox" v-for="it in projectList" :key="it.caseId"> |
||||
<view class="bottomboxitemtitle1"> |
||||
项目名称：{{it.name}} |
||||
</view> |
||||
<view class="bottomboxitemtitle2"> |
||||
<view class="bottomboxitemtitle2L"> |
||||
角色：{{it.title}} |
||||
</view> |
||||
<view class="bottomboxitemtitle2R"> |
||||
{{it.startTime}} - {{it.endTime}} |
||||
</view> |
||||
</view> |
||||
<view class="bottomboxitemCon" style="margin-bottom: 10rpx;"> |
||||
应用技术：{{it.applyTech}} |
||||
</view> |
||||
<view class="bottomboxitemCon"> |
||||
项目简介：{{it.intro}} |
||||
</view> |
||||
</view> |
||||
</view> |
||||
|
||||
<!-- 资格证书 --> |
||||
<view class="bottomboxitem"> |
||||
<view class="bottomboxitemtitle"> |
||||
<view class="lineblue"></view> |
||||
资格证书 |
||||
</view> |
||||
<view class="bottomboxitemBox" v-for="it in certificateList" :key="it.fileId"> |
||||
<view class="bottomboxitemCon" style="margin-bottom: 10rpx;"> |
||||
{{it.fileName}} |
||||
</view> |
||||
<image :src="it.fileUrl" @click="priveimg(it.fileUrl)" class="itemimg" mode=""></image> |
||||
</view> |
||||
</view> |
||||
|
||||
</view> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
data() { |
||||
return { |
||||
projectList: [], |
||||
workList: [], |
||||
educationList: [], |
||||
certificateList: [], |
||||
userInfo: {}, |
||||
city: '', |
||||
} |
||||
}, |
||||
onLoad(options) { |
||||
const id = options.id |
||||
this.getInfo(id) |
||||
}, |
||||
methods: { |
||||
getInfo(id) { |
||||
this.http.quickGet(`/personal/resume/${id}`, true).then(res => { |
||||
// 经历 |
||||
this.projectList = res.data.experience.filter((it) => it.type == 0) |
||||
this.workList = res.data.experience.filter((it) => it.type == 1) |
||||
this.educationList = res.data.experience.filter((it) => it.type == 2) |
||||
if (!this.educationList.length) { |
||||
this.educationList = [{ |
||||
name: '无', |
||||
major: '无', |
||||
education: '无', |
||||
startTime: '无', |
||||
endTime: '无', |
||||
}, ] |
||||
} else { |
||||
this.educationList[0].startTime = this.educationList[0].startTime.slice(0, 4) |
||||
this.educationList[0].endTime = this.educationList[0].endTime.slice(0, 4) |
||||
} |
||||
// 证书 |
||||
this.certificateList = res.data.credentials |
||||
// 个人简介 |
||||
if (res.data.personalInfo) { |
||||
this.userInfo = res.data.personalInfo |
||||
this.city = this.userInfo.city.split('-')[1] || '无' |
||||
} |
||||
}) |
||||
}, |
||||
priveimg(logourl) { |
||||
// console.log('预览图片') |
||||
let imgsArray = []; |
||||
imgsArray[0] = logourl |
||||
uni.previewImage({ |
||||
current: 0, |
||||
urls: imgsArray |
||||
}); |
||||
}, |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
.moreDetail { |
||||
padding: 40rpx 23rpx; |
||||
box-sizing: border-box; |
||||
|
||||
.moreDetailBox { |
||||
background: #FFFFFF; |
||||
border-radius: 6rpx; |
||||
|
||||
.topbox { |
||||
height: 170rpx; |
||||
background: linear-gradient(90deg, #E2EDFD, #FEE4E4); |
||||
border-radius: 6rpx 6rpx 0rpx 0rpx; |
||||
padding: 0 26rpx; |
||||
display: flex; |
||||
flex-direction: column; |
||||
justify-content: center; |
||||
|
||||
.topboxTop { |
||||
display: flex; |
||||
align-items: center; |
||||
|
||||
.topboxTopL { |
||||
font-weight: bold; |
||||
font-size: 36rpx; |
||||
color: #000000; |
||||
margin-right: 50rpx; |
||||
} |
||||
|
||||
.topboxTopR { |
||||
font-weight: bold; |
||||
font-size: 30rpx; |
||||
color: #F68211; |
||||
} |
||||
} |
||||
|
||||
.topboxBottom { |
||||
display: flex; |
||||
align-items: center; |
||||
flex-wrap: wrap; |
||||
margin-top: 30rpx; |
||||
|
||||
.topboxBottomItem { |
||||
display: flex; |
||||
align-items: center; |
||||
font-weight: 500; |
||||
font-size: 20rpx; |
||||
color: #333333; |
||||
margin-right: 30rpx; |
||||
|
||||
.topboxBottomItemimg { |
||||
width: 21rpx; |
||||
height: 21rpx; |
||||
margin-right: 3rpx; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
.bottombox { |
||||
padding: 0 26rpx; |
||||
box-sizing: border-box; |
||||
|
||||
.bottomboxitem { |
||||
border-bottom: 1px solid rgba(135, 135, 135, 0.15); |
||||
|
||||
.bottomboxitemtitle { |
||||
display: flex; |
||||
align-items: center; |
||||
margin: 36rpx 0; |
||||
font-weight: bold; |
||||
font-size: 32rpx; |
||||
color: #000000; |
||||
|
||||
.lineblue { |
||||
width: 6rpx; |
||||
height: 24rpx; |
||||
background: #1778F7; |
||||
border-radius: 3rpx; |
||||
margin-right: 12rpx; |
||||
} |
||||
} |
||||
|
||||
.bottomboxitemtitle1 { |
||||
font-weight: bold; |
||||
font-size: 26rpx; |
||||
color: #000000; |
||||
margin-bottom: 25rpx; |
||||
} |
||||
|
||||
.bottomboxitemtitle2 { |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: space-between; |
||||
margin-bottom: 25rpx; |
||||
|
||||
.bottomboxitemtitle2L { |
||||
font-weight: bold; |
||||
font-size: 24rpx; |
||||
color: #1A1A1A; |
||||
} |
||||
|
||||
.bottomboxitemtitle2R { |
||||
font-weight: 500; |
||||
font-size: 24rpx; |
||||
color: #666666; |
||||
} |
||||
} |
||||
|
||||
.bottomboxitemCon { |
||||
font-weight: 500; |
||||
font-size: 24rpx; |
||||
color: #4D4D4D; |
||||
line-height: 46rpx; |
||||
margin-bottom: 30rpx; |
||||
} |
||||
|
||||
.itemimg { |
||||
width: 338rpx; |
||||
height: 242rpx; |
||||
margin-bottom: 20rpx; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
</style> |
||||
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 887 B |
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 996 B |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.2 KiB |
|
Before Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 692 B |
|
After Width: | Height: | Size: 602 B |
|
After Width: | Height: | Size: 420 B |
|
After Width: | Height: | Size: 617 B |
|
Before Width: | Height: | Size: 968 B |
|
Before Width: | Height: | Size: 1.0 KiB |
|
Before Width: | Height: | Size: 1.4 KiB |