sdz/ks-app-employment-service
Template
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

flat: 暂存

Browse Source
This commit is contained in:
Apcallover
2025-09-29 11:53:10 +08:00
parent ee57ac7568
commit 3d7cb0c561
34 changed files with 1617 additions and 236 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
packageA/pages/.DS_Store vendored Normal file
View File

Binary file not shown.

4
packageA/pages/choiceness/choiceness.vue
View File

@@ -8,7 +8,7 @@
<view class="main">
<view class="main-header">
<view class="header-title btn-feel">企业推荐站</view>
<view class="header-text btn-feel">AI智联青岛，岗位触手可“职”！</view>
<view class="header-text btn-feel">AI智联{{ config.appInfo.areaName }}，岗位触手可“职”！</view>
<image class="header-img btn-shaky" src="/static/icon/companyBG.png"></image>
</view>
<view class="main-content">
@@ -24,7 +24,7 @@
<script setup>
import { inject, ref, reactive } from 'vue';
import { onLoad, onShow } from '@dcloudio/uni-app';
const { $api, navBack, navTo } = inject('globalFunction');
const { $api, navBack, navTo, config } = inject('globalFunction');
import { storeToRefs } from 'pinia';
import useUserStore from '@/stores/useUserStore';
const { getUserResume } = useUserStore();

77
packageA/pages/collection/collection.vue
View File

