=【职业图谱】职业推荐 - 职位搜索按钮文字大小

=【职业图谱】职业推荐 - 携参跳转
=【职业图谱】
2026-06-17 16:07:16 +08:00 · 2026-06-17 09:48:42 +08:00 · 2026-06-10 13:24:47 +08:00 · 2026-06-09 21:55:12 +08:00 · 2026-06-09 21:54:40 +08:00 · 2026-06-09 21:42:58 +08:00
9 changed files with 163 additions and 125 deletions
--- a/apiRc/user/user.js
+++ b/apiRc/user/user.js
@@ -3,7 +3,21 @@
 * @LastEditors: shirlwang
 * @LastEditTime: 2025-12-16 16:35:06
 */
-import { createRequest } from '../../utils/request';
+import request from '@/utilsRc/request'
+import { createRequest } from '@/utils/request';
+
+// 获取职业图谱token
+export function appToken(token) {
+    return request({
+        url: '/loginByToken',
+        method: 'post',
+        data: {
+            token,
+            loginWay: '2'
+        },
+        baseUrlType: 'zytp'
+    })
+}

 // 获取用户信息（职业规划推荐用）
 export function appUserInfo() {
--- a/packageA/pages/service/career-planning.vue
+++ b/packageA/pages/service/career-planning.vue
@@ -1,7 +1,7 @@
 <!--suppress HtmlUnknownTag, NpmUsedModulesInstalled, JSFileReferences -->
 <script setup>
-import { ref, inject, nextTick, onMounted } from 'vue';
-import { onLoad, onShow } from '@dcloudio/uni-app';
+import { inject, nextTick, onMounted, ref } from 'vue';
+import { onShow } from '@dcloudio/uni-app';
 import { appUserInfo } from '@/apiRc/user/user.js';
 import RemindPopup from './components/RemindPopup.vue';
 import PageHeader from './components/PageHeader.vue';
@@ -10,6 +10,9 @@ 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';
+import { appToken } from '@/apiRc/user/user';
+import { setToken } from '@/utilsRc/auth';
+

 const { navBack, navTo } = inject('globalFunction');

@@ -29,7 +32,6 @@ const selectedJobImprovementSkills = ref([]);
 const currentJobId = ref(null);
 const currentJobName = ref('');

-
 const pathSkillsData = ref({
    pathData: {
        start: { title: '', skills: [] },
@@ -87,6 +89,14 @@ async function getRemindInfo() {

    hasCheckedRemindInfo = true;

+    try {
+        const t = uni.getStorageSync('token');
+        const { token } = await appToken(t);
+        uni.setStorageSync('cryptogram', token);
+    } catch (e) {
+        console.warn(e);
+    }
+
    try {
        const response = await appUserInfo();
        const userInfo = response?.data || {};
@@ -141,11 +151,11 @@ async function getRemindInfo() {
            if (!hasSkills) {
                missingItems.push('技能标签');
            }
-            remindList.value = [`请完善${missingItems.join('、')}`];
+            remindList.value = [ `请完善${ missingItems.join('、') }` ];
        } else {
            // 信息完整，设置职位信息
            if (hasJobTitle) {
-                currentJobName.value = jobTitles[0];
+                currentJobName.value = jobTitles[ 0 ];
            } else {
                currentJobName.value = jobName;
                currentJobId.value = userInfo?.jobId ??
@@ -209,11 +219,11 @@ async function getRemindInfo() {
            if (!hasSkills) {
                missingItems.push('技能标签');
            }
-            remindList.value = [`请完善${missingItems.join('、')}`];
+            remindList.value = [ `请完善${ missingItems.join('、') }` ];
        } else {
            // 信息完整，设置职位信息
            if (hasJobTitle) {
-                currentJobName.value = cachedJobTitles[0];
+                currentJobName.value = cachedJobTitles[ 0 ];
            } else {
                currentJobName.value = jobName;
                currentJobId.value = cachedUserInfo?.jobId ??
@@ -276,7 +286,7 @@ function switchTab(index) {
        let newJobName = '';

        if (cachedJobTitles.length > 0) {
-            newJobName = cachedJobTitles[0];
+            newJobName = cachedJobTitles[ 0 ];
        } else {
            // 如果缓存中没有 jobTitles，从其他字段获取
            newJobName = currentJobName.value ||
@@ -325,10 +335,6 @@ function handlePathDataUpdated(data) {
    };
 }

-onLoad(() => {
-    getRemindInfo();
-});
-
 onShow(() => {
    // 返回本页后，如果之前因为信息缺失未展示内容，则重新检查
    if (!showContent.value) {
@@ -349,52 +355,36 @@ onMounted(() => {
 </script>

 <template>
-    <div class="career-planning-page">
-        <!-- 提醒弹窗 -->
-        <RemindPopup
-            ref="remindPopup"
-            :remind-list="remindList"
-            @cancel="handleCancel"
-            @confirm="handleConfirm"
-        />
+<div 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"
-        />
+    <!-- 技能详情弹出层 -->
+    <SkillDetailPopup ref="skillDetailPopup" :improvement-skills="selectedJobImprovementSkills" :job-title="selectedJobTitle" :possessed-skills="selectedJobPossessedSkills" />

-        <!-- 页面内容 -->
-        <div class="page-content" v-if="showContent">
-            <!-- #ifdef MP-WEIXIN -->
-            <!-- 小程序背景图片 -->
-            <image class="mp-background" src="/static/icon/background2.png" mode="aspectFill"></image>
-            <!-- #endif -->
+    <!-- 页面内容 -->
+    <div v-if="showContent" class="page-content">
+        <!-- #ifdef MP-WEIXIN -->
+        <!-- 小程序背景图片 -->
+        <image class="mp-background" mode="aspectFill" src="/static/icon/background2.png"></image>
+        <!-- #endif -->

-            <!-- 头部区域 -->
-            <PageHeader
-                :active-tab="activeTab"
-                @tab-change="switchTab"
-                @search-click="handleSearchClick"
-                @menu-click="handleMenuClick"
-                @more-click="handleMoreClick"
-            />
+        <!-- 头部区域 -->
+        <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"/>
-                <CareerPath v-else-if="activeTab === 1" />
-                <SkillDevelopment v-else />
-            </scroll-view>
-        </div>
-
-        <!-- 底部导航栏 -->
-        <div class="tabbar-wrapper" v-if="showContent">
-            <CustomTabBar :currentPage="0" />
-        </div>
+        <!-- 内容区域 -->
+        <scroll-view class="content-scroll" scroll-y>
+            <CareerRecommend v-if="activeTab === 0" />
+            <CareerPath v-else-if="activeTab === 1" />
+            <SkillDevelopment v-else />
+        </scroll-view>
    </div>
+
+    <!-- 底部导航栏 -->
+    <div v-if="showContent" class="tabbar-wrapper">
+        <CustomTabBar :currentPage="0" />
+    </div>
+</div>
 </template>

 <style lang="scss">
@@ -484,6 +474,7 @@ onMounted(() => {
    height: 728rpx;
    z-index: 0;
 }
+
 /* #endif */

 .page-content {
@@ -495,7 +486,6 @@ onMounted(() => {
    overflow: hidden;
 }

-
 .content-scroll {
    flex: 1;
    height: 0;
--- a/packageA/pages/service/components/CareerRecommend.vue
+++ b/packageA/pages/service/components/CareerRecommend.vue
@@ -46,6 +46,7 @@ const store = useCareerRecommendationStore();
    <div v-for="(job, index) in store.result" :key="index" class="job-item-card">
        <div class="job-header">
            <span class="job-title">{{ job.title }}</span>
+            <div class="job-search" @click="store.eventJobSearch(job)">职位搜索</div>
        </div>
        <div class="job-header">
            <span>职业相似度：{{ job.percentage }}%</span>
@@ -157,6 +158,20 @@ const store = useCareerRecommendationStore();
    width: 100%;
 }

+.job-search {
+    position: absolute;
+    top: 15rpx;
+    right: 15rpx;
+    padding: 6rpx 20rpx;
+    border-radius: 5px;
+    font-size: 28rpx;
+    color: #333333;
+    background: #ffd4b8;
+    border: none;
+    cursor: pointer;
+    transition: all 0.2s ease;
+}
+
 .job-skills {
    display: flex;
    flex-wrap: wrap;
--- a/pages/search/search.vue
+++ b/pages/search/search.vue
@@ -74,11 +74,16 @@ async function choosePosition(index) {
    getJobList('add');
 }

-onLoad(() => {
+onLoad((query) => {
    let arr = uni.getStorageSync('searchList');
    if (arr) {
        historyList.value = uni.getStorageSync('searchList');
    }
+    const {job} = query;
+    if (job) {
+        searchValue.value = job;
+        searchBtn();
+    }
 });

 function changeType(type) {
@@ -192,14 +197,14 @@ function dataToImg(data) {
     padding: 0 28rpx 28rpx 28rpx
 }
 .Detailscroll-view{
-    flex: 1
-    overflow: hidden
+    flex: 1;
+    overflow: hidden;

 }
 .container{
-    display: flex
-    flex-direction: column
-    background: #F4f4f4
+    display: flex;
+    flex-direction: column;
+    background: #F4f4f4;
    height: 100vh;
    .custom-header {
        background-color: #fff;
@@ -214,7 +219,7 @@ function dataToImg(data) {
    .top {
 		display: flex;
 		align-items: center;
-        justify-content: space-between
+        justify-content: space-between;
 		background-color: #fff;
 		padding: 20rpx 20rpx;
        .btnback{
@@ -224,11 +229,9 @@ function dataToImg(data) {
        .search-box{
            flex: 1;
            padding: 0 24rpx 0 6rpx;
-            position: relative
+            position: relative;
            .inputed {
-                padding-left: 30rpx
                width: 100%;
-            	background: #F8F8F8;
            	font-size: 28rpx;
            	font-family: PingFang SC;
            	font-weight: 400;
@@ -241,9 +244,9 @@ function dataToImg(data) {
                border-radius: 75rpx 75rpx 75rpx 75rpx;
            }
            .iconsearch{
-                position: absolute
-                top: 50%
-                left: 36rpx
+                position: absolute;
+                top: 50%;
+                left: 36rpx;
                transform: translate(0, -50%)
            }
        }
@@ -258,14 +261,14 @@ function dataToImg(data) {
 		}
 	}
    .main-content{
-        background: #FFFFFF
-        height: 100%
+        background: #FFFFFF;
+        height: 100%;
        margin-top: 140rpx;
        .content-top{
-            padding: 28rpx
-            display: flex
-            justify-content: space-between
-            align-items: center
+            padding: 28rpx;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
            .top-left{
                font-weight: 600;
                font-size: 36rpx;
@@ -275,12 +278,12 @@ function dataToImg(data) {
        }
        .content-history{
            padding: 0 28rpx;
-            display: flex
-            flex-wrap: wrap
+            display: flex;
+            flex-wrap: wrap;
            .history-tag{
-                margin-right: 40rpx
-                margin-bottom: 20rpx
-                white-space: nowrap
+                margin-right: 40rpx;
+                margin-bottom: 20rpx;
+                white-space: nowrap;
                font-weight: 400;
                font-size: 28rpx;
                color: #333333;
@@ -292,17 +295,17 @@ function dataToImg(data) {
        }
    }
    .Detailscroll-view{
-        flex: 1
-        overflow: hidden
+        flex: 1;
+        overflow: hidden;
        margin-top: 140rpx;
    }
 }

-.slot-item
+.slot-item {
    // background: #f4f4f4;
    background: #FFFFFF;
    .job-info{
-        padding: 10rpx 24rpx 24rpx 24rpx
+        padding: 10rpx 24rpx 24rpx 24rpx;
    }
    .job-image{
        width: 100%;
@@ -319,14 +322,14 @@ function dataToImg(data) {
        .cover-triangle{
            position: absolute;
            right: 20rpx;
-            top: 20rpx
-            width: 36rpx
-            height: 36rpx
-            border-radius: 50%
-            background: rgba(0,0,0,0.3)
+            top: 20rpx;
+            width: 36rpx;
+            height: 36rpx;
+            border-radius: 50%;
+            background: rgba(0,0,0,0.3);
        }
        .cover-triangle::after {
-          content: '';
+          content: "";
          position: absolute;
          top: 50%;
          left: 50%;
@@ -338,26 +341,32 @@ function dataToImg(data) {
          border-bottom: 12rpx solid #fff;
        }
    }
-    .salary
+    .salary {
        color: #4C6EFB;
-        font-size: 28rpx
-        display: flex
-        align-items: flex-start
-        justify-content: space-between
-        .flame
-            margin-top: 4rpx
-            margin-right: 4rpx
-            width: 24rpx
-            height: 31rpx
-    .title
+        font-size: 28rpx;
+        display: flex;
+        align-items: flex-start;
+        justify-content: space-between;
+
+        .flame {
+            margin-top: 4rpx;
+            margin-right: 4rpx;
+            width: 24rpx;
+            height: 31rpx;
+        }
+    }
+    .title {
        font-weight: 500;
        font-size: 32rpx;
        color: #333333;
        margin-top: 6rpx;
-        white-space: pre-wrap
-    .desc
+        white-space: pre-wrap;
+    }
+    .desc {
        font-weight: 400;
        font-size: 24rpx;
        color: #6C7282;
        margin-top: 6rpx;
+    }
+}
 </style>
--- a/stores/useCareerPathStore.js
+++ b/stores/useCareerPathStore.js
@@ -80,7 +80,7 @@ export const useCareerPathStore = defineStore('career-path', () => {
    const fetchData = async () => {
        try {
            const { code, msg, data } = await getCurrentPosition();
-            if (code !== 0) {
+            if (code !== 200) {
                uni.showToast({
                    title: msg,
                    icon: 'none'
@@ -104,7 +104,7 @@ export const useCareerPathStore = defineStore('career-path', () => {
    const fetchDataPath = async () => {
        try {
            const { code, msg, data } = await getPath();
-            if (code !== 0) {
+            if (code !== 200) {
                uni.showToast({
                    title: msg,
                    icon: 'none'
@@ -137,7 +137,7 @@ export const useCareerPathStore = defineStore('career-path', () => {
        };
        try {
            const { code, msg, data } = await getPathDetail(params);
-            if (code !== 0) {
+            if (code !== 200) {
                uni.showToast({
                    title: msg,
                    icon: 'none'
--- a/stores/useCareerRecommendationStore.js
+++ b/stores/useCareerRecommendationStore.js
@@ -1,10 +1,11 @@
-import { computed, ref, watch } from 'vue';
+import { computed, ref, watch, inject } from 'vue';
 import { defineStore, storeToRefs } from 'pinia';
 import useUserStore from '@/stores/useUserStore';
 import { getProfessions, getRecommend, getSkillTags } from '@/apiRc/service/careerRecommendation';


 export const useCareerRecommendationStore = defineStore('career-recommendation', () => {
+    const { navTo } = inject('globalFunction');
    const { userInfo: ui } = storeToRefs(useUserStore());
    const userInfo = ref({
        userName: '',
@@ -78,7 +79,7 @@ export const useCareerRecommendationStore = defineStore('career-recommendation',
    const fetchData = async () => {
        try {
            const { code, msg, data } = await getProfessions();
-            if (code !== 0) {
+            if (code !== 200) {
                uni.showToast({
                    title: msg,
                    icon: 'none'
@@ -105,7 +106,7 @@ export const useCareerRecommendationStore = defineStore('career-recommendation',
        };
        try {
            const { code, msg, data } = await getSkillTags(params);
-            if (code !== 0) {
+            if (code !== 200) {
                uni.showToast({
                    title: msg,
                    icon: 'none'
@@ -126,7 +127,7 @@ export const useCareerRecommendationStore = defineStore('career-recommendation',
        };
        try {
            const { code, msg, data } = await getRecommend(params);
-            if (code !== 0) {
+            if (code !== 200) {
                uni.showToast({
                    title: msg,
                    icon: 'none'
@@ -161,6 +162,11 @@ export const useCareerRecommendationStore = defineStore('career-recommendation',

    void fetchData();

+    const eventJobSearch = (job) => {
+        console.log(job);
+        navTo('/pages/search/search?job=' + job.title);
+    };
+
    watch(
        () => profession.value,
        () => {
@@ -192,6 +198,7 @@ export const useCareerRecommendationStore = defineStore('career-recommendation',
        skillTags,
        result,
        eventProfession,
-        eventSearch
+        eventSearch,
+        eventJobSearch
    };
 });
--- a/stores/useSkillDevelopmentStore.js
+++ b/stores/useSkillDevelopmentStore.js
@@ -92,7 +92,7 @@ export const useSkillDevelopmentStore = defineStore('skill-development', () => {
    const fetchData = async () => {
        try {
            const { code, msg, data } = await getCurrentPosition();
-            if (code !== 0) {
+            if (code !== 200) {
                uni.showToast({
                    title: msg,
                    icon: 'none'
@@ -116,7 +116,7 @@ export const useSkillDevelopmentStore = defineStore('skill-development', () => {
    const fetchDataPath = async () => {
        try {
            const { code, msg, data } = await getPath();
-            if (code !== 0) {
+            if (code !== 200) {
                uni.showToast({
                    title: msg,
                    icon: 'none'
@@ -149,7 +149,7 @@ export const useSkillDevelopmentStore = defineStore('skill-development', () => {
        };
        try {
            const { code, msg, data } = await getCareerPath(params);
-            if (code !== 0) {
+            if (code !== 200) {
                uni.showToast({
                    title: msg,
                    icon: 'none'
@@ -195,7 +195,7 @@ export const useSkillDevelopmentStore = defineStore('skill-development', () => {
        };
        try {
            const { code, msg, data } = await getSkillResult(params);
-            if (code !== 0) {
+            if (code !== 200) {
                uni.showToast({
                    title: msg,
                    icon: 'none'
--- a/utilsRc/config.js
+++ b/utilsRc/config.js
@@ -14,10 +14,10 @@ let exports = {
 	// baseUrl: 'http://cffe7966.natappfree.cc', // 正式环境在济南人才上部署（不要轻易连接）
 	// baseUrl: 'http://10.160.0.5:8907', // 开发环境
 	// baseUrl: 'http://172.20.1.48:8903', // 开发环境
-	
+
 	// 方式2：引用根目录config.js的baseUrl（CareerMap分支可选方式，如需使用请注释掉方式1，取消注释此方式）
 	// baseUrl: config.baseUrl, // 引用根目录config.js的baseUrl，避免重复配置
-	
+
 	// ========== 其他baseUrl配置（备用） ==========
 	// baseUrl: 'http://172.20.0.177:8903', // 正式环境在济南人才上部署（不要轻易连接）
 	// baseUrl: 'http://127.0.0.1:8903', // 本地开发
@@ -27,13 +27,14 @@ let exports = {
 	// 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引用，不再重复配置
-	
+
 	// ========== 职业图谱专用baseUrl ==========
-	zytpBaseUrl: 'https://www.xjksly.cn/career-map/api/ks_zytp/admin-api/zytp',
-	
+	zytpBaseUrl: 'https://www.xjksly.cn/career-map/api/ks_zytp/zytp',
+	// zytpBaseUrl: 'http://ks.zhaopinzao8dian.com/api/ks_zytp/zytp',
+
 	// ========== 用户接口专用baseUrl（其他用户接口使用） ==========
 	userBaseUrl: 'http://ks.zhaopinzao8dian.com/api/ks', // 用户相关接口使用根目录config.js的baseUrl
-	
+
 	// ========== appUserInfo接口专用baseUrl ==========
 	appUserInfoBaseUrl: 'https://www.xjksly.cn/api/ks', // appUserInfo接口专用，与其他接口路径不一致

@@ -50,4 +51,4 @@ let exports = {
 	}
  }

-export default exports
+export default exports
--- a/utilsRc/request.js
+++ b/utilsRc/request.js
@@ -26,13 +26,15 @@ const request = config => {
  const isZytpApi = baseType === 'zytp'
  // 从存储中获取微信登录的 token
  const token = getToken()
-  if (token && !isToken && !isZytpApi) {
+  if (token && !isToken) {
    // config.header['Authorization'] = 'Bearer ' + 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJsb2dpblR5cGUiOiJsb2dpbiIsImxvZ2luSWQiOiJzeXNfdXNlcjoxIiwicm5TdHIiOiJhb0Y4RmJPQWJ6ZVA3NlpzaENyM0tPSEZTbU85U0ZhViIsInVzZXJJZCI6MX0.kPEDm7D8eVvFlwAiUiE57evWaCX5EcSEOq-LEYGTm9Q'
    config.header['Authorization'] = 'Bearer ' + token
  }
  let requestBaseUrl = baseUrl
  if (baseType === 'zytp' && zytpBaseUrl) {
    requestBaseUrl = zytpBaseUrl
+      const cryptogram = uni.getStorageSync('cryptogram');
+      config.header['Authorization'] = 'Bearer ' + cryptogram
  } else if (baseType === 'user' && userBaseUrl) {
    requestBaseUrl = userBaseUrl
  } else if (baseType === 'appUserInfo' && appUserInfoBaseUrl) {
@@ -47,7 +49,7 @@ const request = config => {
      requestUrl += (requestUrl.includes('?') ? '&' : '?') + url
    }
  }
-  
+
  // 如果是 getJobPathById 接口，打印完整 URL（调试用，生产环境可注释）
  // if (config.url && config.url.includes('getJobPathById')) {
  //   console.log('[请求URL] getJobPathById 完整请求URL:', requestUrl);
@@ -55,7 +57,7 @@ const request = config => {
  //   console.log('[请求URL] 接口路径:', config.url);
  //   console.log('[请求URL] 请求参数:', config.params);
  // }
-  
+
  // 如果是 recommendJob 接口，打印详细信息（调试用，生产环境可注释）
  // if (config.url && config.url.includes('recommendJob')) {
  //   console.log('[请求URL] recommendJob 完整请求URL:', requestUrl);
@@ -66,7 +68,7 @@ const request = config => {
  //   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',
Author	SHA1	Message	Date
danchaotaiyang	e6e1b6ada1	=【职业图谱】职业推荐 - 职位搜索按钮文字大小	2026-06-17 16:07:16 +08:00
danchaotaiyang	c4e1f7585a	=【职业图谱】职业推荐 - 携参跳转	2026-06-17 09:48:42 +08:00
danchaotaiyang	6153e9e38b	=【职业图谱】	2026-06-10 13:24:47 +08:00
danchaotaiyang	65dea06316	=【职业图谱】	2026-06-09 21:55:12 +08:00
danchaotaiyang	30b5caf87b	=【职业图谱】	2026-06-09 21:54:40 +08:00
danchaotaiyang	d42128be8b	Merge branch 'main' into yxl	2026-06-09 21:42:58 +08:00
danchaotaiyang	d15765973a	Merge branch 'main' into yxl	2026-06-01 10:06:22 +08:00
danchaotaiyang	2e40eec875	=【职业图谱】	2026-05-22 16:47:12 +08:00
danchaotaiyang	9a09edf54c	=【职业图谱】	2026-05-22 16:46:33 +08:00
danchaotaiyang	8578c96931	=【职业图谱】	2026-05-22 16:24:30 +08:00
danchaotaiyang	4faaedcbbd	=【职业图谱】	2026-05-22 16:24:09 +08:00