From 1fd754d0aac45dd95a31979832ab43cd84f389e9 Mon Sep 17 00:00:00 2001
From: smallchill <smallchill@163.com>
Date: Tue, 30 Jul 2019 23:53:08 +0800
Subject: [PATCH] =?UTF-8?q?:tada:=20=E8=A1=A8=E6=A0=BC=E5=8A=A0=E8=BD=BD?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0loading?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/authority/apiscope.vue  | 4 ++++
 src/views/authority/datascope.vue | 4 ++++
 src/views/authority/role.vue      | 4 ++++
 src/views/desk/notice.vue         | 4 ++++
 src/views/flow/follow.vue         | 4 ++++
 src/views/flow/manager.vue        | 4 ++++
 src/views/flow/model.vue          | 4 ++++
 src/views/monitor/log/api.vue     | 4 ++++
 src/views/monitor/log/error.vue   | 4 ++++
 src/views/monitor/log/usual.vue   | 4 ++++
 src/views/resource/oss.vue        | 4 ++++
 src/views/system/client.vue       | 8 ++++++--
 src/views/system/dept.vue         | 4 ++++
 src/views/system/dict.vue         | 4 ++++
 src/views/system/menu.vue         | 4 ++++
 src/views/system/param.vue        | 4 ++++
 src/views/system/tenant.vue       | 4 ++++
 src/views/system/topmenu.vue      | 4 ++++
 src/views/system/user.vue         | 4 ++++
 src/views/tool/code.vue           | 8 +++++++-
 src/views/work/claim.vue          | 4 ++++
 src/views/work/done.vue           | 4 ++++
 src/views/work/send.vue           | 4 ++++
 src/views/work/start.vue          | 4 ++++
 src/views/work/todo.vue           | 4 ++++
 vue.config.js                     | 2 +-
 26 files changed, 106 insertions(+), 4 deletions(-)

diff --git a/src/views/authority/apiscope.vue b/src/views/authority/apiscope.vue
index 93c7401..cf4b83f 100644
--- a/src/views/authority/apiscope.vue
+++ b/src/views/authority/apiscope.vue
@@ -1,6 +1,7 @@
 <template>
   <basic-container>
     <avue-crud :option="option"
+               :table-loading="loading"
                :data="data"
                ref="crud"
                v-model="form"
@@ -89,6 +90,7 @@
         form: {},
         selectionList: [],
         query: {},
+        loading: true,
         page: {
           pageSize: 10,
           currentPage: 1,
@@ -474,8 +476,10 @@
         this.page.pageSize = pageSize;
       },
       onLoad(page, params = {}) {
+        this.loading = true;
         getMenuList(page.currentPage, page.pageSize, params).then(res => {
           this.data = res.data.data;
+          this.loading = false;
         });
       },
       // 数据权限模块
diff --git a/src/views/authority/datascope.vue b/src/views/authority/datascope.vue
index f282cee..c7ecb2b 100644
--- a/src/views/authority/datascope.vue
+++ b/src/views/authority/datascope.vue
@@ -1,6 +1,7 @@
 <template>
   <basic-container>
     <avue-crud :option="option"
+               :table-loading="loading"
                :data="data"
                ref="crud"
                v-model="form"
@@ -89,6 +90,7 @@
         form: {},
         selectionList: [],
         query: {},
+        loading: true,
         page: {
           pageSize: 10,
           currentPage: 1,
@@ -504,8 +506,10 @@
         this.page.pageSize = pageSize;
       },
       onLoad(page, params = {}) {
+        this.loading = true;
         getMenuList(page.currentPage, page.pageSize, params).then(res => {
           this.data = res.data.data;
+          this.loading = false;
         });
       },
       // 数据权限模块
diff --git a/src/views/authority/role.vue b/src/views/authority/role.vue
index 7799e88..ae434e7 100644
--- a/src/views/authority/role.vue
+++ b/src/views/authority/role.vue
@@ -1,6 +1,7 @@
 <template>
   <basic-container>
     <avue-crud :option="option"
+               :table-loading="loading"
                :data="data"
                ref="crud"
                v-model="form"
@@ -95,6 +96,7 @@
         apiScopeTreeObj: [],
         selectionList: [],
         query: {},
