=【职业图谱】职业推荐 - 携参跳转

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,29 @@ const store = useCareerRecommendationStore();
     width: 100%;
 }
 
+.job-search {
+    position: absolute;
+    top: 5px;
+    right: 5px;
+    padding: 6px 20px;
+    border-radius: 5px;
+    font-size: 16px;
+    font-weight: 500;
+    color: #333333;
+    background: #ffd4b8;
+    border: none;
+    cursor: pointer;
+    transition: all 0.2s ease;
+
+    &:hover {
+        background: #ffc9a3;
+    }
+
+    &:active {
+        transform: scale(0.98);
+    }
+}
+
 .job-skills {
     display: flex;
     flex-wrap: wrap;