feat: 对除dashboard外的列表每页记录数进行缓存记录

nezha-fronted/src/components/page/alert/config.vue

@@ -84,7 +84,7 @@
           </template>
         </el-table-column>
       </el-table>
-      <Pagination :pageObj="pageObj" @pageNo='pageNo' @pageSize='pageSize' ref="Pagination"></Pagination>
+      <Pagination :tableId="tableId" :pageObj="pageObj" @pageNo='pageNo' @pageSize='pageSize' ref="Pagination"></Pagination>
       <button class="to-top" v-show="showTopBtn" @click="toTop"><i class="nz-icon nz-icon-top"></i></button>
     </div>
     <alert-config-box :parentAlertRule="alertRule" @reload="getTableData" ref="alertConfigBox"></alert-config-box>
@@ -107,6 +107,7 @@
     name: "alert-config",
     data() {
       return {
+        tableId: 'alertRuleTable', //需要分页的table的id，用于记录每页数量
         showTopBtn: false,
         searchMsg: { //给搜索框子组件传递的信息
           zheze_none: true,
@@ -355,6 +356,7 @@
       },
       pageSize(val) {
         this.pageObj.pageSize = val;
+        localStorage.setItem('nz-pageSize-' + localStorage.getItem('nz-username') + '-' + this.tableId, val);
         this.getTableData();
       },
       search: function (searchObj) {
@@ -407,6 +409,12 @@
       }
     },
     mounted() {
+      //是否存在分页缓存
+      let pageSize = localStorage.getItem('nz-pageSize-' + localStorage.getItem('nz-username') + '-' + this.tableId);
+      if (pageSize) {
+        this.pageObj.pageSize = pageSize
+      }
+
       this.getTableData();
       this.$nextTick(() => {
         //绑定滚动条事件，控制top按钮