+        loading: true,
         page: {
           pageSize: 10,
           currentPage: 1,
@@ -330,6 +332,7 @@
         this.page.pageSize = pageSize;
       },
       onLoad(page, params = {}) {
+        this.loading = true;
         getList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => {
           this.data = res.data.data;
           getRoleTree().then(res => {
@@ -337,6 +340,7 @@
             const index = this.$refs.crud.findColumnIndex("parentId");
             this.option.column[index].dicData = data;
           });
+          this.loading = false;
         });
       }
     }
diff --git a/src/views/desk/notice.vue b/src/views/desk/notice.vue
index 88bb10b..ce9dda1 100644
--- a/src/views/desk/notice.vue
+++ b/src/views/desk/notice.vue
@@ -1,6 +1,7 @@
 <template>
   <basic-container>
     <avue-crud :option="option"
+               :table-loading="loading"
                :data="data"
                :page="page"
                @row-del="rowDel"
@@ -41,6 +42,7 @@
       return {
         form: {},
         query: {},
+        loading: true,
         page: {
           pageSize: 10,
           currentPage: 1,
@@ -247,10 +249,12 @@
           }
           values.releaseTimeRange = null;
         }
+        this.loading = true;
         getList(page.currentPage, page.pageSize, Object.assign(values, this.query)).then(res => {
           const data = res.data.data;
           this.page.total = data.total;
           this.data = data.records;
+          this.loading = false;
         });
       }
     }
diff --git a/src/views/flow/follow.vue b/src/views/flow/follow.vue
index be2f1e1..8a55471 100644
--- a/src/views/flow/follow.vue
+++ b/src/views/flow/follow.vue
@@ -1,6 +1,7 @@
 <template>
   <basic-container>
     <avue-crud :option="option"
+               :table-loading="loading"
                :data="data"
                ref="crud"
                v-model="form"
@@ -51,6 +52,7 @@
         processInstanceId: '',
         selectionList: [],
         query: {},
+        loading: true,
         page: {
           pageSize: 10,
           currentPage: 1,
@@ -165,10 +167,12 @@
         this.page.pageSize = pageSize;
       },
       onLoad(page, params = {}) {
+        this.loading = true;
         followList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => {
           const data = res.data.data;
           this.page.total = data.total;
           this.data = data.records;
+          this.loading = false;
         });
       }
     }
diff --git a/src/views/flow/manager.vue b/src/views/flow/manager.vue
index c526826..3143196 100644
--- a/src/views/flow/manager.vue
+++ b/src/views/flow/manager.vue
@@ -1,6 +1,7 @@
 <template>
   <basic-container>
     <avue-crud :option="option"
+               :table-loading="loading"
                :data="data"
                ref="crud"
                v-model="form"
@@ -116,6 +117,7 @@
         selectionId: '',
         selectionList: [],
         query: {},
+        loading: true,
         page: {
           pageSize: 10,
           currentPage: 1,
@@ -313,10 +315,12 @@
           ...params,
           category: (params.category) ? flowCategory(params.category) : null
         }
+        this.loading = true;
         managerList(page.currentPage, page.pageSize, Object.assign(values, this.query)).then(res => {
           const data = res.data.data;
           this.page.total = data.total;
           this.data = data.records;
+          this.loading = false;
         });
       }
     }
diff --git a/src/views/flow/model.vue b/src/views/flow/model.vue
index 7a8b1bc..5313e56 100644
--- a/src/views/flow/model.vue
+++ b/src/views/flow/model.vue
@@ -1,6 +1,7 @@
 <template>
   <basic-container>
     <avue-crud :option="option"
+               :table-loading="loading"
                :data="data"
                ref="crud"
                v-model="form"
@@ -125,6 +126,7 @@
         selectionId: '',
         selectionList: [],
         query: {},
