职位类型改为二级结构

src/components/jobTypeCard/index.vue

@@ -1,4 +1,3 @@
-<!-- 三级结构 -->
 <template>
   <div class="floatCard d-flex" style="z-index: 999" @mouseleave="handleMouseLeave">
     <v-card class="card">
@@ -19,23 +18,19 @@
     </v-card>
     <v-card v-if="rightObj.show" class="card rightCardBox">
       <div class="rightCard">
-        <div class="categoryName">{{ rightObj.data.nameCn }}</div>
-        <div v-for="(item, index) in rightObj.data.children" :key="item.id">
-          <v-divider v-if="index" class="divider"></v-divider>
-          <div class="rowItem d-flex">
-            <div class="categoryName2">{{ item.nameCn }}</div>
-            <div class="rightContent">
-              <div v-if="!item.children?.length"></div>
-              <div 
-                v-else 
-                :class="['jobItem', {'active': selectItems.includes(val.id)}]"
-                v-for="val in item.children" 
-                :key="val.id" 
-                @click="handleClick(val)"
-              >
-              {{ val.nameCn }}</div>
-            </div>
-          </div>
+        <div class="rightContent">
+          <div
+            v-if="!rightObj.data.children?.length"
+            style="width: 100%; text-align: center; color: gray; margin-top: 100px;"
+          >暂无数据</div>
+          <div 
+            v-else 
+            :class="['jobItem', {'active': selectItems.includes(val.id)}]"
+            v-for="val in rightObj.data.children" 
+            :key="val.id" 
+            @click="handleClick(val)"
+          >
+          {{ val.nameCn }}</div>
         </div>
       </div>
     </v-card>

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

@@ -9,12 +9,12 @@
           @mouseover="handleMouseOver(item, index)"
         >
           <div class="rowItem d-flex">
-            <span class="categoryName">{{ item.nameCn }}</span>
-            <div class="jobItemsBox">
+            <div class="categoryName" style="width: 100%; text-align: center; ">{{ item.nameCn }}</div>
+            <!-- <div class="jobItemsBox">
               <div class="outerCovering" v-if="item.children?.length && item.children[0].children.length">
                 <div class="jobItems" v-for="val in item.children[0].children" :key="val.id" @click="handleJobClick(val)">{{ val.nameCn }}</div>
               </div>
-            </div>
+            </div> -->
             <span class="mdi mdi-menu-right"></span>
           </div>
         </div>
@@ -34,23 +34,19 @@
     </v-card>
     <v-card v-if="rightObj.show" class="card rightCardBox">
       <div class="rightCard">
-        <div class="categoryName">{{ rightObj.data.nameCn }}</div>
-        <div v-for="(item, index) in rightObj.data.children" :key="item.id">
-          <v-divider v-if="index" class="divider"></v-divider>
-          <div class="rowItem d-flex">
-            <div class="categoryName2">{{ item.nameCn }}</div>
-            <div class="rightContent">
-              <div v-if="!item.children?.length"></div>
-              <div 
-                v-else 
-                class="jobItem"
-                v-for="val in item.children" 
-                :key="val.id" 
-                @click="handleJobClick(val)"
-              >
-              {{ val.nameCn }}</div>
-            </div>
-          </div>
+        <div class="rightContent">
+          <div
+            v-if="!rightObj.data.children?.length"
+            style="width: 100%; text-align: center; color: gray; margin-top: 100px;"
+          >暂无数据</div>
+          <div 
+            v-else 
+            class="jobItem"
+            v-for="val in rightObj.data.children" 
+            :key="val.id" 
+            @click="handleJobClick(val)"
+          >
+          {{ val.nameCn }}</div>
         </div>
       </div>
     </v-card>