update 2023.4.23

src/views/atomViews/ListViewWithHead.vue

@@ -4,52 +4,22 @@
     <!-- <head-form :form-config="headFormConfig" @headBtnClick="btnClick" /> -->
     <BaseSearchForm :head-config="headConfig" @btn-click="handleBtnClick" />
 
-    <BaseListTable
-      v-loading="tableLoading"
-      :table-config="tableConfig.table"
-      :column-config="tableConfig.column"
-      :table-data="dataList"
-      @operate-event="handleOperate"
-      :current-page="page"
-      :current-size="size"
+    <BaseListTable v-loading="tableLoading" :table-config="tableConfig.table" :column-config="tableConfig.column"
+      :table-data="dataList" @operate-event="handleOperate" :current-page="page" :current-size="size"
       :refresh-layout-key="refreshLayoutKey" />
 
-    <el-pagination
-      class="mt-5 flex justify-end"
-      @size-change="handleSizeChange"
-      @current-change="handlePageChange"
-      :current-page.sync="page"
-      :page-sizes="[1, 5, 10, 20, 50, 100]"
-      :page-size="size"
-      :total="totalPage"
+    <el-pagination class="mt-5 flex justify-end" @size-change="handleSizeChange" @current-change="handlePageChange"
+      :current-page.sync="page" :page-sizes="[10, 20, 50, 100]" :page-size="size" :total="totalPage"
       layout="total, sizes, prev, pager, next, jumper"></el-pagination>
-    <!-- :current-page.sync="currentPage"
-          			:page-size.sync="pageSize" -->
 
-    <DialogWithMenu
-      ref="edit-dialog"
-      v-if="!!dialogConfigs && dialogType === DIALOG_WITH_MENU"
-      :dialog-visible.sync="dialogVisible"
-      :configs="dialogConfigs"
-      @refreshDataList="getList" />
-    <DialogJustForm
-      ref="edit-dialog"
-      v-if="!!dialogConfigs && dialogType === DIALOG_JUST_FORM"
-      :dialog-visible.sync="dialogVisible"
-      :configs="dialogConfigs"
-      @refreshDataList="getList"
+    <DialogWithMenu ref="edit-dialog" v-if="!!dialogConfigs && dialogType === DIALOG_WITH_MENU"
+      :dialog-visible.sync="dialogVisible" :configs="dialogConfigs" @refreshDataList="getList" />
+    <DialogJustForm ref="edit-dialog" v-if="!!dialogConfigs && dialogType === DIALOG_JUST_FORM"
+      :dialog-visible.sync="dialogVisible" :configs="dialogConfigs" @refreshDataList="getList"
       @emit-data="handleOperate" />
-    <DialogCarPayload
-      ref="car-payload-dialog"
-      v-if="!!carPayloadDialogConfigs"
-      :dialog-visible.sync="carPayloadDialogVisible"
-      :configs="carPayloadDialogConfigs"
-      @refreshDataList="getList" />
-    <DialogUpload
-      ref="upload-dialog"
-      v-if="uploadDialogVisible"
-      title="导入配方"
-      filename="bomTemplate.xlsx"
+    <DialogCarPayload ref="car-payload-dialog" v-if="!!carPayloadDialogConfigs"
+      :dialog-visible.sync="carPayloadDialogVisible" :configs="carPayloadDialogConfigs" @refreshDataList="getList" />
+    <DialogUpload ref="upload-dialog" v-if="uploadDialogVisible" title="导入配方" filename="bomTemplate.xlsx"
       @refresh-list="getList" />
   </div>
 </template>
@@ -113,7 +83,6 @@ export default {
     },
   },
   activated() {
-    console.log("list view with ehad activated..........", this.triggerUpdate);
     this.refreshLayoutKey = this.layoutTable();
   },
   watch: {
@@ -121,7 +90,7 @@ export default {
       if (val && val !== oldVal) {
         // get list
         this.page = 1;
-        this.size = 20;
+        this.size = 'defaultPageSize' in this.tableConfig.column ? this.tableConfig.column.defaultPageSize : 20;
         this.getList();
       }
     },
@@ -145,6 +114,10 @@ export default {
   },
   inject: ["urls"],
   mounted() {
+    // 更新页面默认 size
+    const size = 'defaultPageSize' in this.tableConfig.column ? this.tableConfig.column.defaultPageSize : 20;
+    this.size = size;
+
     this.initDataWhenLoad && this.getList();
   },
   methods: {
@@ -155,9 +128,9 @@ export default {
       const params = queryParams
         ? { ...queryParams, page: this.page, limit: this.size }
         : {
-            page: this.page,
-            limit: this.size,
-          };
+          page: this.page,
+          limit: this.size,
+        };
 
       if (!queryParams && this.listQueryExtra && this.listQueryExtra.length) {
         this.listQueryExtra.map((nameOrObj) => {
@@ -174,11 +147,11 @@ export default {
         this.urls.page,
         this.urls.pageIsPostApi
           ? {
-              ...params,
-            }
+            ...params,
+          }
           : {
-              params,
-            }
+            params,
+          }
       )
         .then(({ data: res }) => {
           console.log("[http response] res is: ", res);
@@ -263,7 +236,7 @@ export default {
                   this.$message.success("删除成功!");
 
                   this.page = 1;
-                  this.size = 10;
+                  this.size = 'defaultPageSize' in this.tableConfig.column ? this.tableConfig.column.defaultPageSize : 20;
                   this.getList();
                 } else {
                   this.$message({
@@ -274,7 +247,7 @@ export default {
                 }
               });
             })
-            .catch((err) => {});
+            .catch((err) => { });
         }
         case "edit": {
           this.openDialog(data); /** data is ==> id */