加载效果

packages/device/AppBroadcast/components/Detail.vue

@@ -76,6 +76,12 @@ export default {
       ],
     }
   },
+  created() {
+    if(this.params.id) {
+      this.getDetail()
+    }
+    
+  },
   methods: {
     cancel(isRefresh) {
       this.$emit('change', {
@@ -83,6 +89,12 @@ export default {
         isRefresh: !!isRefresh,
       })
     },
+    getDetail() {
+      this.instance.post(`/app/appzyvideobroadcast/queryDetailById?id=${this.params.id}`).then((res) => {
+        console.log(res);
+      })
+    },
+    getList() {},
   }
 }
 </script>

packages/device/AppBroadcast/components/List.vue

@@ -25,7 +25,7 @@
             <!-- <el-button icon="iconfont iconDelete" size="small" @click="removeAll" :disabled="ids.length == 0">删除 </el-button> -->
           </template>
         </ai-search-bar>
-        <ai-table :tableData="tableData" :col-configs="colConfigs" :total="total" :dict="dict"
+        <ai-table :tableData="tableData" :col-configs="colConfigs" :total="total" :dict="dict" v-loading="loading"
                   :current.sync="page.current" :size.sync="page.size" @getList="getList"
                   @selection-change="(v) => (ids = v.map((e) => e.id))">
           <el-table-column slot="options" label="操作" align="center" width="180" fixed="right">
@@ -82,6 +82,7 @@ export default {
       ],
       tableData: [],
       areaId: '',
+      loading: false,
     }
   },
 
@@ -101,6 +102,7 @@ export default {
     this.areaId = this.user.info.areaId
     this.dict.load('dlbResourceType', 'dlbMessageUrgency', 'dlbBroadTaskType', 'dlbBroadcastStatus', 'dlbMessageUrgency').then(() => {
       this.getList()
+      this.loading = true
     })
   },
 
@@ -116,7 +118,10 @@ export default {
         if (res.code == 0) {
           this.tableData = res.data.records
           this.total = parseInt(res.data.total)
+          this.loading = false
         }
+      }).catch(() => {
+        this.loading = false
       })
     },
     onAdd(id) {