feat : 对接简历匹配职位接口 修改样式

pages/index/components/index-refactor.vue

@@ -61,7 +61,7 @@
                     <image class="match-card-bg" src="@/static/icon/match-card-bg.png" />
                     <view class="title">简历匹配职位</view>
                     <view class="match-item-container">
-                        <AIMatch @tag-click="handleTagClick"></AIMatch>
+                        <AIMatch :tags="matchTags" :loading="matchLoading" @tag-click="handleTagClick"></AIMatch>
                     </view>
                 </view>
             </view>
@@ -280,6 +280,9 @@ const isSticky = ref(false);
 const showScrollBottom = ref(false);
 const scrollTop = ref(0);
 
+const matchTags = ref([])
+const matchLoading = ref(false)
+
 const emits = defineEmits(['onShowTabbar']);
 
 const waterfallsFlowRef = ref(null);
@@ -359,8 +362,23 @@ const colors = ['#0069FE', '#FF9400', '#FF6969', '#21EA85', '#87E2EC'];
 onMounted(() => {
     let firstEntry = uni.getStorageSync('firstEntry') === false ? false : true; // 默认未读
     maskFirstEntry.value = firstEntry;
+    getMatchTags()
 });
 
+async function getMatchTags(){
+    try{
+        matchLoading.value=true
+        const {data} = await $api.createRequest('/app/user/getJobAdviceByResume')
+        matchTags.value = data
+        matchLoading.value=false
+    }catch(err){
+        console.err('简历匹配职位获取失败')
+    }finally{
+        
+    }
+    
+}
+
 const checkStickyStatus = (e) => {
     scrollTop.value = e.detail.scrollTop;
     nextTick(() => {
@@ -387,7 +405,7 @@ function closeVideoTip() {
 
 const handleTagClick = (tagInfo) => {
     console.log('点击的标签信息:', tagInfo);
-    $api.msg('暂未开放');
+    navTo(`/pages/search/search?keyWord=${encodeURIComponent(tagInfo.name)}`)
 };
 
 const handleItemClick = (item) => {