招聘会职位无数据展示

src/views/recruit/enterprise/jobFair/job/item.vue

@@ -1,34 +1,37 @@
 <template>
   <div>
-    <div v-for="val in items" :key="val.id" class="itemBox mb-3" style="height: 134px;">
-      <div class="d-flex justify-space-between cursor-pointer" style="padding: 10px 20px;" @click="handleEdit(val)">
-        <div class="position">
-          <div class="d-flex align-center">
-            <span class="position-name">{{ val.name }}</span>
+    <div v-if="items.length">
+      <div v-for="val in items" :key="val.id" class="itemBox mb-3" style="height: 134px;">
+        <div class="d-flex justify-space-between cursor-pointer" style="padding: 10px 20px;" @click="handleEdit(val)">
+          <div class="position">
+            <div class="d-flex align-center">
+              <span class="position-name">{{ val.name }}</span>
+            </div>
+            <div :class="['mt-3', 'other-info', 'ellipsis']">
+              <span>{{ val.areaName }}</span>
+              <span class="lines" v-if="val.areaName && val.eduName"></span>
+              <span>{{ val.eduName }}</span>
+              <span class="lines"></span>
+              <span>{{ val.expName }}</span>
+              <span class="lines"></span>
+              <span v-if="!val.payFrom && !val.payTo">面议</span>
+              <span v-else>{{ val.payFrom ? val.payFrom + '-' : '' }}{{ val.payTo }}{{ val.payName ? '/' + val.payName : '' }}</span>
+              <span class="lines" v-if="val.positionName"></span>
+              <span>{{ val.positionName }}</span>
+            </div>
           </div>
-          <div :class="['mt-3', 'other-info', 'ellipsis']">
-            <span>{{ val.areaName }}</span>
-            <span class="lines" v-if="val.areaName && val.eduName"></span>
-            <span>{{ val.eduName }}</span>
-            <span class="lines"></span>
-            <span>{{ val.expName }}</span>
+        </div>
+        <div class="bottom pa-5 d-flex justify-space-between align-center">
+          <div>到期时间：{{ val.expireTime ? timesTampChange(val.expireTime, 'Y-M-D') : '长期有效' }}</div>
+          <div class="d-flex">
+            <span class="cursor-pointer actions" @click="handleEdit(val)">编辑</span>
             <span class="lines"></span>
-            <span v-if="!val.payFrom && !val.payTo">面议</span>
-            <span v-else>{{ val.payFrom ? val.payFrom + '-' : '' }}{{ val.payTo }}{{ val.payName ? '/' + val.payName : '' }}</span>
-            <span class="lines" v-if="val.positionName"></span>
-            <span>{{ val.positionName }}</span>
+            <span class="cursor-pointer actions" @click="handleRemove(val)">移出招聘会</span>
           </div>
         </div>
       </div>
-      <div class="bottom pa-5 d-flex justify-space-between align-center">
-        <div>到期时间：{{ val.expireTime ? timesTampChange(val.expireTime, 'Y-M-D') : '长期有效' }}</div>
-        <div class="d-flex">
-          <span class="cursor-pointer actions" @click="handleEdit(val)">编辑</span>
-          <span class="lines"></span>
-          <span class="cursor-pointer actions" @click="handleRemove(val)">移出招聘会</span>
-        </div>
-      </div>
     </div>
+    <Empty v-else :elevation="false"></Empty>
   </div>
 
   <Loading :visible="loading"></Loading>
@@ -55,7 +58,6 @@ const router = useRouter()
 const route = useRoute()
 // 职位编辑
 const handleEdit = async (val) => {
-  // console.log(val, 'val-edit')
   const data = await getEnterprisePubJobTypePermission()
   if (!data || !data.length) return Snackbar.warning('没有该操作权限，请联系平台管理员升级后再试')
   router.push(`/recruit/enterprise/jobFair/details/${route.params.id}/edit?id=${val.id}`)