merge: 合并 CareerMap 分支到 main

This commit is contained in:
2025-11-12 19:33:53 +08:00
26 changed files with 8307 additions and 937 deletions

46
apiRc/jobPath.js Normal file
View File

@@ -0,0 +1,46 @@
/*
* @Date: 2025-11-12
* @Description: 职业路径相关接口
*/
import request from '@/utilsRc/request'
// 根据职业名称获取路径列表
export function getJobPathPage(params) {
return request({
url: '/jobPath/getJobPathPage',
method: 'get',
params,
baseUrlType: 'zytp'
})
}
// 根据职业路径ID获取详情
export function getJobPathDetail(params) {
const requestParams = {};
if (params?.jobPathId !== undefined && params?.jobPathId !== null && params?.jobPathId !== '') {
requestParams.id = params.jobPathId;
} else if (params?.id !== undefined && params?.id !== null && params?.id !== '') {
requestParams.id = params.id;
}
if (!requestParams.id) {
return Promise.reject('缺少必需的 id 参数');
}
return request({
url: '/jobPath/getJobPathById',
method: 'get',
params: requestParams,
baseUrlType: 'zytp'
})
}
// 获取职业路径数量
export function getJobPathNum() {
return request({
url: '/jobPath/getJobPathNum',
method: 'get',
baseUrlType: 'zytp'
})
}

33
apiRc/jobRecommend.js Normal file
View File

@@ -0,0 +1,33 @@
/*
* @Date: 2025-11-12
* @Description: 职业推荐相关接口
*/
import request from '@/utilsRc/request'
function createFormData(payload = {}) {
if (typeof FormData !== 'undefined') {
const formData = new FormData()
Object.keys(payload).forEach(key => {
const value = payload[key]
if (value !== undefined && value !== null && value !== '') {
formData.append(key, value)
}
})
return formData
}
return payload
}
export function recommendJob(data) {
const params = {};
if (data?.jobName !== undefined && data?.jobName !== null && data?.jobName !== '') {
params.jobName = String(data.jobName);
}
return request({
url: '/job/recommendJobByJobName',
method: 'get',
params: params,
baseUrlType: 'zytp'
})
}

45
apiRc/jobSkill.js Normal file
View File

@@ -0,0 +1,45 @@
/*
* @Date: 2025-11-12
* @Description: 职业技能相关接口
*/
import request from '@/utilsRc/request'
export function getJobSkillDetail(params) {
return request({
url: '/jobSkillDet/getJobSkillDet',
method: 'get',
params,
baseUrlType: 'zytp'
})
}
// 暂未使用 - 如果需要在 CareerPath.vue 中点击路径职位查看详细技能信息时使用
// 使用场景:获取职业路径中某个职位的详细技能信息(包含技能分数、类型等)
// export function getJobPathSkill(data) {
// let formData
// if (typeof FormData !== 'undefined') {
// formData = new FormData()
// if (data?.pathId !== undefined && data?.pathId !== null) {
// formData.append('pathId', data.pathId)
// }
// if (data?.currentJobName !== undefined && data?.currentJobName !== null) {
// formData.append('currentJobName', data.currentJobName)
// }
// } else {
// formData = {
// pathId: data?.pathId ?? '',
// currentJobName: data?.currentJobName ?? ''
// }
// }
// return request({
// url: '/jobSkillDet/getJobPathSkill',
// method: 'post',
// data: formData,
// baseUrlType: 'zytp',
// header: {
// 'content-type': 'multipart/form-data'
// }
// })
// }

14
apiRc/user/user.js Normal file
View File

@@ -0,0 +1,14 @@
/*
* @Date: 2025-01-XX
* @LastEditors:
* @LastEditTime:
*/
import request from '@/utilsRc/request'
// 获取用户信息(职业规划推荐用)
export function appUserInfo() {
return request({
url: '/app/user/appUserInfo',
method: 'get'
})
}

View File

