政策列表优化

src/components/list/list-policy-item.vue

@@ -7,7 +7,7 @@
       <p class="mb-[16px] text-lg font-semibold text-[#1a1a1a]">{{ detail.title }}</p>
       <div class="mb-[17px] flex h-[22px] flex-wrap overflow-hidden">
         <span
-          v-for="item in detail.industryList.split(',')"
+          v-for="item in detail.industryList?.split(',')"
           :key="item"
           class="mb-2 mr-[13px] bg-[rgba(44,104,255,0.08)] px-3 text-sm leading-[22px] text-[#2C68FF]"
         >

src/views/industry/IndustryPolicy.vue

@@ -13,17 +13,23 @@
     <div class="relative flex h-[17px] items-center justify-center">
       <div class="title-bottom-bg h-1 w-[102px] rounded-[30px]"></div>
     </div>
-    <div v-for="item in datas" :key="item.id" class="mb-5">
-      <PolicyListItemView
-        :detail="item"
-        @to-detail="handleDetail(RouteName.industryPolicyDetail, item)"
-      ></PolicyListItemView>
+    <template v-if="datas.length">
+      <div v-for="item in datas" :key="item.id" class="mb-5">
+        <PolicyListItemView
+          :detail="item"
+          @to-detail="handleDetail(RouteName.industryPolicyDetail, item)"
+        ></PolicyListItemView>
+      </div>
+      <ListPagination
+        v-model:current-page="pageNum"
+        v-model:page-size="pageSize"
+        :total="totalCount"
+      ></ListPagination>
+    </template>
+    <div v-else class="flex flex-col items-center justify-center py-[100px]">
+      <img class="h-[200px] w-[200px]" src="@/assets/images/no-data.png" />
+      <p class="mt-5 text-xl text-[#cccccc]">暂无数据</p>
     </div>
-    <ListPagination
-      v-model:current-page="pageNum"
-      v-model:page-size="pageSize"
-      :total="totalCount"
-    ></ListPagination>
   </div>
 </template>