'打印表格优化'

src/components/AnalyseModule/components/EyeStabilityTable.vue

@@ -29,7 +29,11 @@
           ></i>
         </th>
       </tr>
-      <tr v-for="(item, index) in table_data" :key="index">
+      <tr
+        style="page-break-inside: avoid"
+        v-for="(item, index) in table_data"
+        :key="index"
+      >
         <td v-for="(e, i) in labers" :key="i">
           <div v-if="typeof item[e.key] === 'object'">
             <!-- <el-popover placement="top-start" width="200" trigger="hover">

src/components/AnalyseModule/components/SelectTabe.vue

@@ -42,7 +42,11 @@
           ></span>
         </th>
       </tr>
-      <tr v-for="(item, index) in table_list" :key="index">
+      <tr
+        style="page-break-inside: avoid"
+        v-for="(item, index) in table_list"
+        :key="index"
+      >
         <td v-for="(e, i) in labers" :key="i">
           <div>{{ item[e.key] }}</div>
         </td>
@@ -119,8 +123,8 @@ export default {
 
     //选择监听
     selectChange(val) {
-      console.log('val');
-      console.log(val);
+      // console.log('val');
+      // console.log(val);
       this.table_list = [...this.table_data.list[val]];
       // this.$emit('titleSelectData', val);
     },

src/components/AnalyseModule/components/SimpleTable.vue

@@ -14,7 +14,11 @@
       <!-- <tr>
                                       <th v-for="(e, i) in labers" :key="i">{{ e.label }}</th>
                                     </tr> -->
-      <tr v-for="(item, index) in table_data.labers" :key="index">
+      <tr
+        style="page-break-inside: avoid"
+        v-for="(item, index) in table_data.labers"
+        :key="index"
+      >
         <th>{{ item.label }}</th>
         <th>{{ keepTwoDecimal(table_data.data[item.key]) }}</th>
       </tr>

src/components/AnalyseModule/components/table.vue

@@ -31,7 +31,12 @@
           ></span>
         </th>
       </tr>
-      <tr v-for="(item, index) in table_data" :key="index">
+
+      <tr
+        style="page-break-inside: avoid"
+        v-for="(item, index) in table_data"
+        :key="index"
+      >
         <td v-for="(e, i) in labers" :key="i">
           <div v-if="e.key == 'distribute'">
             <div
@@ -168,6 +173,7 @@ export default {
   border-top: 1px solid #e4e7ed;
   border-left: 1px solid #e4e7ed;
   border-collapse: collapse;
+  // page-break-inside: avoid;
 
   th,
   td {

src/components/AnalyseModule/components/table_style.js

@@ -2,7 +2,7 @@
  * @Author: AnthonyD
  * @Date:   2023-04-21 15:02:15
  * @Last Modified by:   AnthonyD
- * @Last Modified time: 2023-04-21 19:06:40
+ * @Last Modified time: 2023-04-24 17:25:13
  */
 
 const style_text = '<style>table {\