+        loading: true,
         page: {
           pageSize: 10,
           currentPage: 1,
@@ -297,10 +299,12 @@
         this.page.pageSize = pageSize;
       },
       onLoad(page, params = {}) {
+        this.loading = true;
         modelList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => {
           const data = res.data.data;
           this.page.total = data.total;
           this.data = data.records;
+          this.loading = false;
         });
         getDictionary({code: 'flow'}).then(res => {
           this.category = res.data.data;
diff --git a/src/views/monitor/log/api.vue b/src/views/monitor/log/api.vue
index f211c2d..18d483f 100644
--- a/src/views/monitor/log/api.vue
+++ b/src/views/monitor/log/api.vue
@@ -1,6 +1,7 @@
 <template>
   <basic-container>
     <avue-crud :option="option"
+               :table-loading="loading"
                :data="data"
                ref="crud"
                v-model="form"
@@ -26,6 +27,7 @@
         form: {},
         selectionList: [],
         query: {},
+        loading: true,
         page: {
           pageSize: 10,
           currentPage: 1,
@@ -127,10 +129,12 @@
         this.page.pageSize = pageSize;
       },
       onLoad(page, params = {}) {
+        this.loading = true;
         getApiList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => {
           const data = res.data.data;
           this.page.total = data.total;
           this.data = data.records;
+          this.loading = false;
         });
       }
     }
diff --git a/src/views/monitor/log/error.vue b/src/views/monitor/log/error.vue
index f051f71..5b5f753 100644
--- a/src/views/monitor/log/error.vue
+++ b/src/views/monitor/log/error.vue
@@ -1,6 +1,7 @@
 <template>
   <basic-container>
     <avue-crud :option="option"
+               :table-loading="loading"
                :data="data"
                ref="crud"
                :before-open="beforeOpen"
@@ -26,6 +27,7 @@
         form: {},
         selectionList: [],
         query: {},
+        loading: true,
         page: {
           pageSize: 10,
           currentPage: 1,
@@ -134,10 +136,12 @@
         this.page.pageSize = pageSize;
       },
       onLoad(page, params = {}) {
+        this.loading = true;
         getErrorList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => {
           const data = res.data.data;
           this.page.total = data.total;
           this.data = data.records;
+          this.loading = false;
         });
       }
     }
diff --git a/src/views/monitor/log/usual.vue b/src/views/monitor/log/usual.vue
index 3e79ced..4c08d0b 100644
--- a/src/views/monitor/log/usual.vue
+++ b/src/views/monitor/log/usual.vue
@@ -1,6 +1,7 @@
 <template>
   <basic-container>
     <avue-crud :option="option"
+               :table-loading="loading"
                :data="data"
                ref="crud"
                v-model="form"
@@ -26,6 +27,7 @@
         form: {},
         selectionList: [],
         query: {},
+        loading: true,
         page: {
           pageSize: 10,
           currentPage: 1,
@@ -126,10 +128,12 @@
         this.page.pageSize = pageSize;
       },
       onLoad(page, params = {}) {
+        this.loading = true;
         getUsualList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => {
           const data = res.data.data;
           this.page.total = data.total;
           this.data = data.records;
+          this.loading = false;
         });
       }
     }
diff --git a/src/views/resource/oss.vue b/src/views/resource/oss.vue
index 4a05e36..831b084 100644
--- a/src/views/resource/oss.vue
+++ b/src/views/resource/oss.vue
@@ -1,6 +1,7 @@
 <template>
   <basic-container>
     <avue-crud :option="option"
+               :table-loading="loading"
                :data="data"
                :page="page"
                @row-del="rowDel"
@@ -55,6 +56,7 @@
       return {
         form: {},
         query: {},
+        loading: true,
         page: {
           pageSize: 10,
           currentPage: 1,
@@ -281,10 +283,12 @@
         this.page.pageSize = pageSize;
       },
       onLoad(page, params = {}) {
+        this.loading = true;
         getList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => {
           const data = res.data.data;
           this.page.total = data.total;
           this.data = data.records;
+          this.loading = false;
         });
       }
     }
diff --git a/src/views/system/client.vue b/src/views/system/client.vue
index a22592b..963d764 100644
--- a/src/views/system/client.vue
+++ b/src/views/system/client.vue
@@ -1,6 +1,7 @@
 <template>
   <basic-container>
     <avue-crud :option="option"
+               :table-loading="loading"
                :data="data"
                :page="page"
                @row-del="rowDel"
@@ -37,6 +38,7 @@
       return {
         form: {},
         query: {},
+        loading: true,
         page: {
           pageSize: 10,
           currentPage: 1,
@@ -268,17 +270,19 @@
         }
         done();
       },
