From ca50ed754597307bdd73e3e19a3703bb699c1013 Mon Sep 17 00:00:00 2001
From: han2015 <1019850453@qq.com>
Date: Wed, 26 Nov 2025 09:29:56 +0800
Subject: [PATCH] =?UTF-8?q?=E6=89=93=E5=8D=B0=EF=BC=9A=E8=A1=A8=E5=8D=95?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../tableListPage/printHtmlRender.vue          | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/src/components/DesignForm/tableListPage/printHtmlRender.vue b/src/components/DesignForm/tableListPage/printHtmlRender.vue
index 6d1ed3b..9413656 100644
--- a/src/components/DesignForm/tableListPage/printHtmlRender.vue
+++ b/src/components/DesignForm/tableListPage/printHtmlRender.vue
@@ -31,7 +31,7 @@ const props = withDefaults(defineProps<{
 <div id="printContainer" :style="{width:props.width}" >
   <h3>{{props.name}}</h3>
   <div v-for="group in props.fieldTree">
-    <div v-if="Array.isArray(group)" style="display: grid; grid-template-columns: 1fr 1fr;">
+    <div v-if="Array.isArray(group)" class="auto_table">
         <template v-for="item in group"  >
           <div v-if="item.checked!=2" class="cell_box">
             <span class="box_name">
@@ -59,7 +59,7 @@ const props = withDefaults(defineProps<{
     <div v-else-if="group.type=='tabs'" class="section_tabs" v-if="group.checked!=2">
       <h5>{{ group.name }}</h5>
       <div v-for="tabs in group.child" class="tabs_item">
-        <div v-if="Array.isArray(tabs)" style="display: grid; grid-template-columns: 1fr 1fr;">
+        <div v-if="Array.isArray(tabs)" class="auto_table">
             <template v-for="item in tabs"  >
               <div v-if="item.checked!=2" class="tabs_cell_box" style="width: auto;">
                 <span class="box_name">
@@ -111,7 +111,11 @@ const props = withDefaults(defineProps<{
   scrollbar-width: none;
 }
 
-
+.auto_table{
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  border: 1px solid rgb(226, 226, 226);
+}
 h3{
   width: 100%;
   font-size: 25px;
@@ -203,18 +207,18 @@ h5{
 
   .box_name {
     padding: 8px 2px;
-    width: 50%;
+    width: 30%;
     text-wrap: wrap;
     max-height: 80px;
     overflow: hidden; /* 配合 ellipsis 需要 */
-    border-right: 1px solid rgb(182, 181, 181);
   }
   
   .content {
     padding: 8px 2px;
-    width: 50%;
+    width: 70%;
     text-wrap: wrap;
     word-break: break-all;
+    border-left: 1px solid rgb(182, 181, 181);
   }
 }
 .tabs_cell_box{
@@ -237,11 +241,13 @@ h5{
   #printContainer .el-table .cell{
       padding: 0 5px;
       text-align: center;
+      max-width: max-content;
   }
 
   #printContainer table  th{
       font-weight: normal;
       border-right: 1px solid rgb(182, 181, 181);
+      text-align: center;
     }
   #printContainer table td{
       border: 1px solid rgb(182, 181, 181);