merge: 合并 CareerMap 分支到 main

2025-11-12 19:33:53 +08:00
parent 73f5cb8750 967317367c
commit b7cdf23c7e
26 changed files with 8307 additions and 937 deletions
--- a/apiRc/jobPath.js
+++ b/apiRc/jobPath.js
@@ -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'
+  })
+}
+
--- a/apiRc/jobRecommend.js
+++ b/apiRc/jobRecommend.js
@@ -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'
+  })
+}
--- a/apiRc/jobSkill.js
+++ b/apiRc/jobSkill.js
@@ -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'
+//     }
+//   })
+// }
+
--- a/apiRc/user/user.js
+++ b/apiRc/user/user.js
@@ -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'
+  })
+}
--- a/components/CustomTabBar/CustomTabBar.vue
+++ b/components/CustomTabBar/CustomTabBar.vue
@@ -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 {
--- a/docs/职业图谱接口说明.md
+++ b/docs/职业图谱接口说明.md
@@ -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`
+
--- a/package-lock.json
+++ b/package-lock.json
--- a/pages.json
+++ b/pages.json
--- a/pages/chat/chat.vue
+++ b/pages/chat/chat.vue
@@ -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;
--- a/pages/index/components/index-one.vue
+++ b/pages/index/components/index-one.vue
@@ -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')
-            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');
-            }
-        }
+        let userInfo = uni.getStorageSync('userInfo')
+        console.log(uni.getStorageSync('userInfo'), "uni.getStorageSync('userInfo')");
+        storeRc.dispatch('LoginByUserInfo', userInfo).then(res => {
+            // console.log(res, "'res");
+            navTo('/packageRc/pages/index/index');
+        });
    }
 }
-// 跳转素质测评页面（在线测评，职业库，职业生涯规划）
-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
--- a/pages/service/career-planning.vue
+++ b/pages/service/career-planning.vue
@@ -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>
--- a/pages/service/components/CareerPath.vue
+++ b/pages/service/components/CareerPath.vue
@@ -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>
--- a/pages/service/components/CareerRecommend.vue
+++ b/pages/service/components/CareerRecommend.vue
@@ -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>
--- a/pages/service/components/PageHeader.vue
+++ b/pages/service/components/PageHeader.vue
@@ -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>
+
--- a/pages/service/components/RemindPopup.vue
+++ b/pages/service/components/RemindPopup.vue
@@ -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>
+
--- a/pages/service/components/SkillDetailPopup.vue
+++ b/pages/service/components/SkillDetailPopup.vue
@@ -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>
+
--- a/pages/service/components/SkillDevelopment.vue
+++ b/pages/service/components/SkillDevelopment.vue
@@ -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>
--- a/pages/service/components/SkillWeightPopup.vue
+++ b/pages/service/components/SkillWeightPopup.vue
@@ -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>
+
--- a/project.config.json
+++ b/project.config.json
@@ -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"
+}
--- a/project.private.config.json
+++ b/project.private.config.json
@@ -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
+  }
+}
--- a/static/icon/antOutline.png
+++ b/static/icon/antOutline.png
--- a/unpackage/dist/dev/mp-weixin/project.config.json
+++ b/unpackage/dist/dev/mp-weixin/project.config.json
@@ -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"
 }
--- a/utilsRc/auth.js
+++ b/utilsRc/auth.js
@@ -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)
--- a/utilsRc/config.js
+++ b/utilsRc/config.js
@@ -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: {
--- a/utilsRc/request.js
+++ b/utilsRc/request.js
@@ -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
+        // 处理 code，0 和 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