pref:修改翻页

sample-form-manager-ui/admin/src/components/Pagination.vue

+<template>
+  <div class="pagination" v-if="total">
+    <el-pagination
+      background
+      layout="total,prev,pager,next,sizes,jumper"
+      :pager-count="5"
+      :total="total"
+      :current-page="current"
+      :page-size="size"
+      :page-sizes="pageSizes"
+      @current-change="changePagination"
+      @size-change="changeSize"
+    >
+    </el-pagination>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    total: {
+      required: true,
+      type: Number,
+      default: 0,
+    },
+    size: {
+      required: true,
+      type: Number,
+      default: 10,
+    },
+    current: {
+      required: true,
+      type: Number,
+      default: 1,
+    },
+  },
+  data() {
+    return {
+      pageSizes: [10, 20, 30, 40, 50, 100, 200],
+    };
+  },
+  computed: {},
+  methods: {
+    changePagination(cur) {
+      this.$emit("currentChange", cur);
+    },
+    changeSize(size) {
+      this.$emit("sizeChange", size);
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+</style>
\ No newline at end of file

sample-form-manager-ui/admin/src/pages/hardware/NumberWriteDevice.vue

@@ -152,20 +152,13 @@
           </el-table-column>
         </el-table>
       </div>
-      <div class="pagination" v-if="total">
-        <el-pagination
-          background
-          layout="total,prev,pager,next,sizes,jumper"
-          :pager-count="5"
+      <Pagination
         :total="total"
-          :current-page="current"
-          :page-size="size"
-          :page-sizes="pageSizes"
-          @current-change="changePagination"
-          @size-change="changeSize"
-        >
-        </el-pagination>
-      </div>
+        :current="current"
+        :size="size"
+        @currentChange="changePagination"
+        @sizeChange="changeSize"
+      ></Pagination>
     </el-card>
     <!-- 新增设备 -->
     <AddDevice
@@ -180,6 +173,7 @@
 
 <script>
 import TableHeader from "@/components/TableHeader.vue";
+import Pagination from "@/components/Pagination.vue";
 import AddMatter from "./modal/AddMatter.vue";
 import AddDevice from "./modal/AddDevice.vue";
 import { getDeviceList } from "@/api/device";
@@ -189,6 +183,7 @@ export default {
     TableHeader,
     AddDevice,
     AddMatter,
+    Pagination,
   },
   data() {
     return {
@@ -197,7 +192,6 @@ export default {
         ? local.getLocal("sampleSiteId")
         : "",
       tableData: [],
-      pageSizes: [10, 20, 30, 40, 50, 100, 200],
       total: 0,
       current: 1,
       size: 10,

sample-form-manager-ui/admin/src/pages/hardware/modal/AddMatter.vue

@@ -146,20 +146,13 @@
               </el-table>
             </div>
           </div>
-          <div class="pagination" v-if="total">
-            <el-pagination
-              background
-              layout="total,prev,pager,next,sizes,jumper"
-              :pager-count="5"
+          <Pagination
             :total="total"
-              :current-page="current"
-              :page-size="size"
-              :page-sizes="pageSizes"
-              @current-change="changePagination"
-              @size-change="changeSize"
-            >
-            </el-pagination>
-          </div>
+            :current="current"
+            :size="size"
+            @currentChange="changePagination"
+            @sizeChange="changeSize"
+          ></Pagination>
         </div>
       </div>
       <div class="footer">
@@ -175,6 +168,7 @@
 <script>
 import { mapGetters } from "vuex";
 import TableHeader from "@/components/TableHeader.vue";
+import Pagination from "@/components/Pagination.vue";
 import { getWriteMatterList } from "@/api/matter";
 import {
   getDeviceMatterList,
@@ -185,6 +179,7 @@ import local from "@/utils/local";
 export default {
   components: {
     TableHeader,
+    Pagination,
   },
   props: {
     matterDrawer: {
@@ -196,8 +191,8 @@ export default {
   data() {
     return {
       loading: false,
-      siteId: local.getLocal("writeSiteId")
-        ? local.getLocal("writeSiteId")
+      siteId: local.getLocal("sampleSiteId")
+        ? local.getLocal("sampleSiteId")
         : "",
       department: "",
       searchVal: "",
@@ -206,7 +201,6 @@ export default {
       total: 0,
       tableData: [],
       devMatterList: [], // 设备事项列表
-      pageSizes: [10, 20, 30, 40, 50, 100, 200],
       selectionKeys: [],
       devInfo: {},
     };
@@ -263,6 +257,7 @@ export default {
     // 搜索
     handleSearch() {
       this.current = 1;
+      this.$refs.curTable.clearSelection();
       this.getWriteMatterList();
     },
     // 重置
@@ -270,6 +265,7 @@ export default {
       this.department = "";
       this.searchVal = "";
       this.current = 1;
+      this.$refs.curTable.clearSelection();
       this.getWriteMatterList();
     },
     // 翻页
@@ -319,6 +315,7 @@ export default {
       let { code, msg } = res.data;
       if (code == 1) {
         this.$message.success(msg);
+        this.$refs.curTable.clearSelection();
         this.getDeviceMatterList(this.devInfo.id);
       }
     },

sample-form-manager-ui/admin/src/pages/software/librarymanage/LibraryManage.vue

@@ -52,7 +52,6 @@
       <div class="table-content">
         <el-table
           ref="multipleTable"
-          size="small"
           v-loading="loading"
           :data="tableData"
           border
@@ -107,20 +106,13 @@
           </el-table-column>
         </el-table>
       </div>
-      <div class="pagination" v-if="total">
-        <el-pagination
-          background
-          layout="total,prev,pager,next,sizes,jumper"
-          :pager-count="5"
+      <Pagination
         :total="total"
-          :current-page="current"
-          :page-size="size"
-          :page-sizes="pageSizes"
-          @current-change="changePagination"
-          @size-change="changeSize"
-        >
-        </el-pagination>
-      </div>
+        :current="current"
+        :size="size"
+        @currentChange="changePagination"
+        @sizeChange="changeSize"
+      ></Pagination>
     </el-card>
     <!-- 添加材料 -->
     <!--    <AddMaterals
@@ -139,12 +131,14 @@
 <script>
 import TableHeader from "@/components/TableHeader.vue";
 import PreviewMaterals from "./modal/PreviewMaterals.vue";
+import Pagination from "@/components/Pagination.vue";
 import { getPubdatumList, delPubdatum } from "@/api/libray";
 import { mapGetters } from "vuex";
 export default {
   components: {
     TableHeader,
     PreviewMaterals,
+    Pagination,
   },
   data() {
     return {
@@ -154,7 +148,6 @@ export default {
       current: 1,
       size: 10,
       total: 10,
-      pageSizes: [10, 20, 30, 40, 50, 100, 200],
       loading: false,
       selectKeys: [],
       depList: [],
@@ -170,7 +163,7 @@ export default {
     ...mapGetters(["deptList"]),
   },
   methods: {
-    // 系统事项列表
+    // 获取公共库材料
     async getPbuList() {
       this.loading = true;
       let res = await getPubdatumList({
@@ -182,6 +175,10 @@ export default {
       this.loading = false;
       if (res.data.code === 1) {
         let { data, total } = res.data.data;
+        if (!data.length && this.current > 1) {
+          this.current -= 1;
+          this.getPbuList();
+        }
         this.tableData = data;
         this.total = total;
         this.$refs.multipleTable.bodyWrapper.scrollTop = 0;
@@ -205,12 +202,14 @@ export default {
     // 搜索
     handleSearch() {
       this.current = 1;
+      this.$refs.multipleTable.clearSelection();
       this.getPbuList();
     },
     // 重置
     handleReset() {
       this.department = "";
       this.searchVal = "";
+      this.$refs.multipleTable.clearSelection();
       this.getPbuList();
     },
     // 选中
@@ -246,7 +245,6 @@ export default {
         }
       )
         .then(async () => {
-          console.log(id);
           let res = await delPubdatum({ id });
           let { code, msg } = res.data;
           if (code === 1) {

sample-form-manager-ui/admin/src/pages/software/librarymanage/modal/AddMaterals.vue

@@ -76,20 +76,13 @@
         >
         </el-table-column>
       </el-table>
-      <div class="pagination" v-if="total">
-        <el-pagination
-          background
-          layout="total,sizes,prev,pager,next,jumper"
-          :pager-count="5"
+      <Pagination
         :total="total"
-          :current-page="current"
-          :page-size="size"
-          :page-sizes="pageSizes"
-          @current-change="changePagination"
-          @size-change="changeSize"
-        >
-        </el-pagination>
-      </div>
+        :current="current"
+        :size="size"
+        @currentChange="changePagination"
+        @sizeChange="changeSize"
+      ></Pagination>
       <span slot="footer" class="dialog-footer">
         <el-button size="small" type="primary" @click="handleOk"
           >加 入</el-button
@@ -102,10 +95,12 @@
 
 <script>
 import TableHeader from "@/components/TableHeader.vue";
+import Pagination from "@/components/Pagination.vue";
 import { mapGetters } from "vuex";
 export default {
   components: {
     TableHeader,
+    Pagination,
   },
   props: {
     libVisible: {
@@ -125,27 +120,7 @@ export default {
     return {
       department: "",
       searchVal: "",
-      tableData: [
-        {
-          id: 1,
-          department: "县公安局",
-          name: "机动车登记证、行使证核发",
-          name2: "机动车登记证、行驶证审查、办理、核发",
-          count: 50,
-          top: 1,
-          time: "2022-12-12 12:00:00",
-        },
-        {
-          id: 2,
-          department: "县公安局",
-          name: "机动车登记证、行使证核发",
-          name2: "机动车登记证、行驶证审查、办理、核发",
-          count: 50,
-          top: 0,
-          time: "2022-12-12 12:00:00",
-        },
-      ],
-      pageSizes: [10, 20, 30, 40, 50, 100, 200],
+      tableData: [],
       current: 1,
       total: 10,
       size: 10,

sample-form-manager-ui/admin/src/pages/software/materials/MaterialsManage.vue

@@ -101,20 +101,13 @@
             </el-table>
           </div>
         </div>
-        <div class="pagination" v-if="leftTotal">
-          <el-pagination
-            background
-            layout="total,prev,pager,next,sizes,jumper"
-            :pager-count="5"
+        <Pagination
+          :current="leftCurrent"
+          :size="leftSize"
           :total="leftTotal"
-            :current-page="leftCurrent"
-            :page-size="leftSize"
-            :page-sizes="pageSizes"
-            @current-change="leftChangePagination"
-            @size-change="leftChangeSize"
-          >
-          </el-pagination>
-        </div>
+          @currentChange="leftChangePagination"
+          @sizeChange="leftChangeSize"
+        ></Pagination>
       </el-card>
     </div>
     <div class="right">
@@ -253,20 +246,13 @@
             </el-table-column>
           </el-table>
         </div>
-        <div class="pagination" v-if="rightTotal">
-          <el-pagination
-            background
-            layout="total,prev,pager,next,sizes,jumper"
-            :pager-count="5"
+        <Pagination
+          :current="rightCurrent"
+          :size="rightSize"
           :total="rightTotal"
-            :current-page="rightCurrent"
-            :page-size="rightSize"
-            :page-sizes="pageSizes"
-            @current-change="rightChangePagination"
-            @size-change="rightChangeSize"
-          >
-          </el-pagination>
-        </div>
+          @currentChange="rightChangePagination"
+          @sizeChange="rightChangeSize"
+        ></Pagination>
       </el-card>
     </div>
     <!-- 新增材料 -->
@@ -297,6 +283,7 @@ import TableHeader from "@/components/TableHeader.vue";
 import AddMaterials from "./modal/AddMaterials.vue";
 import PreviewMaterials from "./modal/PreviewMaterials.vue";
 import CommonLib from "./modal/CommonLib.vue";
+import Pagination from "@/components/Pagination.vue";
 import { getWriteMatterList } from "@/api/matter";
 import {
   getMaterialsList,
@@ -311,6 +298,7 @@ export default {
     AddMaterials,
     PreviewMaterials,
     CommonLib,
+    Pagination,
   },
   data() {
     return {
@@ -323,7 +311,6 @@ export default {
       rightSearch: "",
       loadingLeft: false,
       loadingRight: false,
-      pageSizes: [10, 20, 30, 40, 50, 100, 200],
       LeftTableData: [],
       leftCurrent: 1,
       leftSize: 10,
@@ -467,6 +454,7 @@ export default {
     // 右边搜索
     handleSearchRight() {
       this.rightCurrent = 1;
+      this.$refs.rightTable.clearSelection();
       this.getMaterialsList();
     },
     // 右边重置
@@ -474,6 +462,7 @@ export default {
       this.departmentRight = "";
       this.rightSearch = "";
       this.rightCurrent = 1;
+      this.$refs.rightTable.clearSelection();
       this.getMaterialsList();
     },
     // 推荐

sample-form-manager-ui/admin/src/pages/software/materials/modal/CommonLib.vue

@@ -67,20 +67,14 @@
         >
         </el-table-column>
       </el-table>
-      <div class="pagination" v-if="total">
-        <el-pagination
-          background
-          layout="total,sizes,prev,pager,next,jumper"
-          :pager-count="5"
+      <Pagination
         :total="total"
-          :current-page="current"
-          :page-size="size"
-          :page-sizes="pageSizes"
-          @current-change="changePagination"
-          @size-change="changeSize"
-        >
-        </el-pagination>
-      </div>
+        :current="current"
+        :size="size"
+        @currentChange="changePagination"
+        @sizeChange="changeSize"
+      ></Pagination>
+
       <span slot="footer" class="dialog-footer">
         <el-button size="small" @click="Visible = false">取 消</el-button>
         <el-button
@@ -97,6 +91,7 @@
 
 <script>
 import TableHeader from "@/components/TableHeader.vue";
+import Pagination from "@/components/Pagination.vue";
 import { getPubdatumList } from "@/api/libray";
 import { addPubdatum } from "@/api/materials";
 import local from "@/utils/local";
@@ -105,6 +100,7 @@ import { mapGetters } from "vuex";
 export default {
   components: {
     TableHeader,
+    Pagination,
   },
   props: {
     libVisible: {
@@ -126,7 +122,6 @@ export default {
       department: "",
       searchVal: "",
       tableData: [],
-      pageSizes: [10, 20, 30, 40, 50, 100, 200],
       current: 1,
       total: 10,
       size: 10,

sample-form-manager-ui/admin/src/pages/software/matter/MatterManage.vue

@@ -140,20 +140,13 @@
             </el-table-column>
           </el-table>
         </div>
-        <div class="pagination" v-if="leftTotal">
-          <el-pagination
-            background
-            layout="total,prev,pager,next,sizes,jumper"
-            :pager-count="5"
+        <Pagination
+          :current="leftCurrent"
+          :size="leftSize"
           :total="leftTotal"
-            :current-page="leftCurrent"
-            :page-size="leftSize"
-            :page-sizes="pageSizes"
-            @current-change="leftChangePagination"
-            @size-change="leftChangeSize"
-          >
-          </el-pagination>
-        </div>
+          @currentChange="leftChangePagination"
+          @sizeChange="leftChangeSize"
+        ></Pagination>
       </el-card>
     </div>
     <!-- 右 -->
@@ -256,20 +249,13 @@
             </el-table-column>
           </el-table>
         </div>
-        <div class="pagination" v-if="rightTotal">
-          <el-pagination
-            background
-            layout="total,prev,pager,next,sizes,jumper"
-            :pager-count="5"
+        <Pagination
+          :current="rightCurrent"
+          :size="rightSize"
           :total="rightTotal"
-            :current-page="rightCurrent"
-            :page-size="rightSize"
-            :page-sizes="pageSizes"
-            @current-change="rightChangePagination"
-            @size-change="rightChangeSize"
-          >
-          </el-pagination>
-        </div>
+          @currentChange="rightChangePagination"
+          @sizeChange="rightChangeSize"
+        ></Pagination>
       </el-card>
     </div>
     <!-- 新增事项 -->
@@ -286,6 +272,7 @@
 <script>
 import TableHeader from "@/components/TableHeader.vue";
 import AddMatter from "./modal/AddMatter.vue";
+import Pagination from "@/components/Pagination.vue";
 import { mapGetters } from "vuex";
 import {
   // getMatterList,
@@ -300,6 +287,7 @@ export default {
   components: {
     TableHeader,
     AddMatter,
+    Pagination,
   },
   data() {
     return {
@@ -311,7 +299,6 @@ export default {
       loadingLeft: false,
       leftSearch: "",
       rightSearch: "",
-      pageSizes: [10, 20, 30, 40, 50, 100, 200],
       LeftTableData: [],
       leftSelectedRowKeys: [],
       leftCurrent: 1,
@@ -354,24 +341,6 @@ export default {
         this.$refs.rightTable.bodyWrapper.scrollTop = 0;
       }
     },
-    // 获取一体化事项列表
-    // async getMatterList() {
-    //   this.loadingRight = true;
-    //   let res = await getMatterList({
-    //     page: this.rightCurrent,
-    //     size: this.rightSize,
-    //     matterName: this.rightSearch,
-    //     deptCode: this.departmentRight,
-    //     siteId: this.siteId,
-    //   });
-    //   this.loadingRight = false;
-    //   if (res.data.code === 1) {
-    //     let { total, data } = res.data.data;
-    //     this.rightTableData = data;
-    //     this.rightTotal = total;
-    //     this.$refs.rightTable.bodyWrapper.scrollTop = 0;
-    //   }
-    // },
 
     // 获取样表系统事项列表
     async getWriteMatterList() {
@@ -433,6 +402,7 @@ export default {
     // 左边搜索
     searchLeft() {
       this.leftCurrent = 1;
+      this.$refs.leftTable.clearSelection();
       this.getWriteMatterList();
     },
     // 左边重置
@@ -440,6 +410,7 @@ export default {
       this.departmentLeft = "";
       this.leftSearch = "";
       this.leftCurrent = 1;
+      this.$refs.leftTable.clearSelection();
       this.getWriteMatterList();
     },
     // 左边勾选
@@ -486,6 +457,7 @@ export default {
     // 右边搜索
     handleSearchRight() {
       this.rightCurrent = 1;
+      this.$refs.rightTable.clearSelection();
       this.getMatterSubList();
     },
     // 右边重置
@@ -493,6 +465,7 @@ export default {
       this.rightSearch = "";
       this.departmentRight = "";
       this.rightCurrent = 1;
+      this.$refs.rightTable.clearSelection();
       this.getMatterSubList();
     },
     // 右边勾选

sample-form-manager-ui/admin/src/pages/system/parameter/Parameter.vue

@@ -89,20 +89,13 @@
         </el-table-column>
       </el-table>
     </div>
-    <div class="pagination" v-if="total">
-      <el-pagination
-        background
-        layout="total,prev,pager,next,sizes,jumper"
-        :pager-count="5"
+    <Pagination
       :total="total"
-        :current-page="current"
-        :page-size="size"
-        :page-sizes="pageSizes"
-        @current-change="changePagination"
-        @size-change="changeSize"
-      >
-      </el-pagination>
-    </div>
+      :current="current"
+      :size="size"
+      @currentChange="changePagination"
+      @sizeChange="changeSize"
+    ></Pagination>
     <!-- 新增参数 -->
     <AddParameter
       ref="AddParameter"
@@ -116,12 +109,14 @@
 
 <script>
 import TableHeader from "@/components/TableHeader.vue";
+import Pagination from "@/components/Pagination.vue";
 import AddParameter from "./modal/AddParameter.vue";
 import { getParamList, delParam } from "@/api/system";
 export default {
   components: {
     TableHeader,
     AddParameter,
+    Pagination,
   },
   data() {
     return {
@@ -130,7 +125,6 @@ export default {
       current: 1,
       size: 10,
       total: 10,
-      pageSizes: [10, 20, 30, 40, 50, 100, 200],
       loading: false,
       selectKeys: [],
       addVisible: false,

sample-form-manager-ui/admin/src/pages/system/systemlogs/SystemLogs.vue

@@ -58,29 +58,24 @@
         </el-table-column>
       </el-table>
     </div>
-    <div class="pagination" v-if="total">
-      <el-pagination
-        background
-        layout="total,prev,pager,next,sizes,jumper"
-        :pager-count="5"
+    <Pagination
       :total="total"
-        :current-page="current"
-        :page-size="size"
-        :page-sizes="pageSizes"
-        @current-change="changePagination"
-        @size-change="changeSize"
-      >
-      </el-pagination>
-    </div>
+      :current="current"
+      :size="size"
+      @currentChange="changePagination"
+      @sizeChange="changeSize"
+    ></Pagination>
   </div>
 </template>
 
 <script>
 import TableHeader from "@/components/TableHeader.vue";
+import Pagination from "@/components/Pagination.vue";
 import { getlogsList } from "@/api/system";
 export default {
   components: {
     TableHeader,
+    Pagination,
   },
   data() {
     return {
@@ -89,7 +84,6 @@ export default {
       current: 1,
       size: 10,
       total: 10,
-      pageSizes: [10, 20, 30, 40, 50, 100, 200],
       loading: false,
       selectKeys: [],
       dict: {}, // 字典

sample-form-manager-ui/admin/src/pages/system/task/TaskSet.vue

@@ -99,20 +99,13 @@
         </el-table-column>
       </el-table>
     </div>
-    <div class="pagination" v-if="total">
-      <el-pagination
-        background
-        layout="total,prev,pager,next,sizes,jumper"
-        :pager-count="5"
+    <Pagination
       :total="total"
-        :current-page="current"
-        :page-size="size"
-        :page-sizes="pageSizes"
-        @current-change="changePagination"
-        @size-change="changeSize"
-      >
-      </el-pagination>
-    </div>
+      :current="current"
+      :size="size"
+      @currentChange="changePagination"
+      @sizeChange="changeSize"
+    ></Pagination>
     <!-- 新增参数 -->
     <AddTask
       ref="AddTask"
@@ -126,12 +119,14 @@
 
 <script>
 import TableHeader from "@/components/TableHeader.vue";
+import Pagination from "@/components/Pagination.vue";
 import AddTask from "./modal/AddTask.vue";
 import { getTaskList, delTask } from "@/api/system";
 export default {
   components: {
     TableHeader,
     AddTask,
+    Pagination,
   },
   data() {
     return {
@@ -140,7 +135,6 @@ export default {
       current: 1,
       size: 10,
       total: 10,
-      pageSizes: [10, 20, 30, 40, 50, 100, 200],
       loading: false,
       selectKeys: [],
       addVisible: false,
@@ -171,7 +165,6 @@ export default {
         this.tableData = data;
         this.total = total;
         this.$refs.multipleTable.bodyWrapper.scrollTop = 0;
-        console.log(dict);
       }
       this.loading = false;
     },