= 职业规划推荐

docs/职业图谱接口说明.md

@@ -45,7 +45,7 @@
 
 ---
 
-### 2. ``getJobPathById`- 根据职业路径ID获取详情
+### 2. `getJobPathById`- 根据职业路径ID获取详情
 - **接口路径**: `/jobPath/getJobPathById`
 - **请求方法**: `GET`
 - **接口类型**: `zytp`

pages/service/components/CareerRecommend.vue

@@ -1,57 +1,3 @@
-<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>
-                <text v-if="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)"
-        >
-            <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';
@@ -100,11 +46,11 @@ async function fetchCurrentJobSkills() {
         // 优先从 appUserInfo 接口获取技能标签
         const response = await appUserInfo();
         const userInfo = response?.data || {};
-        
+
         // 从 appSkillsList 中提取技能名称
         const appSkillsList = Array.isArray(userInfo?.appSkillsList) ? userInfo.appSkillsList : [];
         const apiSkills = extractSkillsFromAppSkillsList(appSkillsList);
-        
+
         // 如果接口返回了技能数据，使用接口数据
         if (apiSkills.length > 0) {
             skillTags.value = apiSkills;
@@ -113,14 +59,14 @@ async function fetchCurrentJobSkills() {
             const cachedUserInfo = uni.getStorageSync('userInfo') || {};
             const cachedAppSkills = Array.isArray(cachedUserInfo?.appSkillsList) ? cachedUserInfo.appSkillsList : [];
             const cachedSkills = extractSkillsFromAppSkillsList(cachedAppSkills);
-            
+
             if (cachedSkills.length > 0) {
                 skillTags.value = cachedSkills;
             } else {
                 skillTags.value = [];
             }
         }
-        
+
         // 通知父组件技能数据已更新
         emit('skills-updated', {
             currentJobSkills: skillTags.value,
@@ -131,13 +77,13 @@ async function fetchCurrentJobSkills() {
         const cachedUserInfo = uni.getStorageSync('userInfo') || {};
         const cachedAppSkills = Array.isArray(cachedUserInfo?.appSkillsList) ? cachedUserInfo.appSkillsList : [];
         const cachedSkills = extractSkillsFromAppSkillsList(cachedAppSkills);
-        
+
         if (cachedSkills.length > 0) {
             skillTags.value = cachedSkills;
         } else {
             skillTags.value = [];
         }
-        
+
         emit('skills-updated', {
             currentJobSkills: skillTags.value,
             recommendedJobs: recommendedJobs.value
@@ -154,13 +100,13 @@ async function fetchRecommendedJobs() {
         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,
@@ -170,7 +116,7 @@ async function fetchRecommendedJobs() {
                 rawSkills: skillList
             };
         });
-        
+
         // 通知父组件推荐职位数据已更新
         emit('skills-updated', {
             currentJobSkills: skillTags.value,
@@ -215,6 +161,60 @@ function handleJobCardClick(job) {
 }
 </script>
 
+<template>
+    <div class="career-recommend">
+        <!-- 当前职位信息卡片 -->
+        <div class="info-card">
+            <div class="card-title">当前职位信息</div>
+            <div class="card-content">
+                <text class="label">当前职位</text>
+                <text class="value">{{ currentJobDisplay }}</text>
+            </div>
+        </div>
+
+        <!-- 我的技能标签卡片 -->
+        <div class="info-card">
+            <div class="card-title">我的技能标签</div>
+            <div class="skill-tags">
+                <div
+                    class="skill-tag"
+                    v-for="(skill, index) in skillTags"
+                    :key="index"
+                >
+                    {{ skill }}
+                </div>
+                <text v-if="!skillTags.length && !isLoadingSkillTags" class="empty-text">暂无技能数据</text>
+                <text v-if="isLoadingSkillTags" class="empty-text">加载中...</text>
+            </div>
+        </div>
+
+        <!-- 相似推荐职位 -->
+        <div class="section-title">
+            相似推荐职位
+        </div>
+        <div v-if="!isLoadingRecommend && recommendedJobs.length === 0" class="empty-text">暂无推荐职位</div>
+        <div
+            class="job-item-card"
+            v-for="(job, index) in recommendedJobs"
+            :key="index"
+            @click="handleJobCardClick(job)"
+        >
+            <div class="job-header">
+                <text class="job-title">{{ job.title }}</text>
+            </div>
+            <div class="job-skills">
+                <div
+                    class="job-skill-tag"
+                    v-for="(skill, skillIndex) in job.skills"
+                    :key="skillIndex"
+                >
+                    {{ skill }}
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
 <style lang="scss" scoped>
 .career-recommend {
     padding: 10rpx 28rpx 20rpx;
@@ -239,7 +239,7 @@ function handleJobCardClick(job) {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    
+
     .label {
         font-size: 24rpx;
         line-height: 34rpx;
@@ -248,7 +248,7 @@ function handleJobCardClick(job) {
         font-family: 'PingFangSC-Bold', 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, 'Microsoft YaHei', sans-serif;
         font-weight: 600;
     }
-    
+
     .value {
         font-size: 32rpx;
         line-height: 46rpx;