|
|
@@ -0,0 +1,528 @@
|
|
|
+<template>
|
|
|
+ <view>
|
|
|
+ <view class="baseInfo borderLine">
|
|
|
+ <view>
|
|
|
+ <view class="baseInfo-name">
|
|
|
+ <text class="name title">{{ baseInfo.name }}</text>
|
|
|
+ <uni-icons
|
|
|
+ type="icon-Edit"
|
|
|
+ color="#333"
|
|
|
+ custom-prefix="iconfont"
|
|
|
+ size="20"
|
|
|
+ ></uni-icons>
|
|
|
+ </view>
|
|
|
+ <view class="baseInfo-desc">{{ baseInfo.expTypeText }} - {{ baseInfo.age }}岁 - {{ baseInfo.eduTypeText }}</view>
|
|
|
+ <view class="baseInfo-phone">
|
|
|
+ <uni-icons
|
|
|
+ type="icon-Phone"
|
|
|
+ color="#999"
|
|
|
+ custom-prefix="iconfont"
|
|
|
+ size="14"
|
|
|
+ ></uni-icons>
|
|
|
+ <text class="number">{{ baseInfo.phone }}</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="head">
|
|
|
+ <image
|
|
|
+ :src="baseInfo.avatar"
|
|
|
+ mode="scaleToFill"
|
|
|
+ />
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="characteristic">
|
|
|
+ <view class="titleBox">
|
|
|
+ <text class="title">个人画像</text>
|
|
|
+ <uni-icons
|
|
|
+ type="icon-Edit"
|
|
|
+ color="#666"
|
|
|
+ custom-prefix="iconfont"
|
|
|
+ size="18"
|
|
|
+ ></uni-icons>
|
|
|
+ </view>
|
|
|
+ <view class="tags">
|
|
|
+ <view
|
|
|
+ v-for="tag in baseInfo.tagList"
|
|
|
+ :key="tag"
|
|
|
+ class="tag"
|
|
|
+ >
|
|
|
+ {{ tag }}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view>
|
|
|
+ <uni-list>
|
|
|
+ <uni-list-item showArrow :rightText="baseInfo.jobStatusText">
|
|
|
+ <template v-slot:body>
|
|
|
+ <view class="title flex-1 soloHeight">求职状态</view>
|
|
|
+ </template>
|
|
|
+ </uni-list-item>
|
|
|
+ </uni-list>
|
|
|
+ </view>
|
|
|
+ <view class="advantage borderLine">
|
|
|
+ <view class="titleBox">
|
|
|
+ <text class="title">个人优势</text>
|
|
|
+ <uni-icons
|
|
|
+ type="icon-Edit"
|
|
|
+ color="#666"
|
|
|
+ custom-prefix="iconfont"
|
|
|
+ size="18"
|
|
|
+ ></uni-icons>
|
|
|
+ </view>
|
|
|
+ <view class="ellipsis-2 text">{{ baseInfo.advantage }}</view>
|
|
|
+ </view>
|
|
|
+ <view class="intention borderLine">
|
|
|
+ <view class="titleBox">
|
|
|
+ <text class="title">求职意向</text>
|
|
|
+ <uni-icons
|
|
|
+ type="icon-add"
|
|
|
+ color="#666"
|
|
|
+ custom-prefix="iconfont"
|
|
|
+ size="18"
|
|
|
+ ></uni-icons>
|
|
|
+ </view>
|
|
|
+ <view class="content">
|
|
|
+ <view class="text" v-if="!intention.length">请填写您的求职意向...</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="educationExp borderLine">
|
|
|
+ <view class="titleBox">
|
|
|
+ <text class="title">教育经历</text>
|
|
|
+ <uni-icons
|
|
|
+ type="icon-add"
|
|
|
+ color="#666"
|
|
|
+ custom-prefix="iconfont"
|
|
|
+ size="18"
|
|
|
+ ></uni-icons>
|
|
|
+ </view>
|
|
|
+ <view class="content">
|
|
|
+ <view class="text" v-if="!educationExp.length">请填写您的教育经历...</view>
|
|
|
+ <uni-list :border="false">
|
|
|
+ <uni-list-item
|
|
|
+ v-for="education in educationExp"
|
|
|
+ :key="education.id"
|
|
|
+ showArrow
|
|
|
+ :border="false"
|
|
|
+ :title="education.schoolName"
|
|
|
+ :note="`${education.major} ${education.educationTypeText}`"
|
|
|
+ :rightText="education.time"
|
|
|
+ />
|
|
|
+ </uni-list>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="workExp borderLine">
|
|
|
+ <view class="titleBox">
|
|
|
+ <text class="title">工作经历</text>
|
|
|
+ <uni-icons
|
|
|
+ type="icon-add"
|
|
|
+ color="#666"
|
|
|
+ custom-prefix="iconfont"
|
|
|
+ size="18"
|
|
|
+ ></uni-icons>
|
|
|
+ </view>
|
|
|
+ <view class="content">
|
|
|
+ <view
|
|
|
+ v-for="work in workExp"
|
|
|
+ :key="work.id"
|
|
|
+ class="content-item"
|
|
|
+ >
|
|
|
+ <view class="content-title">
|
|
|
+ <view class="name">{{ work.enterpriseName }}</view>
|
|
|
+ <view class="time">
|
|
|
+ {{ work.time }}
|
|
|
+ <uni-icons
|
|
|
+ class="icon"
|
|
|
+ type="right"
|
|
|
+ color="#aaa"
|
|
|
+ size="16"
|
|
|
+ />
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="content-subTitle">{{ work.positionName }}</view>
|
|
|
+ <view class="content-main ellipsis-2">内容：{{ work.content }}</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="projectExp workExp borderLine">
|
|
|
+ <view class="titleBox">
|
|
|
+ <text class="title">项目经历</text>
|
|
|
+ <uni-icons
|
|
|
+ type="icon-add"
|
|
|
+ color="#666"
|
|
|
+ custom-prefix="iconfont"
|
|
|
+ size="18"
|
|
|
+ ></uni-icons>
|
|
|
+ </view>
|
|
|
+ <view class="content">
|
|
|
+ <view
|
|
|
+ v-for="project in projectExp"
|
|
|
+ :key="project.id"
|
|
|
+ class="content-item"
|
|
|
+ >
|
|
|
+ <view class="content-title">
|
|
|
+ <view class="name">{{ project.name }}</view>
|
|
|
+ <view class="time">
|
|
|
+ {{ project.time }}
|
|
|
+ <uni-icons
|
|
|
+ class="icon"
|
|
|
+ type="right"
|
|
|
+ color="#aaa"
|
|
|
+ size="16"
|
|
|
+ />
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="content-main ellipsis-2">描述：{{ project.content }}</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="workExp trainExp borderLine">
|
|
|
+ <view class="titleBox">
|
|
|
+ <text class="title">培训经历</text>
|
|
|
+ <uni-icons
|
|
|
+ type="icon-add"
|
|
|
+ color="#666"
|
|
|
+ custom-prefix="iconfont"
|
|
|
+ size="18"
|
|
|
+ ></uni-icons>
|
|
|
+ </view>
|
|
|
+ <view class="content">
|
|
|
+ <view
|
|
|
+ v-for="train in trainExp"
|
|
|
+ :key="train.id"
|
|
|
+ class="content-item"
|
|
|
+ >
|
|
|
+ <view class="content-title">
|
|
|
+ <view class="name">{{ train.orgName }}</view>
|
|
|
+ <view class="time">
|
|
|
+ {{ train.time }}
|
|
|
+ <uni-icons
|
|
|
+ class="icon"
|
|
|
+ type="right"
|
|
|
+ color="#aaa"
|
|
|
+ size="16"
|
|
|
+ />
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="content-subTitle">课程：{{ train.course }}</view>
|
|
|
+ <view class="content-main ellipsis-2">描述：{{ train.content }}</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="characteristic">
|
|
|
+ <view class="titleBox">
|
|
|
+ <text class="title">职业技能</text>
|
|
|
+ <uni-icons
|
|
|
+ type="icon-Edit"
|
|
|
+ color="#666"
|
|
|
+ custom-prefix="iconfont"
|
|
|
+ size="18"
|
|
|
+ ></uni-icons>
|
|
|
+ </view>
|
|
|
+ <view class="tags">
|
|
|
+ <view
|
|
|
+ v-for="skill in skillExp"
|
|
|
+ :key="skill.title"
|
|
|
+ class="tag"
|
|
|
+ >
|
|
|
+ {{ skill.title }}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script setup>
|
|
|
+import { ref } from 'vue'
|
|
|
+import { getAgeByBirthdayTimestamp, timesTampChange } from '@/utils/date'
|
|
|
+import {
|
|
|
+ getResumeJobInterested,
|
|
|
+ getResumeEduExp,
|
|
|
+ getResumeWorkExp,
|
|
|
+ getResumeProjectExp,
|
|
|
+ getResumeTrainExp,
|
|
|
+ getResumePersonSkill
|
|
|
+} from '@/api/resume'
|
|
|
+import { getText } from '@/utils/getText'
|
|
|
+import { getDict } from '@/hooks/useDictionaries'
|
|
|
+import { userStore } from '@/store/user'
|
|
|
+
|
|
|
+const useUserStore = userStore()
|
|
|
+
|
|
|
+const baseInfo = ref({})
|
|
|
+
|
|
|
+const intention = ref([])
|
|
|
+const educationExp = ref([])
|
|
|
+const workExp = ref([])
|
|
|
+const projectExp = ref([])
|
|
|
+const trainExp = ref([])
|
|
|
+const skillExp = ref([])
|
|
|
+
|
|
|
+// 获取基础信息
|
|
|
+function getBaseInfo () {
|
|
|
+ const { name, phone, ...obj } = useUserStore.baseInfo
|
|
|
+ baseInfo.value = {
|
|
|
+ ...obj,
|
|
|
+ name: name ? name : useUserStore.userInfo.phone,
|
|
|
+ phone: phone ? phone : useUserStore.userInfo.phone,
|
|
|
+ age: obj.birthday ? getAgeByBirthdayTimestamp(obj.birthday) : 0
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+// 获取求职意向
|
|
|
+async function getJobInterested () {
|
|
|
+ const { data } = await getResumeJobInterested()
|
|
|
+ if (!data || !data.length) {
|
|
|
+ return
|
|
|
+ }
|
|
|
+ // 完成度展示
|
|
|
+ // emit('complete', { status: Boolean(data?.length), id: 'jobIntention' })
|
|
|
+ // if (!data.length) return
|
|
|
+ // interestList.value = data
|
|
|
+ // interestList.value = dealJobData(data)
|
|
|
+}
|
|
|
+
|
|
|
+// 获取教育经历
|
|
|
+async function getEduExp () {
|
|
|
+ const { data: dict } = await getDict('menduner_education_type')
|
|
|
+ if (dict.code !== 0) {
|
|
|
+ return
|
|
|
+ }
|
|
|
+ const { data } = await getResumeEduExp()
|
|
|
+ if (!data || !data.length) {
|
|
|
+ return
|
|
|
+ }
|
|
|
+ educationExp.value = data.map(e => {
|
|
|
+ const item = dict.data.find(_e => _e.value === e.educationType)
|
|
|
+ return {
|
|
|
+ ...e,
|
|
|
+ educationTypeText: item?.label ?? '',
|
|
|
+ time: `${timesTampChange(e.startTime ,'Y')}-${timesTampChange(e.endTime ,'Y')} `
|
|
|
+ }
|
|
|
+ })
|
|
|
+ // 完成度展示
|
|
|
+ // emit('complete', { status: Boolean(data?.length), id: 'educationExp' })
|
|
|
+ // dataList.value = data
|
|
|
+}
|
|
|
+
|
|
|
+// 获取工作经验
|
|
|
+async function getWorkExp () {
|
|
|
+ const { data } = await getResumeWorkExp()
|
|
|
+ if (!data || !data.length) {
|
|
|
+ return
|
|
|
+ }
|
|
|
+ // console.log(data)
|
|
|
+ // 完成度展示
|
|
|
+ // emit('complete', { status: Boolean(data?.length), id: 'workExperience' })
|
|
|
+ workExp.value = data.map(e => {
|
|
|
+ return {
|
|
|
+ ...e,
|
|
|
+ time: `${timesTampChange(e.startTime ,'Y')}-${e.endTime ? timesTampChange(e.endTime ,'Y') : '至今'} `
|
|
|
+ }
|
|
|
+ })
|
|
|
+}
|
|
|
+
|
|
|
+// 项目经历
|
|
|
+async function getProjectExpData () {
|
|
|
+ const { data } = await getResumeProjectExp()
|
|
|
+ if (!data || !data.length) {
|
|
|
+ return
|
|
|
+ }
|
|
|
+ // 完成度展示
|
|
|
+ // emit('complete', { status: Boolean(data?.length), id: 'projectExperience' })
|
|
|
+ projectExp.value = data.map(e => {
|
|
|
+ return {
|
|
|
+ ...e,
|
|
|
+ time: `${timesTampChange(e.startTime ,'Y')}-${e.endTime ? timesTampChange(e.endTime ,'Y') : '至今'} `
|
|
|
+ }
|
|
|
+ })
|
|
|
+}
|
|
|
+
|
|
|
+// 培训经历
|
|
|
+async function getTrainExpData () {
|
|
|
+ const { data } = await getResumeTrainExp()
|
|
|
+ if (!data || !data.length) {
|
|
|
+ return
|
|
|
+ }
|
|
|
+ // 完成度展示
|
|
|
+ // emit('complete', { status: Boolean(data?.length), id: 'trainingExperience' })
|
|
|
+ trainExp.value = data.map(e => {
|
|
|
+ return {
|
|
|
+ ...e,
|
|
|
+ time: `${timesTampChange(e.startTime ,'Y')}-${e.endTime ? timesTampChange(e.endTime ,'Y') : '至今'} `
|
|
|
+ }
|
|
|
+ })
|
|
|
+}
|
|
|
+
|
|
|
+// 职业技能
|
|
|
+async function getSkillExpData () {
|
|
|
+ const { data: _skillList} = await getDict('skillList', {}, 'skillList')
|
|
|
+ const skillList = _skillList?.data
|
|
|
+ if (!skillList || !skillList.length) {
|
|
|
+ return
|
|
|
+ }
|
|
|
+
|
|
|
+ const { data: _skillLevelArr } = await getDict('menduner_skill_level')
|
|
|
+ const skillLevelArr = _skillLevelArr?.data
|
|
|
+ if (!skillLevelArr || !skillLevelArr.length) {
|
|
|
+ return
|
|
|
+ }
|
|
|
+
|
|
|
+ const { data } = await getResumePersonSkill()
|
|
|
+ if (!data || !data.length) {
|
|
|
+ return
|
|
|
+ }
|
|
|
+ // 完成度展示
|
|
|
+ // emit('complete', { status: Boolean(data?.length), id: 'vocationalSkills' })
|
|
|
+ skillExp.value = data.map(e => {
|
|
|
+ return {
|
|
|
+ ...e,
|
|
|
+ title: `${getText(e.skillId, skillList, 'nameCn', 'id')} / ${getText(e.level, skillLevelArr)}`
|
|
|
+ }
|
|
|
+ })
|
|
|
+ console.log(skillExp.value)
|
|
|
+}
|
|
|
+
|
|
|
+// 获取基础信息
|
|
|
+getBaseInfo()
|
|
|
+// 获取求职意向
|
|
|
+getJobInterested()
|
|
|
+// 获取教育经历
|
|
|
+getEduExp()
|
|
|
+// 获取工作经验
|
|
|
+getWorkExp()
|
|
|
+// 项目经历
|
|
|
+getProjectExpData()
|
|
|
+// 培训经历
|
|
|
+getTrainExpData()
|
|
|
+// 职业技能
|
|
|
+getSkillExpData()
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss" scoped>
|
|
|
+$px: 30rpx;
|
|
|
+.borderLine {
|
|
|
+ border-bottom: 2rpx solid #f5f5f5;
|
|
|
+}
|
|
|
+.title {
|
|
|
+ font-size: 40rpx;
|
|
|
+ font-weight: 600;
|
|
|
+}
|
|
|
+.flex-1 {
|
|
|
+ flex: 1;
|
|
|
+}
|
|
|
+.soloHeight {
|
|
|
+ height: 80rpx;
|
|
|
+ line-height: 80rpx;
|
|
|
+}
|
|
|
+.px-20 {
|
|
|
+ padding-left: 20rpx;
|
|
|
+ padding-right: 20rpx;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+.ellipsis-2 {
|
|
|
+ overflow: hidden;
|
|
|
+ display: -webkit-box;
|
|
|
+ text-overflow: ellipsis; //属性规定当文本溢出包含元素时发生的事情 text-overflow: clip|ellipsis|string; (修剪/省略号/指定字符串)
|
|
|
+ -webkit-line-clamp: 2;
|
|
|
+ -webkit-box-orient: vertical; //属性规定框的子元素应该被水平或垂直排列
|
|
|
+}
|
|
|
+.titleBox {
|
|
|
+ margin-bottom: 10rpx;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+}
|
|
|
+.text {
|
|
|
+ font-size: 28rpx;
|
|
|
+ color: #666;
|
|
|
+}
|
|
|
+.baseInfo {
|
|
|
+ padding: 20rpx $px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+ &-name {
|
|
|
+ margin-bottom: 10rpx;
|
|
|
+ .name {
|
|
|
+ margin-right: 10rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ &-desc {
|
|
|
+ font-size: 28rpx;
|
|
|
+ color: #666;
|
|
|
+ margin-bottom: 10rpx;
|
|
|
+ }
|
|
|
+ &-phone {
|
|
|
+ font-size: 28rpx;
|
|
|
+ color: #666;
|
|
|
+ .number {
|
|
|
+ margin-left: 10rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .head {
|
|
|
+ image {
|
|
|
+ width: 150rpx;
|
|
|
+ height: 150rpx;
|
|
|
+ border: 2rpx solid #ccc;
|
|
|
+ border-radius: 50%;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+.advantage {
|
|
|
+ padding: $px;
|
|
|
+}
|
|
|
+
|
|
|
+.characteristic {
|
|
|
+ padding: $px;
|
|
|
+ .tags {
|
|
|
+ padding-top: $px;
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ .tag {
|
|
|
+ margin: 0 10rpx 10rpx 0;
|
|
|
+ border: 2rpx solid #008978;
|
|
|
+ color: #008978;
|
|
|
+ white-space: nowrap;
|
|
|
+ padding: 4rpx 10rpx;
|
|
|
+ border-radius: 10rpx;
|
|
|
+ font-size: 24rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+.intention,.educationExp,.workExp,.projectExp {
|
|
|
+ padding: $px;
|
|
|
+}
|
|
|
+.workExp {
|
|
|
+ .content {
|
|
|
+ &-item {
|
|
|
+ padding: $px 20rpx;
|
|
|
+ }
|
|
|
+ &-title {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ .name {
|
|
|
+ // font-weight: 600;
|
|
|
+ font-size: 30rpx;
|
|
|
+ color: #333;
|
|
|
+ }
|
|
|
+ .time {
|
|
|
+ color: #999;
|
|
|
+ font-size: 24rpx;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ .icon {
|
|
|
+ margin-left: 20rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ &-subTitle {
|
|
|
+ font-size: 24rpx;
|
|
|
+ margin-top: 6rpx;
|
|
|
+ color: #999;
|
|
|
+ }
|
|
|
+ &-main {
|
|
|
+ margin-top: 20rpx;
|
|
|
+ font-size: 24rpx;
|
|
|
+ color: #999;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|
zhengnaiwen_citu