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>
-    <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-land.png" />
+        <p class="text-xl mt-5 text-[#cccccc]">暂无载体</p>
+      </div>
     </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,40 +40,46 @@
           is-small-view
           @change="handleFilterChange"
         ></FilterView>
-        <div v-for="item in datas" :key="item.id">
-          <!-- 土地 -->
-          <LandListItemView
-            v-if="activeTab === 2"
-            :detail="item"
-            @to-detail="handleDetail(RouteName.landDetail, item)"
-          ></LandListItemView>
-          <!-- 载体 -->
-          <CarrierListItemView
-            v-else-if="activeTab === 3"
-            :detail="item"
-            @to-detail="handleDetail(RouteName.carrierDetail, item)"
-          ></CarrierListItemView>
-          <!-- 开发区 -->
-          <ParkItem
-            v-else-if="activeTab === 0"
-            :item="item"
-            :type="ParkItemType.develop"
-            @to-detail="handleDetail(RouteName.developZoneDetail, item)"
-          ></ParkItem>
-          <!-- 产业园 -->
-          <ParkItem
-            v-else
-            :item="item"
-            :type="ParkItemType.industrial"
-            @to-detail="handleDetail(RouteName.industrialParkDetail, item)"
-          ></ParkItem>
-        </div>
+        <template v-if="datas.length">
+          <div v-for="item in datas" :key="item.id">
+            <!-- 土地 -->
+            <LandListItemView
+              v-if="activeTab === 2"
+              :detail="item"
+              @to-detail="handleDetail(RouteName.landDetail, item)"
+            ></LandListItemView>
+            <!-- 载体 -->
+            <CarrierListItemView
+              v-else-if="activeTab === 3"
+              :detail="item"
+              @to-detail="handleDetail(RouteName.carrierDetail, item)"
+            ></CarrierListItemView>
+            <!-- 开发区 -->
+            <ParkItem
+              v-else-if="activeTab === 0"
+              :item="item"
+              :type="ParkItemType.develop"
+              @to-detail="handleDetail(RouteName.developZoneDetail, item)"
+            ></ParkItem>
+            <!-- 产业园 -->
+            <ParkItem
+              v-else
+              :item="item"
+              :type="ParkItemType.industrial"
+              @to-detail="handleDetail(RouteName.industrialParkDetail, item)"
+            ></ParkItem>
+          </div>
 
-        <ListPagination
-          v-model:current-page="pageNum"
-          v-model:page-size="pageSize"
-          :total="totalCount"
-        ></ListPagination>
+          <ListPagination
+            v-model:current-page="pageNum"
+            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,21 +8,27 @@
         class="mb-6"
         @change="handleFilterChange"
       ></FilterView>
-      <div v-for="item in datas" :key="item.id" class="mb-5">
-        <LandListItemView
-          :detail="item"
-          @to-detail="handleDetail(RouteName.landDetail, item)"
-        ></LandListItemView>
+      <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"
+            @to-detail="handleDetail(RouteName.landDetail, item)"
+          ></LandListItemView>
+        </div>
 
-      <ListPagination
-        v-model:current-page="pageNum"
-        v-model:page-size="pageSize"
-        :total="totalCount"
-      ></ListPagination>
-    </div>
-    <div style="position: fixed; left: calc(50vw + 205px); bottom: 100px; background: #ffffff">
-      <FormModal></FormModal>
+        <ListPagination
+          v-model:current-page="pageNum"
+          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>
   </div>
 </template>