@@ -15,12 +15,14 @@
<swiper-item class="list">
<scroll-view scroll-y class="main-scroll" @scrolltolower="handleScrollToLower">
<view class="mian">
<renderJobs
<renderJobsCheckBox
ref="jobListRef"
:list="pageState.list"
v-if="pageState.list.length"
:longitude="longitudeVal"
:latitude="latitudeVal"
></renderJobs>
@update:selected="updateSelectedCount"
></renderJobsCheckBox>
<empty v-else pdTop="200"></empty>
</view>
</scroll-view>
@@ -41,18 +43,28 @@
</swiper>
</view>
</view>
<template #footer>
<view v-if="selectedJobCount > 0 && type === 0" class="compare-bar">
<view class="selected-count">已选中 {{ selectedJobCount }} 个岗位</view>
<button class="compare-btn" @click="handleCompare">岗位对比</button>
</view>
</template>
</AppLayout>
</template>
<script setup>
import { inject, ref, reactive } from 'vue';
import { inject, ref, reactive, nextTick } from 'vue';
import { onLoad, onShow } from '@dcloudio/uni-app';
import { storeToRefs } from 'pinia';
import useLocationStore from '@/stores/useLocationStore';
import renderJobsCheckBox from '@/components/renderJobs/renderJobsCheckBox.vue';
const { longitudeVal, latitudeVal } = storeToRefs(useLocationStore());
const { $api, navBack } = inject('globalFunction');
const { $api, navBack, navTo } = inject('globalFunction');
const type = ref(0);
// 新增：获取renderJobs组件实例
const jobListRef = ref(null);
// 新增：选中的岗位数量
const selectedJobCount = ref(0);
const pageState = reactive({
page: 0,
list: [],
@@ -83,6 +95,32 @@ function changeType(e) {
type.value = e;
}
// 监听选中数量变化
function updateSelectedCount() {
nextTick(() => {
if (jobListRef.value) {
selectedJobCount.value = jobListRef.value.selectedJobs.length;
}
});
}
// 新增：对比按钮点击事件
function handleCompare() {
if (selectedJobCount.value < 2) {
uni.showToast({
title: '请至少选择2个岗位进行对比',
icon: 'none',
});
return;
}
// 获取选中的岗位数据
const selectedJobs = jobListRef.value.selectedJobs;
const selectedJobData = pageState.list.filter((job) => selectedJobs.includes(job.jobId));
uni.setStorageSync('compare', selectedJobData);
// 跳转到对比页面（假设已创建对比页面）
navTo('/packageA/pages/collection/compare');
}
function handleScrollToLower() {
getJobList();
}
@@ -149,6 +187,35 @@ function getCompanyList(type = 'add') {
</script>
<style lang="stylus" scoped>
// 新增底部对比栏样式
.compare-bar {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20rpx 30rpx;
background-color: #fff;
border-top: 1rpx solid #eee;
box-shadow: 0 -2rpx 10rpx rgba(0,0,0,0.05);
.selected-count {
font-size: 28rpx;
color: #333;
}
.compare-btn {
width: 200rpx;
height: 60rpx;
line-height: 60rpx;
background-color: #4C6EFB;
color: #fff;
border-radius: 30rpx;
font-size: 28rpx;
display: flex;
justify-content: center;
align-items: center;
margin: 0
}
}
.btn {
display: flex;
justify-content: space-between;

208
packageA/pages/collection/compare.vue Normal file
View File

@@ -0,0 +1,208 @@
<template>
<view class="job-comparison-container">
<scroll-view class="horizontal-scroll" scroll-x="true">
<view class="comparison-table">
<view class="table-row table-header">
<view class="table-cell fixed-column"></view>
<view v-for="(job, index) in jobs" :key="index" class="table-cell job-title-cell">
<text>{{ job.jobTitle }}</text>
<text class="company">{{ job.company }}</text>
</view>
</view>
<view class="table-row">
<view class="table-cell fixed-column detail-label">
<text>薪资</text>
</view>
<view v-for="(job, index) in jobs" :key="index" class="table-cell detail-content">
<view>
<Salary-Expectation
:max-salary="job.maxSalary"
:min-salary="job.minSalary"
:is-month="true"
></Salary-Expectation>
</view>
</view>
</view>
<view class="table-row">
<view class="table-cell fixed-column detail-label">
<text>公司名称</text>
</view>
<view v-for="(job, index) in jobs" :key="index" class="table-cell detail-content">
<view>{{ job.companyName }}</view>
</view>
</view>
<view class="table-row">
<view class="table-cell fixed-column detail-label">
<text>学历</text>
</view>
<view v-for="(job, index) in jobs" :key="index" class="table-cell detail-content">
<view><dict-Label dictType="education" :value="job.education"></dict-Label></view>
</view>
</view>
<view class="table-row">
<view class="table-cell fixed-column detail-label">
<text>经验</text>
</view>
<view v-for="(job, index) in jobs" :key="index" class="table-cell detail-content">
<view><dict-Label dictType="experience" :value="job.experience"></dict-Label></view>
</view>
</view>
<view class="table-row">
<view class="table-cell fixed-column detail-label">
<text>工作地点</text>
</view>
<view v-for="(job, index) in jobs" :key="index" class="table-cell detail-content">
<view>{{ job.jobLocation }}</view>
</view>
</view>
<view class="table-row">
<view class="table-cell fixed-column detail-label">
<text>来源</text>
</view>
<view v-for="(job, index) in jobs" :key="index" class="table-cell detail-content">
<view>{{ job.dataSource }}</view>
</view>
</view>
<view class="table-row">
<view class="table-cell fixed-column detail-label">
<text>职位描述</text>
</view>
<view v-for="(job, index) in jobs" :key="index" class="table-cell detail-content">
<view>{{ job.description }}</view>
</view>
</view>
<view class="table-row">
<view class="table-cell fixed-column detail-label">
<text>工业</text>
</view>
<view v-for="(job, index) in jobs" :key="index" class="table-cell detail-content">
<view>
<dict-tree-Label
v-if="jobInfo.company && jobInfo.company.industry"
dictType="industry"
:value="jobInfo.company.industry"
></dict-tree-Label>
</view>
</view>
</view>
<view class="table-row">
<view class="table-cell fixed-column detail-label">
<text>企业规模</text>
</view>
<view v-for="(job, index) in jobs" :key="index" class="table-cell detail-content">
<view>
<dict-Label dictType="scale" :value="jobInfo.company?.scale"></dict-Label>
</view>
</view>
</view>
<view class="table-row">
<view class="table-cell fixed-column detail-label">
<text>热门</text>
</view>
<view v-for="(job, index) in jobs" :key="index" class="table-cell detail-content">
<view>
{{ job.isHot ? '是' : '否' }}
</view>
</view>
</view>
</view>
</scroll-view>
</view>
</template>
<script setup>
import { inject, ref, computed, nextTick } from 'vue';
import { onLoad, onShow } from '@dcloudio/uni-app';
import useDictStore from '@/stores/useDictStore';
const jobs = ref([]);
onLoad(() => {
let compareData = uni.getStorageSync('compare');
jobs.value = compareData;
});
</script>
<style scoped>
.job-comparison-container {
padding: 10px;
background-color: #f8f8f8;
}
.horizontal-scroll {
width: 100%;
white-space: nowrap; /* 保持 flex 子项在同一行 */
}
.comparison-table {
display: flex;
flex-direction: column;
width: fit-content;
}
.table-row {
display: flex;
border-bottom: 1px solid #e0e0e0;
}
.table-row:first-child {
border-bottom: 2px solid #ccc;
}
.table-cell {
flex-shrink: 0;
padding: 15px 10px;
border-right: 1px solid #e0e0e0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 150px;
white-space: normal;
word-break: break-all;
}
.table-cell:last-child {
border-right: none;
}
.fixed-column {
position: sticky;
left: 0;
z-index: 10;
background-color: #fff;
border-right: 2px solid #ccc;
width: 120px; /* 固定左侧列的宽度 */
text-align: left;
}
.table-header {
background-color: #f1f1f1;
font-weight: bold;
}
.job-title-cell {
text-align: center;
}
.company {
font-weight: normal;
font-size: 12px;
color: #666;
}
.detail-label {
font-weight: bold;
color: #333;
}
.detail-content {
text-align: center;
}
</style>

4
packageA/pages/jobExpect/jobExpect.vue
View File

@@ -47,7 +47,7 @@
import { reactive, inject, watch, ref, onMounted, computed } from 'vue';
import { onLoad, onShow } from '@dcloudio/uni-app';
import SelectJobs from '@/components/selectJobs/selectJobs.vue';
const { $api, navTo, navBack } = inject('globalFunction');
const { $api, navTo, navBack, config } = inject('globalFunction');
const openSelectPopup = inject('openSelectPopup');
import { storeToRefs } from 'pinia';
import useUserStore from '@/stores/useUserStore';
@@ -137,7 +137,7 @@ function changeArea() {
data: [oneDictData('area')],
success: (_, [value]) => {
fromValue.area = value.value;
state.areaText = '青岛市-' + value.label;
state.areaText = config.appInfo.areaName + '-' + value.label;
},
});
}

97
packageA/pages/myResume/corporateInformation.vue Normal file
View File

@@ -0,0 +1,97 @@
<template>
<view class="container">
<view class="info-card">
<view class="card-title">企业基本信息</view>
<view class="info-item">
<text class="label">企业名称</text>
<text class="value">泰科电子(上海)有限公司</text>
</view>
<view class="info-item">
<text class="label">法人名称</text>
<text class="value">李某</text>
</view>
<view class="info-item">
<text class="label">统一社会信用代码</text>
<text class="value">913100007504791552</text>
</view>
</view>
<view class="info-card">
<view class="card-title">营业执照</view>
<view class="info-item">
<text class="label">营业执照图片</text>
<image class="license-image" src="/static/business-license.png" mode="aspectFit"></image>
</view>
</view>
<view class="info-card">
<view class="card-title">企业联系人</view>
<view class="info-item">
<text class="label">联系人</text>
<text class="value">张三</text>
</view>
<view class="info-item">
<text class="label">联系人电话</text>
<text class="value">13812345678</text>
</view>
</view>
</view>
</template>
<style scoped>
.container {
padding: 20rpx; /* 使用 rpx 适配不同屏幕 */
background-color: #f5f5f5; /* 页面背景色 */
min-height: 100vh;
}
.info-card {
background-color: #fff;
border-radius: 12rpx;
box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.05);
margin-bottom: 24rpx;
padding: 30rpx;
}
.card-title {
font-size: 36rpx;
font-weight: bold;
color: #333;
margin-bottom: 30rpx;
padding-bottom: 20rpx;
border-bottom: 1rpx solid #eee;
}
.info-item {
display: flex;
justify-content: space-between;
align-items: center;
padding: 15rpx 0;
border-bottom: 1rpx solid #f0f0f0;
}
.info-item:last-child {
border-bottom: none;
}
.label {
font-size: 30rpx;
color: #666;
flex-shrink: 0;
margin-right: 20rpx;
}
.value {
font-size: 30rpx;
color: #333;
text-align: right;
word-break: break-all;
}
.license-image {
width: 100%;
height: auto;
min-height: 300rpx; /* 设置最小高度以保证布局 */
margin-top: 20rpx;
}
</style>

371
packageA/pages/myResume/myResume.vue
View File

@@ -55,7 +55,7 @@
</view>
<view class="mys-text">
<text>期望工作地：</text>
<text>青岛市-</text>
<text>{{ config.appInfo.areaName }}-</text>
<dict-Label dictType="area" :value="Number(userInfo.area)"></dict-Label>
</view>
<view class="mys-list">
@@ -64,12 +64,92 @@
</view>
</view>
</view>
<!-- 工作经历 -->
<view class="work-experience-container">
<!-- 标题栏：标题 + 编辑/添加按钮 -->
<view class="exp-header">
<text class="exp-title">工作经历</text>
<button class="exp-edit-btn" @click="handleEditOrAdd" size="mini" type="primary">
<!-- <text> {{ workExperiences.length > 0 ? '编辑' : '添加经历' }}</text> -->
添加经历
</button>
</view>
<!-- 工作经历列表 -->
<view class="exp-list" v-if="workExperiences.length > 0">
<view class="exp-item" v-for="(item, index) in workExperiences" :key="item.id">
<!-- 公司名称 + 职位 -->
<view class="exp-company-row">
<text class="exp-company">{{ item.companyName }}</text>
<text class="exp-position">{{ item.position }}</text>
</view>
<!-- 工作时间 -->
<view class="exp-date-row">
<text class="exp-label">工作时间：</text>
<text class="exp-date">{{ item.startDate }} - {{ item.endDate || '至今' }}</text>
</view>
<!-- 工作描述（支持多行） -->
<view class="exp-desc-row" v-if="item.description">
<text class="exp-label">工作描述：</text>
<text class="exp-desc">{{ item.description }}</text>
</view>
<!-- 操作按钮（编辑/删除） -->
<view class="exp-op-btn-row">
<button class="exp-op-btn edit-btn" size="mini" @click.stop="handleEditItem(item)">编辑</button>
<button
class="exp-op-btn delete-btn"
size="mini"
type="warn"
@click.stop="handleDeleteItem(index)"
>
删除
</button>
</view>
<!-- 分隔线（最后一项不显示） -->
<view class="exp-divider" v-if="index !== workExperiences.length - 1"></view>
</view>
</view>
<!-- 空状态提示（无工作经历时显示） -->
<view class="exp-empty" v-else>
<image class="empty-img" src="/static/icons/empty-work.png" mode="widthFix"></image>
<text class="empty-text">暂无工作经历，点击"添加经历"完善信息</text>
</view>
</view>
<!-- 4. 新增：简历上传区域（固定在页面底部） -->
<view class="resume-upload-section">
<!-- 上传按钮 -->
<button class="upload-btn" @click="handleResumeUpload" :loading="isUploading" :disabled="isUploading">
<uni-icons type="cloud-upload" size="20"></uni-icons>
<!-- <image class="upload-icon" src="/static/icons/upload-file.png" mode="widthFix"></image> -->
<text class="upload-text">
{{ uploadedResumeName || '上传简历' }}
</text>
<!-- 已上传时显示“重新上传”文字 -->
<text class="reupload-text" v-if="uploadedResumeName">（重新上传）</text>
</button>
<!-- 上传说明 -->
<text class="upload-tip">支持 PDF、Word 格式，文件大小不超过 20MB</text>
<!-- 已上传文件信息（可选） -->
<view class="uploaded-file-info" v-if="uploadedResumeName">
<image class="file-icon" src="/static/icons/file-icon.png" mode="widthFix"></image>
<text class="file-name">{{ uploadedResumeName }}</text>
<button class="delete-file-btn" size="mini" @click.stop="handleDeleteResume">删除</button>
</view>
</view>
</view>
</template>
<script setup>
import { reactive, inject, watch, ref, onMounted, computed } from 'vue';
const { $api, navTo } = inject('globalFunction');
const { $api, navTo, config } = inject('globalFunction');
import { onLoad, onShow } from '@dcloudio/uni-app';
import { storeToRefs } from 'pinia';
import useUserStore from '@/stores/useUserStore';
@@ -77,6 +157,77 @@ import useDictStore from '@/stores/useDictStore';
const { userInfo } = storeToRefs(useUserStore());
const { getUserResume } = useUserStore();
const { getDictData, oneDictData } = useDictStore();
const isUploading = ref(false); // 上传中状态
const uploadedResumeName = ref(''); // 已上传简历文件名
const uploadedResumeUrl = ref(''); // 已上传
const workExperiences = ref([
{
id: 1, // 唯一标识（实际项目用后端返回ID）
companyName: 'XX科技有限公司', // 公司名称
position: '前端开发工程师', // 职位
startDate: '2021-07', // 开始日期（格式：YYYY-MM）
endDate: '2023-09', // 结束日期（空/undefined 表示“至今”）
description:
'1. 负责公司小程序及H5页面开发，基于UniApp+Vue3技术栈；2. 优化前端性能，首屏加载时间减少30%；3. 参与封装通用组件库，提升团队开发效率。', // 工作描述
},
{
id: 2,
companyName: 'YY互联网公司',
position: '实习前端工程师',
startDate: '2020-12',
endDate: '2021-06',
description: '1. 协助完成后台管理系统页面开发；2. 修复页面兼容性问题，适配多浏览器；3. 整理前端开发文档。',
},
]);
// 页面加载时可从接口拉取数据
onLoad(() => {
// 实际项目中替换为接口请求：
// getWorkExperiences().then(res => {
// workExperiences.value = res.data;
// }).catch(err => {
// showToast({ title: '数据加载失败', icon: 'none' });
// });
});
// 整体编辑/添加（跳转编辑页）
const handleEditOrAdd = () => {
// 跳转至“批量编辑”或“添加经历”页面（根据实际需求设计编辑页）
// router.push({
// path: '/pages/workExperience/edit',
// query: { type: workExperiences.value.length > 0 ? 'edit' : 'add' }
// });
};
// 编辑单个经历
const handleEditItem = (item) => {
// 跳转至单个编辑页，并携带当前经历数据
// router.push({
// path: '/pages/workExperience/editItem',
// query: { item: JSON.stringify(item) } // 复杂数据需转JSON字符串（UniApp路由query不支持直接传对象）
// });
};
// 删除单个经历（带确认弹窗）
const handleDeleteItem = (index) => {
uni.showModal({
title: '确认删除',
content: '此操作将删除该工作经历，是否继续？',
success: (res) => {
if (res.confirm) {
workExperiences.value.splice(index, 1); // 删除本地数据
$api.msg('删除成功');
}
},
});
};
// 简历上传核心逻辑
const handleResumeUpload = () => {};
// 删除已上传的简历
const handleDeleteResume = () => {};
</script>
<style lang="stylus" scoped>
@@ -85,6 +236,8 @@ image{
height: 100%
}
.mys-container{
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
.mys-tops{
display: flex
justify-content: space-between
@@ -179,4 +332,218 @@ image{
}
}
}
/* 容器样式（适配多端，用rpx做单位） */
.work-experience-container {
padding: 20rpx 30rpx;
background-color: #fff;
border-radius: 16rpx;
margin: 20rpx;
box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05);
}
/* 标题栏：两端对齐 */
.exp-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 25rpx;
}
.exp-title {
font-size: 32rpx;
font-weight: 600;
color: #333;
}
/* 编辑/添加按钮（UniApp按钮样式重置） */
.exp-edit-btn {
padding: 0 20rpx;
height: 44rpx;
line-height: 44rpx;
font-size: 24rpx;
margin: 0
}
/* 经历列表容器 */
.exp-list {
margin-top: 10rpx;
}
/* 单个经历卡片 */
.exp-item {
padding: 20rpx 0;
}
/* 公司名称 + 职位（横向排列，职位右对齐） */
.exp-company-row {
display: flex;
justify-content: space-between;
margin-bottom: 15rpx;
}
.exp-company {
font-size: 28rpx;
font-weight: 500;
color: #333;
}
.exp-position {
font-size: 26rpx;
color: #666;
}
/* 工作时间/描述：标签+内容横向排列 */
.exp-date-row, .exp-desc-row {
display: flex;
margin-bottom: 12rpx;
line-height: 1.6;
}
/* 标签样式（固定宽度，统一对齐） */
.exp-label {
font-size: 26rpx;
color: #999;
min-width: 160rpx;
}
/* 内容样式 */
.exp-date, .exp-desc {
font-size: 26rpx;
color: #333;
flex: 1; /* 内容占满剩余宽度，支持换行 */
}
/* 工作描述（支持多行换行） */
.exp-desc {
word-break: break-all;
}
/* 操作按钮行（编辑+删除） */
.exp-op-btn-row {
display: flex;
gap: 15rpx;
margin-top: 15rpx;
justify-content: flex-end;
}
.exp-op-btn {
padding: 0 15rpx;
height: 40rpx;
line-height: 40rpx;
font-size: 22rpx;
margin: 0
}
.edit-btn {
background-color: #e8f3ff;
color: #1677ff;
}
/* 分隔线 */
.exp-divider {
height: 1rpx;
background-color: #f5f5f5;
margin-top: 20rpx;
}
/* 空状态样式 */
.exp-empty {
display: flex;
flex-direction: column;
align-items: center;
padding: 80rpx 0;
color: #999;
}
.empty-img {
width: 140rpx;
height: auto;
margin-bottom: 25rpx;
opacity: 0.6;
}
.empty-text {
font-size: 26rpx;
text-align: center;
line-height: 1.5;
}
/* 新增：简历上传区域样式 */
.resume-upload-section {
margin-top: 30rpx;
padding-top: 25rpx;
border-top: 1px dashed #eee; /* 分隔线区分内容区域 */
display: flex;
flex-direction: column;
gap: 15rpx;
align-items: center;
}
/* 上传按钮 */
.upload-btn {
display: flex;
align-items: center;
justify-content: center;
gap: 10rpx;
padding: 0 30rpx;
background-color: #f5f7fa;
color: #1677ff;
border-radius: 8rpx;
font-size: 26rpx;
}
.upload-icon {
width: 30rpx;
height: 30rpx;
}
.reupload-text {
font-size: 22rpx;
color: #666;
}
/* 上传说明文字 */
.upload-tip {
font-size: 20rpx;
color: #999;
text-align: center;
line-height: 1.4;
}
/* 已上传文件信息 */
.uploaded-file-info {
display: flex;
align-items: center;
gap: 15rpx;
padding: 15rpx 20rpx;
background-color: #fafafa;
border-radius: 8rpx;
margin-top: 10rpx;
}
.file-icon {
width: 36rpx;
height: 36rpx;
}
.file-name {
font-size: 24rpx;
color: #333;
max-width: 400rpx;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.delete-file-btn {
padding: 0 15rpx;
height: 36rpx;
line-height: 36rpx;
font-size: 22rpx;
color: #ff4d4f;
background-color: transparent;
}
</style>

6
packageA/pages/personalInfo/personalInfo.vue
View File

@@ -50,6 +50,10 @@
placeholder="请选择您的政治面貌"
/>
</view>
<view class="content-input">
<view class="input-titile">身份证</view>
<input class="input-con" v-model="fromValue.idcard" placeholder="空" />
</view>
<view class="content-input">
<view class="input-titile">手机号码</view>
<input class="input-con" v-model="fromValue.phone" placeholder="请输入您的手机号码" />
@@ -81,6 +85,7 @@ const fromValue = reactive({
birthDate: '',
education: '',
politicalAffiliation: '',
idcard: '',
});
onLoad(() => {
initLoad();
@@ -101,6 +106,7 @@ function initLoad() {
fromValue.birthDate = userInfo.value.birthDate;
fromValue.education = userInfo.value.education;
fromValue.politicalAffiliation = userInfo.value.politicalAffiliation;
fromValue.idcard = userInfo.value.idcard;
// 回显
state.educationText = dictLabel('education', userInfo.value.education);
state.politicalAffiliationText = dictLabel('affiliation', userInfo.value.politicalAffiliation);

182
packageA/pages/post/post.vue
View File

@@ -56,6 +56,7 @@
{{ jobInfo.description }}
</view>
</view>
<!-- 公司信息 -->
<view class="content-card">
<view class="card-title">
<text class="title">公司信息</text>
@@ -97,7 +98,7 @@
></map>
</view>
</view>
<view class="content-card">
<view class="content-card" v-if="!userInfo.isCompanyUser">
<view class="card-title">
<text class="title">竞争力分析</text>
</view>
@@ -125,8 +126,52 @@
</view>
</view>
</view>
<view style="height: 24px"></view>
<view class="content-card" v-else>
<view class="card-title">
<view class="title">申请人列表</view>
</view>
<view class="applicant-list">
<view v-for="applicant in applicants" :key="applicant.userId" class="applicant-item">
<view class="item-header">
<view class="name">{{ applicant.name }}</view>
<view class="right-header">
<view class="matching-degree">匹配度：{{ applicant.matchingDegree }}</view>
<button class="resume-button" @click="viewResume(applicant.userId)">查看简历</button>
</view>
</view>
<view class="item-details">
<view class="detail-text">
<view class="label">年龄：{{ applicant.age }}</view>
</view>
<view class="detail-text">
<view class="label">
学历：
<dict-Label dictType="education" :value="applicant.education"></dict-Label>
</view>
</view>
<view class="detail-text">
<view class="label">
经验：
<dict-Label dictType="experience" :value="applicant.experience"></dict-Label>
</view>
</view>
<view class="detail-text">
<view class="label">
期望薪资：
<Salary-Expectation
style="display: inline-block"
:max-salary="applicant.maxSalary"
:min-salary="applicant.minSalary"
:is-month="true"
></Salary-Expectation>
</view>
</view>
</view>
</view>
</view>
</view>
</view>
<view style="height: 34px"></view>
<template #footer>
<view class="footer">
<view class="btn-wq button-click" @click="jobApply">立即前往</view>
@@ -143,6 +188,9 @@ import { reactive, inject, watch, ref, onMounted, computed } from 'vue';
import { onLoad, onShow, onHide } from '@dcloudio/uni-app';
import dictLabel from '@/components/dict-Label/dict-Label.vue';
import RadarMap from './component/radarMap.vue';
import { storeToRefs } from 'pinia';
import useUserStore from '@/stores/useUserStore';
const { userInfo } = storeToRefs(useUserStore());
const { $api, navTo, getLenPx, parseQueryParams, navBack, isEmptyObject } = inject('globalFunction');
import config from '@/config.js';
const matchingDegree = ref(['一般', '良好', '优秀', '极好']);
@@ -156,6 +204,33 @@ const raderData = ref({});
const videoPalyerRef = ref(null);
const explainUrlRef = ref('');
const applicants = ref([
{
createTime: null,
userId: 1,
name: '青岛测试账号331',
age: '28', // 假设年龄有值
sex: '1',
birthDate: null,
education: '4',
politicalAffiliation: '',
phone: '',
avatar: '',
salaryMin: '10000',
salaryMax: '15000',
area: '3',
status: '0',
loginIp: '',
loginDate: null,
jobTitleId: '157,233,373',
experience: '3',
isRecommend: 1,
jobTitle: ['人力资源专员/助理', 'Java', '运维工程师'],
applyDate: '2025-09-26',
matchingDegree: 1,
},
]);
onLoad((option) => {
if (option.jobId) {
initLoad(option);
@@ -188,11 +263,14 @@ function seeExplain() {
function getDetail(jobId) {
return new Promise((reslove, reject) => {
$api.createRequest(`/app/job/${jobId}`).then((resData) => {
const { latitude, longitude, companyName, companyId } = resData.data;
const { latitude, longitude, companyName, companyId, isCompanyUser } = resData.data;
jobInfo.value = resData.data;
reslove(resData.data);
getCompanyIsAJobs(companyId);
getCompetivetuveness(jobId);
if (isCompanyUser) {
getCompetivetuveness(jobId);
}
// getCompetivetuveness(jobId);
if (latitude && longitude) {
mapCovers.value = [
{
@@ -565,4 +643,100 @@ for i in 0..100
line-height: 90rpx
}
}
.content-card {
background-color: #fff;
border-radius: 8px;
margin: 10px;
padding: 15px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.card-title {
padding-bottom: 10px;
border-bottom: 1px solid #eee;
margin-bottom: 10px;
}
.title {
font-size: 18px;
font-weight: bold;
color: #333;
}
.applicant-list {
display: flex;
flex-direction: column;
gap: 15px;
}
.applicant-item {
padding: 15px;
background-color: #fafafa;
border-radius: 8px;
border: 1px solid #f0f0f0;
}
.item-header {
display: flex;
justify-content: space-between; /* 名字和右侧部分分开 */
align-items: center;
margin-bottom: 10px;
}
.right-header {
display: flex;
align-items: center;
gap: 10px;
}
.name {
font-size: 16px;
font-weight: bold;
max-width: 100px; /* 限制名字的最大宽度，根据你的布局调整 */
overflow: hidden; /* 隐藏超出部分 */
white-space: nowrap; /* 不换行 */
text-overflow: ellipsis; /* 显示省略号 */
}
.matching-degree {
font-size: 14px;
color: #4CAF50;
font-weight: 500;
}
.resume-button {
font-size: 12px;
padding: 5px 10px;
border-radius: 20px;
border: 1px solid #007aff;
color: #007aff;
background-color: transparent;
line-height: 1;
height: auto;
}
.resume-button::after {
border: none;
}
.item-details {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.detail-text {
font-size: 14px;
color: #666;
/* 确保标签和值在同一行 */
display: flex;
white-space: nowrap;
}
.label {
font-weight: bold;
color: #333;
}
</style>