<template>
|
<ContentView>
|
<nut-noticebar
|
text="个人简历已完善50%，完善简历可提升录用率"
|
:left-icon="false"
|
background="transparent"
|
close-mode
|
class="mine-curriculum-noticebar"
|
/>
|
<div class="mine-curriculum-info-wrapper">
|
<UserAvatar :size="60" class="mine-curriculum-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 ?? '' }}
|
</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" />
|
</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" />
|
<div class="mine-curriculum-info-item-phone">
|
{{ userStore.userDetail?.phoneNumber ?? '' }}
|
</div>
|
</div>
|
<div class="mine-curriculum-info-item-detail">
|
{{ '26岁 | 非学生 | 本科' }}
|
</div>
|
</div>
|
</div>
|
</div>
|
<List class="mine-curriculum-intention">
|
<div class="mine-curriculum-intention-content">
|
<div class="mine-curriculum-intention-title">
|
<div class="mine-curriculum-intention-title-text">求职意向</div>
|
<div class="mine-curriculum-intention-title-edit" @click="goMineJobIntention">
|
编辑
|
<img :src="IconArrow" class="mine-curriculum-intention-title-edit-icon" />
|
</div>
|
</div>
|
<MineAgreementSignDetailItem label="期望岗位" class="mine-curriculum-intention-job">
|
<template #detail>
|
<JobTagList />
|
</template>
|
</MineAgreementSignDetailItem>
|
<MineAgreementSignDetailItem label="空闲时间">
|
<template #detail>
|
<div class="mine-curriculum-intention-bold">不限</div>
|
</template>
|
</MineAgreementSignDetailItem>
|
<MineAgreementSignDetailItem label="求职状态">
|
<template #detail>
|
<div class="mine-curriculum-intention-bold">积极找工作</div>
|
</template>
|
</MineAgreementSignDetailItem>
|
</div>
|
|
<ListItem title="资格证书" @click="goMineCertificate">
|
<template #extra>
|
<div class="mine-curriculum-intention-enit-btn">编辑</div>
|
</template>
|
</ListItem>
|
<ListItem title="工作经验" @click="goMineWorkExperience">
|
<template #extra>
|
<div class="mine-curriculum-intention-enit-btn">编辑</div>
|
</template>
|
</ListItem>
|
<ListItem
|
title="详细信息"
|
class="mine-curriculum-intention-detail"
|
@click="goMineDetailedInfo"
|
>
|
<template #extra>
|
<div class="mine-curriculum-intention-enit-btn">编辑</div>
|
</template>
|
</ListItem>
|
</List>
|
</ContentView>
|
</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, JobTagList } from '@12333/components';
|
import { RouterPath } from '@/constants';
|
import IconArrow from '@/assets/setting/icon-arrow.png';
|
import IconAuth from '@/assets/mine/icon-auth.png';
|
import Taro from '@tarojs/taro';
|
|
defineOptions({
|
name: 'InnerPage',
|
});
|
|
const userStore = useUserStore();
|
const isLogin = useIsLogin();
|
|
function goPage(routeName: string) {
|
Taro.navigateTo({
|
url: routeName,
|
});
|
}
|
function goEditMineInfo() {
|
goPage(RouterPath.editMineInfo);
|
}
|
function goMineJobIntention() {
|
goPage(RouterPath.mineJobIntention);
|
}
|
function goMineDetailedInfo() {
|
goPage(RouterPath.mineDetailedInfo);
|
}
|
function goMineWorkExperience() {
|
goPage(RouterPath.mineWorkExperience);
|
}
|
function goMineCertificate() {
|
goPage(RouterPath.mineCertificate);
|
}
|
</script>
|
|
<style lang="scss">
|
@import '@/styles/common.scss';
|
|
.mine-curriculum-noticebar {
|
.nut-noticebar__page {
|
padding: 0;
|
}
|
}
|
|
.mine-curriculum-info-wrapper {
|
padding: 24px 0 60px;
|
display: flex;
|
|
.mine-curriculum-avatar {
|
margin-right: 24px;
|
}
|
|
.mine-curriculum-info-content {
|
display: flex;
|
flex-direction: column;
|
padding: 12px 0;
|
justify-content: space-between;
|
flex: 1;
|
min-width: 0;
|
|
.mine-curriculum-info-item {
|
display: flex;
|
align-items: center;
|
justify-content: space-between;
|
|
.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: 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 {
|
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-intention-title-edit {
|
display: inline-flex;
|
align-items: center;
|
font-size: 22px;
|
color: boleGetCssVar('text-color', 'regular');
|
|
.mine-curriculum-intention-title-edit-icon {
|
width: 32px;
|
height: 32px;
|
}
|
}
|
}
|
|
.mine-curriculum-intention-job {
|
align-items: flex-start;
|
}
|
|
.mine-curriculum-intention-bold {
|
font-weight: 600;
|
font-size: 28px;
|
color: boleGetCssVar('text-color', 'primary');
|
}
|
}
|
|
.mine-curriculum-intention-enit-btn {
|
font-size: 22px;
|
color: boleGetCssVar('text-color', 'regular');
|
}
|
|
.mine-curriculum-intention-detail {
|
.pro-list-item-inner {
|
border-bottom: none;
|
}
|
}
|
}
|
</style>
|
