update 优化空状态

Web/src/App.vue

@@ -1,6 +1,12 @@
 <template>
   <div id="app">
     <a-config-provider :locale="zh_CN">
+      <template #renderEmpty>
+        <div class="text-center pt-md">
+          <a-icon class="h3 mb-md" type="smile" />
+          <p>暂无数据</p>
+        </div>
+      </template>
       <router-view />
     </a-config-provider>
   </div>
@@ -17,4 +23,4 @@ export default {
     };
   },
 };
-</script>
+</script>

Web/src/assets/style/frame/dark.less

@@ -1,4 +1,5 @@
 @import (reference) '~@/assets/style/main.less';
+@layout-header-background: #1c2127;
 .dark {
   .main(@nav-background: @layout-header-background;
   @nav-box-shadow-color: fade(@black, 25%);

Web/src/components/yoTable/index.js

@@ -114,6 +114,7 @@ export default {
           this.data = this.onClearChildren(res)
           this.pagination = false
         }
+      }).finally(() => {
         this.onLoaded()
       })
     },

Web/src/components/yoTreeLayout/index.js

@@ -1,4 +1,5 @@
 import Swiper from 'swiper'
+import { Empty } from 'ant-design-vue'
 
 let timer, swiper
 
@@ -107,7 +108,7 @@ export default {
         this.$nextTick(() => {
           this.onUpdateSwiper()
         })
-
+      }).finally(() => {
         this.loading = false
       })
     },
@@ -256,7 +257,17 @@ export default {
               <div class="swiper-slide">
                 <a-spin style={{ height: '100%' }} spinning={this.loading}>
                   <a-icon slot="indicator" type="loading" spin />
-                  <a-tree {...{ props, on, scopedSlots }} />
+                  {
+                    !this.loading && !this.list.length ?
+                      <a-empty description={false} class="ant-list-empty-text">
+                        <template slot="image">
+                          <a-icon class="h3 mt-xl mb-md" type="smile" />
+                          <p>暂无数据</p>
+                        </template>
+                      </a-empty>
+                      :
+                      <a-tree {...{ props, on, scopedSlots }} />
+                  }
                 </a-spin>
               </div>
             </div>