feat: 补充缺省图

src/components/common/CommonHeader.vue

@@ -102,6 +102,9 @@ const handleMenuChange = () => {};
         background-color: #fff;
       }
     }
+    .el-menu--horizontal .el-menu-item:not(.is-disabled):focus {
+      background: #fff;
+    }
     .el-menu--horizontal > .el-menu-item.is-active {
       border-bottom-color: #fff;
       color: #333333 !important;

src/views/carrier/CarrierList.vue

@@ -7,6 +7,9 @@
       :filter-key-list="filterKeyList"
       @change="handleFilterChange"
     ></FilterView>
+    <div class="float-right">
+      <FormModal></FormModal>
+    </div>
     <div>
       <!-- 载体列表 -->
       <p>
@@ -14,7 +17,7 @@
         <span>{{ totalCount }}</span>
         个相关载体
       </p>
-      <div>
+      <div v-if="datas.length">
         <div v-for="item in datas" :key="item.id" class="mb-5">
           <CarrierListItemView
             :detail="item"
@@ -27,9 +30,10 @@
           :total="totalCount"
         ></ListPagination>
       </div>
+      <div v-else class="py-[100px] flex flex-col items-center justify-center">
+        <img class="w-[200px] h-[200px]" src="@/assets/images/placeholder-land.png" />
+        <p class="text-xl mt-5 text-[#cccccc]">暂无载体</p>
       </div>
-    <div style="position: fixed; left: calc(50vw + 205px); bottom: 100px; background: #ffffff">
-      <FormModal></FormModal>
     </div>
   </div>
 </template>

src/views/develop/DevelopZoneList.vue

@@ -7,7 +7,10 @@
       class="mb-6"
       @change="handleFilterChange"
     ></FilterView>
-    <div class="space-y-5">
+    <div class="float-right">
+      <FormModal></FormModal>
+    </div>
+    <div class="space-y-5" v-if="datas.length">
       <ParkItem
         v-for="item in datas"
         :key="item.id"
@@ -22,8 +25,9 @@
         :total="totalCount"
       ></ListPagination>
     </div>
-    <div style="position: fixed; left: calc(50vw + 205px); bottom: 100px; background: #ffffff">
-      <FormModal></FormModal>
+    <div v-else class="py-[100px] flex flex-col items-center justify-center">
+      <img class="w-[200px] h-[200px]" src="@/assets/images/placeholder-park.png" />
+      <p class="text-xl mt-5 text-[#cccccc]">暂无园区</p>
     </div>
   </div>
 </template>

src/views/industrial-park/IndustrialParkList.vue

@@ -7,7 +7,10 @@
       :filter-key-list="filterKeyList"
       @change="handleFilterChange"
     ></FilterView>
-    <div>
+    <div class="float-right">
+      <FormModal></FormModal>
+    </div>
+    <div v-if="datas.length">
       <div class="space-y-5">
         <ParkItem
           v-for="item in datas"
@@ -25,8 +28,9 @@
         :total="totalCount"
       ></ListPagination>
     </div>
-    <div style="position: fixed; left: calc(50vw + 205px); bottom: 100px; background: #ffffff">
-      <FormModal></FormModal>
+    <div v-else class="py-[100px] flex flex-col items-center justify-center">
+      <img class="w-[200px] h-[200px]" src="@/assets/images/placeholder-park.png" />
+      <p class="text-xl mt-5 text-[#cccccc]">暂无园区</p>
     </div>
   </div>
 </template>

src/views/industry/IndustryCategory.vue

@@ -40,6 +40,7 @@
           is-small-view
           @change="handleFilterChange"
         ></FilterView>
+        <template v-if="datas.length">
           <div v-for="item in datas" :key="item.id">
             <!-- 土地 -->
             <LandListItemView
@@ -74,6 +75,11 @@
             v-model:page-size="pageSize"
             :total="totalCount"
           ></ListPagination>
+        </template>
+        <div v-else class="py-[100px] flex flex-col items-center justify-center">
+          <img class="w-[200px] h-[200px]" src="@/assets/images/no-search-data.png" />
+          <p class="text-xl mt-5 text-[#cccccc]">暂无搜索结果</p>
+        </div>
       </div>
     </div>
   </div>

src/views/land/LandList.vue

@@ -8,6 +8,10 @@
         class="mb-6"
         @change="handleFilterChange"
       ></FilterView>
+      <div class="float-right">
+        <FormModal></FormModal>
+      </div>
+      <template v-if="datas.length">
         <div v-for="item in datas" :key="item.id" class="mb-5">
           <LandListItemView
             :detail="item"
@@ -20,9 +24,11 @@
           v-model:page-size="pageSize"
           :total="totalCount"
         ></ListPagination>
+      </template>
+      <div v-else class="py-[100px] flex flex-col items-center justify-center">
+        <img class="w-[200px] h-[200px]" src="@/assets/images/placeholder-land.png" />
+        <p class="text-xl mt-5 text-[#cccccc]">暂无土地</p>
       </div>
-    <div style="position: fixed; left: calc(50vw + 205px); bottom: 100px; background: #ffffff">
-      <FormModal></FormModal>
     </div>
   </div>
 </template>