-      currentChange(currentPage){
+      currentChange(currentPage) {
         this.page.currentPage = currentPage;
       },
-      sizeChange(pageSize){
+      sizeChange(pageSize) {
         this.page.pageSize = pageSize;
       },
       onLoad(page, params = {}) {
+        this.loading = true;
         getList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => {
           const data = res.data.data;
           this.page.total = data.total;
           this.data = data.records;
+          this.loading = false;
         });
       }
     }
diff --git a/src/views/system/dept.vue b/src/views/system/dept.vue
index 7064c9f..d53a0ac 100644
--- a/src/views/system/dept.vue
+++ b/src/views/system/dept.vue
@@ -1,6 +1,7 @@
 <template>
   <basic-container>
     <avue-crud :option="option"
+               :table-loading="loading"
                :data="data"
                ref="crud"
                v-model="form"
@@ -50,6 +51,7 @@
         form: {},
         selectionList: [],
         query: {},
+        loading: true,
         page: {
           pageSize: 10,
           currentPage: 1,
@@ -272,6 +274,7 @@
         this.page.pageSize = pageSize;
       },
       onLoad(page, params = {}) {
+        this.loading = true;
         getList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => {
           this.data = res.data.data;
           getDeptTree().then(res => {
@@ -279,6 +282,7 @@
             const index = this.$refs.crud.findColumnIndex("parentId");
             this.option.column[index].dicData = data;
           });
+          this.loading = false;
         });
       }
     }
diff --git a/src/views/system/dict.vue b/src/views/system/dict.vue
index 7656028..7bde324 100644
--- a/src/views/system/dict.vue
+++ b/src/views/system/dict.vue
@@ -1,6 +1,7 @@
 <template>
   <basic-container>
     <avue-crud :option="option"
+               :table-loading="loading"
                :data="data"
                ref="crud"
                v-model="form"
@@ -45,6 +46,7 @@
         form: {},
         selectionList: [],
         query: {},
+        loading: true,
         page: {
           pageSize: 10,
           currentPage: 1,
@@ -236,6 +238,7 @@
         this.page.pageSize = pageSize;
       },
       onLoad(page, params = {}) {
+        this.loading = true;
         getList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => {
           this.data = res.data.data;
           getDictTree().then(res => {
@@ -243,6 +246,7 @@
             const index = this.$refs.crud.findColumnIndex("parentId");
             this.option.column[index].dicData = data;
           });
+          this.loading = false;
         });
       }
     }
diff --git a/src/views/system/menu.vue b/src/views/system/menu.vue
index 5224a27..ddd725c 100644
--- a/src/views/system/menu.vue
+++ b/src/views/system/menu.vue
@@ -1,6 +1,7 @@
 <template>
   <basic-container>
     <avue-crud :option="option"
+               :table-loading="loading"
                :data="data"
                ref="crud"
                v-model="form"
@@ -44,6 +45,7 @@
       return {
         form: {},
         query: {},
+        loading: true,
         selectionList: [],
         page: {
           pageSize: 10,
@@ -295,8 +297,10 @@
         this.page.pageSize = pageSize;
       },
       onLoad(page, params = {}) {
+        this.loading = true;
         getList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => {
           this.data = res.data.data;
+          this.loading = false;
         });
       }
     }
diff --git a/src/views/system/param.vue b/src/views/system/param.vue
index 3ebb769..1e43bae 100644
--- a/src/views/system/param.vue
+++ b/src/views/system/param.vue
@@ -1,6 +1,7 @@
 <template>
   <basic-container>
     <avue-crud :option="option"
+               :table-loading="loading"
                :data="data"
                ref="crud"
                v-model="form"
@@ -38,6 +39,7 @@
         form: {},
         selectionList: [],
         query: {},
+        loading: true,
         page: {
           pageSize: 10,
           currentPage: 1,
@@ -186,10 +188,12 @@
         this.page.pageSize = pageSize;
       },
       onLoad(page, params = {}) {
+        this.loading = true;
         getList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => {
           const data = res.data.data;
           this.page.total = data.total;
           this.data = data.records;
+          this.loading = false;
         });
       }
     }
diff --git a/src/views/system/tenant.vue b/src/views/system/tenant.vue
index 82e7c0e..79b5684 100644
--- a/src/views/system/tenant.vue
+++ b/src/views/system/tenant.vue
@@ -1,6 +1,7 @@
 <template>
   <basic-container>
     <avue-crud :option="option"
