市场法规清单、市场认证清单、法规清单增加分页

jero-web/src/views/virtualAuthenticationList/virtualAuthenticationListDesign/certificationListMaintenance.vue

@@ -237,9 +237,22 @@
               </span>
 
             </a-table>
-            <div class="buttom-box" v-if="dataSource && dataSource.length > 0">
-              {{$t('total')+' '+this.dataSource.length+' '+ $t('strip')}}
+            <div class="page" v-if="dataSource.length > 0">
+              <a-pagination
+                :show-total="total => $t('total')+` ${total} `+$t('strip')"
+                show-quick-jumper
+                show-size-changer
+                :page-size.sync="pageSize"
+                :total="total"
+                :pageSizeOptions="['50','100','200','300']"
+                :current="pageNo"
+                @change="onChangeSize"
+                @showSizeChange="SizeChange"
+              />
             </div>
+<!--            <div class="buttom-box" v-if="dataSource && dataSource.length > 0">-->
+<!--              {{$t('total')+' '+this.dataSource.length+' '+ $t('strip')}}-->
+<!--            </div>-->
           </div>
         </a-card>
       </div>
@@ -288,8 +301,11 @@
         isbutton: false,
         toggleSearchStatus:false,
         dataSource: [],
+        pageNo: 1,
+        pageSize: 50,
+        total: 0,
         url: {
-          list: '/authDummy/authDummyInventoryInfoEO/list',
+          list: '/authDummy/authDummyInventoryInfoEO/page',
           logList: '/authDummy/authDummyLog/page',//更新log
           exportTemplate: '/authDummy/authDummyInventoryInfoEO/exportTemplate',//模板下载
           exportData: '/authDummy/authDummyInventoryInfoEO/exportData',//导出
@@ -535,17 +551,35 @@
       getPersonnelList(){
          this.getList()
       },
+      onChangeSize(page, pageSize) {
+        this.pageNo = page
+        this.getList()
+      },
+      SizeChange(page, pageSize) {
+        this.pageNo = 1
+        this.pageSize = pageSize
+        this.getList()
+      },
       getList() {
         let query = {
           ...this.queryParam,
           orderBy: this.orderBy,
           orderByField: this.orderByField,
-          authDummyInventoryBaseId: this.$route.query.id
+          authDummyInventoryBaseId: this.$route.query.id,
+          pageNo: this.pageNo,
+          pageSize: this.pageSize
         }
         this.loading = true
         getAction(this.url.list, query).then((res) => {
           if (res.success) {
-            this.dataSource = res.result || []
+            if (res.result.current > 1 && res.result.records.length == 0) {
+              this.pageNo = 1
+              this.getList()
+              return
+            }
+            // this.dataSource = res.result || []
+            this.dataSource = res.result.records || []
+            this.total = res.result.total
             this.loading = false
           } else {
             this.loading = false
@@ -723,4 +757,12 @@
     color: #00B3BE;
     cursor: pointer;
   }
+  .page {
+    text-align: right;
+    margin-top: 20px;
+    margin-bottom: 20px;
+  }
+  ::v-deep .ant-card-body {
+    padding: 14px 32px 0 32px;
+  }
 </style>