@@ -4,7 +4,8 @@
class="tabbar-item"
v-for="(item, index) in tabbarList"
:key="index"
@click="switchTab(item, index)"
@click.stop="switchTab(item, index)"
@tap.stop="switchTab(item, index)"
>
<view class="tabbar-icon">
<image
@@ -154,6 +155,8 @@ watch(() => userInfo.value, (newUserInfo, oldUserInfo) => {
// 切换tab
const switchTab = (item, index) => {
console.log('switchTab called', item, index);
// 检查是否为"发布岗位"页面,需要判断企业信息是否完整
if (item.path === '/pages/job/publishJob') {
// 检查用户是否已登录
@@ -270,8 +273,9 @@ onMounted(() => {
display: flex;
align-items: center;
padding-bottom: env(safe-area-inset-bottom);
z-index: 999;
z-index: 9999;
box-shadow: 0 -2rpx 10rpx rgba(0, 0, 0, 0.1);
pointer-events: auto;
}
.tabbar-item {
@@ -285,6 +289,8 @@ onMounted(() => {
font-size: 22rpx;
position: relative;
cursor: pointer;
pointer-events: auto;
-webkit-tap-highlight-color: transparent;
}
.tabbar-icon {

View File

@@ -0,0 +1,237 @@
# 职业图谱功能接口说明
## 📋 目录
- [一、职业路径相关接口](#一职业路径相关接口)
- [二、职业技能相关接口](#二职业技能相关接口)
- [三、职业推荐相关接口](#三职业推荐相关接口)
- [四、接口使用场景](#四接口使用场景)
---
## 一、职业路径相关接口
### 1. `getJobPathPage` - 根据职业名称获取路径列表
- **接口路径**: `/jobPath/getJobPathPage`
- **请求方法**: `GET`
- **接口类型**: `zytp`
- **参数**:
- `jobName` (可选): 职业名称,用于搜索
- `pageNo`: 页码
- `pageSize`: 每页数量
- **返回数据**:
```json
{
"code": 0,
"data": {
"list": [
{
"id": 1,
"startJobId": 1,
"startJob": "AI产品经理",
"endJobId": 1,
"endJob": "推荐算法",
"jobOrder": "AI产品经理AI训练师图像识别导航算法推荐算法",
"jobCount": 5
}
],
"total": 16
}
}
```
- **使用场景**:
- ✅ **CareerPath.vue**: 获取目标职业选项列表(下拉选择器)
- ✅ **CareerRecommend.vue**: 通过 `jobName` 查询获取 `jobId`(当缺少 jobId 时)
- ✅ **CareerPath.vue**: 查询时如果没有 jobPathId通过 jobName 查找
---
### 2. ``getJobPathById`- 根据职业路径ID获取详情
- **接口路径**: `/jobPath/getJobPathById`
- **请求方法**: `GET`
- **接口类型**: `zytp`
- **参数**:
- `jobPathId`: 职业路径ID
- **返回数据**:
```json
{
"data": [
{
"name": "职位名称",
"skillNameList": "技能1,技能2,技能3"
}
]
}
```
- **使用场景**:
- ✅ **CareerPath.vue**: 获取职业路径的详细信息(起点、中间步骤、终点及每个职位的技能列表)
- 用于显示完整的职业发展路径时间线
---
### 3. `getJobPathNum` - 获取职业路径数量
- **接口路径**: `/jobPath/getJobPathNum`
- **请求方法**: `GET`
- **接口类型**: `zytp`
- **参数**: 无
- **返回数据**:
```json
{
"data": 16 // 路径总数
}
```
- **使用场景**:
- ✅ **CareerPath.vue**: 显示"系统已收录 X 条职业路径"
---
## 二、职业技能相关接口
### 4. `getJobSkillDetail` - 获取职位技能详情
- **接口路径**: `/jobSkillDet/getJobSkillDet`
- **请求方法**: `GET`
- **接口类型**: `zytp`
- **参数**:
- `jobId` (必需): 职位ID
- `jobName` (可选): 职位名称
- **返回数据**:
```json
{
"data": [
{
"skillName": "技能名称",
"skillScore": "技能分数"
}
]
}
```
- **使用场景**:
- ✅ **career-planning.vue**: 点击推荐职位卡片时,获取该职位的技能详情(用于技能详情弹窗 `SkillDetailPopup`
- **调用位置**: `handleJobCardClick` 函数中
---
### 5. `getJobPathSkill` - 获取职业路径技能(已隐藏,暂未使用)
- **接口路径**: `/jobSkillDet/getJobPathSkill`
- **请求方法**: `POST`
- **接口类型**: `zytp`
- **参数**:
- `pathId`: 路径ID
- `currentJobName`: 当前职位名称
- **返回数据**: `List<JobSkillDetVO>` (包含技能分数、类型等详细信息)
- **使用场景**:
- ❌ 暂未在代码中使用
- 💡 **潜在使用场景**: 在 `CareerPath.vue` 中,如果用户点击路径中的某个职位,需要查看该职位在路径中的详细技能信息(包含技能分数、类型等)时,可以使用此接口
- **当前状态**: 接口已注释隐藏,如需使用请取消注释
---
## 三、职业推荐相关接口
### 8. `recommendJob` - 推荐职位
- **接口路径**: `/job/recommendJobByJobName`
- **请求方法**: `GET`
- **接口类型**: `zytp`
- **参数**:
- `jobName` (必需): 当前职位名称(从缓存中获取),通过 URL 参数传递,格式:`/job/recommendJobByJobName?jobName=职位名称`
- **返回数据**:
```json
{
"data": [
{
"jobId": 123,
"jobName": "推荐职位名称",
"skillList": [
{
"skillName": "技能名称"
}
]
}
]
}
```
- **使用场景**:
- ✅ **CareerRecommend.vue**: 根据当前职位名称(从缓存中获取),获取相似推荐职位列表(显示在"相似推荐职位"区域)
---
## 四、接口使用场景
### 📍 页面结构
```
career-planning.vue (主页面)
├── Tab 0: 职业推荐 (CareerRecommend.vue)
├── Tab 1: 职业路径 (CareerPath.vue)
└── Tab 2: 技能发展 (SkillDevelopment.vue)
```
### 📍 职业推荐 Tab (CareerRecommend.vue)
1. **进入页面时**:
- `getJobSkillDetail` - 获取当前职位的技能标签(需要 `jobId`,如果没有 `jobId` 则跳过)
- `recommendJob` - 获取相似推荐职位(需要 `jobId`
2. **点击职位卡片时**:
- `getJobSkillDetail` - 获取该职位的技能详情(显示在技能详情弹窗中)
**注意**: `getJobPathPage` 接口**只在职业路径流程中使用**,不在职业推荐流程中使用。
### 📍 职业路径 Tab (CareerPath.vue)
1. **进入页面时**:
- `getJobPathPage` - 获取所有职业路径列表(填充目标职业下拉选择器)
- `getJobPathNum` - 获取职业路径总数(显示"系统已收录 X 条职业路径"
2. **选择目标职业并点击查询时**:
- `getJobPathPage` - 如果没有 `jobPathId`,通过 `jobName` 查找
- `getJobPathDetail` (实际: `getJobPathById`) - 获取职业路径详情(显示完整路径时间线)
### 📍 技能发展 Tab (SkillDevelopment.vue)
1. **进入页面时**:
- 暂无接口调用
---
## 🔑 关键接口调用流程
### 流程1: 获取当前职位技能
```
CareerRecommend.vue
└── getJobSkillDetail(jobId, jobName) → 获取技能列表
(如果没有 jobId则跳过获取技能
```
### 流程2: 查询职业路径
```
CareerPath.vue
├── getJobPathPage() → 获取路径列表(填充下拉选择器)
├── 用户选择目标职业
└── getJobPathById(jobPathId) → 获取路径详情(显示时间线)
```
### 流程3: 获取推荐职位
```
CareerRecommend.vue
└── recommendJob(jobId) → 获取相似推荐职位列表
```
---
## ⚠️ 注意事项
1. **接口返回码**:
- `code: 0` 和 `code: 200` 都表示成功
- 已在 `request.js` 中处理
2. **参数要求**:
- `getJobSkillDetail` 必须提供 `jobId`,如果没有 `jobId` 则跳过获取技能
- `getJobPathPage` **只在职业路径流程中使用**,不在职业推荐流程中使用
3. **数据格式**:
- `getJobPathPage` 返回的 `list` 在 `response.data.list` 中
- `getJobPathById` 返回的详情在 `response.data` 中(数组格式)
4. **接口使用范围**:
- `getJobPathPage` **只在职业路径流程CareerPath.vue中使用**
- 职业推荐流程CareerRecommend.vue**不使用** `getJobPathPage` 接口
5. **接口前缀**:
- 所有 `zytp` 类型的接口使用: `http://ks.zhaopinzao8dian.com/api/ks_zytp/admin-api/zytp`

4540
package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@@ -1,51 +1,61 @@
{
"pages": [
"pages": [ //pages数组中第一项表示应用启动页参考https://uniapp.dcloud.io/collocation/pages
{
"path": "pages/index/index",
"style": {
"navigationBarTitleText": "喀什智慧就业平台"
"navigationBarTitleText": "喀什智慧就业平台",
"navigationBarTitleTextSize": "30rpx",
// #ifdef H5
"navigationStyle": "custom"
// #endif
}
},
{
"path": "pages/mine/mine",
"style": {
"navigationBarTitleText": "我的"
"navigationBarTitleText": "我的",
"navigationBarTitleTextSize": "30rpx",
"navigationStyle": "custom"
}
},
{
"path": "pages/msglog/msglog",
"style": {
"navigationBarTitleText": "消息"
"navigationBarTitleText": "消息",
"navigationBarTitleTextSize": "30rpx"
// "navigationStyle": "custom",
// "enablePullDownRefresh": false
}
},
{
"path": "pages/careerfair/careerfair",
"style": {
"navigationBarTitleText": "招聘会"
"navigationBarTitleText": "招聘会",
"navigationBarTitleTextSize": "30rpx"
// "navigationStyle": "custom"
}
},
{
"path": "pages/complete-info/complete-info",
"style": {
"navigationBarTitleText": "补全信息"
"navigationBarTitleText": "补全信息",
"navigationBarTitleTextSize": "30rpx"
// "navigationStyle": "custom"
}
},
{
"path": "pages/complete-info/company-info",
"style": {
"navigationBarTitleText": "企业信息"
"navigationBarTitleText": "企业信息",
"navigationBarTitleTextSize": "30rpx"
// "navigationStyle": "custom"
}
},
{
"path": "pages/complete-info/components/map-location-picker",
"style": {
"navigationBarTitleText": "选择地址"
}
},
{
"path": "pages/complete-info/skill-search",
"style": {
"navigationBarTitleText": "技能查询"
"navigationBarTitleText": "选择地址",
"navigationStyle": "custom"
}
},
{
@@ -53,19 +63,68 @@
"style": {
"navigationBarTitleText": "附近",
"navigationBarBackgroundColor": "#4778EC",
"navigationBarTextStyle": "white"
"navigationBarTextStyle": "white",
"navigationStyle": "custom"
}
},
{
"path": "pages/test/userTypeTest",
"style": {
"navigationBarTitleText": "用户类型测试",
"navigationStyle": "custom"
}
},
{
"path": "pages/test/tabbar-test",
"style": {
"navigationBarTitleText": "TabBar测试",
"navigationStyle": "custom"
}
},
{
"path": "pages/test/homepage-test",
"style": {
"navigationBarTitleText": "首页内容测试",
"navigationStyle": "custom"
}
},
{
"path": "pages/test/tabbar-user-type-test",
"style": {
"navigationBarTitleText": "TabBar用户类型测试",
"navigationStyle": "custom"
}
},
{
"path": "pages/test/company-search-test",
"style": {
"navigationBarTitleText": "企业搜索功能测试",
"navigationStyle": "custom"
}
},
{
"path": "pages/test/company-mine-test",
"style": {
"navigationBarTitleText": "企业我的页面测试",
"navigationStyle": "custom"
}
},
{
"path": "pages/job/publishJob",
"style": {
"navigationBarTitleText": "发布岗位"
// "navigationStyle": "custom",
// "disableScroll": false,
// "enablePullDownRefresh": false,
// "onReachBottomDistance": 50,
// "backgroundColor": "#f5f5f5"
}
},
{
"path": "pages/job/companySearch",
"style": {
"navigationBarTitleText": "选择企业",
"navigationStyle": "custom",
"disableScroll": false,
"enablePullDownRefresh": false,
"backgroundColor": "#f5f5f5"
@@ -75,132 +134,164 @@
"path": "pages/chat/chat",
"style": {
"navigationBarTitleText": "AI+",
"navigationBarTitleTextSize": "30rpx",
"navigationBarBackgroundColor": "#4778EC",
"navigationBarTextStyle": "white",
"enablePullDownRefresh": false
// #ifdef H5
// "navigationStyle": "custom"
//#endif
}
},
{
"path": "pages/search/search",
"style": {
"navigationBarTitleText": ""
// "navigationStyle": "custom"
}
},
{
"path": "pages/service/career-planning",
"style": {
"navigationBarTitleText": "职业规划推荐",
"navigationBarTitleTextSize": "30rpx",
"navigationStyle": "custom"
}
},
{
"path": "pages/mine/company-mine",
"style": {
"navigationBarTitleText": "我的"
"navigationBarTitleText": "我的",
"navigationBarTitleTextSize": "30rpx"
// "navigationStyle": "custom"
}
},
{
"path": "pages/mine/company-info",
"style": {
"navigationBarTitleText": "企业信息"
"navigationBarTitleText": "企业信息",
"navigationBarTitleTextSize": "30rpx"
}
},
{
"path": "pages/mine/edit-company-contacts",
"style": {
"navigationBarTitleText": "编辑联系人"
"navigationBarTitleText": "编辑联系人",
"navigationBarTitleTextSize": "30rpx"
}
}
],
"subpackages": [
{
"subpackages": [{
"root": "packageA",
"pages": [
{
"path" : "pages/addWorkExperience/addWorkExperience",
"style": {
"navigationBarTitleText": "添加工作经历"
}
},
"style" :
{
"navigationBarTitleText" : "添加工作经历",
"navigationBarTitleTextSize": "30rpx"
// "navigationStyle": "custom"
}
},{
"path": "pages/choiceness/choiceness",
"style": {
"navigationBarTitleText": "精选",
"navigationBarBackgroundColor": "#4778EC",
"navigationBarTextStyle": "white"
"navigationBarTextStyle": "white",
"navigationStyle": "custom"
}
},
{
}, {
"path": "pages/post/post",
"style": {
"navigationBarTitleText": "职位详情",
"navigationBarBackgroundColor": "#4778EC",
"navigationBarTextStyle": "white"
}
},
{
}, {
"path": "pages/UnitDetails/UnitDetails",
"style": {
"navigationBarTitleText": "单位详情"
// "navigationBarBackgroundColor": "#4778EC",
// "navigationBarTextStyle": "white"
// "navigationStyle": "custom"
}
},
{
}, {
"path": "pages/exhibitors/exhibitors",
"style": {
"navigationBarTitleText": "参展单位",
"navigationBarBackgroundColor": "#FFFFFF",
"navigationBarTextStyle": "black"
// "navigationStyle": "custom"
}
},
{
}, {
"path": "pages/myResume/myResume",
"style": {
"navigationBarTitleText": "我的简历",
"navigationBarTitleTextSize": "30rpx",
"navigationBarBackgroundColor": "#FFFFFF"
}
},
{
}, {
"path": "pages/Intendedposition/Intendedposition",
"style": {
"navigationBarTitleText": "投递记录",
"navigationBarTitleTextSize": "30rpx",
"navigationBarBackgroundColor": "#FFFFFF"
}
},
{
}, {
"path": "pages/collection/collection",
"style": {
"navigationBarTitleText": "我的收藏",
"navigationBarBackgroundColor": "#FFFFFF"
"navigationBarTitleTextSize": "30rpx",
"navigationBarBackgroundColor": "#FFFFFF",
"navigationStyle": "custom"
}
},
{
"path": "pages/browseJob/browseJob",
"style": {
"navigationBarTitleText": "我的浏览",
"navigationBarBackgroundColor": "#FFFFFF"
"navigationBarTitleTextSize": "30rpx",
"navigationBarBackgroundColor": "#FFFFFF",
"navigationStyle": "custom"
}
},
{
"path": "pages/addPosition/addPosition",
"style": {
"navigationBarTitleText": "添加岗位"
"navigationBarTitleText": "添加岗位",
"navigationBarTitleTextSize": "30rpx",
"navigationStyle": "custom"
}
},
{
"path": "pages/selectDate/selectDate",
"style": {
"navigationBarTitleText": ""
"navigationBarTitleText": "",
"navigationStyle": "custom"
}
},
{
"path": "pages/personalInfo/personalInfo",
"style": {
"navigationBarTitleText": "个人信息"
"navigationBarTitleText": "个人信息",
"navigationBarTitleTextSize": "30rpx",
"navigationStyle": "custom"
}
},
{
"path": "pages/jobExpect/jobExpect",
"style": {
"navigationBarTitleText": "求职期望"
"navigationBarTitleText": "求职期望",
"navigationBarTitleTextSize": "30rpx"
// "navigationStyle": "custom"
}
},
{
"path": "pages/selectDate/reservation/reservation",
"path": "pages/reservation/reservation",
"style": {
"navigationBarTitleText": "我的预约",
"navigationBarTitleTextSize": "30rpx",
"navigationBarBackgroundColor": "#FFFFFF"
}
},
@@ -208,13 +299,16 @@
"path": "pages/choicenessList/choicenessList",
"style": {
"navigationBarTitleText": "精选企业",
"navigationBarBackgroundColor": "#FFFFFF"
"navigationBarTitleTextSize": "30rpx",
"navigationBarBackgroundColor": "#FFFFFF",
"navigationStyle": "custom"
}
},
{
"path": "pages/newJobPosition/newJobPosition",
"style": {
"navigationBarTitleText": "新职位推荐",
"navigationBarTitleTextSize": "30rpx",
"navigationBarBackgroundColor": "#FFFFFF"
}
},
@@ -222,6 +316,7 @@
"path": "pages/systemNotification/systemNotification",
"style": {
"navigationBarTitleText": "系统通知",
"navigationBarTitleTextSize": "30rpx",
"navigationBarBackgroundColor": "#FFFFFF"
}
},
@@ -229,13 +324,15 @@
"path": "pages/tiktok/tiktok",
"style": {
"navigationBarTitleText": "",
"navigationBarBackgroundColor": "#FFFFFF"
"navigationBarBackgroundColor": "#FFFFFF",
"navigationStyle": "custom"
}
},
{
"path": "pages/moreJobs/moreJobs",
"style": {
"navigationBarTitleText": "更多岗位",
"navigationBarTitleTextSize": "30rpx",
"navigationBarBackgroundColor": "#FFFFFF"
}
},
@@ -243,6 +340,7 @@
"path": "pages/collection/compare",
"style": {
"navigationBarTitleText": " 岗位对比",
"navigationBarTitleTextSize": "30rpx",
"navigationBarBackgroundColor": "#FFFFFF"
}
},
@@ -250,6 +348,7 @@
"path": "pages/myResume/corporateInformation",
"style": {
"navigationBarTitleText": " 企业详情",
"navigationBarTitleTextSize": "30rpx",
"navigationBarBackgroundColor": "#FFFFFF"
}
}
@@ -259,99 +358,66 @@
"root": "packageB",
"pages": [
{
"path": "jobFair/detailCom",
"style": {
"navigationBarTitleText": "招聘会详情"
}
},
"path" : "jobFair/detail",
"style" :
{
"path": "jobFair/detailPerson",
"style": {
"navigationBarTitleText": "招聘会详情"
"navigationBarTitleText" : "招聘会详情",
"navigationBarTitleTextSize": "30rpx"
// "navigationStyle": "custom"
}
},
{
"path" : "login",
"style": {
"navigationBarTitleText": "登录"
"style" :
{
"navigationBarTitleText" : "登录",
"navigationBarTitleTextSize": "30rpx"
// "navigationStyle": "custom"
}
},
{
"path" : "train/index",
"style": {
"navigationBarTitleText": "技能评价"
"style" :
{
"navigationBarTitleText" : "技能评价",
"navigationBarTitleTextSize": "30rpx"
// "navigationStyle": "custom"
}
},
{
"path" : "train/practice/startPracticing",
"style": {
"navigationBarTitleText": "专项训练"
"style" :
{
"navigationBarTitleText" : "专项训练",
"navigationBarTitleTextSize": "30rpx"
// "navigationStyle": "custom"
}
},
{
"path" : "train/video/videoList",
"style": {
"navigationBarTitleText": "视频学习"
"style" :
{
"navigationBarTitleText" : "视频学习",
"navigationBarTitleTextSize": "30rpx"
// "navigationStyle": "custom"
}
},
{
"path" : "train/video/videoDetail",
"style": {
"navigationBarTitleText": "视频详情"
"style" :
{
"navigationBarTitleText" : "视频详情",
"navigationBarTitleTextSize": "30rpx"
// "navigationStyle": "custom"
}
},
{
"path" : "train/mockExam/examList",
"style": {
"navigationBarTitleText": "考试列表"
}
},
"style" :
{
"path": "train/mockExam/startExam",
"style": {
"navigationBarTitleText": "模拟考试"
}
},
{
"path": "train/mockExam/viewGrades",
"style": {
"navigationBarTitleText": "查看成绩"
}
},
{
"path": "train/mockExam/paperDetails",
"style": {
"navigationBarTitleText": "考试详情"
}
},
{
"path": "priority/helpFilter",
"style": {
"navigationBarTitleText": "筛选和帮扶"
}
},
{
"path": "priority/helpFollow",
"style": {
"navigationBarTitleText": "跟进"
}
},
{
"path": "train/wrongAnswer/mistakeNotebook",
"style": {
"navigationBarTitleText": "错题本"
}
},
{
"path": "train/wrongAnswer/questionPractice",
"style": {
"navigationBarTitleText": "错题练习"
}
},
{
"path": "train/wrongAnswer/wrongDetail",
"style": {
"navigationBarTitleText": "错题详情"
"navigationBarTitleText" : "模拟考试",
"navigationBarTitleTextSize": "30rpx"
// "navigationStyle": "custom"
}
}
]
@@ -361,309 +427,105 @@
"pages": [
{
"path" : "pages/index/index",
"style": {
"style" :
{
"navigationBarTitleText" : "高校毕业生智慧就业"
}
},
{
} , {
"path": "pages/personalList/personalList",
"style": {
"navigationBarTitleText": "毕业生追踪"
"navigationBarTitleText": "添加帮扶"
}
},
{
"path": "pages/jobList/jobList",
"style": {
"navigationBarTitleText": "岗位列表"
}
},
{
},{
"path": "pages/daiban/daiban",
"style": {
"navigationBarTitleText": "待办任务"
// "navigationBarBackgroundColor": "#4778EC",
// "navigationBarTextStyle": "white"
}
},
{
"path": "pages/daiban/daibandetail",
"style": {
"navigationBarTitleText": "待办详情"
"navigationBarTitleText": "待办详情",
"navigationBarBackgroundColor": "#4778EC",
"navigationBarTextStyle": "white"
}
},
{
"path": "pages/demand/demandail",
"style": {
"navigationBarTitleText": "新增需求"
"navigationBarTitleText": "新增需求",
"navigationBarBackgroundColor": "#4778EC",
"navigationBarTextStyle": "white"
}
},
{
} , {
"path": "pages/daiban/addbangfu",
"style": {
"navigationBarTitleText": "添加帮扶"
}
},
{
"path": "pages/service/serviceDetail",
"style": {
"navigationBarTitleText": "服务"
}
},
{
"path": "pages/service/serviceTraceability",
"style": {
"navigationBarTitleText": "服务追溯"
}
},
{
"path": "pages/needs/needDetail",
"style": {
"navigationBarTitleText": "需求信息"
}
},
{
"path": "pages/daiban/bangfuList",
"style": {
"navigationBarTitleText": "服务记录"
}
},
{
"path": "pages/needs/personNeeds",
"style": {
"navigationBarTitleText": "需求上报"
}
},
{
"path": "pages/needs/needsList",
"style": {
"navigationBarTitleText": "需求"
}
},
{
"path": "pages/policy/policyList",
"style": {
"navigationBarTitleText": "政策专区"
}
},
{
"path": "pages/policy/policyDetail",
"style": {
"navigationBarTitleText": "政策详解"
"navigationBarTitleText": "添加帮扶",
"navigationBarBackgroundColor": "#4778EC",
"navigationBarTextStyle": "white"
}
}
]
},
{
"root": "packageCa",
"pages": [
{
"path": "search/search",
"style": {
"navigationBarTitleText": "生涯规划",
"navigationStyle": "custom"
}
},
{
"path": "search/AIAudition",
"style": {
"navigationBarTitleText": "AI智能面试"
}
},
{
"path": "job/index",
"style": {
"navigationBarTitleText": "职业库"
}
},
{
"path": "job/midList",
"style": {
"navigationBarTitleText": "职业库-中类"
}
},
{
"path": "job/smallList",
"style": {
"navigationBarTitleText": "职业库-小类"
}
},
{
"path": "job/details",
"style": {
"navigationBarTitleText": "职业详情"
}
},
{
"path": "userCenter/professionPath",
"style": {
"navigationBarTitleText": "职业路径",
"navigationStyle": "custom"
}
},
{
"path": "userCenter/personDocument",
"style": {
"navigationBarTitleText": "生涯档案",
"navigationStyle": "custom"
}
},
{
"path": "userCenter/careerCompass",
"style": {
"navigationBarTitleText": "生涯罗盘",
"navigationStyle": "custom"
}
},
{
"path": "userCenter/learningPlan",
"style": {
"navigationBarTitleText": "学业规划",
"navigationStyle": "custom"
}
},
{
"path": "userCenter/smartTarget",
"style": {
"navigationBarTitleText": "学业规划",
"navigationStyle": "custom"
}
},
{
"path": "userCenter/fillInInformation",
"style": {
"navigationBarTitleText": "完善个人信息"
}
},
{
"path": "pagesTest/testList",
"style": {
"navigationBarTitleText": "生涯测评",
"navigationStyle": "custom"
}
},
{
"path": "pagesTest/customTestTitle",
"style": {
"navigationBarTitleText": "自定义测评",
"navigationStyle": "custom"
}
},
{
"path": "pagesTest/interestTestTitle",
"style": {
"navigationBarTitleText": "职业兴趣测评",
"navigationStyle": "custom"
}
},
{
"path": "pagesTest/workValuesTestTitle",
"style": {
"navigationBarTitleText": "工作价值观测评",
"navigationStyle": "custom"
}
},
{
"path": "pagesTest/personalTestTitle",
"style": {
"navigationBarTitleText": "人格测评",
"navigationStyle": "custom"
}
},
{
"path": "testReport/workValuesTestReport",
"style": {
"navigationBarTitleText": "工作价值观测评报告",
"navigationStyle": "custom"
}
},
{
"path": "testReport/multipleAbilityTestReport",
"style": {
"navigationBarTitleText": "多元能力测评报告",
"navigationStyle": "custom"
}
},
{
"path": "testReport/generalCareerTestReport",
"style": {
"navigationBarTitleText": "通用职业能力测评报告",
"navigationStyle": "custom"
}
},
{
"path": "testReport/personalTestReport",
"style": {
"navigationBarTitleText": "人格测评报告",
"navigationStyle": "custom"
}
},
{
"path": "testReport/interestTestReport",
"style": {
"navigationBarTitleText": "职业兴趣测评报告",
"navigationStyle": "custom"
}
}
]
}
],
}],
// "tabBar": {
// "custom": true,
// "color": "#5E5F60",
// "selectedColor": "#256BFA",
// "borderStyle": "black",
// "backgroundColor": "#ffffff",
// "list": [{
// "pagePath": "pages/index/index",
// "iconPath": "static/tabbar/calendar.png",
// "selectedIconPath": "static/tabbar/calendared.png",
// "text": "职1"
// },
// {
// "pagePath": "pages/careerfair/careerfair",
// "iconPath": "static/tabbar/post.png",
// "selectedIconPath": "static/tabbar/posted.png",
// "text": "招聘会"
// },
// {
// "pagePath": "pages/chat/chat",
// "iconPath": "static/tabbar/logo3.png",
// "selectedIconPath": "static/tabbar/logo3.png",
// "text": "AI+"
// },
// {
// "pagePath": "pages/msglog/msglog",
// "iconPath": "static/tabbar/chat4.png",
// "selectedIconPath": "static/tabbar/chat4ed.png",
// "text": "消息"
// },
// {
// "pagePath": "pages/mine/mine",
// "iconPath": "static/tabbar/mine.png",
// "selectedIconPath": "static/tabbar/mined.png",
// "text": "我的"
// }
// ]
// },
"globalStyle": {
"navigationBarTextStyle": "black",
"navigationBarTitleText": "uni-app",
"navigationBarBackgroundColor": "#F8F8F8",
"backgroundColor": "#F8F8F8"
"backgroundColor": "#F8F8F8",
"navigationBarTitleTextSize": "18px"
// "enablePullDownRefresh": false,
// "navigationStyle": "custom"
},
"easycom": {
"autoscan": true,
"custom": {
"^uni-(.*)": "@dcloudio/uni-ui/lib/uni-$1/uni-$1.vue",
"^time-picker$": "@dcloudio/uni-ui/lib/uni-datetime-picker/time-picker.vue",
"^TimePicker$": "@dcloudio/uni-ui/lib/uni-datetime-picker/time-picker.vue",
"^Calendar$": "@dcloudio/uni-ui/lib/uni-datetime-picker/calendar.vue",
"^calendar-item$": "@dcloudio/uni-ui/lib/uni-datetime-picker/calendar-item.vue",
"^CalendarItem$": "@dcloudio/uni-ui/lib/uni-datetime-picker/calendar-item.vue",
"^table-checkbox$": "@dcloudio/uni-ui/lib/uni-tr/table-checkbox.vue",
"^TableCheckbox$": "@dcloudio/uni-ui/lib/uni-tr/table-checkbox.vue",
"^filter-dropdown$": "@dcloudio/uni-ui/lib/uni-th/filter-dropdown.vue",
"^FilterDropdown$": "@dcloudio/uni-ui/lib/uni-th/filter-dropdown.vue",
"^uni-status-bar$": "@dcloudio/uni-ui/lib/uni-nav-bar/uni-status-bar.vue",
"^upload-image$": "@dcloudio/uni-ui/lib/uni-file-picker/upload-image.vue",
"^UploadImage$": "@dcloudio/uni-ui/lib/uni-file-picker/upload-image.vue",
"^upload-file$": "@dcloudio/uni-ui/lib/uni-file-picker/upload-file.vue",
"^UploadFile$": "@dcloudio/uni-ui/lib/uni-file-picker/upload-file.vue",
"^IconfontIcon$": "@/components/IconfontIcon/IconfontIcon.vue",
"^WxAuthLogin$": "@/components/wxAuthLogin/WxAuthLogin.vue",
"^WxAuthLogin$": "@/components/WxAuthLogin/WxAuthLogin.vue",
"^AppLayout$": "@/components/AppLayout/AppLayout.vue",
"^CustomTabBar$": "@/components/CustomTabBar/CustomTabBar.vue",
"^UserTypeSwitcher$": "@/components/UserTypeSwitcher/UserTypeSwitcher.vue",
"^CollapseTransition$": "@/components/CollapseTransition/CollapseTransition.vue",
"^NoBouncePage$": "@/components/NoBouncePage/NoBouncePage.vue",
"^TikTok$": "@/components/TikTok/TikTok.vue",
"^MsgTips$": "@/components/MsgTips/MsgTips.vue",
"^exitPopup$": "@/packageRc/components/exitPopup.vue",
"^ImageUpload$": "@/packageRc/components/ImageUpload.vue",
"^placePicker$": "@/packageRc/components/placePicker.vue",
"^PlacePicker$": "@/packageRc/components/placePicker.vue",
"^PopupLists$": "@/packageRc/components/PopupLists.vue",
"^PopupList$": "@/packageRc/components/PopupLists.vue",
"^popupList$": "@/packageRc/components/PopupLists.vue",
"^DealDone$": "@/packageRc/pages/needs/dealDone.vue",
"^ChoosePerson$": "@/packageRc/pages/needs/components/choosePerson.vue",
"^choosePerson$": "@/packageRc/pages/needs/components/choosePerson.vue",
"^choose-person$": "@/packageRc/pages/needs/components/choosePerson.vue",
"^contrastBox$": "@/packageCa/testReport/components/contrastBox.vue",
"^testHead$": "@/packageCa/testReport/components/testHead.vue",
"^jobService$": "@/packageRc/pages/needs/components/jobService.vue",
"^entrepreneurshipService$": "@/packageRc/pages/needs/components/entrepreneurshipService.vue",
"^trainService$": "@/packageRc/pages/needs/components/trainService.vue",
"^otherService$": "@/packageRc/pages/needs/components/otherService.vue",
"^investigate$": "@/packageRc/pages/service/components/investigate.vue",
"^policyConsultation$": "@/packageRc/pages/service/components/policyConsultation.vue",
"^jobRecommend$": "@/packageRc/pages/service/components/jobRecommend.vue",
"^skillTrain$": "@/packageRc/pages/service/components/skillTrain.vue",
"^jobTrack$": "@/packageRc/pages/service/components/jobTrack.vue",
"^positionChooser$": "@/packageRc/pages/service/components/positionChooser.vue",
"^(?!u-|uni-|el-|req-comp|template|transition|enterprise-list-pop|handler-data|time-picker|TimePicker|Calendar|calendar-item|CalendarItem|table-checkbox|TableCheckbox|filter-dropdown|FilterDropdown|uni-status-bar|upload-image|UploadImage|upload-file|UploadFile|view|text|image|button|input|textarea|picker|scroll-view|swiper|map|canvas|video|audio|cover-view|cover-image|navigator|rich-text|progress|checkbox|radio|switch|slider|form|label|picker-view|movable-view|movable-area|web-view|ad|official-account|open-data|editor|live-player|live-pusher|functional-page-navigator|match-media|page-meta|navigation-bar|keyboard-accessory|page-container|uni-app|block|component|slot|keep-alive|router-view|router-link)([a-zA-Z][a-zA-Z0-9-]*)$": "@/components/$1/$1.vue"
"^CustomTabBar$": "@/components/CustomTabBar/CustomTabBar.vue"
}
},
"uniIdRouter": {}
}

View File

@@ -177,7 +177,7 @@ footer-height = 98rpx
/* 页面容器 */
.container {
position: fixed;
z-index: 1000;
z-index: 1;
width: 100vw;
height: calc(100% - var(--window-bottom));
overflow: hidden;

View File

@@ -106,17 +106,17 @@
</view>
<view class="service-title">题库和考试</view>
</view>
<view class="service-item press-button" @click="goCa()">
<view class="service-item press-button" @click="handleServiceClick('quality-assessment')">
<view class="service-icon service-icon-8">
<IconfontIcon name="suzhicepingtiku" :size="48" color="#FFFFFF" />
</view>
<view class="service-title">素质测评</view>
</view>
<view class="service-item press-button" @click="goAiAu()">
<view class="service-item press-button" @click="handleServiceClick('ai-interview')">
<view class="service-icon service-icon-9">
<IconfontIcon name="ai" :size="68" color="#FFFFFF" />
</view>
<view class="service-title">虚拟面试</view>
<view class="service-title">AI智能面试</view>
</view>
<view class="service-item press-button" style="justify-content:normal" @click="goRc()">
<view class="service-icon service-icon-9">
@@ -124,11 +124,17 @@
</view>
<view class="service-title" style="overflow:unset">高校毕业生<br/>智慧就业服务</view>
</view>
<view class="service-item press-button" @click="navToPage">
<view class="service-item press-button" @click="handleServiceClick('career-planning')">
<view class="service-icon service-icon-11">
<image class="service-icon-img" src="/static/icon/antOutline.png" mode="aspectFit"></image>
</view>
<view class="service-title">职业规划推荐</view>
</view>
<view class="service-item press-button" @click="navToTestPage">
<view class="service-icon service-icon-10">
<uni-icons type="gear-filled" size="32" color="#FFFFFF"></uni-icons>
</view>
<view class="service-title">帮扶</view>
<view class="service-title">测试页面</view>
</view>
</view>
</view>
@@ -593,6 +599,8 @@ const { columnCount, columnSpace } = useColumnCount(() => {
const getCompanyInfo = () => {
try {
const cachedUserInfo = uni.getStorageSync('userInfo') || {};
console.log('缓存中的userInfo:', cachedUserInfo);
// 重置企业信息
companyInfo.name = '';
companyInfo.avatar = '';
@@ -699,49 +707,15 @@ const handleServiceClick = (serviceType) => {
}
};
// 处理直播按钮点击 - 跳转微信视频号
// 处理直播按钮点击
const handleLiveClick = () => {
// #ifdef MP-WEIXIN
const feedId = 'sphKH1AEeLfTJJE';
// 使用微信原生 API 打开视频号直播
if (typeof wx !== 'undefined' && wx.openChannelsUserProfile) {
wx.openChannelsUserProfile({
// feedId: feedId,
finderUserName: feedId, // 视频号 finderUserName如果feedId足够可以留空
success: (res) => {
console.log('打开视频号成功', res);
},
fail: (err) => {
console.error('打开视频号失败', err);
$api.msg(err.errMsg || '无法打开直播,请稍后重试');
}
});
} else {
// 如果 API 不存在,尝试使用 uni API
uni.openChannelsLive({
feedId: feedId,
success: (res) => {
console.log('打开视频号成功', res);
},
fail: (err) => {
console.error('打开视频号失败', err);
$api.msg('无法打开直播,请检查微信版本或稍后重试');
}
});
}
// #endif
// #ifndef MP-WEIXIN
// 非微信小程序环境提示
$api.msg('该功能仅在微信小程序中可用');
// #endif
$api.msg('该功能正在开发中');
};
const navToPage = () =>{
// navTo('/packageB/login?flag=nw');
navTo('/packageB/priority/helpFilter');
}
// 跳转到测试页面
const navToTestPage = () => {
navTo('/pages/test/homepage-test');
};
async function loadData() {
try {
@@ -1034,49 +1008,17 @@ function dataToImg(data) {
// import { loginRc } from '@/apiRc/login/login.js';
import storeRc from '@/utilsRc/store/index.js';
import { getToken } from '@/utilsRc/auth.js';
// 跳转到高校毕业页面
function goRc(){
if (checkLogin()) {
let token = getToken();
console.log(token,'t123312')
if(!token){
console.log(111)
let userInfo = uni.getStorageSync('userInfo')
console.log(uni.getStorageSync('userInfo'), "uni.getStorageSync('userInfo')");
storeRc.dispatch('LoginByUserInfo', userInfo).then(res => {
// console.log(res, "'res");
storeRc.dispatch('GetInfo').then(res => {
if(res.data.user.userType == 'person'){
navTo('/packageRc/pages/index/index');
}else{
navTo('/packageRc/pages/daiban/daiban');
}
});
});
}else{
if(storeRc.state.user.type == 'person'){
navTo('/packageRc/pages/index/index');
}else{
navTo('/packageRc/pages/daiban/daiban');
}
}
}
}
// 跳转素质测评页面(在线测评,职业库,职业生涯规划)
function goCa(){
if (checkLogin()) {
const userInfo = uni.getStorageSync('userInfo')
navTo(`/packageCa/search/search?userId=${userInfo.userId}&name=${userInfo.name}`);
}
}
// 跳转AI智能面试
function goAiAu(){
if (checkLogin()) {
const userInfo = uni.getStorageSync('userInfo')
navTo(`/packageCa/search/AIAudition?userId=${userInfo.userId}&name=${userInfo.name}`);
}
}
defineExpose({ loadData });
@@ -1383,15 +1325,17 @@ defineExpose({ loadData });
align-items: center
justify-content: center
.service-icon-11
background: linear-gradient(135deg, #FF9800 0%, #FFB74D 100%)
background-color: #72A4FC
position: relative
&::before
content: '📈'
position: absolute
top: 50%
left: 50%
transform: translate(-50%, -50%)
font-size: 32rpx
display: flex
align-items: center
justify-content: center
.service-icon-img
width: 42rpx
height: 42rpx
position: relative
z-index: 1
filter: brightness(1.8) contrast(1.4)
.service-icon-12
background: linear-gradient(135deg, #4CAF50 0%, #81C784 100%)
position: relative

View File

@@ -0,0 +1,531 @@
<template>
<view class="career-planning-page">
<!-- 提醒弹窗 -->
<RemindPopup
ref="remindPopup"
:remind-list="remindList"
@cancel="handleCancel"
@confirm="handleConfirm"
/>
<!-- 技能详情弹出层 -->
<SkillDetailPopup
ref="skillDetailPopup"
:job-title="selectedJobTitle"
:possessed-skills="selectedJobPossessedSkills"
:improvement-skills="selectedJobImprovementSkills"
@close="handleSkillPopupClose"
/>
<!-- 页面内容 -->
<view class="page-content" v-if="showContent">
<!-- #ifdef MP-WEIXIN -->
<!-- 小程序背景图片 -->
<image class="mp-background" src="/static/icon/background2.png" mode="aspectFill"></image>
<!-- #endif -->
<!-- 头部区域 -->
<PageHeader
:active-tab="activeTab"
@tab-change="switchTab"
@search-click="handleSearchClick"
@menu-click="handleMenuClick"
@more-click="handleMoreClick"
/>
<!-- 内容区域 -->
<scroll-view scroll-y class="content-scroll">
<CareerRecommend
v-if="activeTab === 0"
:current-job-id="currentJobId"
:current-job-name="currentJobName"
@job-card-click="handleJobCardClick"
@skills-updated="handleRecommendSkillsUpdated"
/>
<CareerPath
v-else-if="activeTab === 1"
:current-job-name="currentJobName"
@path-data-updated="handlePathDataUpdated"
/>
<SkillDevelopment
v-else
:current-job-skills="recommendSkillsData.currentJobSkills"
:recommended-jobs="recommendSkillsData.recommendedJobs"
:path-data="pathSkillsData.pathData"
:target-career="pathSkillsData.targetCareer"
/>
</scroll-view>
</view>
<!-- 底部导航栏 -->
<view class="tabbar-wrapper" v-if="showContent">
<CustomTabBar :currentPage="0" />
</view>
</view>
</template>
<script setup>
import { ref, inject, nextTick, onMounted } from 'vue';
import { onLoad } from '@dcloudio/uni-app';
import { getJobSkillDetail } from '@/apiRc/jobSkill.js';
import { appUserInfo } from '@/apiRc/user/user.js';
import RemindPopup from './components/RemindPopup.vue';
import PageHeader from './components/PageHeader.vue';
import SkillDetailPopup from './components/SkillDetailPopup.vue';
import CareerRecommend from './components/CareerRecommend.vue';
import CareerPath from './components/CareerPath.vue';
import SkillDevelopment from './components/SkillDevelopment.vue';
import CustomTabBar from '@/components/CustomTabBar/CustomTabBar.vue';
const { navBack, navTo } = inject('globalFunction');
// 弹窗引用
const remindPopup = ref(null);
const skillDetailPopup = ref(null);
// 提醒列表(由接口返回)
const remindList = ref([]);
// 是否显示页面内容
const showContent = ref(false);
// 当前激活的tab
const activeTab = ref(0);
// 选中的职位信息
const selectedJobTitle = ref('');
const selectedJobPossessedSkills = ref([]);
const selectedJobImprovementSkills = ref([]);
const isLoadingJobSkill = ref(false);
const currentJobId = ref(null);
const currentJobName = ref('');
// 技能发展所需的数据
const recommendSkillsData = ref({
currentJobSkills: [],
recommendedJobs: []
});
const pathSkillsData = ref({
pathData: {
start: { title: '', skills: [] },
steps: [],
end: { title: '', skills: [] }
},
targetCareer: ''
});
// 打开弹窗
function openRemindPopup() {
nextTick(() => {
if (remindPopup.value) {
try {
remindPopup.value.open();
} catch (error) {
// 静默处理错误
}
} else {
setTimeout(() => {
if (remindPopup.value) {
try {
remindPopup.value.open();
} catch (error) {
// 静默处理错误
}
} else {
setTimeout(() => {
if (remindPopup.value) {
try {
remindPopup.value.open();
} catch (error) {
// 静默处理错误
}
}
}, 500);
}
}, 500);
}
});
}
// 检查用户是否完善了个人信息(调用接口获取)
let hasCheckedRemindInfo = false;
async function getRemindInfo() {
if (hasCheckedRemindInfo) {
return;
}
hasCheckedRemindInfo = true;
try {
const response = await appUserInfo();
const userInfo = response?.data || {};
// 优先从接口数据中获取 idCard
let idCard = userInfo?.resume?.idCard ?? userInfo?.idCard ?? null;
// 如果接口返回的数据中没有 idCard则从缓存中读取
const cachedUserInfo = uni.getStorageSync('userInfo') || {};
if (!idCard || idCard === null || idCard === '') {
idCard = cachedUserInfo?.resume?.idCard ?? cachedUserInfo?.idCard ?? null;
}
// 优先从接口数据中获取职位信息
currentJobId.value = userInfo?.jobId ??
userInfo?.currentJobId ??
userInfo?.resume?.jobId ??
userInfo?.resume?.currentJobId ??
null;
currentJobName.value = userInfo?.jobName ??
userInfo?.currentJobName ??
userInfo?.resume?.jobName ??
userInfo?.resume?.currentJobName ??
'';
// 如果接口数据中没有职位信息,从缓存中读取
if (!currentJobId.value && !currentJobName.value) {
currentJobId.value = cachedUserInfo?.jobId ??
cachedUserInfo?.currentJobId ??
cachedUserInfo?.resume?.jobId ??
cachedUserInfo?.resume?.currentJobId ??
null;
currentJobName.value = cachedUserInfo?.jobName ??
cachedUserInfo?.currentJobName ??
cachedUserInfo?.resume?.jobName ??
cachedUserInfo?.resume?.currentJobName ??
'';
}
// 如果还是没有职位信息,使用默认值
if (!currentJobName.value) {
currentJobName.value = '市场专员';
}
// 判断 idCard 是否存在包括空字符串、undefined、null 的情况)
const hasIdCard = idCard !== null && idCard !== undefined && idCard !== '';
if (!hasIdCard) {
remindList.value = ['请完善个人信息'];
} else {
remindList.value = ['暂无待完善信息'];
}
setTimeout(() => {
openRemindPopup();
}, 500);
} catch (error) {
// 接口调用失败时,使用缓存作为降级方案
const cachedUserInfo = uni.getStorageSync('userInfo') || {};
const idCard = cachedUserInfo?.resume?.idCard ?? cachedUserInfo?.idCard ?? null;
// 从缓存中获取职位信息
currentJobId.value = cachedUserInfo?.jobId ??
cachedUserInfo?.currentJobId ??
cachedUserInfo?.resume?.jobId ??
cachedUserInfo?.resume?.currentJobId ??
null;
currentJobName.value = cachedUserInfo?.jobName ??
cachedUserInfo?.currentJobName ??
cachedUserInfo?.resume?.jobName ??
cachedUserInfo?.resume?.currentJobName ??
'';
// 如果缓存中没有职位信息,使用默认值
if (!currentJobName.value) {
currentJobName.value = '市场专员';
}
if (!idCard || idCard === null || idCard === '') {
remindList.value = ['请完善个人信息'];
} else {
remindList.value = ['暂无待完善信息'];
}
setTimeout(() => {
openRemindPopup();
}, 500);
}
}
// 取消按钮
function handleCancel() {
remindPopup.value?.close();
navBack();
}
// 确认按钮
async function handleConfirm() {
remindPopup.value?.close();
// 直接从缓存中读取 idCard因为接口返回的数据中没有 idCard
const cachedUserInfo = uni.getStorageSync('userInfo') || {};
let idCard = cachedUserInfo?.resume?.idCard ?? cachedUserInfo?.idCard ?? null;
// 如果缓存中也没有,尝试从接口获取(虽然接口通常也没有)
if (!idCard || idCard === null || idCard === '') {
try {
const response = await appUserInfo();
const userInfo = response?.data || {};
idCard = userInfo?.resume?.idCard ?? userInfo?.idCard ?? null;
} catch (error) {
// 接口调用失败,继续使用缓存数据
}
}
// 如果 idCard 为空,才跳转到完善信息页面
if (!idCard || idCard === null || idCard === '') {
navTo('/pages/complete-info/complete-info');
return;
}
// 如果 idCard 存在,说明已经完善了信息,直接显示页面内容
// 从缓存中更新职位信息
currentJobId.value = cachedUserInfo?.jobId ??
cachedUserInfo?.currentJobId ??
cachedUserInfo?.resume?.jobId ??
cachedUserInfo?.resume?.currentJobId ??
null;
currentJobName.value = cachedUserInfo?.jobName ??
cachedUserInfo?.currentJobName ??
cachedUserInfo?.resume?.jobName ??
cachedUserInfo?.resume?.currentJobName ??
'';
if (!currentJobName.value) {
currentJobName.value = '市场专员';
}
showContent.value = true;
}
// 切换tab
function switchTab(index) {
activeTab.value = index;
if (index === 0 && !currentJobId.value) {
const cachedUserInfo = uni.getStorageSync('userInfo') || {};
const newJobId = cachedUserInfo?.jobId ??
cachedUserInfo?.currentJobId ??
cachedUserInfo?.resume?.jobId ??
cachedUserInfo?.resume?.currentJobId ??
null;
const newJobName = currentJobName.value ||
(cachedUserInfo?.jobName ??
cachedUserInfo?.currentJobName ??
cachedUserInfo?.resume?.jobName ??
cachedUserInfo?.resume?.currentJobName ??
'市场专员');
currentJobId.value = newJobId;
currentJobName.value = newJobName;
}
}
// 搜索点击
function handleSearchClick() {
navTo('/pages/search/search');
}
// 菜单点击
function handleMenuClick() {
// TODO: 实现菜单功能
}
// 更多点击
function handleMoreClick() {
// TODO: 实现更多功能
}
function normalizeSkillLevel(score) {
const numericScore = Number(score);
if (Number.isNaN(numericScore)) {
return 0;
}
const rounded = Math.round(numericScore);
return Math.max(1, Math.min(6, rounded));
}
function splitSkillListByScore(skills = []) {
if (!Array.isArray(skills) || skills.length === 0) {
return {
possessed: [],
improvement: []
};
}
const sorted = [...skills].sort((a, b) => (Number(b.skillScore) || 0) - (Number(a.skillScore) || 0));
const midpoint = Math.ceil(sorted.length / 2);
const mapSkill = (item) => ({
name: item?.skillName || '',
level: normalizeSkillLevel(item?.skillScore)
});
return {
possessed: sorted.slice(0, midpoint).map(mapSkill),
improvement: sorted.slice(midpoint).map(mapSkill)
};
}
// 处理职位卡片点击
async function handleJobCardClick(job) {
if (!job) {
return;
}
selectedJobTitle.value = job.title || job.jobName || '';
selectedJobPossessedSkills.value = [];
selectedJobImprovementSkills.value = [];
if (isLoadingJobSkill.value) {
return;
}
isLoadingJobSkill.value = true;
uni.showLoading({
title: '加载中...',
mask: true
});
const fallbackSkills = Array.isArray(job?.rawSkills) ? job.rawSkills : [];
const params = {};
if (job?.jobId) {
params.jobId = job.jobId;
}
if (job?.title) {
params.jobName = job.title;
} else if (job?.jobName) {
params.jobName = job.jobName;
}
try {
const response = await getJobSkillDetail(params);
const skillList = Array.isArray(response?.data) ? response.data : [];
const { possessed, improvement } = splitSkillListByScore(skillList);
if (possessed.length === 0 && improvement.length === 0) {
if (fallbackSkills.length === 0) {
uni.showToast({
title: '暂无技能数据',
icon: 'none'
});
return;
}
const fallbackSplit = splitSkillListByScore(fallbackSkills);
selectedJobPossessedSkills.value = fallbackSplit.possessed;
selectedJobImprovementSkills.value = fallbackSplit.improvement;
} else {
selectedJobPossessedSkills.value = possessed;
selectedJobImprovementSkills.value = improvement;
}
skillDetailPopup.value?.open();
} catch (error) {
if (fallbackSkills.length > 0) {
const fallbackSplit = splitSkillListByScore(fallbackSkills);
selectedJobPossessedSkills.value = fallbackSplit.possessed;
selectedJobImprovementSkills.value = fallbackSplit.improvement;
skillDetailPopup.value?.open();
} else {
uni.showToast({
title: '获取技能信息失败',
icon: 'none'
});
}
} finally {
isLoadingJobSkill.value = false;
uni.hideLoading();
}
}
// 处理技能弹出层关闭
function handleSkillPopupClose() {
// 可以在这里处理关闭后的逻辑
}
// 处理职业推荐技能数据更新
function handleRecommendSkillsUpdated(data) {
recommendSkillsData.value = {
currentJobSkills: data.currentJobSkills || [],
recommendedJobs: data.recommendedJobs || []
};
}
// 处理职业路径数据更新
function handlePathDataUpdated(data) {
pathSkillsData.value = {
pathData: data.pathData || {
start: { title: '', skills: [] },
steps: [],
end: { title: '', skills: [] }
},
targetCareer: data.targetCareer || ''
};
}
onLoad(() => {
getRemindInfo();
});
onMounted(() => {
if (remindList.value.length > 0 && !showContent.value) {
setTimeout(() => {
if (remindPopup.value) {
openRemindPopup();
}
}, 300);
}
});
</script>
<style lang="scss" scoped>
.career-planning-page {
width: 100vw;
/* #ifdef H5 */
height: calc(100vh - var(--window-top) - var(--status-bar-height) - var(--window-bottom));
background: url('@/static/icon/background2.png') 0 0 no-repeat;
background-size: 100% 728rpx;
/* #endif */
/* #ifdef MP-WEIXIN */
height: 100vh;
position: relative;
/* #endif */
background-color: #FFFFFF;
overflow: hidden;
display: flex;
flex-direction: column;
position: relative;
}
/* #ifdef MP-WEIXIN */
.mp-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 728rpx;
z-index: 0;
}
/* #endif */
.page-content {
flex: 1;
display: flex;
flex-direction: column;
position: relative;
z-index: 1;
overflow: hidden;
}
.content-scroll {
flex: 1;
height: 0;
width: 100%;
padding-bottom: calc(88rpx + env(safe-area-inset-bottom));
box-sizing: border-box;
}
.tabbar-wrapper {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 999;
}
</style>

View File

@@ -0,0 +1,561 @@
<template>
<view class="career-path">
<!-- 职业路径查询区域 -->
<view class="query-section">
<view class="section-title">
<uni-icons type="search" size="18" color="#286BFA"></uni-icons>
<text class="title-text">职业路径查询</text>
</view>
<view class="input-group">
<view class="input-item">
<text class="input-label">当前职位</text>
<input
class="input-field"
:value="currentPosition"
placeholder="市场专员"
placeholder-style="color: #999999"
disabled
/>
</view>
<view class="input-item">
<text class="input-label">目标职业</text>
<picker
mode="selector"
:range="targetCareerOptions"
range-key="label"
:value="selectedTargetIndex"
@change="handleTargetChange"
>
<view class="picker-field">
<text :class="selectedTargetIndex >= 0 ? 'picker-text' : 'picker-placeholder'">
{{ selectedTargetIndex >= 0 ? targetCareerOptions[selectedTargetIndex].label : '请选择目标职业' }}
</text>
<uni-icons type="arrowdown" size="16" color="#999999"></uni-icons>
</view>
</picker>
</view>
</view>
<button class="query-btn" @click="handleQuery">
<text>查询职业发展路径</text>
<uni-icons type="search" size="18" color="#FFFFFF"></uni-icons>
</button>
<view v-if="totalPathCount > 0" class="path-summary">
系统已收录 {{ totalPathCount }} 条职业路径
</view>
</view>
<!-- 职业发展路径区域 -->
<view class="path-section">
<view class="section-title">
<uni-icons type="person-filled" size="24" color="#000000"></uni-icons>
<text class="title-text">职业发展路径</text>
</view>
<view class="timeline">
<!-- 起点 -->
<view class="timeline-item start">
<view class="timeline-marker start-marker"></view>
<view class="timeline-content">
<view class="step-title">起点: {{ pathData.start.title }}</view>
<view class="skill-tags">
<view
class="skill-tag"
v-for="(skill, index) in pathData.start.skills"
:key="index"
>
{{ skill }}
</view>
</view>
</view>
</view>
<!-- 步骤 -->
<view
class="timeline-item step"
v-for="(step, index) in pathData.steps"
:key="index"
>
<view class="timeline-marker step-marker"></view>
<view class="timeline-content">
<view class="step-title">{{ index + 1 }}: {{ step.title }}</view>
<view class="skill-tags">
<view
class="skill-tag"
v-for="(skill, sIndex) in step.skills"
:key="sIndex"
>
{{ skill }}
</view>
</view>
</view>
</view>
<!-- 终点 -->
<view class="timeline-item end">
<view class="timeline-marker end-marker"></view>
<view class="timeline-content">
<view class="step-title">终点: {{ pathData.end.title }}</view>
<view class="skill-tags">
<view
class="skill-tag"
v-for="(skill, index) in pathData.end.skills"
:key="index"
>
{{ skill }}
</view>
</view>
</view>
</view>
</view>
</view>
</view>
</template>
<script setup>
import { ref, computed, onMounted } from 'vue';
import { getJobPathPage, getJobPathDetail, getJobPathNum } from '@/apiRc/jobPath.js';
// 接收父组件传递的当前职位名称
const props = defineProps({
currentJobName: {
type: String,
default: ''
}
});
const emit = defineEmits(['path-data-updated']);
// 当前职位(从父组件获取,统一使用)
const currentPosition = computed(() => props.currentJobName || '市场专员');
// 目标职业选项列表
const targetCareerOptions = ref([]);
const selectedTargetIndex = ref(-1);
const selectedJobPathId = ref(null);
// 职业路径数量
const totalPathCount = ref(0);
// 初始路径数据
const emptyPathData = {
start: {
title: '暂无数据',
skills: []
},
steps: [],
end: {
title: '暂无数据',
skills: []
}
};
const pathData = ref({ ...emptyPathData });
const isLoadingPath = ref(false);
function parseSkillList(skillString) {
if (!skillString) {
return [];
}
return skillString
.split(/[,]/)
.map(item => item.trim())
.filter(item => item.length > 0);
}
function resetPathData() {
pathData.value = {
start: { ...emptyPathData.start },
steps: [],
end: { ...emptyPathData.end }
};
}
async function fetchTargetCareerOptions(keyword = '') {
try {
const response = await getJobPathPage({
jobName: keyword,
pageNo: 1,
pageSize: 100
});
const list = response?.data?.list || response?.list || [];
targetCareerOptions.value = list.map(item => ({
label: item.endJob || item.startJob || '未知职位',
value: item.id,
startJob: item.startJob,
endJob: item.endJob,
jobOrder: item.jobOrder
}));
if (targetCareerOptions.value.length === 0) {
selectedTargetIndex.value = -1;
selectedJobPathId.value = null;
}
} catch (error) {
targetCareerOptions.value = [];
selectedTargetIndex.value = -1;
selectedJobPathId.value = null;
uni.showToast({
title: '职业路径列表获取失败',
icon: 'none'
});
}
}
async function fetchPathCount() {
try {
const response = await getJobPathNum();
totalPathCount.value = response?.data ?? 0;
} catch (error) {
totalPathCount.value = 0;
}
}
async function loadPathDetail(jobPathId) {
if (!jobPathId || jobPathId === null || jobPathId === undefined || jobPathId === '') {
uni.showToast({
title: '职业路径ID无效',
icon: 'none'
});
resetPathData();
return;
}
try {
const requestParams = {
jobPathId: jobPathId
};
const response = await getJobPathDetail(requestParams);
const details = Array.isArray(response?.data) ? response.data : [];
if (details.length === 0) {
resetPathData();
uni.showToast({
title: '暂无职业路径数据',
icon: 'none'
});
return;
}
const normalized = details.map(item => ({
title: item?.name || '未命名职位',
skills: parseSkillList(item?.skillNameList)
}));
const start = normalized[0] || { title: '暂无数据', skills: [] };
const end = normalized[normalized.length - 1] || { title: '暂无数据', skills: [] };
const steps = normalized.slice(1, normalized.length - 1);
pathData.value = {
start,
steps,
end
};
// 通知父组件路径数据已更新
emit('path-data-updated', {
pathData: pathData.value,
targetCareer: targetCareerOptions.value[selectedTargetIndex.value]?.label || ''
});
} catch (error) {
uni.showToast({
title: '获取路径详情失败',
icon: 'none'
});
resetPathData();
emit('path-data-updated', {
pathData: { ...emptyPathData },
targetCareer: ''
});
}
}
function handleTargetChange(e) {
const index = Number(e.detail.value);
selectedTargetIndex.value = index;
const option = targetCareerOptions.value[index];
selectedJobPathId.value = option ? option.value : null;
}
async function handleQuery() {
if (selectedTargetIndex.value < 0) {
uni.showToast({
title: '请选择目标职业',
icon: 'none'
});
return;
}
const option = targetCareerOptions.value[selectedTargetIndex.value];
if (!option) {
uni.showToast({
title: '目标职业数据异常',
icon: 'none'
});
return;
}
let jobPathId = option.value;
isLoadingPath.value = true;
uni.showLoading({
title: '加载中...',
mask: true
});
try {
if (!jobPathId) {
const response = await getJobPathPage({
jobName: option.label,
pageNo: 1,
pageSize: 100
});
jobPathId = response?.data?.list?.[0]?.id || null;
}
if (!jobPathId) {
uni.showToast({
title: '未找到职业路径',
icon: 'none'
});
resetPathData();
return;
}
selectedJobPathId.value = jobPathId;
await loadPathDetail(jobPathId);
} catch (error) {
uni.showToast({
title: '查询失败,请重试',
icon: 'none'
});
} finally {
isLoadingPath.value = false;
uni.hideLoading();
}
}
// 获取当前职位信息(从接口获取)
async function getCurrentPosition() {
// TODO: 调用接口获取当前职位
// const response = await getCareerCurrentPosition();
// if (response && response.code === 200) {
// currentPosition.value = response.data?.position || '';
// }
}
onMounted(async () => {
await getCurrentPosition();
await Promise.all([
fetchTargetCareerOptions(),
fetchPathCount()
]);
});
</script>
<style lang="scss" scoped>
.career-path {
padding: 10rpx 28rpx 20rpx;
}
.query-section {
background-color: #FFFFFF;
border-radius: 16rpx;
padding: 28rpx;
margin-bottom: 20rpx;
box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.08);
}
.section-title {
display: flex;
align-items: center;
gap: 12rpx;
margin-bottom: 24rpx;
}
.title-text {
font-size: 32rpx;
font-weight: 600;
color: #157DF0;
}
.input-group {
display: flex;
flex-direction: column;
gap: 20rpx;
margin-bottom: 24rpx;
}
.input-item {
display: flex;
flex-direction: column;
gap: 12rpx;
}
.input-label {
font-size: 28rpx;
color: #000000;
font-weight: 500;
}
.input-field {
background-color: #F5F5F5;
border: 1rpx solid #E0E0E0;
border-radius: 12rpx;
padding: 20rpx 24rpx;
font-size: 28rpx;
color: #666666;
}
.picker-field {
background-color: #F5F5F5;
border: 1rpx solid #E0E0E0;
border-radius: 12rpx;
padding: 20rpx 24rpx;
display: flex;
align-items: center;
justify-content: space-between;
}
.picker-text {
font-size: 28rpx;
color: #000000;
}
.picker-placeholder {
font-size: 28rpx;
color: #999999;
}
.query-btn {
width: 100%;
height: 80rpx;
line-height: 40rpx;
border-radius: 20rpx;
background: linear-gradient(180deg, rgba(18, 125, 240, 1) 0%, rgba(59, 14, 123, 0.71) 100%);
color: rgba(255, 255, 255, 1);
font-size: 28rpx;
text-align: center;
font-family: '阿里巴巴普惠体3.0-regular', 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, 'Microsoft YaHei', sans-serif;
border: 2rpx solid rgba(187, 187, 187, 1);
display: flex;
align-items: center;
justify-content: center;
gap: 12rpx;
padding: 0;
}
.path-summary {
margin-top: 16rpx;
font-size: 24rpx;
color: #666666;
text-align: center;
}
.path-section {
background-color: #FFFFFF;
border-radius: 16rpx;
padding: 28rpx;
box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.08);
}
.timeline {
position: relative;
padding-left: 40rpx;
}
.timeline-item {
position: relative;
margin-bottom: 32rpx;
&:last-child {
margin-bottom: 0;
}
&:not(:last-child)::before {
content: '';
position: absolute;
left: -32rpx;
top: 0;
width: 2rpx;
height: 100%;
background: repeating-linear-gradient(
to bottom,
#E0E0E0 0,
#E0E0E0 6rpx,
transparent 6rpx,
transparent 12rpx
);
transform: translateX(-50%);
z-index: 1;
}
}
.timeline-marker {
position: absolute;
left: -32rpx;
top: 0;
transform: translateX(-50%);
width: 32rpx;
height: 32rpx;
border-radius: 50%;
z-index: 2;
}
.start-marker {
background-color: #FF4444;
border: 4rpx solid #FFFFFF;
box-shadow: 0 0 0 2rpx #FF4444;
}
.step-marker {
background-color: #286BFA;
border: 4rpx solid #FFFFFF;
box-shadow: 0 0 0 2rpx #286BFA;
}
.end-marker {
background-color: #52C41A;
border: 4rpx solid #FFFFFF;
box-shadow: 0 0 0 2rpx #52C41A;
}
.timeline-content {
background-color: #F5F5F5;
border-radius: 12rpx;
padding: 24rpx;
margin-left: 20rpx;
}
.step-title {
font-size: 30rpx;
font-weight: 600;
color: #000000;
margin-bottom: 16rpx;
}
.skill-tags {
display: flex;
flex-wrap: wrap;
gap: 12rpx;
}
.skill-tag {
background-color: #F0F0F0;
color: #286BFA;
padding: 8rpx 16rpx;
border-radius: 8rpx;
font-size: 24rpx;
white-space: nowrap;
}
button::after {
border: none;
}
</style>

View File

@@ -0,0 +1,388 @@
<template>
<view class="career-recommend">
<!-- 当前职位信息卡片 -->
<view class="info-card">
<view class="card-title">当前职位信息</view>
<view class="card-content">
<text class="label">当前职位</text>
<text class="value">{{ currentJobDisplay }}</text>
</view>
</view>
<!-- 我的技能标签卡片 -->
<view class="info-card">
<view class="card-title">我的技能标签</view>
<view class="skill-tags">
<view
class="skill-tag"
v-for="(skill, index) in skillTags"
:key="index"
>
{{ skill }}
</view>
<text v-if="!skillTags.length && !isLoadingSkillTags" class="empty-text">暂无技能数据</text>
</view>
</view>
<!-- 相似推荐职位 -->
<view class="section-title">
相似推荐职位
</view>
<view v-if="!isLoadingRecommend && recommendedJobs.length === 0" class="empty-text">暂无推荐职位</view>
<view
class="job-item-card"
v-for="(job, index) in recommendedJobs"
:key="index"
@click="handleJobCardClick(job)"
>
<button class="search-btn" @click.stop="handleJobSearch(job)">职位搜索</button>
<view class="job-header">
<text class="job-title">{{ job.title }}</text>
</view>
<view class="job-skills">
<view
class="job-skill-tag"
v-for="(skill, skillIndex) in job.skills"
:key="skillIndex"
>
{{ skill }}
</view>
</view>
</view>
</view>
</template>
<script setup>
import { ref, computed, watch, onMounted } from 'vue';
import { recommendJob } from '@/apiRc/jobRecommend.js';
import { getJobSkillDetail } from '@/apiRc/jobSkill.js';
const props = defineProps({
currentJobId: {
type: [Number, String],
default: null
},
currentJobName: {
type: String,
default: ''
}
});
const emit = defineEmits(['job-card-click', 'skills-updated']);
// 数据状态
const skillTags = ref([]);
const recommendedJobs = ref([]);
const isLoadingSkillTags = ref(false);
const isLoadingRecommend = ref(false);
// 计算属性
const currentJobDisplay = computed(() => props.currentJobName || '市场专员');
// 从技能列表中提取技能名称用于显示
function extractSkillNames(skillList = []) {
return (Array.isArray(skillList) ? skillList : [])
.map(item => item?.skillName || '')
.filter(name => !!name && name.trim().length > 0);
}
// 获取当前职位的技能标签
async function fetchCurrentJobSkills() {
// 如果没有职位名称,从缓存中获取技能标签
if (!props.currentJobName || props.currentJobName === '市场专员') {
const cachedUserInfo = uni.getStorageSync('userInfo') || {};
const cachedSkills = cachedUserInfo?.resume?.skillList ??
cachedUserInfo?.skillList ??
cachedUserInfo?.appSkillsList ??
[];
// 如果缓存中有技能数据,使用缓存的数据
if (Array.isArray(cachedSkills) && cachedSkills.length > 0) {
skillTags.value = extractSkillNames(cachedSkills);
} else {
skillTags.value = [];
}
// 通知父组件技能数据已更新
emit('skills-updated', {
currentJobSkills: skillTags.value,
recommendedJobs: recommendedJobs.value
});
return;
}
// 优先调用接口获取技能数据
isLoadingSkillTags.value = true;
try {
const response = await getJobSkillDetail({
jobName: props.currentJobName
});
const skillList = Array.isArray(response?.data) ? response.data : [];
const apiSkills = extractSkillNames(skillList);
// 如果接口返回了技能数据,使用接口数据
if (apiSkills.length > 0) {
skillTags.value = apiSkills;
} else {
// 如果接口没有返回技能数据,从缓存中读取
const cachedUserInfo = uni.getStorageSync('userInfo') || {};
const cachedSkills = cachedUserInfo?.resume?.skillList ??
cachedUserInfo?.skillList ??
cachedUserInfo?.appSkillsList ??
[];
if (Array.isArray(cachedSkills) && cachedSkills.length > 0) {
skillTags.value = extractSkillNames(cachedSkills);
} else {
skillTags.value = [];
}
}
// 通知父组件技能数据已更新
emit('skills-updated', {
currentJobSkills: skillTags.value,
recommendedJobs: recommendedJobs.value
});
} catch (error) {
// 接口调用失败时,从缓存中读取
const cachedUserInfo = uni.getStorageSync('userInfo') || {};
const cachedSkills = cachedUserInfo?.resume?.skillList ??
cachedUserInfo?.skillList ??
cachedUserInfo?.appSkillsList ??
[];
if (Array.isArray(cachedSkills) && cachedSkills.length > 0) {
skillTags.value = extractSkillNames(cachedSkills);
} else {
skillTags.value = [];
}
emit('skills-updated', {
currentJobSkills: skillTags.value,
recommendedJobs: recommendedJobs.value
});
} finally {
isLoadingSkillTags.value = false;
}
}
// 获取推荐职位列表
async function fetchRecommendedJobs() {
isLoadingRecommend.value = true;
try {
const response = await recommendJob({
jobName: props.currentJobName
});
const list = Array.isArray(response?.data) ? response.data : [];
recommendedJobs.value = list.map((item, index) => {
const skillList = Array.isArray(item?.skillList) ? item.skillList : [];
const skillNames = extractSkillNames(skillList);
return {
id: item?.jobId ?? index,
jobId: item?.jobId ?? null,
title: item?.jobName || `推荐职位${index + 1}`,
jobName: item?.jobName || '',
skills: skillNames,
rawSkills: skillList
};
});
// 通知父组件推荐职位数据已更新
emit('skills-updated', {
currentJobSkills: skillTags.value,
recommendedJobs: recommendedJobs.value
});
} catch (error) {
recommendedJobs.value = [];
emit('skills-updated', {
currentJobSkills: skillTags.value,
recommendedJobs: []
});
} finally {
isLoadingRecommend.value = false;
}
}
// 组件挂载时检查并调用
onMounted(() => {
setTimeout(() => {
if (props.currentJobName) {
fetchCurrentJobSkills();
fetchRecommendedJobs();
}
}, 100);
});
// 监听 props 变化,自动获取推荐职位和技能标签
watch(
() => [props.currentJobId, props.currentJobName],
() => {
fetchCurrentJobSkills();
fetchRecommendedJobs();
},
{ immediate: true }
);
// 事件处理
function handleJobSearch(job) {
// TODO: 实现职位搜索跳转
}
function handleJobCardClick(job) {
emit('job-card-click', job);
}
</script>
<style lang="scss" scoped>
.career-recommend {
padding: 10rpx 28rpx 20rpx;
}
.info-card {
background-color: #FFFFFF;
border-radius: 16rpx;
padding: 28rpx;
margin-bottom: 20rpx;
box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.08);
}
.card-title {
font-size: 32rpx;
font-weight: 600;
color: #000000;
margin-bottom: 24rpx;
}
.card-content {
display: flex;
justify-content: space-between;
align-items: center;
.label {
font-size: 24rpx;
line-height: 34rpx;
color: rgba(154, 154, 154, 1);
text-align: left;
font-family: 'PingFangSC-Bold', 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, 'Microsoft YaHei', sans-serif;
font-weight: 600;
}
.value {
font-size: 32rpx;
line-height: 46rpx;
color: rgb(16, 16, 16);
font-weight: 600;
text-align: left;
font-family: 'PingFangSC-Bold', 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, 'Microsoft YaHei', sans-serif;
}
}
.skill-tags {
display: flex;
flex-wrap: wrap;
gap: 16rpx;
}
.skill-tag {
background-color: #EAEFFE;
color: rgba(44, 101, 247, 1);
padding: 8rpx 20rpx;
border-radius: 0;
font-size: 24rpx;
white-space: nowrap;
}
.section-title {
font-size: 32rpx;
font-weight: 600;
color: #000000;
margin-bottom: 20rpx;
margin-top: 8rpx;
}
.job-item-card {
background-color: #FFFFFF;
border-radius: 16rpx;
padding: 28rpx;
margin-bottom: 20rpx;
box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.08);
border-left: 6rpx solid #409EFF;
position: relative;
cursor: pointer;
}
.search-btn {
position: absolute;
top: 16rpx;
right: 16rpx;
background-color: #FFDAB9;
color: #FF6347;
font-size: 20rpx;
padding: 6rpx 14rpx;
border-radius: 6rpx;
border: 1rpx solid #FFA07A;
white-space: nowrap;
z-index: 10;
line-height: 1.2;
}
.job-header {
margin-bottom: 16rpx;
padding-right: 100rpx;
}
.job-title {
font-size: 32rpx;
font-weight: 600;
color: rgb(16, 16, 16);
text-align: left;
font-family: 'PingFangSC-Bold', 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, 'Microsoft YaHei', sans-serif;
line-height: 46rpx;
width: 100%;
}
.job-skills {
display: flex;
flex-wrap: wrap;
gap: 12rpx;
}
.job-skill-tag {
width: 130rpx;
height: 36rpx;
line-height: 34rpx;
background-color: rgba(49, 100, 239, 0.1);
color: rgba(44, 101, 247, 1);
font-size: 24rpx;
text-align: center;
font-family: 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, 'Microsoft YaHei', sans-serif;
border-radius: 8rpx;
white-space: nowrap;
border: none;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
}
.recommend-count {
margin-left: 12rpx;
font-size: 22rpx;
color: #666666;
font-weight: 400;
}
.empty-text {
font-size: 24rpx;
color: #999999;
line-height: 34rpx;
}
button::after {
border: none;
}
</style>

View File

@@ -0,0 +1,218 @@
<template>
<view class="page-header">
<view class="header-top">
<view class="title-section">
<text class="main-title">职业规划推荐指导平台</text>
<text class="sub-title">智能匹配·精准推荐·职业发展</text>
</view>
<view class="header-icons">
<view class="icon-dot" @click="handleMenuClick">
<view class="dot"></view>
<view class="dot"></view>
<view class="dot"></view>
</view>
<view class="icon-single-dot" @click="handleMoreClick"></view>
</view>
</view>
<!-- 搜索栏 -->
<view class="search-bar" @click.stop="handleSearchClick" @tap.stop="handleSearchClick">
<uni-icons class="search-icon" type="search" size="18" color="#999999"></uni-icons>
<text class="search-placeholder">职位名称薪资要求等</text>
</view>
<!-- Tab导航 -->
<view class="tab-nav-wrapper">
<view class="tab-nav">
<view
class="tab-item"
:class="{ 'active': activeTab === 0 }"
@click.stop="handleTabClick(0)"
@tap.stop="handleTabClick(0)"
>
职业推荐
</view>
<view
class="tab-item"
:class="{ 'active': activeTab === 1 }"
@click.stop="handleTabClick(1)"
@tap.stop="handleTabClick(1)"
>
职业路径
</view>
<view
class="tab-item"
:class="{ 'active': activeTab === 2 }"
@click.stop="handleTabClick(2)"
@tap.stop="handleTabClick(2)"
>
技能发展
</view>
</view>
</view>
</view>
</template>
<script setup>
import { defineProps, defineEmits } from 'vue';
const props = defineProps({
activeTab: {
type: Number,
default: 0
}
});
const emit = defineEmits(['tab-change', 'search-click', 'menu-click', 'more-click']);
function handleTabClick(index) {
emit('tab-change', index);
}
function handleSearchClick() {
emit('search-click');
}
function handleMenuClick() {
emit('menu-click');
}
function handleMoreClick() {
emit('more-click');
}
</script>
<style lang="scss" scoped>
.page-header {
padding: 40rpx 28rpx 0;
flex-shrink: 0;
}
.header-top {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 15rpx;
}
.title-section {
flex: 1;
display: flex;
flex-direction: column;
}
.main-title {
font-size: 40rpx;
font-weight: 600;
color: #000000;
margin-bottom: 8rpx;
line-height: 1.2;
}
.sub-title {
font-size: 24rpx;
line-height: 28rpx;
color: rgba(51, 51, 51, 1);
text-align: left;
font-family: 'PingFangSC-Bold', 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, 'Microsoft YaHei', sans-serif;
font-weight: 600;
}
.header-icons {
display: flex;
gap: 16rpx;
align-items: center;
}
.icon-dot {
width: 44rpx;
height: 44rpx;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 4rpx;
.dot {
width: 6rpx;
height: 6rpx;
background-color: #666666;
border-radius: 50%;
}
}
.icon-single-dot {
width: 44rpx;
height: 44rpx;
border-radius: 50%;
background-color: #666666;
}
.search-bar {
background-color: #EBF1FF;
border-radius: 40rpx;
padding: 0 28rpx;
margin-bottom: 16rpx;
display: flex;
align-items: center;
justify-content: center;
gap: 16rpx;
height: 88rpx;
box-shadow: none;
position: relative;
z-index: 10;
pointer-events: auto;
-webkit-tap-highlight-color: transparent;
cursor: pointer;
}
.search-icon {
flex-shrink: 0;
}
.search-placeholder {
flex: 1;
font-size: 28rpx;
color: #999999;
text-align: center;
}
.tab-nav-wrapper {
background-color: #FFFFFF;
border-radius: 16rpx;
padding: 6rpx 20rpx;
margin-bottom: 10rpx;
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
position: relative;
z-index: 10;
pointer-events: auto;
}
.tab-nav {
display: flex;
gap: 8rpx;
}
.tab-item {
flex: 1;
padding: 12rpx 24rpx;
border-radius: 20rpx;
font-size: 28rpx;
color: #000000;
background-color: transparent;
text-align: center;
transition: all 0.3s;
position: relative;
pointer-events: auto;
-webkit-tap-highlight-color: transparent;
z-index: 10;
}
.tab-item.active {
background: linear-gradient(135deg, #9974FD 0%, #286BFA 100%);
color: #FFFFFF;
font-weight: 500;
border-radius: 20rpx;
}
</style>

View File

@@ -0,0 +1,144 @@
<template>
<uni-popup
ref="popupRef"
type="center"
borderRadius="10px 10px 10px 10px"
background-color="#FFFFFF"
:mask-click="false"
>
<view class="remind-popup-content">
<view class="remind-title">提醒</view>
<view class="remind-message">请先完善您的个人信息:</view>
<view class="remind-list">
<view
class="remind-item"
v-for="(item, index) in remindList"
:key="index"
>
{{ index + 1 }}{{ item }}
</view>
</view>
<view class="remind-btns">
<button class="remind-btn cancel-btn" @click="handleCancel">取消</button>
<button class="remind-btn confirm-btn" @click="handleConfirm">确认</button>
</view>
</view>
</uni-popup>
</template>
<script setup>
import { ref, defineExpose } from 'vue';
const props = defineProps({
remindList: {
type: Array,
default: () => []
}
});
const emit = defineEmits(['cancel', 'confirm']);
const popupRef = ref(null);
// 打开弹窗
function open() {
if (popupRef.value) {
try {
popupRef.value.open();
} catch (error) {
// 静默处理错误
}
}
}
// 关闭弹窗
function close() {
popupRef.value?.close();
}
// 取消按钮
function handleCancel() {
emit('cancel');
}
// 确认按钮
function handleConfirm() {
emit('confirm');
}
defineExpose({
open,
close
});
</script>
<style lang="scss" scoped>
.remind-popup-content {
padding: 40rpx;
width: 630rpx;
background-color: #FFFFFF;
border-radius: 20rpx;
box-sizing: border-box;
}
.remind-title {
font-weight: 600;
font-size: 32rpx;
color: #000000;
margin-bottom: 24rpx;
}
.remind-message {
font-size: 28rpx;
color: #000000;
margin-bottom: 20rpx;
line-height: 40rpx;
}
.remind-list {
margin-bottom: 32rpx;
min-height: 40rpx;
}
.remind-item {
font-size: 28rpx;
color: #000000;
line-height: 40rpx;
margin-bottom: 8rpx;
}
.remind-btns {
display: flex;
justify-content: space-between;
gap: 20rpx;
}
.remind-btn {
flex: 1;
height: 88rpx;
line-height: 88rpx;
text-align: center;
border-radius: 8rpx;
font-size: 28rpx;
padding: 0;
box-sizing: border-box;
font-weight: 400;
}
.cancel-btn {
background-color: #FFFFFF;
color: #666666;
border: 1rpx solid #E5E7EB;
}
.confirm-btn {
background-color: #256BFA;
color: #FFFFFF;
border: none;
}
button::after {
border: none;
}
</style>

View File

@@ -0,0 +1,223 @@
<template>
<uni-popup
ref="popupRef"
type="bottom"
:borderRadius="'20rpx 20rpx 0 0'"
background-color="#FFFFFF"
maskBackgroundColor="rgba(255, 255, 255, 0.6)"
:isMaskClick="true"
@maskClick="handleClose"
>
<view class="skill-popup-content">
<!-- 头部标题和关闭按钮 -->
<view class="popup-header">
<text class="popup-title">{{ jobTitle }}</text>
<view class="close-btn" @click="handleClose">
<uni-icons type="closeempty" size="20" color="#000000"></uni-icons>
</view>
</view>
<!-- 内容区域 -->
<scroll-view scroll-y class="popup-body" :show-scrollbar="false">
<view
class="skill-section"
v-for="(section, sIndex) in skillSections"
:key="sIndex"
>
<view class="section-header">
<view class="section-icon"></view>
<text class="section-title">{{ section.title }}</text>
</view>
<view class="skill-list">
<view
class="skill-item"
v-for="(skill, index) in section.skills"
:key="index"
>
<text class="skill-name">{{ skill.name }}</text>
<view class="skill-dots">
<view
class="dot"
:class="{ 'active': i - 1 < skill.level }"
v-for="i in 6"
:key="i"
></view>
</view>
</view>
</view>
</view>
</scroll-view>
</view>
</uni-popup>
</template>
<script setup>
import { ref, computed, defineExpose } from 'vue';
const props = defineProps({
jobTitle: {
type: String,
default: ''
},
possessedSkills: {
type: Array,
default: () => []
},
improvementSkills: {
type: Array,
default: () => []
}
});
const emit = defineEmits(['close']);
const popupRef = ref(null);
// 技能区块数据
const skillSections = computed(() => [
{ title: '已具备技能', skills: props.possessedSkills },
{ title: '需要提升的技能', skills: props.improvementSkills }
]);
function open() {
popupRef.value?.open('bottom');
}
function close() {
popupRef.value?.close('bottom');
}
function handleClose() {
close();
emit('close');
}
defineExpose({ open, close });
</script>
<style lang="scss" scoped>
.skill-popup-content {
height: calc(100vh - 330rpx);
background-color: #FFFFFF;
border-radius: 20rpx 20rpx 0 0;
display: flex;
flex-direction: column;
overflow: hidden;
box-sizing: border-box;
}
.popup-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 32rpx 28rpx;
border-bottom: 1rpx solid #F0F0F0;
flex-shrink: 0;
position: relative;
}
.popup-title {
font-size: 36rpx;
font-weight: 600;
color: #000000;
flex: 1;
}
.close-btn {
width: 44rpx;
height: 44rpx;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background-color: #F5F5F5;
position: absolute;
right: 28rpx;
top: 50%;
transform: translateY(-50%);
}
.popup-body {
flex: 1;
padding: 0 28rpx 28rpx;
overflow-y: auto;
box-sizing: border-box;
}
.skill-section {
margin-bottom: 40rpx;
&:last-child {
margin-bottom: 0;
}
}
.section-header {
display: flex;
align-items: center;
margin-bottom: 24rpx;
gap: 12rpx;
}
.section-icon {
width: 24rpx;
height: 24rpx;
border-radius: 50%;
background: linear-gradient(135deg, #9974FD 0%, #286BFA 100%);
flex-shrink: 0;
}
.section-title {
font-size: 32rpx;
font-weight: 600;
color: #286BFA;
}
.skill-list {
display: flex;
flex-direction: column;
gap: 12rpx;
}
.skill-item {
background-color: #F5F5F5;
border-radius: 12rpx;
padding: 20rpx 24rpx;
display: flex;
justify-content: space-between;
align-items: center;
min-height: 64rpx;
box-sizing: border-box;
}
.skill-name {
font-size: 28rpx;
color: #000000;
flex: 1;
margin-right: 20rpx;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
min-width: 0;
}
.skill-dots {
display: flex;
gap: 8rpx;
align-items: center;
flex-shrink: 0;
width: 112rpx;
}
.dot {
width: 12rpx;
height: 12rpx;
border-radius: 50%;
background-color: #E0E0E0;
&.active {
background-color: #286BFA;
}
}
</style>

View File

@@ -0,0 +1,285 @@
<template>
<view class="skill-development">
<view class="content-section">
<view class="section-title">
<uni-icons type="person-filled" size="18" color="#000000"></uni-icons>
<text class="title-text">技能发展路径</text>
</view>
<view class="intro-text">
基于您的当前职业和目标职业,以下是您需要重点发展的技能:
</view>
<view class="skill-list">
<view
class="skill-item"
v-for="(skill, index) in skillList"
:key="index"
@click="handleSkillItemClick(skill)"
>
<view class="skill-header">
<text class="skill-name">{{ skill.name }}</text>
<text class="skill-weight">权重: {{ skill.weight }}</text>
</view>
<view class="skill-tags">
<view
class="skill-tag"
v-for="(tag, tagIndex) in skill.tags"
:key="tagIndex"
>
{{ tag }}
</view>
</view>
</view>
</view>
</view>
<!-- 技能权重弹出层 -->
<SkillWeightPopup
ref="skillWeightPopup"
:skill-name="selectedSkillName"
:weight="selectedSkillWeight"
:current-level="selectedSkillLevel"
@close="handlePopupClose"
/>
</view>
</template>
<script setup>
import { ref, computed, watch } from 'vue';
import SkillWeightPopup from './SkillWeightPopup.vue';
const props = defineProps({
// 来自职业推荐 tab 的数据
currentJobSkills: {
type: Array,
default: () => []
},
recommendedJobs: {
type: Array,
default: () => []
},
// 来自职业路径 tab 的数据
pathData: {
type: Object,
default: () => ({
start: { title: '', skills: [] },
steps: [],
end: { title: '', skills: [] }
})
},
targetCareer: {
type: String,
default: ''
}
});
// 综合技能列表(基于前两个 tab 的数据)
const skillList = computed(() => {
const skillMap = new Map();
// 1. 收集当前职位技能(已有技能,权重较低)
props.currentJobSkills.forEach(skill => {
if (skill && skill.trim()) {
const existing = skillMap.get(skill) || { name: skill, weight: 0, tags: [], currentLevel: 0 };
existing.weight = Math.max(existing.weight, 0.3); // 已有技能权重较低
existing.tags.push('当前技能');
skillMap.set(skill, existing);
}
});
// 2. 收集推荐职位的技能(需要发展的技能,权重较高)
props.recommendedJobs.forEach(job => {
if (Array.isArray(job.skills)) {
job.skills.forEach(skill => {
if (skill && skill.trim()) {
const existing = skillMap.get(skill) || { name: skill, weight: 0, tags: [], currentLevel: 0 };
existing.weight = Math.max(existing.weight, 0.7); // 推荐职位技能权重较高
if (!existing.tags.includes('推荐技能')) {
existing.tags.push('推荐技能');
}
skillMap.set(skill, existing);
}
});
}
});
// 3. 收集职业路径中的技能(发展路径技能,权重最高)
const pathSkills = [];
if (props.pathData.start && Array.isArray(props.pathData.start.skills)) {
pathSkills.push(...props.pathData.start.skills);
}
if (Array.isArray(props.pathData.steps)) {
props.pathData.steps.forEach(step => {
if (Array.isArray(step.skills)) {
pathSkills.push(...step.skills);
}
});
}
if (props.pathData.end && Array.isArray(props.pathData.end.skills)) {
pathSkills.push(...props.pathData.end.skills);
}
pathSkills.forEach(skill => {
if (skill && skill.trim()) {
const existing = skillMap.get(skill) || { name: skill, weight: 0, tags: [], currentLevel: 0 };
existing.weight = Math.max(existing.weight, 0.9); // 路径技能权重最高
if (!existing.tags.includes('路径技能')) {
existing.tags.push('路径技能');
}
skillMap.set(skill, existing);
}
});
// 转换为数组并按权重排序
const result = Array.from(skillMap.values())
.map(item => ({
name: item.name,
weight: item.weight.toFixed(2),
tags: [...new Set(item.tags)], // 去重
currentLevel: item.currentLevel || Math.floor(item.weight * 5) + 1 // 根据权重计算等级
}))
.sort((a, b) => parseFloat(b.weight) - parseFloat(a.weight)); // 按权重降序
return result;
});
// 弹出层引用
const skillWeightPopup = ref(null);
// 选中的技能信息
const selectedSkillName = ref('');
const selectedSkillWeight = ref('');
const selectedSkillLevel = ref(0);
// 处理技能项点击
function handleSkillItemClick(skill) {
selectedSkillName.value = skill.name || '';
selectedSkillWeight.value = skill.weight || '0';
selectedSkillLevel.value = skill.currentLevel || 0;
skillWeightPopup.value?.open();
}
// 处理弹出层关闭
function handlePopupClose() {
// 可以在这里处理关闭后的逻辑
}
</script>
<style lang="scss" scoped>
.skill-development {
padding: 10rpx 0 20rpx;
background-color: #EBF4FF;
min-height:95%;
}
.content-section {
background-color: #EBF4FF;
padding: 28rpx;
box-sizing: border-box;
overflow: visible;
}
.section-title {
display: flex;
align-items: center;
gap: 12rpx;
margin-bottom: 24rpx;
margin-top: -20rpx;
}
.title-text {
font-size: 32rpx;
font-weight: 600;
color: #167CF1;
}
.intro-text {
font-size: 24rpx;
line-height: 34rpx;
color: rgba(154, 154, 154, 1);
text-align: left;
font-family: 'PingFangSC-Bold', 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, 'Microsoft YaHei', sans-serif;
font-weight: 600;
margin-bottom: 90rpx;
width: 672rpx;
}
.skill-list {
display: flex;
flex-direction: column;
gap: 20rpx;
}
.skill-item {
width: 100%;
max-width: 796rpx;
min-height: 162rpx;
line-height: 40rpx;
border-radius: 20rpx;
background-color: rgba(239, 239, 239, 1);
color: rgba(16, 16, 16, 1);
font-size: 28rpx;
text-align: center;
padding: 24rpx;
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: center;
overflow: visible;
position: relative;
}
.skill-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 16rpx;
width: 100%;
box-sizing: border-box;
}
.skill-name {
font-size: 32rpx;
line-height: 46rpx;
color: rgb(16, 16, 16);
text-align: left;
font-family: 'PingFangSC-Bold', 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, 'Microsoft YaHei', sans-serif;
font-weight: 600;
flex: 1;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.skill-weight {
font-size: 24rpx;
line-height: 34rpx;
border-radius: 10rpx;
background-color: rgba(49, 100, 239, 0.1);
color: rgba(44, 101, 247, 1);
text-align: center;
padding: 6rpx 12rpx;
white-space: nowrap;
flex-shrink: 0;
margin-left: 16rpx;
}
.skill-tags {
display: flex;
flex-wrap: wrap;
gap: 12rpx;
}
.skill-tag {
background-color: rgba(49, 100, 239, 0.1);
color: rgba(44, 101, 247, 1);
padding: 6rpx 12rpx;
border-radius: 8rpx;
font-size: 24rpx;
line-height: 34rpx;
text-align: center;
white-space: nowrap;
}
</style>

View File

@@ -0,0 +1,212 @@
<template>
<uni-popup
ref="popupRef"
type="bottom"
:borderRadius="'20rpx 20rpx 0 0'"
background-color="#FFFFFF"
maskBackgroundColor="rgba(255, 255, 255, 0.6)"
:isMaskClick="true"
@maskClick="handleClose"
>
<view class="skill-weight-popup-content">
<!-- 头部标题和关闭按钮 -->
<view class="popup-header">
<text class="popup-title">{{ skillName }}</text>
<view class="close-btn" @click="handleClose">
<uni-icons type="closeempty" size="20" color="#000000"></uni-icons>
</view>
</view>
<!-- 内容区域 -->
<scroll-view scroll-y class="popup-body" :show-scrollbar="false">
<!-- 技能权重 -->
<view class="info-section">
<view class="section-header">
<view class="section-icon"></view>
<text class="section-title">技能权重</text>
</view>
<view class="info-item">
<text class="info-label">{{ skillName }}</text>
<text class="info-value">{{ weight }}</text>
</view>
</view>
<!-- 当前水平 -->
<view class="info-section">
<view class="section-header">
<view class="section-icon"></view>
<text class="section-title">当前水平</text>
</view>
<view class="info-item">
<text class="info-label">能力等级</text>
<view class="level-dots">
<view
class="dot"
:class="{ 'active': i - 1 < currentLevel }"
v-for="i in 5"
:key="i"
></view>
</view>
</view>
</view>
</scroll-view>
</view>
</uni-popup>
</template>
<script setup>
import { ref, defineExpose } from 'vue';
const props = defineProps({
skillName: {
type: String,
default: ''
},
weight: {
type: String,
default: '0'
},
currentLevel: {
type: Number,
default: 0
}
});
const emit = defineEmits(['close']);
const popupRef = ref(null);
function open() {
popupRef.value?.open('bottom');
}
function close() {
popupRef.value?.close('bottom');
}
function handleClose() {
close();
emit('close');
}
defineExpose({ open, close });
</script>
<style lang="scss" scoped>
.skill-weight-popup-content {
height: calc(100vh - 330rpx);
background-color: #FFFFFF;
border-radius: 20rpx 20rpx 0 0;
display: flex;
flex-direction: column;
overflow: hidden;
box-sizing: border-box;
}
.popup-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 32rpx 28rpx;
border-bottom: 1rpx solid #F0F0F0;
flex-shrink: 0;
position: relative;
}
.popup-title {
font-size: 36rpx;
font-weight: 600;
color: #000000;
flex: 1;
}
.close-btn {
width: 44rpx;
height: 44rpx;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background-color: #F5F5F5;
position: absolute;
right: 28rpx;
top: 50%;
transform: translateY(-50%);
}
.popup-body {
flex: 1;
padding: 0 28rpx 28rpx;
overflow-y: auto;
box-sizing: border-box;
}
.info-section {
margin-bottom: 40rpx;
&:last-child {
margin-bottom: 0;
}
}
.section-header {
display: flex;
align-items: center;
margin-bottom: 24rpx;
gap: 12rpx;
}
.section-icon {
width: 24rpx;
height: 24rpx;
border-radius: 50%;
background: linear-gradient(135deg, #9974FD 0%, #286BFA 100%);
flex-shrink: 0;
}
.section-title {
font-size: 32rpx;
font-weight: 600;
color: #286BFA;
}
.info-item {
background-color: #F5F5F5;
border-radius: 12rpx;
padding: 20rpx 24rpx;
display: flex;
justify-content: space-between;
align-items: center;
}
.info-label {
font-size: 28rpx;
color: #000000;
flex: 1;
}
.info-value {
font-size: 28rpx;
color: #286BFA;
font-weight: 500;
}
.level-dots {
display: flex;
gap: 8rpx;
align-items: center;
flex-shrink: 0;
}
.dot {
width: 12rpx;
height: 12rpx;
border-radius: 50%;
background-color: #E0E0E0;
&.active {
background-color: #286BFA;
}
}
</style>

35
project.config.json Normal file
View File

@@ -0,0 +1,35 @@
{
"setting": {
"es6": true,
"postcss": true,
"minified": true,
"uglifyFileName": false,
"enhance": true,
"packNpmRelationList": [],
"babelSetting": {
"ignore": [],
"disablePlugins": [],
"outputPath": ""
},
"useCompilerPlugins": false,
"minifyWXML": true,
"compileWorklet": false,
"uploadWithSourceMap": true,
"packNpmManually": false,
"minifyWXSS": true,
"localPlugins": false,
"disableUseStrict": false,
"condition": false,
"swc": false,
"disableSWC": true
},
"compileType": "miniprogram",
"simulatorPluginLibVersion": {},
"packOptions": {
"ignore": [],
"include": []
},
"appid": "wx4aa34488b965a331",
"editorSetting": {},
"libVersion": "3.11.1"
}

View File

@@ -0,0 +1,22 @@
{
"libVersion": "3.11.1",
"projectname": "ks-app-employment-service",
"setting": {
"urlCheck": true,
"coverView": true,
"lazyloadPlaceholderEnable": false,
"skylineRenderEnable": false,
"preloadBackgroundData": false,
"autoAudits": false,
"showShadowRootInWxmlPanel": true,
"compileHotReLoad": true,
"useApiHook": true,
"useApiHostProcess": true,
"useStaticServer": false,
"useLanDebug": false,
"showES6CompileOption": false,
"checkInvalidKey": true,
"ignoreDevUnusedFiles": true,
"bigPackageSizeSupport": false
}
}

BIN
static/icon/antOutline.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 308 B

View File

@@ -1,36 +1,35 @@
{
"description": "项目配置文件。",
"packOptions": {
"ignore": []
},
"setting": {
"urlCheck": false,
"es6": true,
"postcss": true,
"minified": true,
"newFeature": true,
"bigPackageSizeSupport": true
"uglifyFileName": false,
"enhance": true,
"packNpmRelationList": [],
"babelSetting": {
"ignore": [],
"disablePlugins": [],
"outputPath": ""
},
"useCompilerPlugins": false,
"minifyWXML": true,
"compileWorklet": false,
"uploadWithSourceMap": true,
"packNpmManually": false,
"minifyWXSS": true,
"localPlugins": false,
"disableUseStrict": false,
"condition": false,
"swc": false,
"disableSWC": true
},
"compileType": "miniprogram",
"libVersion": "3.5.7",
"simulatorPluginLibVersion": {},
"packOptions": {
"ignore": [],
"include": []
},
"appid": "wx4aa34488b965a331",
"projectname": "qingdao-employment-service",
"condition": {
"search": {
"current": -1,
"list": []
},
"conversation": {
"current": -1,
"list": []
},
"game": {
"current": -1,
"list": []
},
"miniprogram": {
"current": -1,
"list": []
}
}
"editorSetting": {},
"libVersion": "3.11.1"
}

View File

@@ -4,7 +4,7 @@
* @Date: 2023-07-27 15:55:08
* @LastEditors: lip
*/
const TokenKey = 'App-Token'
const TokenKey = 'token' // 与微信登录时存储的 key 保持一致
export function getToken() {
return uni.getStorageSync(TokenKey)

View File

@@ -5,9 +5,25 @@
* @LastEditors: lip
*/
// 应用全局配置
import config from '@/config.js'
let exports = {
baseUrl: 'http://222.80.110.161:11111/sdrc-api', // 正式环境在济南人才上部署(不要轻易连接)
// baseUrl: 'http://172.20.0.177:8903', // 正式环境在济南人才上部署(不要轻易连接)
// 引用根目录config.js的baseUrl避免重复配置
baseUrl: config.baseUrl,
// baseUrl: 'http://127.0.0.1:8903', // 本地开发
// baseUrl: 'http://172.20.0.104:8903', // xubaiqi 地址
// baseUrl: 'http://172.20.1.76:8903', // 演示环境内网
// baseUrl: 'http://36.140.162.216:8904/prod-api', // 演示环境外网
// baseUrl: 'http://10.160.0.5:8903', // 演示环境外网
// baseUrl: 'http://111.34.80.140:8081/prod-api', // 正式环境(不要轻易连接)
// baseUrl: 'http://ks.zhaopinzao8dian.com/api/ks', // 已从根目录config.js引用不再重复配置
zytpBaseUrl: 'http://ks.zhaopinzao8dian.com/api/ks_zytp/admin-api/zytp',
// 应用信息
appInfo: {

View File

@@ -12,30 +12,59 @@ import { toast, showConfirm, tansParams } from '@/utilsRc/common'
let timeout = 10000
const baseUrl = configRc.baseUrl
const zytpBaseUrl = configRc.zytpBaseUrl || ''
const request = config => {
// 是否需要设置 token
const isToken = (config.headers || {}).isToken === false
config.header = config.header || {}
if (getToken() && !isToken) {
config.header['Authorization'] = 'Bearer ' + getToken()
// 从存储中获取微信登录的 token
const token = getToken()
if (token && !isToken) {
config.header['Authorization'] = 'Bearer ' + token
}
// config.header['Authorization'] = 'Bearer ' + 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJsb2dpblR5cGUiOiJsb2dpbiIsImxvZ2luSWQiOiJzeXNfdXNlcjoxIiwicm5TdHIiOiJGUVl3YmRUalAzQ1BMNGFVc0RxeGJmdjAyT3JMZllDVSIsInVzZXJJZCI6MX0.kSOXY2QJQPbfjE0Yx2R3S8yQciA33OZBS9xJtr7cQ1A'
// get请求映射params参数
const baseType = config.baseUrlType
const requestBaseUrl = baseType === 'zytp' && zytpBaseUrl ? zytpBaseUrl : baseUrl
let requestUrl = config.fullUrl ? config.fullUrl : (requestBaseUrl + (config.url || ''))
if (config.params) {
let url = config.url + '?' + tansParams(config.params)
let url = tansParams(config.params)
url = url.slice(0, -1)
config.url = url
if (url) {
requestUrl += (requestUrl.includes('?') ? '&' : '?') + url
}
}
// 如果是 getJobPathById 接口,打印完整 URL
if (config.url && config.url.includes('getJobPathById')) {
console.log('[请求URL] getJobPathById 完整请求URL:', requestUrl);
console.log('[请求URL] baseUrl:', requestBaseUrl);
console.log('[请求URL] 接口路径:', config.url);
console.log('[请求URL] 请求参数:', config.params);
}
// 如果是 recommendJob 接口,打印详细信息
if (config.url && config.url.includes('recommendJob')) {
console.log('[请求URL] recommendJob 完整请求URL:', requestUrl);
console.log('[请求URL] baseUrl:', requestBaseUrl);
console.log('[请求URL] 接口路径:', config.url);
console.log('[请求URL] 请求方法:', config.method);
console.log('[请求URL] 请求参数 (params):', config.params);
console.log('[请求URL] 请求数据 (data):', config.data);
console.log('[请求URL] Content-Type:', config.header?.['content-type']);
}
return new Promise((resolve, reject) => {
uni.request({
method: config.method || 'get',
timeout: config.timeout || timeout,
url: baseUrl + config.url,
url: requestUrl,
// url: 'https://gccrcdh.sd-talent.cn:80/zhq' + config.url,
data: config.data,
header: config.header,
dataType: 'json'
dataType: 'json',
responseType: config.responseType || 'text'
}).then(response => {
let res = response.data
let error = response.errMsg!='request:ok'
@@ -44,10 +73,11 @@ const request = config => {
reject('网络出小差,请稍后再试')
return
}
const code = res.code || 200
// 处理 code0 和 200 都表示成功
const code = res.code !== undefined && res.code !== null ? res.code : 200
const msg = errorCode[code] || res.msg || errorCode['default']
const isShowModel = getApp().globalData.isShowModel
if (code == 200) {
if (code === 200 || code === 0) {
resolve(res)
}else if (code === 401) {
if(isShowModel === false) {
@@ -80,12 +110,15 @@ const request = config => {
else if (code === 500) {
toast(msg)
reject('500')
} else if (code !== 200 && code !== 9999) {
} else if (code !== 200 && code !== 0 && code !== 9999) {
// 9999是正常的业务状态码不应该被当作错误处理
// 0 和 200 都表示成功
toast(msg)
reject(code)
}
resolve(res.data)
// 如果 code 是 0 或 200返回完整响应对象而不是 res.data
// 因为有些接口的 data 在 res.data 中,有些在 res 中
resolve(res)
})
.catch(error => {
let message = error.errMsg