采购需求单-列表查询接口优化

src/views/material/label/index.vue

@@ -1,19 +1,13 @@
 <script>
-import LabelTable from "./label-table.vue";
-import LabelAddDialog from "./label-add-dialog.vue";
-import LabelEditDialog from "./label-edit-dialog.vue";
-import LabelBindDialog from "./label-bind-dialog.vue";
-import LabelAutoBindDialog from "./label-auto-bind-dialog.vue";
-import LabelHandBindDialog from "./label-hand-bind-dialog.vue";
 export default {
   name: "MaterialLabel",
   components: {
-    LabelTable,
-    LabelAddDialog,
-    LabelEditDialog,
-    LabelBindDialog,
-    LabelAutoBindDialog,
-    LabelHandBindDialog,
+    LabelTable: () => import("./label-table.vue"),
+    LabelAddDialog: () => import("./label-add-dialog.vue"),
+    LabelEditDialog: () => import("./label-edit-dialog.vue"),
+    LabelBindDialog: () => import("./label-bind-dialog.vue"),
+    LabelAutoBindDialog: () => import("./label-auto-bind-dialog.vue"),
+    LabelHandBindDialog: () => import("./label-hand-bind-dialog.vue"),
   },
   data() {
     return {};

src/views/material/label/label-table.vue

@@ -102,16 +102,6 @@ export default {
       this.fetchList();
     },
 
-    onSizeChange(prop) {
-      this.page.pageSize = prop;
-      this.fetchList();
-    },
-
-    onNumberChange(prop) {
-      this.page.pageNum = prop;
-      this.fetchList();
-    },
-
     onBindLabel(prop) {
       this.$parent.$children
         .find((el) => el.$vnode.tag.indexOf("BindDialog") > -1)
@@ -247,16 +237,13 @@ export default {
       </el-table>
     </el-main>
     <el-footer>
-      <el-pagination
-        @size-change="onSizeChange"
-        @current-change="onNumberChange"
-        :current-page="page.pageNum"
-        :page-sizes="[25, 50, 100]"
-        :page-size="page.pageSize"
-        layout="total, prev, pager, next, sizes, jumper"
+      <pagination
         :total="page.total"
-      >
-      </el-pagination>
+        :page.sync="page.pageNum"
+        :limit.sync="page.pageSize"
+        @pagination="fetchList"
+        style="height: 32px; padding: 0 !important; flex: 1; overflow-x: auto"
+      />
     </el-footer>
   </el-container>
 </template>

src/views/purchase/PurchaseDemandList/index.vue

@@ -440,20 +440,21 @@ export default {
       this.params = this.$init.params(SearchColumns);
       this.getList(this.params, this.Pages);
     },
-    getList(params, pages) {
-      getDemandList({ ...params, ...pages })
-        .then((res) => {
-          if (res.code === 200) {
-            this.tableList = res.rows;
-            this.Pages.total = res.total;
-          }
-        })
-        .then(() => {
-          this.loading = false;
-        })
-        .catch((err) => {
-          this.loading = false;
+    async getList(params, pages) {
+      try {
+        this.loading = true;
+        let { code, rows, total } = await getDemandList({
+          ...params,
+          ...pages,
         });
+        if (code === 200) {
+          this.tableList = rows;
+          this.Pages.total = total;
+        }
+      } catch (error) {
+      } finally {
+        this.loading = false;
+      }
     },
     handleSelectionChange(selection) {
       this.ids = selection.map((item) => item.id);