update

src/views/workstuff/dispose/index.vue

@@ -14,7 +14,7 @@
     <el-card>
       <el-tabs v-model="activeName"  @tab-click="state">
         <el-tab-pane :label="'待办('+ statustotal+')'" name="taskToDo">
-          <el-table :data="postList" style="width: 100%" height="529">
+          <el-table :data="postList" style="width: 100%" height="529" v-loading="loading">
             <el-table-column prop="procDefName" label="流程类型"></el-table-column>
             <el-table-column prop="title" label="流程标题"></el-table-column>
             <el-table-column prop="curActDefName" label="当前环节"></el-table-column>
@@ -32,10 +32,16 @@
               </template>
             </el-table-column>
           </el-table><!--el-table-->
-          <el-pagination @current-change="getListData" v-show="total > 0"  :current-page="queryParams.pageNumber" :page-sizes="pageSizes" :page-size="queryParams.pageSize" layout="total, sizes, prev, pager, next, jumper" :total="total"></el-pagination>
+          <pagination
+            v-show="total>0"
+            :total="total"
+            :page.sync="queryParams.pageNum"
+            :limit.sync="queryParams.pageSize"
+            @pagination="getListData"
+          />
         </el-tab-pane><!--el-tab-pane-->
         <el-tab-pane :label="'已办('+doneTotal+')'" name="taskDealed">
-          <el-table :data="postList" style="width: 100%" height="529">
+          <el-table :data="postList" style="width: 100%" height="529" v-loading="loading">
             <el-table-column prop="procDefName" label="流程类型"></el-table-column>
             <el-table-column prop="title" label="流程标题"></el-table-column>
             <el-table-column prop="curActDefName" label="处理环节"></el-table-column>
@@ -53,10 +59,16 @@
               </template>
             </el-table-column>
           </el-table><!--el-table-->
-          <el-pagination @current-change="getListData" v-show="total > 0"  :current-page="queryParams.pageNumber" :page-sizes="pageSizes" :page-size="queryParams.pageSize" layout="total, sizes, prev, pager, next, jumper" :total="total"></el-pagination>
+          <pagination
+            v-show="total>0"
+            :total="total"
+            :page.sync="queryParams.pageNum"
+            :limit.sync="queryParams.pageSize"
+            @pagination="getListData"
+          />
         </el-tab-pane><!--el-tab-pane-->
         <el-tab-pane :label="'办结('+finishedTotal+')'" name="taskFinish">
-          <el-table :data="postList" style="width: 100%" height="529">
+          <el-table :data="postList" style="width: 100%" height="529" v-loading="loading">
             <el-table-column prop="procDefName" label="流程类型"></el-table-column>
             <el-table-column prop="title" label="流程标题"></el-table-column>
             <el-table-column prop="startUserName" label="发起人"></el-table-column>
@@ -76,7 +88,13 @@
               </template>
             </el-table-column>
           </el-table><!--el-table-->
-          <el-pagination @current-change="getListData" v-show="total > 0"  :current-page="queryParams.pageNumber" :page-sizes="pageSizes" :page-size="queryParams.pageSize" layout="total, sizes, prev, pager, next, jumper" :total="total"></el-pagination>
+          <pagination
+            v-show="total>0"
+            :total="total"
+            :page.sync="queryParams.pageNum"
+            :limit.sync="queryParams.pageSize"
+            @pagination="getListData"
+          />
         </el-tab-pane><!--el-tab-pane-->
       </el-tabs><!--el-tabs-->
     </el-card>