Merge remote-tracking branch 'origin/main'

细节优化
首页九宫格样式优化
2026-02-02 13:22:25 +08:00 · 2026-01-28 17:17:29 +08:00 · 2026-01-28 11:44:11 +08:00 · 2026-01-27 18:51:58 +08:00 · 2026-01-27 17:13:45 +08:00 · 2026-01-23 18:46:13 +08:00
12 changed files with 402 additions and 196 deletions
--- a/apiRc/service/skillDevelopment.js
+++ b/apiRc/service/skillDevelopment.js
@@ -7,9 +7,19 @@
 import request from '@/utilsRc/request'

 // 获取技能信息
-export function getSkill(query) {
+export function getCareerPath(query) {
  return request({
-    url: '/jobSkillDet/getJobSkillWeight',
+    url: '/jobPath/getJobPathJobList',
+    method: 'get',
+    params: query,
+    baseUrlType: 'zytp'
+  })
+}
+
+// 获取技能信息
+export function getSkillResult(query) {
+  return request({
+    url: '/jobDimScore/getJobDimScoreList',
    method: 'get',
    params: query,
    baseUrlType: 'zytp'
--- a/components/CustomTabBar/CustomTabBar.vue
+++ b/components/CustomTabBar/CustomTabBar.vue
@@ -59,7 +59,7 @@ const generateTabbarList = () => {
        },
        {
            id: 2,
-            text: 'AI+',
+            text: '智能客服',
            path: '/pages/chat/chat',
            iconPath: '/static/tabbar/logo3.png',
            selectedIconPath: '/static/tabbar/logo3.png',
@@ -175,7 +175,8 @@ const switchTab = (item, index) => {
    const loginRequiredPages = [
        '/packageA/pages/job/publishJob',
        '/pages/mine/mine',
-        '/pages/mine/company-mine'
+        '/pages/mine/company-mine',
+        '/pages/msglog/msglog'
    ];
    
    if (loginRequiredPages.includes(item.path)) {
@@ -279,7 +280,7 @@ onMounted(() => {
    bottom: 0;
    left: 0;
    right: 0;
-    height: 88rpx;
+    height: 100rpx;
    background-color: #ffffff;
    border-top: 1rpx solid #e5e5e5;
    display: flex;
@@ -306,8 +307,8 @@ onMounted(() => {
 }

 .tabbar-icon {
-    width: 44rpx;
-    height: 44rpx;
+    width: 50rpx;
+    height: 50rpx;
    margin-bottom: 4rpx;
    position: relative;
 }
@@ -318,7 +319,7 @@ onMounted(() => {
 }

 .tabbar-text {
-    font-size: 20rpx;
+    font-size: 22rpx;
    line-height: 1;
    transition: color 0.3s ease;
 }
@@ -332,14 +333,14 @@ onMounted(() => {
    position: absolute;
    top: 4rpx;
    right: 20rpx;
-    min-width: 30rpx;
-    height: 30rpx;
+    min-width: 32rpx;
+    height: 32rpx;
    background-color: #ff4444;
    color: #fff;
-    font-size: 18rpx;
-    border-radius: 15rpx;
+    font-size: 19rpx;
+    border-radius: 16rpx;
    text-align: center;
-    line-height: 30rpx;
+    line-height: 32rpx;
    padding: 0 10rpx;
    transform: scale(0.8);
 }
@@ -347,8 +348,8 @@ onMounted(() => {
 /* 中间按钮特殊样式 */
 .tabbar-item:has(.center-item) {
    .tabbar-icon {
-        width: 60rpx;
-        height: 60rpx;
+        width: 68rpx;
+        height: 68rpx;
        margin-bottom: 0;
    }
 }
--- a/components/md-render/md-render.vue
+++ b/components/md-render/md-render.vue
@@ -775,7 +775,8 @@ ol {
    
    /* 为v-html生成的a.custom-card标签添加基础样式 */
    a.custom-card {
-        display: block !important;
+        display: flex !important;
+        flex-direction: column !important;
        margin-bottom: 22rpx !important;
        background: #FFFFFF !important;
        box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(0,0,0,0.04) !important;
@@ -787,7 +788,8 @@ ol {
        text-decoration: none !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
-        width: 100% !important;
+        width: calc(100% - 0rpx) !important;
+        max-width: 100% !important;
    }
    
    /* 卡片标题样式 */
--- a/config.js
+++ b/config.js
@@ -6,8 +6,8 @@
 */
 export default {
    // baseUrl: 'http://39.98.44.136:8080', // 测试
-    // baseUrl: 'https://www.xjksly.cn/api/ks', // 正式环境
-    baseUrl: 'http://ks.zhaopinzao8dian.com/api/ks', // 测试
+    baseUrl: 'https://www.xjksly.cn/api/ks', // 正式环境
+    // baseUrl: 'http://ks.zhaopinzao8dian.com/api/ks', // 测试

 	// LCBaseUrl:'http://10.110.145.145:9100',//内网端口
 	// LCBaseUrlInner:'http://10.110.145.145:10100',//招聘、培训、帮扶
--- a/pages.json
+++ b/pages.json
@@ -39,7 +39,7 @@
      {
        "path": "pages/chat/chat",
        "style": {
-          "navigationBarTitleText": "AI+",
+          "navigationBarTitleText": "智能客服",
          "navigationBarBackgroundColor": "#4778EC",
          "navigationBarTextStyle": "white",
          "enablePullDownRefresh": false
--- a/pages/chat/chat.vue
+++ b/pages/chat/chat.vue
@@ -61,6 +61,7 @@
                <view class="main-header">
                    <image src="/static/icon/Hamburger-button.png" @click="toggleDrawer"></image>
                    <view class="title">{{ config.appInfo.areaName }}岗位推荐</view>
+                    <!-- <view class="title">智能客服</view> -->
                    <image src="/static/icon/Comment-one.png" @click="addNewDialogue"></image>
                </view>
            </header>
--- a/pages/index/components/index-one.vue
+++ b/pages/index/components/index-one.vue
@@ -1,5 +1,5 @@
 <template>
-    <view class="app-container">
+    <view class="app-container" @touchstart="handleTouchStart" @touchmove="handleTouchMove">
        <!-- #ifdef MP-WEIXIN -->
        <!-- 小程序背景图片 -->
        <image class="mp-background" src="/static/icon/background2.png" mode="aspectFill"></image>
@@ -136,12 +136,7 @@
                    </view>
                    <view class="service-title">虚拟面试</view>
                </view>
-                <view class="service-item press-button" style="justify-content:normal" @click="goRc()">
-                    <view class="service-icon service-icon-9">
-                        <IconfontIcon name="Graduation-simple-" :size="32" color="#FFFFFF" />
-                    </view>
-                    <view class="service-title" style="overflow:unset">高校毕业生<br/>智慧就业服务</view>
-                </view>
+                
                <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>
@@ -185,6 +180,12 @@
                    </view>
                    <view class="service-title">评价机构信息</view>
                </view>
+                <view class="service-item press-button" style="justify-content:normal" @click="goRc()">
+                    <view class="service-icon service-icon-9">
+                        <IconfontIcon name="Graduation-simple-" :size="32" color="#FFFFFF" />
+                    </view>
+                    <view class="service-title" style="overflow:unset">高校毕业生<br/>智慧就业服务</view>
+                </view>
            </view>
            <!-- #endif -->
        </view>
@@ -229,7 +230,7 @@
        
        
        <view class="nav-filter" :class="{ 'sticky-filter': shouldStickyFilter }" v-if="shouldShowJobSeekerContent">
-            <view class="filter-top" @touchmove.stop.prevent>
+            <view class="filter-top">
                <scroll-view :scroll-x="true" :show-scrollbar="false" class="tab-scroll">
                    <view class="jobs-left">
                        <view
@@ -286,7 +287,6 @@
                @scrolltolower="scrollBottom"
                :enable-back-to-top="false"
                :scroll-with-animation="false"
-                @touchmove.stop.prevent
            >
                <view class="falls" v-if="list.length">
                    <!-- #ifdef MP-WEIXIN -->
@@ -567,10 +567,48 @@ const lastScrollTop = ref(0);
 const scrollTop = ref(0);
 // 当用户与筛选/导航交互时，临时锁定头部显示状态，避免因数据刷新导致回弹显示
 const isInteractingWithFilter = ref(false);
+// 触摸事件状态
+const touchStartY = ref(0);
+const touchMoveY = ref(0);
 // 滚动阈值配置
 const HIDE_THRESHOLD = 50; // 隐藏顶部区域的滚动阈值（降低阈值，更容易触发）
 const SHOW_THRESHOLD = 5; // 显示顶部区域的滚动阈值（接近顶部）
 const STICKY_THRESHOLD = 80; // 筛选区域吸顶的滚动阈值
+const TOUCH_MOVE_THRESHOLD = 30; // 触摸滑动阈值，用于判断是否为有效滑动
+
+// 处理触摸开始事件
+function handleTouchStart(e) {
+    // 记录触摸起始位置
+    touchStartY.value = e.touches[0].clientY;
+}
+
+// 处理触摸移动事件
+function handleTouchMove(e) {
+    // 记录触摸移动位置
+    touchMoveY.value = e.touches[0].clientY;
+    
+    // 计算滑动距离
+    const diffY = touchStartY.value - touchMoveY.value;
+    
+    // 当向上滑动超过阈值时，隐藏顶部区域
+    if (diffY > TOUCH_MOVE_THRESHOLD) {
+        if (!shouldHideTop.value) {
+            shouldHideTop.value = true;
+        }
+        if (!shouldStickyFilter.value) {
+            shouldStickyFilter.value = true;
+        }
+    }
+    // 当向下滑动超过阈值且在顶部附近时，显示顶部区域
+    else if (diffY < -TOUCH_MOVE_THRESHOLD && scrollTop.value <= SHOW_THRESHOLD) {
+        if (shouldHideTop.value && !isInteractingWithFilter.value) {
+            shouldHideTop.value = false;
+        }
+        if (shouldStickyFilter.value) {
+            shouldStickyFilter.value = false;
+        }
+    }
+}

 // 简化的滚动处理函数
 function handleScroll(e) {
@@ -1511,10 +1549,10 @@ defineExpose({ loadData });
            color: #256BFA
 // 服务功能网格样式
 .service-grid
-    padding: 20rpx 28rpx
+    padding: 10rpx 28rpx
    display: grid
    grid-template-columns: 1fr 1fr 1fr 1fr
-    grid-gap: 20rpx
+    grid-gap: 10rpx
    .service-item
        display: flex
        flex-direction: column
@@ -1522,12 +1560,12 @@ defineExpose({ loadData });
        justify-content: center
        height: 120rpx
        background: transparent
-        padding: 10px 0px
+        padding: 2rpx 0px
        .service-icon
-            width: 88rpx
-            height: 88rpx
-            border-radius: 12rpx
-            margin-bottom: 8rpx
+            width: 62rpx
+            height: 62rpx
+            border-radius: 10rpx
+            margin-bottom: 14rpx
            flex-shrink: 0
        .service-icon-1
            background: linear-gradient(180deg, #FF8E8E 0%, #E53E3E 100%)
--- a/pages/service/components/SkillDevelopment.vue
+++ b/pages/service/components/SkillDevelopment.vue
@@ -43,30 +43,47 @@ const store = useSkillDevelopmentStore();
            </button>
        </div>
    </div>
-
-    <div class="content-section">
+    <div v-if="store.careerPaths.length" class="content-section career-section">
+        <div class="section-title">
+            <span class="title-text">职业路径</span>
+        </div>
+        <div class="">
+            <scroll-view scroll-x>
+                <div class="career-paths">
+                    <template v-for="(item, index) in store.careerPaths" :key="item.label">
+                    <div
+                        :class="{ 'career-active': store.currentCareer && store.currentCareer.value === item.value }"
+                        class="career-path-item"
+                        @click="store.eventResult(index)"
+                    >
+                        <div
+                            class="career-index"
+                        >
+                            <span class="index">{{ item.index }}</span>
+                        </div>
+                        <div class="career-label">{{ item.label }}</div>
+                    </div>
+                    </template>
+                </div>
+            </scroll-view>
+        </div>
+    </div>
+    <div v-if="store.careerPaths.length" class="content-section">
        <div class="section-title">
            <uni-icons color="#000000" size="18" type="person-filled"></uni-icons>
-            <span class="title-text">技能发展路径</span>
+            <span class="title-text">{{ store.currentCareerLabel }}技能</span>
        </div>
-
-        <div class="intro-text">
-            基于您的当前职业和目标职业,以下是您需要重点发展的技能:
-        </div>
-
        <div class="skill-list">
            <div v-if="store.result.length === 0" class="empty-text">暂无数据</div>
-            <div v-for="(skill, index) in store.result" v-else :key="index" class="skill-item">
-                <div class="skill-header">
-                    <span class="skill-name">{{ skill.name }}</span>
-                    <div class="skill-info">
-                        <span class="skill-score">技能分数: {{ skill.score }}</span>
-                        <span class="skill-weight">权重: {{ skill.weight }}</span>
-                    </div>
-                </div>
-                <div v-if="skill.tags && skill.tags.length > 0" class="skill-tags">
-                    <div v-for="(tag, tagIndex) in skill.tags" :key="tagIndex" class="skill-tag">
-                        {{ tag }}
+            <div v-for="(item, index) in store.result" :key="index" class="skill-card">
+                <div class="skill-label">{{ item.label }}</div>
+                <div class="skill-detail">
+                    <div v-for="d in item.children" :key="d.label" class="skill-detail-item">
+                        <div class="skill-detail-item-label">{{ d.label }}</div>
+                        <div class="skill-detail-item-value">
+                            <div class="value-item">技能得分：{{ d.value }}</div>
+                            <div class="value-item">权重：{{ d.weight }}</div>
+                        </div>
                    </div>
                </div>
            </div>
@@ -98,6 +115,7 @@ const store = useSkillDevelopmentStore();
    background-color: #FFFFFF;
    border-radius: 16rpx;
    padding: 28rpx;
+    margin-bottom: 20rpx;
    box-sizing: border-box;
    overflow: visible;
    box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.08);
@@ -135,6 +153,7 @@ const store = useSkillDevelopmentStore();
 button::after {
    border: none;
 }
+
 .section-title {
    font-size: 32rpx;
    color: #000000;
@@ -148,115 +167,189 @@ button::after {
    }
 }

+.career-paths {
+    display: grid;
+    grid-auto-flow: column;
+    gap: 20px;
+    padding-bottom: 10px;
+
+    .career-path-item {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        width: 80px;
+        padding: 5px;
+        font-weight: 700;
+        cursor: pointer;
+
+        .career-index {
+            position: relative;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            width: 48px;
+            height: 48px;
+            font-size: 20px;
+            color: #fff;
+            border-radius: 50%;
+
+            .index {
+                position: relative;
+                z-index: 10;
+            }
+
+            &:before,
+            &:after {
+                content: '';
+                position: absolute;
+            }
+
+            &:before {
+                inset: 0;
+                z-index: 1;
+                background: #6c64e7;
+                border: 3px solid #fff;
+                border-radius: 50%;
+                box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
+            }
+
+            &:after {
+                content: '';
+                position: absolute;
+                top: 50%;
+                right: 50%;
+                z-index: 0;
+                width: 100px;
+                border-bottom: 4px solid #ccc;
+            }
+        }
+
+        .career-label {
+            margin-top: 10px;
+            font-size: 16px;
+            text-align: center;
+            color: #6c64e7;
+        }
+
+        &.career-active {
+            .career-index {
+                &:before {
+                    background: #22c55e;
+                }
+                &:after {
+                    border-color: #22c55e;
+                }
+            }
+
+            .career-label {
+                color: #000;
+            }
+
+            & + .career-path-item {
+                .career-index {
+                    &:after {
+                        border-color: #22c55e;
+                    }
+                }
+            }
+        }
+
+        &:first-child {
+            .career-index {
+                font-size: 16px;
+
+                &:after {
+                    display: none;
+                }
+            }
+        }
+
+        &:last-child {
+            .career-index {
+                font-size: 16px;
+            }
+        }
+    }
+}
+
+</style>
+
+<style lang="scss" scoped>
 .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;
+.skill-card {
+    margin-bottom: 14px;
    box-sizing: border-box;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    overflow: visible;
-    position: relative;
+    font-weight: 700;
+
+    .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-label {
+        margin-bottom: 10px;
+        font-size: 16px;
+        color: #94a3b8;
+    }
+
+    .skill-detail {
+        display: flex;
+        flex-direction: column;
+        gap: 8px;
+
+        .skill-detail-item {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            padding: 8px;
+            border-radius: 3px;
+            background: #c1d2ea;
+        }
+
+        .skill-detail-item-label {
+            width: 55%;
+            word-wrap: break-word;
+            white-space: pre-wrap;
+            word-break: break-all;
+            color: #334155;
+        }
+
+        .skill-detail-item-value {
+            width: 45%;
+            padding-left: 6px;
+            color: #4f46e5;
+            box-sizing: border-box;
+
+            .value-item {
+                text-wrap: nowrap;
+            }
+        }
+    }
 }

-.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-info {
-    display: flex;
-    align-items: center;
-    gap: 12rpx;
-    flex-shrink: 0;
-    margin-left: 16rpx;
-}
-
-.skill-score {
-    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;
-}
-
-.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;
-}
-
-.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/stores/useCareerRecommendationStore.js
+++ b/stores/useCareerRecommendationStore.js
@@ -81,7 +81,7 @@ export const useCareerRecommendationStore = defineStore('career-recommendation',
            professions.value = data.map((d) => {
                return {
                    label: d.name,
-                    value: `${ d.jobId }`
+                    value: d.name
                };
            });
        } catch (e) {
--- a/stores/useSkillDevelopmentStore.js
+++ b/stores/useSkillDevelopmentStore.js
@@ -1,7 +1,7 @@
 import { computed, ref, watch } from 'vue';
 import { defineStore } from 'pinia';
 import { getCurrentPosition, getPath } from '@/apiRc/service/careerPath';
-import { getSkill } from '@/apiRc/service/skillDevelopment';
+import { getCareerPath, getSkillResult } from '@/apiRc/service/skillDevelopment';


 export const useSkillDevelopmentStore = defineStore('skill-development', () => {
@@ -62,10 +62,21 @@ export const useSkillDevelopmentStore = defineStore('skill-development', () => {
    const paths = ref([]);
    const pathsRef = computed(() => {
        return paths.value.filter((d) => {
-            return `${ d.startJobId }` === profession.value;
+            const [startJobId] = d.value.split('-');
+            return startJobId === profession.value;
        });
    });

+    const careerPaths = ref([]);
+    const currentCareer = ref(null);
+    const currentCareerIndex = ref(0);
+    const currentCareerLabel = computed(() => {
+        if (!currentCareer.value) {
+            return '';
+        }
+        return currentCareer.value.label;
+    });
+
    const result = ref([]);

    const fetchData = async () => {
@@ -108,8 +119,8 @@ export const useSkillDevelopmentStore = defineStore('skill-development', () => {
            paths.value = data.map((d) => {
                return {
                    label: d.endJob,
-                    value: d.endJob,
-                    startJobId: d.startJobId
+                    value: `${d.startJobId}-${d.endJobId}`
+
                };
            });
        } catch (e) {
@@ -117,21 +128,17 @@ export const useSkillDevelopmentStore = defineStore('skill-development', () => {
        }
    };

-    const fetchResult = async () => {
+    const fetchCareerPaths = async () => {
        if (!targetCareer.value) {
            return;
        }
-        const current = professionsRef.value.find((d) => d.value === profession.value);
-        const target = pathsRef.value.find((d) => d.value === targetCareer.value);
-        if (!current || !target) {
-            return;
-        }
+        const [startJobId, endJobId] = targetCareer.value.split('-');
        const params = {
-            currentJobName: current.label,
-            targetJobName: target.label
+            startJobId,
+            endJobId
        };
        try {
-            const { code, msg, data } = await getSkill(params);
+            const { code, msg, data } = await getCareerPath(params);
            if (code !== 0) {
                uni.showToast({
                    title: msg,
@@ -139,20 +146,68 @@ export const useSkillDevelopmentStore = defineStore('skill-development', () => {
                });
                return;
            }
-            if (typeof data !== 'undefined' && Array.isArray(data) && data.length > 0 && data[ 0 ]) {
-                const excludes = data[ 0 ].currentSkillDetList.map((d) => d.skillId);
-                result.value = data[ 0 ].targetSkillDetList
-                    .filter((d) => !excludes.includes(d.skillId))
-                    .map((d) => {
-                        return {
-                            type: d.skillType,
-                            title: d.skillName,
-                            name: d.skillName,
-                            weight: d.skillWeight,
-                            score: d.skillScore
-                        };
-                    });
+            if (!data) {
+                return;
            }
+            careerPaths.value = data.map((d, i) => {
+                let index = `${i}`;
+                let fontSize = 26;
+                if (i === 0) {
+                    index = '起点';
+                    fontSize = 18;
+                }
+                if (i === data.length - 1) {
+                    index = '终点';
+                    fontSize = 18;
+                }
+                return {
+                    index,
+                    label: d.name,
+                    value: d.jobId,
+                    fontSize
+                };
+            });
+            if (careerPaths.value[0]) {
+                void eventResult(0);
+            }
+        } catch (e) {
+            console.warn(e);
+            careerPaths.value = [];
+        }
+    };
+
+    const eventResult = async (index) => {
+        currentCareerIndex.value = index;
+        currentCareer.value = careerPaths.value[index] ?? null;
+
+        const params = {
+            jobId: currentCareer.value?.value
+        };
+        try {
+            const { code, msg, data } = await getSkillResult(params);
+            if (code !== 0) {
+                uni.showToast({
+                    title: msg,
+                    icon: 'none'
+                });
+                return;
+            }
+            if (!data) {
+                return;
+            }
+            result.value = data.map((d) => {
+                return {
+                    label: d.secDimName,
+                    value: d.secDimId,
+                    children: d.skillDetList.map((d) => {
+                        return {
+                            label: d.skillName,
+                            value: d.skillScore,
+                            weight: d.skillWeight
+                        };
+                    })
+                };
+            });
        } catch (e) {
            console.warn(e);
        }
@@ -180,7 +235,7 @@ export const useSkillDevelopmentStore = defineStore('skill-development', () => {
            });
            return;
        }
-        void fetchResult();
+        void fetchCareerPaths();
    };

    const eventProfession = (e) => {
@@ -190,6 +245,7 @@ export const useSkillDevelopmentStore = defineStore('skill-development', () => {
        professionLabel.value = item.label;
        targetCareer.value = '';
        targetCareerLabel.value = '';
+        careerPaths.value = [];
        result.value = [];
    };

@@ -198,6 +254,7 @@ export const useSkillDevelopmentStore = defineStore('skill-development', () => {
        const item = pathsRef.value[ e.detail.value ];
        targetCareer.value = item.value;
        targetCareerLabel.value = item.label;
+        careerPaths.value = [];
        result.value = [];
    };

@@ -223,9 +280,14 @@ export const useSkillDevelopmentStore = defineStore('skill-development', () => {
        targetCareer,
        targetCareerLabel,
        pathsRef,
+        careerPaths,
+        currentCareer,
+        currentCareerLabel,
+        currentCareerIndex,
        result,
        eventProfession,
        eventTargetCareer,
-        eventSearch
+        eventSearch,
+        eventResult
    };
 });
--- a/utils/loginHelper.js
+++ b/utils/loginHelper.js
@@ -49,14 +49,12 @@ export function navigateToLoginPage(options = {}) {
            return;
            
        case 'h5':
-            if (loginType === 'idCard') {
-                // H5端身份证号码登录
-                loginPage = '/pages/login/id-card-login';
-            } else {
-                // H5端账号密码登录
-                loginPage = '/pages/login/h5-login';
-            }
-            break;
+            uni.showToast({
+                title: '请先登录',
+                icon: 'none',
+                duration: 2000
+            });
+            return;
            
        case 'app':
            // App端使用微信授权登录
--- a/utils/markdownParser.js
+++ b/utils/markdownParser.js
@@ -55,10 +55,11 @@ const md = new MarkdownIt({
                // 使用普通的href属性，微信小程序rich-text会将其转换为可点击链接
                // 添加data-job-id属性，方便获取jobId
                // 为所有平台添加onclick事件，微信小程序可能会忽略，但H5端会生效
-                let domContext = `<a class="custom-card" href="/packageA/pages/post/post?jobId=${jobId}" data-job-id="${jobId}" data-jobid="${jobId}" onclick="if(typeof uni !== 'undefined'){uni.navigateTo({url: '/packageA/pages/post/post?jobId=${jobId}'});return false;}"><div class="card-title"><span class="title-text">${result.jobTitle}</span><div class="card-salary">${result.salary}</div></div><div class="card-company">${result.location}·${result.companyName}</div><div class="card-info"><div class="info-item"><div class="card-tag">${result.education}</div><div class="card-tag">${result.experience}</div></div><div class="info-item">查看详情<div class="position-nav"></div></div></div></a>`
+                // 内联基础样式确保在所有平台上正确显示（使用px单位以确保H5兼容性）
+                let domContext = `<a class="custom-card" href="/packageA/pages/post/post?jobId=${jobId}" data-job-id="${jobId}" data-jobid="${jobId}" onclick="if(typeof uni !== 'undefined'){uni.navigateTo({url: '/packageA/pages/post/post?jobId=${jobId}'});return false;}" style="display: flex; flex-direction: column; margin-bottom: 11px; background: #FFFFFF; box-shadow: 0 0 4px rgba(0,0,0,0.04); border-radius: 10px; padding: 14px 12px; font-weight: 400; font-size: 14px; color: #333333; text-decoration: none; overflow: hidden; box-sizing: border-box; width: 100%; max-width: 100%;"><div class="card-title" style="font-weight: 600; display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px;"><span class="title-text" style="font-family: 'PingFangSC-Medium', 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, 'Microsoft YaHei', sans-serif; font-size: 16px; line-height: 1.4; color: #333333; max-width: calc(100% - 80px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">${result.jobTitle}</span><div class="card-salary" style="font-family: DIN-Medium; font-size: 16px; color: #4C6EFB; line-height: 1.4; font-weight: 500;">${result.salary}</div></div><div class="card-company" style="margin-bottom: 9px; font-size: 14px; color: #6C7282; line-height: 1.4; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">${result.location}·${result.companyName}</div><div class="card-info" style="display: flex; align-items: center; justify-content: space-between; padding-right: 20px;"><div class="info-item" style="display: flex; position: relative; align-items: center;"><div class="card-tag" style="font-weight: 400; font-size: 12px; color: #6C7282; width: fit-content; background: #F4F4F4; border-radius: 2px; padding: 3px 10px; margin-right: 10px; display: inline-flex; align-items: center; justify-content: center; height: 15px; line-height: 15px;">${result.education}</div><div class="card-tag" style="font-weight: 400; font-size: 12px; color: #6C7282; width: fit-content; background: #F4F4F4; border-radius: 2px; padding: 3px 10px; margin-right: 10px; display: inline-flex; align-items: center; justify-content: center; height: 15px; line-height: 15px;">${result.experience}</div></div><div class="info-item" style="color: #256BFA; font-size: 14px; padding-right: 5px; position: relative;">查看详情<div class="position-nav" style="position: absolute; right: -5px; top: 50%; transform: translateY(-50%);"></div></div></div></a>`
                if (result.data) {
                    jobMoreMap.set(jobId, result.data)
-                    domContext += `<a class="custom-more" href="/packageA/pages/moreJobs/moreJobs?jobId=${jobId}" data-job-id="${jobId}" data-jobid="${jobId}" onclick="if(typeof uni !== 'undefined'){uni.navigateTo({url: '/packageA/pages/moreJobs/moreJobs?jobId=${jobId}'});return false;}">查看更多岗位<div class="more-icon"></div></a>`
+                    domContext += `<a class="custom-more" href="/packageA/pages/moreJobs/moreJobs?jobId=${jobId}" data-job-id="${jobId}" data-jobid="${jobId}" onclick="if(typeof uni !== 'undefined'){uni.navigateTo({url: '/packageA/pages/moreJobs/moreJobs?jobId=${jobId}'});return false;}" style="display: flex; justify-content: center; align-items: center; color: #FFFFFF; background: linear-gradient(135deg, #256BFA 0%, #9E74FD 100%); border-radius: 25px; padding: 10px 16px; margin: 10px 0; font-size: 14px; font-weight: 600; box-shadow: 0 4px 12px rgba(37, 107, 250, 0.3); text-decoration: none; box-sizing: border-box; width: 100%;">查看更多岗位<div class="more-icon" style="width: 16px; height: 16px; background: url('@/static/svg/seemore.svg') center center no-repeat; background-size: 100% 100%; margin-left: 6px;"></div></a>`
                }
                return domContext
            }
Author	SHA1	Message	Date
danchaotaiyang	a8a9d792a3	Merge remote-tracking branch 'origin/main'	2026-02-02 13:22:25 +08:00
francis_fh	7634a24c3a	细节优化	2026-01-28 17:17:29 +08:00
francis_fh	a128926c21	首页九宫格样式优化	2026-01-28 11:44:11 +08:00
francis_fh	3387ea8dbc	首页上下滑动优化	2026-01-27 18:51:58 +08:00
francis_fh	05105488bd	tabbar大小调整	2026-01-27 17:13:45 +08:00
danchaotaiyang	c3d26cdd54	= 职业规划推荐	2026-01-23 18:46:13 +08:00
danchaotaiyang	b030d45d49	= 职业规划推荐	2026-01-23 18:38:13 +08:00
danchaotaiyang	a45b247496	= 职业规划推荐	2026-01-23 15:43:53 +08:00