打印：表单样式调整

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);