首页职位类型分两列展示

src/views/recruit/personal/home/components/homeJobTypeCard/index.vue

@@ -2,7 +2,7 @@
 <template>
   <div class="hasPageCard d-flex" @mouseleave="handleMouseLeave">
     <v-card class="card">
-      <div class="leftCard">
+      <div class="leftCard d-flex flex-column flex-wrap pt-3 pr-2">
         <div
           v-for="(item, index) in items" :key="item.id"
           class="leftCardItem" :class="{'leftIndexAct': index === leftIndex, 'elevation-5': (index === leftIndex)}"
@@ -19,7 +19,7 @@
           </div>
         </div>
         <!-- 分页选择器 -->
-        <div class="mt-2" @mouseover.stop="handleMouseLeave" style="border-top: 1px dashed #e6e6e6; position: absolute; bottom: 4px; width: 100%;">
+        <!-- <div class="mt-2" @mouseover.stop="handleMouseLeave" style="border-top: 1px dashed #e6e6e6; position: absolute; bottom: 4px; width: 100%;">
           <div class="d-flex justify-space-between align-center mx-4" style="height: 40px">
             <div style="color: var(--v-primary-base); font-size: 14px;">
               {{ pageInfo.current }} / {{ pageCount }}
@@ -29,7 +29,7 @@
               <v-btn @click="nextPage" size="x-small" class="ml-2" color="primary" variant="tonal" style="font-size: 20px;"><v-icon icon="mdi-menu-right" size="x-small"></v-icon></v-btn>
             </div>
           </div>
-        </div>
+        </div> -->
       </div>
     </v-card>
     <v-card v-if="rightObj.show" class="card rightCardBox">
@@ -94,9 +94,10 @@ let defaultItems = ref()
 let items = ref([])
 // 翻页
 const getPageItems = () => {
-  const startIndex = (pageInfo.current - 1) * pageInfo.size
-  const endIndex = Math.min(startIndex + pageInfo.size, defaultItems.value.length)
-  items.value = defaultItems.value.slice(startIndex, endIndex)
+  // const startIndex = (pageInfo.current - 1) * pageInfo.size
+  // const endIndex = Math.min(startIndex + pageInfo.size, defaultItems.value.length)
+  // items.value = defaultItems.value.slice(startIndex, endIndex)
+  items.value = defaultItems.value
 }
 getDict('positionTreeData', null, 'positionTreeData').then(({ data }) => {
   data = data?.length && data || []
@@ -158,6 +159,7 @@ const carouselList = ref([
     overflow-x: hidden;
     overflow-y: auto;
     .leftCardItem {
+      width: 50%;
       height: 42px;
       line-height: 42px;
       padding: 0 16px;