= 职业规划推荐

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';
@@ -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;