+               :table-loading="loading"
                :data="data"
                ref="crud"
                v-model="form"
@@ -38,6 +39,7 @@
         form: {},
         selectionList: [],
         query: {},
+        loading: true,
         page: {
           pageSize: 10,
           currentPage: 1,
@@ -206,10 +208,12 @@
         this.page.pageSize = pageSize;
       },
       onLoad(page, params = {}) {
+        this.loading = true;
         getList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => {
           const data = res.data.data;
           this.page.total = data.total;
           this.data = data.records;
+          this.loading = false;
         });
       }
     }
diff --git a/src/views/system/topmenu.vue b/src/views/system/topmenu.vue
index 87d6171..077f215 100644
--- a/src/views/system/topmenu.vue
+++ b/src/views/system/topmenu.vue
@@ -1,6 +1,7 @@
 <template>
   <basic-container>
     <avue-crud :option="option"
+               :table-loading="loading"
                :data="data"
                :page="page"
                :permission="permissionList"
@@ -70,6 +71,7 @@
         form: {},
         box: false,
         query: {},
+        loading: true,
         props: {
           label: "title",
           value: "key"
@@ -276,10 +278,12 @@
         this.page.pageSize = pageSize;
       },
       onLoad(page, params = {}) {
+        this.loading = true;
         getList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => {
           const data = res.data.data;
           this.page.total = data.total;
           this.data = data.records;
+          this.loading = false;
         });
       }
     }
diff --git a/src/views/system/user.vue b/src/views/system/user.vue
index cfdfc4b..c177b5e 100644
--- a/src/views/system/user.vue
+++ b/src/views/system/user.vue
@@ -1,6 +1,7 @@
 <template>
   <basic-container>
     <avue-crud :option="option"
+               :table-loading="loading"
                :data="data"
                ref="crud"
                v-model="form"
@@ -80,6 +81,7 @@
         form: {},
         selectionList: [],
         query: {},
+        loading: true,
         page: {
           pageSize: 10,
           currentPage: 1,
@@ -406,10 +408,12 @@
         this.page.pageSize = pageSize;
       },
       onLoad(page, params = {}) {
+        this.loading = true;
         getList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => {
           const data = res.data.data;
           this.page.total = data.total;
           this.data = data.records;
+          this.loading = false;
         });
         getDeptTree(this.form.tenantId).then(res => {
           const index = this.$refs.crud.findColumnIndex("deptId");
diff --git a/src/views/tool/code.vue b/src/views/tool/code.vue
index a1dd8dc..e34e79a 100644
--- a/src/views/tool/code.vue
+++ b/src/views/tool/code.vue
@@ -1,6 +1,7 @@
 <template>
   <basic-container>
     <avue-crud :option="option"
+               :table-loading="loading"
                :data="data"
                ref="crud"
                v-model="form"
@@ -44,6 +45,8 @@
       return {
         form: {},
         selectionList: [],
+        loading: true,
+        query: {},
         page: {
           pageSize: 10,
           currentPage: 1,
@@ -209,6 +212,7 @@
         this.onLoad(this.page);
       },
       searchChange(params) {
+        this.query = params;
         this.onLoad(this.page, params);
       },
       selectionChange(list) {
@@ -274,10 +278,12 @@
         this.page.pageSize = pageSize;
       },
       onLoad(page, params = {}) {
-        getList(page.currentPage, page.pageSize, params).then(res => {
+        this.loading = true;
+        getList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => {
           const data = res.data.data;
           this.page.total = data.total;
           this.data = data.records;
+          this.loading = false;
         });
       }
     }
diff --git a/src/views/work/claim.vue b/src/views/work/claim.vue
index 8b6f37c..c19b2f0 100644
--- a/src/views/work/claim.vue
+++ b/src/views/work/claim.vue
@@ -1,6 +1,7 @@
 <template>
   <basic-container>
     <avue-crud :option="option"
+               :table-loading="loading"
                :data="data"
                ref="crud"
                v-model="form"
@@ -74,6 +75,7 @@
         selectionId: '',
         selectionList: [],
         query: {},
+        loading: true,
         page: {
           pageSize: 10,
           currentPage: 1,
@@ -191,10 +193,12 @@
           ...params,
           category: (params.category) ? flowCategory(params.category) : null
         }
+        this.loading = true;
         claimList(page.currentPage, page.pageSize, Object.assign(values, this.query)).then(res => {
           const data = res.data.data;
           this.page.total = data.total;
           this.data = data.records;
+          this.loading = false;
         });
       }
     }
diff --git a/src/views/work/done.vue b/src/views/work/done.vue
index 942fba1..d69e171 100644
--- a/src/views/work/done.vue
+++ b/src/views/work/done.vue
@@ -1,6 +1,7 @@
 <template>
   <basic-container>
     <avue-crud :option="option"
+               :table-loading="loading"
                :data="data"
                ref="crud"
                v-model="form"
@@ -67,6 +68,7 @@
         selectionId: '',
         selectionList: [],
         query: {},
+        loading: true,
         page: {
           pageSize: 10,
           currentPage: 1,
@@ -167,10 +169,12 @@
           ...params,
           category: (params.category) ? flowCategory(params.category) : null
         }
+        this.loading = true;
         doneList(page.currentPage, page.pageSize, Object.assign(values, this.query)).then(res => {
           const data = res.data.data;
           this.page.total = data.total;
           this.data = data.records;
+          this.loading = false;
         });
       }
     }
