--no commit message

@@ -12,6 +12,7 @@
       style="page-break-after: always"
       style="page-break-after: always"
     >
     >
       <div class="title">{{ title }}</div>
       <div class="title">{{ title }}</div>
+      <div class="num">共{{ datass.length }}页，第{{ indexx + 1 }}页</div>
       <table class="xxTable">
       <table class="xxTable">
         <tr v-for="item in columns" :key="item.name">
         <tr v-for="item in columns" :key="item.name">
           <td>
           <td>
@@ -54,10 +55,10 @@ export default {
       type: Array,
       type: Array,
       default: () => [],
       default: () => [],
     },
     },
-    render:{
+    render: {
       type: Boolean,
       type: Boolean,
-        default: false,
-    }
+      default: false,
+    },
   },
   },
   created() {},
   created() {},
   watch: {
   watch: {
@@ -66,11 +67,11 @@ export default {
         this.tableData = newValue;
         this.tableData = newValue;
       },
       },
     },
     },
-      render: {
+    render: {
       handler(newValue, oldValue) {
       handler(newValue, oldValue) {
-            if(newValue){
+        if (newValue) {
           this.loadData();
           this.loadData();
-            }
+        }
       },
       },
     },
     },
     immediate: true,
     immediate: true,
@@ -89,7 +90,7 @@ export default {
           this.columns = res.result;
           this.columns = res.result;
         }
         }
       });
       });
-      if (this.tableData.length&&this.datass.length==0) {
+      if (this.tableData.length && this.datass.length == 0) {
         for (let i = 0; i < this.tableData.length; i += 4) {
         for (let i = 0; i < this.tableData.length; i += 4) {
           this.datass.push(this.tableData.slice(i, i + 4));
           this.datass.push(this.tableData.slice(i, i + 4));
         }
         }
@@ -109,8 +110,13 @@ export default {
 <style lang="scss" scoped>
 <style lang="scss" scoped>
 .tbalede {
 .tbalede {
   width: 100%;
   width: 100%;
-  // height: 1123px;
   margin: auto;
   margin: auto;
+  position: relative;
+  .num {
+   position: absolute;
+   right: 10px;
+   top: 0px;
+  }
   .title {
   .title {
     width: 100%;
     width: 100%;
     font-weight: 700;
     font-weight: 700;
@@ -136,16 +142,15 @@ export default {
       padding: 5px;
       padding: 5px;
     }
     }
     td {
     td {
-   width: 20px!important;
+      width: 20px !important;
       word-break: break-all;
       word-break: break-all;
       //       /* 方法一：使用 word-break */
       //       /* 方法一：使用 word-break */
-// word-break: break-all;
-// // /* 方法二：使用 white-space */
-// // white-space: pre-wrap;
-// // /* 方法三：使用 overflow-wrap */
-// // overflow-wrap: break-word;
+      // word-break: break-all;
+      // // /* 方法二：使用 white-space */
+      // // white-space: pre-wrap;
+      // // /* 方法三：使用 overflow-wrap */
+      // // overflow-wrap: break-word;
     }
     }
-
   }
   }
 }
 }
 </style>
 </style>