加载状态

src/views/humanResources/roster/rosterHistory.vue

@@ -4,7 +4,7 @@
     :visible.sync="drawer"
     direction="rtl"
   >
-    <div class="pa-3">
+    <div class="pa-3" v-loading="loading">
       <m-empty v-if="items.length === 0"></m-empty>
       <el-timeline>
         <el-timeline-item
@@ -76,6 +76,8 @@ export default {
   methods: {
     async open (item) {
       this.drawer = true
+      this.loading = true
+      this.items = []
       try {
         const { data } = await getRosterList({
           page: { size: 9999, current: 1, orders: [{ column: 'create_date', asc: false }] },
@@ -87,6 +89,8 @@ export default {
         this.items = data.records
       } catch (error) {
         this.$message.error(error)
+      } finally {
+        this.loading = false
       }
     }
   }