diff --git a/src/views/work/send.vue b/src/views/work/send.vue
index 622df41..68c4aac 100644
--- a/src/views/work/send.vue
+++ b/src/views/work/send.vue
@@ -1,6 +1,7 @@
 <template>
   <basic-container>
     <avue-crud :option="option"
+               :table-loading="loading"
                :data="data"
                ref="crud"
                v-model="form"
@@ -71,6 +72,7 @@
         selectionId: '',
         selectionList: [],
         query: {},
+        loading: true,
         page: {
           pageSize: 10,
           currentPage: 1,
@@ -177,10 +179,12 @@
           ...params,
           category: (params.category) ? flowCategory(params.category) : null
         }
+        this.loading = true;
         sendList(page.currentPage, page.pageSize, Object.assign(values, this.query)).then(res => {
           const data = res.data.data;
           this.page.total = data.total;
           this.data = data.records;
+          this.loading = false;
         });
       }
     }
diff --git a/src/views/work/start.vue b/src/views/work/start.vue
index f5e9b3d..a24993e 100644
--- a/src/views/work/start.vue
+++ b/src/views/work/start.vue
@@ -1,6 +1,7 @@
 <template>
   <basic-container>
     <avue-crud :option="option"
+               :table-loading="loading"
                :data="data"
                ref="crud"
                v-model="form"
@@ -75,6 +76,7 @@
         selectionId: '',
         selectionList: [],
         query: {},
+        loading: true,
         page: {
           pageSize: 10,
           currentPage: 1,
@@ -180,10 +182,12 @@
           ...params,
           category: (params.category) ? flowCategory(params.category) : null
         }
+        this.loading = true;
         startList(page.currentPage, page.pageSize, Object.assign(values, this.query)).then(res => {
           const data = res.data.data;
           this.page.total = data.total;
           this.data = data.records;
+          this.loading = false;
         });
       }
     }
diff --git a/src/views/work/todo.vue b/src/views/work/todo.vue
index 47604b0..183f9e9 100644
--- a/src/views/work/todo.vue
+++ b/src/views/work/todo.vue
@@ -1,6 +1,7 @@
 <template>
   <basic-container>
     <avue-crud :option="option"
+               :table-loading="loading"
                :data="data"
                ref="crud"
                v-model="form"
@@ -74,6 +75,7 @@
         selectionId: '',
         selectionList: [],
         query: {},
+        loading: true,
         page: {
           pageSize: 10,
           currentPage: 1,
@@ -177,10 +179,12 @@
           ...params,
           category: (params.category) ? flowCategory(params.category) : null
         }
+        this.loading = true;
         todoList(page.currentPage, page.pageSize, Object.assign(values, this.query)).then(res => {
           const data = res.data.data;
           this.page.total = data.total;
           this.data = data.records;
+          this.loading = false;
         });
       }
     }
diff --git a/vue.config.js b/vue.config.js
index ae0f014..21e008d 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -25,7 +25,7 @@ module.exports = {
     port: 1888,
     proxy: {
       '/api': {
-        target: 'http://localhost',
+        target: 'https://saber.bladex.vip/api',
         ws: true,
         pathRewrite: {
           '^/api': '/'