前:业务流程查询分页,导出

src/dashoo.cn/frontend_web/src/pages/select/processselect/index.vue

@@ -49,7 +49,7 @@
       </div>
       <el-tabs v-model="activeName" type="border-card" @tab-click="handleClick">
         <el-tab-pane label="全部" name="all">
-          <el-table highlight-current-row stripe :data="entityListAll" id="rebateSetTableAll" size="mini" border style="width: 100%" @sort-change="orderby" height="calc(100vh - 330px)">
+          <el-table highlight-current-row stripe :data="entityListAll" v-loading="loading" id="rebateSetTable0" size="mini" border style="width: 100%" @sort-change="orderby" height="calc(100vh - 330px)">
             <!--<el-table-column align="center" label="准入编码" prop="AccessCardNo"></el-table-column>-->
             <el-table-column label="准入编码" show-tooltip-when-overflow prop="AccessCardNo" align="center" width="110px">
               <template slot-scope="scope" >
@@ -91,12 +91,12 @@
               </template>
             </el-table-column>
           </el-table>
-          <el-pagination @size-change="handleSizeChangeAll":current-page="currentPage"
-                         :page-sizes="[40, 80, 160]" :page-size="sizeAll" layout="total, sizes" :total="currentItemCount">
+          <el-pagination @size-change="handleSizeChangeAll" @current-change="handleCurrentChangeAll" :current-page="currentPage"
+                         :page-sizes="[40, 80, 160]" :page-size="sizeAll" layout="total, sizes, prev, pager, next, jumper" :total="currentItemCount">
           </el-pagination>
         </el-tab-pane>
         <el-tab-pane label="准入" name="first">
-          <el-table highlight-current-row :data="entityList" id="rebateSetTable0" size="mini" border style="width: 100%" @sort-change="orderby" height="calc(100vh - 330px)">
+          <el-table highlight-current-row :data="entityList" v-loading="loading" id="rebateSetTable1" size="mini" border style="width: 100%" @sort-change="orderby" height="calc(100vh - 330px)">
             <!--<el-table-column align="center" label="准入编码" prop="AccessCardNo"></el-table-column>-->
             <el-table-column label="准入编码" prop="AccessCardNo" align="center">
               <template slot-scope="scope" >
@@ -138,7 +138,7 @@
           </el-pagination>
         </el-tab-pane>
         <el-tab-pane label="增项" name="second">
-          <el-table highlight-current-row :data="entityList1" id="rebateSetTable1" size="mini"  border style="width: 100%" @sort-change="orderby" height="calc(100vh - 330px)">
+          <el-table highlight-current-row :data="entityList1" v-loading="loading" id="rebateSetTable2" size="mini"  border style="width: 100%" @sort-change="orderby" height="calc(100vh - 330px)">
             <!--<el-table-column align="center" label="准入编码" prop="AccessCardNo"></el-table-column>-->
             <el-table-column label="准入编码" prop="AccessCardNo" align="center">
               <template slot-scope="scope" >
@@ -180,7 +180,7 @@
           </el-pagination>
         </el-tab-pane>
         <el-tab-pane label="年审" name="third">
-          <el-table highlight-current-row :data="entityList2" id="rebateSetTable2" size="mini" border style="width: 100%" @sort-change="orderby" height="calc(100vh - 330px)">
+          <el-table highlight-current-row :data="entityList2" v-loading="loading" id="rebateSetTable3" size="mini" border style="width: 100%" @sort-change="orderby" height="calc(100vh - 330px)">
             <!--<el-table-column align="center" label="准入编码" prop="AccessCardNo"></el-table-column>-->
             <el-table-column label="准入编码" prop="AccessCardNo" align="center">
               <template slot-scope="scope" >
@@ -230,7 +230,7 @@
           </el-pagination>
         </el-tab-pane>
         <el-tab-pane label="变更申请" name="fourth">
-          <el-table highlight-current-row :data="entityList3" id="rebateSetTable3" size="mini" border style="width: 100%" @sort-change="orderby" height="calc(100vh - 330px)">
+          <el-table highlight-current-row :data="entityList3" v-loading="loading" id="rebateSetTable4" size="mini" border style="width: 100%" @sort-change="orderby" height="calc(100vh - 330px)">
             <!--<el-table-column align="center" label="准入编码" prop="AccessCardNo"></el-table-column>-->
             <el-table-column label="准入编码" prop="AccessCardNo" align="center">
               <template slot-scope="scope" >
@@ -336,6 +336,7 @@
         activeName: 'all',
         dialogVisible: false,
         dialogVisible1: false,
+        loading: false,
         // 列表数据
         entityListAll: [],
         entityList: [],
@@ -425,6 +426,7 @@
       },
 
       initDatas (val,event) {
+        this.loading = true
         if (event != null) {
           this.currentPage = 1;
           this.size= 10;
@@ -432,7 +434,7 @@
         // 分页及列表条件
         let params = {
           _currentPage: this.currentPage,
-          _size: this.size,
+          _size:  this.size,
           Order: this.Column.Order,
           Prop: this.Column.Prop,
           tabinx: val
@@ -462,6 +464,7 @@
             this.entityListAll = res.data.items
           }
           this.currentItemCount = res.data.currentItemCount
+          this.loading = false
         }).catch(err => {
           console.error(err)
         })
@@ -473,6 +476,7 @@
         let wb = XLSX.utils.table_to_book(
           document.querySelector(tablename)
         )
+        console.log(tablename, 'tablename')
         let filename
         if (this.tabinx === '0') { // 准入
           filename = "AccessIn.xlsx"
@@ -597,6 +601,10 @@
         this.currentPage = value
         this.initDatas(this.tabinx)
       },
+      handleCurrentChangeAll (value) {
+        this.currentPage = value
+        this.initDatas(this.tabinx)
+      },
       handleSizeChange (value) {
         this.size = value
         this.currentPage = 1