样式修改

src/views/codeRule/ruleManage.vue

@@ -74,8 +74,9 @@
                         @current-change="handleCurrentChange"
                         :current-page="currentPage"
                         :page-size="pageSize"
-                        :total="ruleItemOptions.length"
-                        layout="prev, pager, next"
+                        :total="total"
+                        
+                        layout="prev, pager, next,total,jumper"
                         class="pagination"
                       >
                   </el-pagination>
@@ -133,9 +134,10 @@
                       @current-change="handleCurrentChange1"
                       :current-page="currentPage1"
                       :page-size="pageSize1"
-                      :total="total"
-                      layout="prev, pager, next"
+                      :total="total1"
+                      layout="prev, pager, next,total,jumper"
                       class="pagination"
+                    
                     >
                     </el-pagination>
                 </el-card>
@@ -497,11 +499,14 @@ import { getStore, setStore } from "@/util/store";
         ruleItemOptionsDetail:[],
         ruleItemOptionsDetailLoading: false,
         currentPage: 1,
-        pageSize: 40, // 8列 * 5行 = 40
+        pageSize: 35, // 8列 * 5行 = 40
+        total: 0,
         currentPage1: 1,
         ruleItem: {},
         ruleItemDetail: {},
-        pageSize1: 40, // 8列 * 5行 = 40
+        pageSize1: 35, // 8列 * 5行 = 40
+        total1: 0,
+
         isShowYpList:true,
         isShowDetail:false,
         ruleDataDetail: {},
@@ -625,13 +630,16 @@ import { getStore, setStore } from "@/util/store";
             
           } else {
              this.ruleItemOptions=[]
+             this.total = 0;
             this.$message.error(res.data.msg);
           }
         });
       },
 
       handleNodeClick(data,node) {
-       
+       this.currentPage = 1;
+       this.currentPage1 = 1;
+   
         this.treeId = data.primaryKeyId;
         this.treePid = data.id;
         
@@ -755,9 +763,13 @@ import { getStore, setStore } from "@/util/store";
               this.ruleItemOptionsDetailLoading = false;
               if (res.data.code === 200) {
                 this.ruleItemOptionsDetail = res.data.data.records;
+                this.total1 = res.data.data.total;
             
               } else {
                 this.$message.error(res.msg);
+                this.total1 = 0;
+
+
               }
             });
           },
@@ -915,8 +927,8 @@ import { getStore, setStore } from "@/util/store";
          this.getRuleItemOptions(); // 刷新数据
       },
       handleCurrentChange1(val) {
-        this.currentPage = val
-         this.getRuleDetail(item);
+        this.currentPage1 = val
+         this.getRuleDetail(this.ruleItem);
       },
       handleSizeChange1(val) {
         this.pageSize1 = val
@@ -1441,7 +1453,7 @@ import { getStore, setStore } from "@/util/store";
 .rule-box{
   width: 100%;
   display: grid;
-  grid-template-columns: repeat(8, 1fr); 
+  grid-template-columns: repeat(7, 1fr); 
     grid-template-rows: repeat(4, 1fr);
    gap: 50px;
   padding: 20px;
@@ -1459,11 +1471,12 @@ import { getStore, setStore } from "@/util/store";
  
   }
     .rule-box-item-title {
+        // width: 100px; /* 设置一个固定的宽度，可以根据需要调整 */
       font-size: 14px;
       width: 100%;
       overflow: hidden;
       text-overflow: ellipsis;
-      white-space: nowrap;
+      // white-space: nowrap;
     }
 
 }