岗位模块切换

packageRc/pages/index/index.vue

@@ -1,7 +1,7 @@
 <!--
  * @Date: 2025-10-16 15:15:47
  * @LastEditors: lip
- * @LastEditTime: 2025-11-04 08:31:51
+ * @LastEditTime: 2025-11-04 11:50:05
 -->
 <template>
   <!-- @scroll="handleScroll" @scrolltolower="scrollBottom" -->
@@ -30,9 +30,9 @@
         </view>
       </view>
       <view class="tabs">
-        <view class="tab" :class="{active: activeTab == 1}" @click="activeTab = 1">岗位列表</view>
-        <view class="tab" :class="{active: activeTab == 2}" @click="activeTab = 2">实习实训</view>
-        <view class="tab" :class="{active: activeTab == 3}" @click="activeTab = 3">社区实践</view>
+        <view class="tab" :class="{active: pageState.type == ''}" @click="changeJobType('')">岗位列表</view>
+        <view class="tab" :class="{active: pageState.type == 2}" @click="changeJobType(2)">实习实训</view>
+        <view class="tab" :class="{active: pageState.type == 3}" @click="changeJobType(3)">社区实践</view>
       </view>
       <view class="titles">
         <view class="title-item" :class="{active: activeTitle == 1}" @click="activeTitle = 1,getJobRecommed()"><view>推荐岗位</view></view>
@@ -126,18 +126,20 @@ const pageState = reactive({
     search: {
         order: 0,
     },
+    type:'',
 });
 let jobList = ref([])
 // 获取推荐岗位
 function getJobRecommed(){
-   let params = {
+    let params = {
         pageSize: pageState.pageSize,
         sessionId: useUserStore().seesionId,
         ...pageState.search,
         ...conditionSearch.value,
         isPublish: 1,
+        type:pageState.type
     };
-  $api.createRequest('/app/job/recommend', params).then((resData) => {
+    $api.createRequest('/app/job/recommend', params).then((resData) => {
         jobList.value = resData.data
         pageState.total = 0;
     });
@@ -150,13 +152,22 @@ function getJobList(){
         pageSize: pageState.pageSize,
         ...pageState.search,
         // ...conditionSearch.value,
+        type:pageState.type
     };
   $api.createRequest('/app/job/list', params).then((resData) => {
-       jobList.value = resData.rows
-       console.log(jobList.value)
+        jobList.value = resData.rows
         pageState.total = 0;
     });
 }
+// 更改实习实训等
+function changeJobType(val){
+  pageState.type = val
+  if(activeTitle.value == 1){
+    getJobRecommed()
+  }else{
+    getJobList()
+  }
+}
 
 
 </script>