From fc1722c88aab8ca973e4301c942e269623253658 Mon Sep 17 00:00:00 2001
From: zhengyiming <540361168@qq.com>
Date: 星期一, 11 八月 2025 14:02:38 +0800
Subject: [PATCH] fix: 修改简历
---
apps/cMiniApp/src/subpackages/curriculum/mineCurriculumVitae/InnerPage.vue | 312 +++++++++++++++++++++++++++++----------------------
1 files changed, 177 insertions(+), 135 deletions(-)
diff --git a/apps/cMiniApp/src/subpackages/curriculum/mineCurriculumVitae/InnerPage.vue b/apps/cMiniApp/src/subpackages/curriculum/mineCurriculumVitae/InnerPage.vue
index 993dda0..1106bdf 100644
--- a/apps/cMiniApp/src/subpackages/curriculum/mineCurriculumVitae/InnerPage.vue
+++ b/apps/cMiniApp/src/subpackages/curriculum/mineCurriculumVitae/InnerPage.vue
@@ -1,36 +1,57 @@
<template>
<ContentView>
<nut-noticebar
- text="涓汉绠�鍘嗗凡瀹屽杽50%锛屽畬鍠勭畝鍘嗗彲鎻愬崌褰曠敤鐜�"
+ :text="`涓汉绠�鍘嗗凡瀹屽杽${userResumeInfo?.completeRate ?? 0}锛屽畬鍠勭畝鍘嗗彲鎻愬崌褰曠敤鐜嘸"
:left-icon="false"
background="transparent"
close-mode
class="mine-curriculum-noticebar"
/>
<div class="mine-curriculum-info-wrapper">
- <UserAvatar :size="60" class="mine-curriculum-avatar" />
+ <Avatar
+ :size="60"
+ class="mine-curriculum-avatar"
+ :src="setOSSLink(userResumeInfo?.avatar ?? '')"
+ ></Avatar>
<div class="mine-curriculum-info-content">
<div class="mine-curriculum-info-item">
<div class="mine-curriculum-info-item-left">
<div class="mine-curriculum-info-item-name">
- {{ userStore.userDetail?.userName ?? '' }}
+ {{ userResumeInfo?.name ?? '' }}
</div>
<div class="mine-curriculum-info-item-gender">
<div class="mine-curriculum-info-item-gender-dot">路</div>
- <img :src="IconAuth" class="mine-curriculum-info-item-gender-icon" />
+ <img
+ v-if="userResumeInfo?.gender === EnumUserGender.Male"
+ :src="IconMale"
+ class="mine-curriculum-info-item-gender-icon"
+ />
+ <img v-else :src="IconFemale" class="mine-curriculum-info-item-gender-icon" />
</div>
</div>
<IconFont name="rect-right" size="16" color="#6D6E6E" @click="goEditMineInfo"></IconFont>
</div>
<div class="mine-curriculum-info-item">
<div class="mine-curriculum-info-item-left">
- <img :src="IconAuth" class="mine-curriculum-info-item-phone-icon" />
+ <img :src="IconPhone" class="mine-curriculum-info-item-phone-icon" />
<div class="mine-curriculum-info-item-phone">
- {{ userStore.userDetail?.phoneNumber ?? '' }}
+ {{ userResumeInfo?.contactPhoneNumber ?? '' }}
</div>
</div>
<div class="mine-curriculum-info-item-detail">
- {{ '26宀� | 闈炲鐢� | 鏈' }}
+ {{
+ `${userResumeInfo?.age ? `${userResumeInfo?.age}宀乣 : ''}
+ ${
+ userResumeInfo?.personalIdentityContent
+ ? `| ${userResumeInfo?.personalIdentityContent}`
+ : ''
+ }
+ ${
+ userResumeInfo?.educationalBackgroundContent
+ ? `| ${userResumeInfo?.educationalBackgroundContent}`
+ : ''
+ }`
+ }}
</div>
</div>
</div>
@@ -46,22 +67,21 @@
</div>
<MineAgreementSignDetailItem label="鏈熸湜宀椾綅" class="mine-curriculum-intention-job">
<template #detail>
- <div class="mine-curriculum-intention-job-content">
- <div class="mine-curriculum-intention-job-item">瀹㈡埧鏈嶅姟鍛�</div>
- <div class="mine-curriculum-intention-job-item">瀹㈡埧鏈嶅姟鍛�</div>
- <div class="mine-curriculum-intention-job-item">瀹㈡埧鏈嶅姟鍛�</div>
- <div class="mine-curriculum-intention-job-item">瀹㈡埧鏈嶅姟鍛�</div>
- </div>
+ <JobTagList :jobTagList="jobTag" />
</template>
</MineAgreementSignDetailItem>
<MineAgreementSignDetailItem label="绌洪棽鏃堕棿">
<template #detail>
- <div class="mine-curriculum-intention-bold">涓嶉檺</div>
+ <div class="mine-curriculum-intention-bold">
+ {{ EnumPersonalFreeTimeText[userResumeInfo?.freeTime] }}
+ </div>
</template>
</MineAgreementSignDetailItem>
<MineAgreementSignDetailItem label="姹傝亴鐘舵��">
<template #detail>
- <div class="mine-curriculum-intention-bold">绉瀬鎵惧伐浣�</div>
+ <div class="mine-curriculum-intention-bold">
+ {{ EnumPersonalJobSeekingStatusText[userResumeInfo?.jobSeekingStatus] }}
+ </div>
</template>
</MineAgreementSignDetailItem>
</div>
@@ -90,21 +110,40 @@
</template>
<script setup lang="ts">
-import { useUserStore } from '@/stores/modules/user';
-import { useIsLogin } from '@/hooks';
import MineAgreementSignDetailItem from '../../mine/mineAgreementSignDetail/MineAgreementSignDetailItem.vue';
-import { List, ListItem } from '@12333/components';
+import { List, ListItem, JobTagList, Avatar } from '@12333/components';
+import {
+ EnumUserGender,
+ EnumPersonalFreeTimeText,
+ EnumPersonalJobSeekingStatusText,
+} from '@12333/constants';
import { RouterPath } from '@/constants';
import IconArrow from '@/assets/setting/icon-arrow.png';
import IconAuth from '@/assets/mine/icon-auth.png';
+import IconMale from '@/assets/mine/icon-male.png';
+import IconFemale from '@/assets/mine/icon-female.png';
+import IconPhone from '@/assets/mine/icon-phone.png';
import Taro from '@tarojs/taro';
+import { setOSSLink } from '@12333/utils';
+import { useEvent } from 'senin-mini/hooks';
defineOptions({
name: 'InnerPage',
});
-const userStore = useUserStore();
-const isLogin = useIsLogin();
+useEvent('updateResume', function (data: { content: boolean }) {
+ if (data.content) {
+ refetch({
+ type: 'inactive',
+ });
+ }
+});
+
+const jobTag = computed(
+ () => userResumeInfo?.value?.userExpectJobs?.map((x) => x.expectJobContent) ?? []
+);
+
+const { userResumeInfo, refetch } = useUserResume();
function goPage(routeName: string) {
Taro.navigateTo({
@@ -131,150 +170,153 @@
<style lang="scss">
@import '@/styles/common.scss';
-.mine-curriculum-noticebar {
- .nut-noticebar__page {
- padding: 0;
- }
-}
-
-.mine-curriculum-info-wrapper {
- padding: 24px 0 50px;
- display: flex;
-
- .mine-curriculum-avatar {
- margin-right: 24px;
+.mineCurriculumVitae-page-wrapper {
+ .mine-curriculum-noticebar {
+ .nut-noticebar__page {
+ padding: 0;
+ }
}
- .mine-curriculum-info-content {
+ .mine-curriculum-info-wrapper {
+ padding: 24px 0 60px;
display: flex;
- flex-direction: column;
- padding: 12px 0;
- justify-content: space-between;
- flex: 1;
- min-width: 0;
- .mine-curriculum-info-item {
+ .mine-curriculum-avatar {
+ margin-right: 24px;
+ }
+
+ .mine-curriculum-info-content {
display: flex;
- align-items: center;
+ flex-direction: column;
+ padding: 12px 0;
justify-content: space-between;
+ flex: 1;
+ min-width: 0;
- .mine-curriculum-info-item-left {
- display: inline-flex;
+ .mine-curriculum-info-item {
+ display: flex;
align-items: center;
+ justify-content: space-between;
- .mine-curriculum-info-item-name {
- font-size: 32px;
+ .mine-curriculum-info-item-left {
+ display: inline-flex;
+ align-items: center;
+
+ .mine-curriculum-info-item-name {
+ font-size: 32px;
+ line-height: 40px;
+ font-weight: 600;
+ color: boleGetCssVar('text-color', 'primary');
+ }
+
+ .mine-curriculum-info-item-gender {
+ display: inline-flex;
+ align-items: center;
+
+ .mine-curriculum-info-item-gender-dot {
+ margin: 0 8px;
+ line-height: 40px;
+ }
+
+ .mine-curriculum-info-item-gender-icon {
+ width: 28px;
+ height: 28px;
+ }
+ }
+
+ .mine-curriculum-info-item-phone {
+ font-size: 28px;
+ line-height: 40px;
+ font-weight: 400;
+ color: boleGetCssVar('text-color', 'primary');
+ }
+
+ .mine-curriculum-info-item-phone-icon {
+ width: 40px;
+ height: 40px;
+ }
+ }
+
+ .mine-curriculum-info-item-detail {
+ font-size: 24px;
line-height: 40px;
+ color: boleGetCssVar('text-color', 'primary');
+ }
+ }
+ }
+ }
+
+ .mine-curriculum-intention {
+ padding: 30px 0;
+ border-radius: 12px;
+
+ .mine-curriculum-intention-content {
+ padding: 0 boleGetCssVar('size', 'body-padding-h') 40px;
+ border-bottom: 1px solid #f6f6f6;
+
+ .mine-curriculum-intention-title {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin-bottom: 40px;
+
+ .mine-curriculum-intention-title-text {
+ font-size: 32px;
font-weight: 600;
color: boleGetCssVar('text-color', 'primary');
}
- .mine-curriculum-info-item-gender {
+ .mine-curriculum-intention-title-edit {
display: inline-flex;
align-items: center;
+ font-size: 22px;
+ color: boleGetCssVar('text-color', 'regular');
- .mine-curriculum-info-item-gender-dot {
- margin: 0 8px;
- line-height: 40px;
+ .mine-curriculum-intention-title-edit-icon {
+ width: 32px;
+ height: 32px;
}
-
- .mine-curriculum-info-item-gender-icon {
- width: 36px;
- height: 36px;
- }
- }
-
- .mine-curriculum-info-item-phone {
- font-size: 28px;
- line-height: 40px;
- font-weight: 400;
- color: boleGetCssVar('text-color', 'primary');
- }
-
- .mine-curriculum-info-item-phone-icon {
- width: 24px;
- height: 24px;
}
}
- .mine-curriculum-info-item-detail {
- font-size: 24px;
- line-height: 40px;
- color: boleGetCssVar('text-color', 'primary');
+ .mine-curriculum-intention-job {
+ align-items: flex-start;
+
+ .mine-curriculum-intention-job-content {
+ display: inline-flex;
+ flex-wrap: wrap;
+
+ .mine-curriculum-intention-job-item {
+ font-size: 20px;
+ color: boleGetCssVar('color', 'primary');
+ padding: 6px 16px;
+ background-color: #edf2ff;
+ border-radius: 4px;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ margin-right: 16px;
+ margin-bottom: 14px;
+ }
+ }
}
- }
- }
-}
-.mine-curriculum-intention {
- padding: 30px 0;
- border-radius: 12px;
-
- .mine-curriculum-intention-content {
- padding: 0 boleGetCssVar('size', 'body-padding-h') 40px;
- border-bottom: 1px solid #f6f6f6;
-
- .mine-curriculum-intention-title {
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin-bottom: 40px;
-
- .mine-curriculum-intention-title-text {
- font-size: 32px;
+ .mine-curriculum-intention-bold {
font-weight: 600;
+ font-size: 28px;
color: boleGetCssVar('text-color', 'primary');
}
+ }
- .mine-curriculum-intention-title-edit {
- display: inline-flex;
- align-items: center;
- font-size: 22px;
- color: boleGetCssVar('text-color', 'regular');
+ .mine-curriculum-intention-enit-btn {
+ font-size: 22px;
+ color: boleGetCssVar('text-color', 'regular');
+ }
- .mine-curriculum-intention-title-edit-icon {
- width: 32px;
- height: 32px;
- }
+ .mine-curriculum-intention-detail {
+ .pro-list-item-inner {
+ border-bottom: none;
}
- }
-
- .mine-curriculum-intention-job {
- align-items: flex-start;
-
- .mine-curriculum-intention-job-content {
- display: inline-flex;
- flex-wrap: wrap;
-
- .mine-curriculum-intention-job-item {
- font-size: 20px;
- color: boleGetCssVar('color', 'primary');
- padding: 6px 16px;
- background-color: #edf2ff;
- border-radius: 4px;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- margin-right: 16px;
- margin-bottom: 14px;
- }
- }
- }
-
- .mine-curriculum-intention-bold {
- font-weight: 600;
- font-size: 28px;
- }
- }
-
- .mine-curriculum-intention-enit-btn {
- font-size: 22px;
- color: boleGetCssVar('text-color', 'regular');
- }
-
- .mine-curriculum-intention-detail {
- .pro-list-item-inner {
- border-bottom: none;
}
}
}
--
Gitblit v1.9.1