no message

src/pages/main/index.vue

@@ -1,12 +1,14 @@
 <template>
-  <div class="boxPageIndex">
-    <ul class="listTab" v-if="tableA">
-      <li><i>{{tableA.total}}</i><span>总订单数</span></li>
-      <li><i>{{tableA.processed}}</i><span>待处理订单数</span></li>
-      <li><i>{{tableA.myTotal}}</i><span>个人总订单</span></li>
-      <li><i>{{tableA.myProcessed}}</i><span>个人待处理订单</span></li>
-    </ul>
-  </div>
+  <a-spin :spinning="pageLoad">
+    <div class="boxPageIndex">
+      <ul class="listTab" v-if="tableA">
+        <li><i>{{tableA.total||0}}</i><span>总订单数</span></li>
+        <li><i>{{tableA.processed||0}}</i><span>待处理订单数</span></li>
+        <li><i>{{tableA.myTotal||0}}</i><span>个人总订单</span></li>
+        <li><i>{{tableA.myProcessed||0}}</i><span>个人待处理订单</span></li>
+      </ul>
+    </div>
+  </a-spin>
 </template>
 
 <script>
@@ -15,7 +17,7 @@ import {indexMonitor} from "@/services/Main";
 export default {
   name: 'index',
   data() {
-    return{tableA:{}}
+    return{tableA:{},pageLoad:true,}
   },
   mounted() {
     this.getInfo();
@@ -24,6 +26,7 @@ export default {
     getInfo(){
       indexMonitor().then(res=>{
         this.tableA = res;
+        this.pageLoad = false;
       })
     }
   }