Merge branch 'main' of http://124.243.245.42:3000/sdz/ks-app-employment-service

packageRc/pages/index/index.vue

@@ -1,7 +1,7 @@
 <!--
  * @Date: 2025-10-16 15:15:47
- * @LastEditors: shirlwang
- * @LastEditTime: 2025-10-22 09:54:53
+ * @LastEditors: lip
+ * @LastEditTime: 2025-11-04 11:50:05
 -->
 <template>
   <!-- @scroll="handleScroll" @scrolltolower="scrollBottom" -->
@@ -30,30 +30,35 @@
         </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"><view>推荐岗位</view></view>
-        <view class="title-item" :class="{active: activeTitle == 2}" @click="activeTitle = 2"><view>热门岗位</view></view>
+        <view class="title-item" :class="{active: activeTitle == 1}" @click="activeTitle = 1,getJobRecommed()"><view>推荐岗位</view></view>
+        <view class="title-item" :class="{active: activeTitle == 2}" @click="activeTitle = 2,getJobList()"><view>热门岗位</view></view>
       </view>
-      <view v-for="(item, index) in jobList" :key="index" class="job-list">
+        <view v-for="(item, index) in jobList" :key="index" class="job-list">
         <view class="top-line">
-          <view class="salary">4000-8000/月</view>
-          <view class="time"><uni-icons color="#A2A2A2" type="info" size="12"></uni-icons>发布日期：2025-10-20</view>
+          <view class="salary">{{item.minSalary}}-{{item.maxSalary}}/月</view>
+          <view class="time"><uni-icons color="#A2A2A2" type="info" size="12"></uni-icons>发布日期：{{ item.postingDate }}</view>
         </view>
-        <view class="title">销售顾问</view>
+        <view class="title">{{ item.jobTitle }}</view>
         <view class="infos">
-          <view>大专</view>
-          <view>1-3年</view>
-          <view>喀什 市南区</view>
+          <view>
+             <dict-Label dictType="education" :value="item.education"></dict-Label>
+          </view>
+          <view>
+            <dict-Label dictType="experience" :value="item.experience"></dict-Label>
+          </view>
+          <view>{{ item.jobLocation }}</view>
         </view>
         <view class="bottom-line">
-          <view><uni-icons color="#A2A2A2" type="person" size="12"></uni-icons>6人</view>
-          <view>青岛xx公司</view>
+          <view><uni-icons color="#A2A2A2" type="person" size="12"></uni-icons>{{item.vacancies}}人</view>
+          <view>{{ item.companyName }}</view>
         </view>
-      </view>
+       </view>
+      
       <view class="view-more-btn" @click="viewMore">查看更多内容</view>
       <view class="titles" style="justify-content: space-between;">
         <view class="title-item active"><view>政策专区</view></view>
@@ -80,14 +85,19 @@
 
 <script setup>
 import { reactive, inject, watch, ref, onMounted, watchEffect, nextTick } from 'vue';
+const { $api, navTo, vacanciesTo, formatTotal, config } = inject('globalFunction');
 let activeTab = ref(1)
 let activeTitle = ref(1)
-let jobList = ref([{},{},{},{},{},{}])
+
 function back() {
   uni.navigateBack({
     delta: 1
   })
 }
+onMounted(()=>{
+  getJobRecommed()
+})
+
 function viewMore() {
   // uni.navigateTo({
   //   url: '/pages/jobList/jobList'
@@ -106,6 +116,60 @@ function tiao(){
     }
   });
 }
+import useUserStore from '@/stores/useUserStore';
+const conditionSearch = ref({});
+const pageState = reactive({
+    page: 0,
+    total: 0,
+    maxPage: 2,
+    pageSize: 10,
+    search: {
+        order: 0,
+    },
+    type:'',
+});
+let jobList = ref([])
+// 获取推荐岗位
+function getJobRecommed(){
+    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) => {
+        jobList.value = resData.data
+        pageState.total = 0;
+    });
+}
+
+// 获取岗位列表
+function getJobList(){
+  let params = {
+        current: pageState.page,
+        pageSize: pageState.pageSize,
+        ...pageState.search,
+        // ...conditionSearch.value,
+        type:pageState.type
+    };
+  $api.createRequest('/app/job/list', params).then((resData) => {
+        jobList.value = resData.rows
+        pageState.total = 0;
+    });
+}
+// 更改实习实训等
+function changeJobType(val){
+  pageState.type = val
+  if(activeTitle.value == 1){
+    getJobRecommed()
+  }else{
+    getJobList()
+  }
+}
+
+
 </script>
 
 <style lang="less" scoped>