From 94b9b05b896f405572352dfe11b87dea81de056a Mon Sep 17 00:00:00 2001
From: herenshan112 <hreenshan112@163.com>
Date: Tue, 2 Sep 2025 10:33:47 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=88=97=E8=A1=A8=E6=95=B0?=
 =?UTF-8?q?=E6=8D=AE=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/DesignForm/app/index.vue       | 29 +++++++++++++-----
 .../DesignForm/tableListPage/index.vue        | 30 ++++++++++++++-----
 2 files changed, 44 insertions(+), 15 deletions(-)

diff --git a/src/components/DesignForm/app/index.vue b/src/components/DesignForm/app/index.vue
index 0910546..ba325bd 100644
--- a/src/components/DesignForm/app/index.vue
+++ b/src/components/DesignForm/app/index.vue
@@ -1807,14 +1807,14 @@ const readerColumnSun = (column: any) => {
 };
 //shuju
 const tableChildren = (field:string,dataList:any) => {
-  console.log("表头label长度-1->", field);
-  console.log("表头label长度-2->", dataList);
+  // console.log("表头label长度-1->", field);
+  // console.log("表头label长度-2->", dataList);
   // console.log("表头label长度-->", isObject(dataList));
   let jieguo = ""
   if(Array.isArray(dataList)){
     
     dataList.forEach((item:any,key:string) => {
-      
+      console.log("表头label长度-item--->",field, item);
       if(isObject(item)){
        
           for (let key in item) {
@@ -1822,7 +1822,12 @@ const tableChildren = (field:string,dataList:any) => {
             if (field == key){
               // console.log("表头label长度--结果>", item[key]);
               // return item[key]
-              jieguo = item[key]
+              if(jieguo!=""){
+jieguo = jieguo+"<div style='width: 100%;height: 1px;border-bottom: 1px solid #EBEEF5; margin: 8px 0;'></div>"+item[key]
+              }else{
+                jieguo = item[key]
+              }
+              
             }
           }
       }
@@ -2066,7 +2071,7 @@ const isObject = (obj) => {
         </div>
       </el-col>
 
-      <el-col v-if="viewType == 1" :span="24">
+      <el-col v-if="viewType == 1" :span="24" class="tableTdClass">
         <el-table
           v-bind="data.tableProps"
           ref="table"
@@ -2248,11 +2253,12 @@ const isObject = (obj) => {
               align="center"
             >
               <template #default="scope">
+              
                 <template v-if="item.pattern == 'table'" v-for="sunItem in item.children"> 
                   <el-table-column  v-if="sunItem.fieldClass == ''" :prop="sunItem.field" :label="sunItem.label"  header-align="center"  align="center" :min-width="readerColumnSun(sunItem)">
                     <template #default="scopeChilder">
-                      {{ sunItem.fieldClass }}
-                      {{ tableChildren(sunItem.field,scopeChilder.row[item.field]) }}
+                     
+                      <div v-html="tableChildren(sunItem.field,scopeChilder.row[item.field])"></div>
                     </template>
                   </el-table-column>
                 </template>
@@ -2602,6 +2608,7 @@ const isObject = (obj) => {
   .operatLeft {
     padding-bottom: 2px;
   }
+  
 }
 .group {
   width: auto;
@@ -2656,4 +2663,12 @@ th {
   padding: 8px;
   vertical-align: middle; /* 设置文字上下居中 */
 }
+.tableTdClass{
+  :deep .cell{
+    padding: 0;
+  }
+  :deep .el-table--default .cell{
+    padding: 0;
+  }
+}
 </style>
diff --git a/src/components/DesignForm/tableListPage/index.vue b/src/components/DesignForm/tableListPage/index.vue
index c09b783..9cf2560 100644
--- a/src/components/DesignForm/tableListPage/index.vue
+++ b/src/components/DesignForm/tableListPage/index.vue
@@ -1680,7 +1680,11 @@ const tableChildren = (field:string,dataList:any) => {
             if (field == key){
               // console.log("表头label长度--结果>", item[key]);
               // return item[key]
-              jieguo = item[key]
+              if(jieguo!=""){
+jieguo = jieguo+"<div style='width: 100%;height: 1px;border-bottom: 1px solid #EBEEF5; margin: 8px 0;'></div>"+item[key]
+              }else{
+                jieguo = item[key]
+              }
             }
           }
       }
@@ -1916,7 +1920,7 @@ const isObject = (obj) => {
           </div>
         </div>
       </el-col>
-      <el-col v-if="viewType == 1" :span="24">
+      <el-col v-if="viewType == 1" :span="24" class="tableTdClass">
         <el-table
           v-bind="data.tableProps"
           ref="table"
@@ -2097,12 +2101,14 @@ const isObject = (obj) => {
               align="center"
             >
               <template #default="scope">
-                <el-table-column v-if="item.pattern == 'table'" v-for="sunItem in item.children" :prop="sunItem.field" :label="sunItem.label"  header-align="center"
-              align="center" :min-width="readerColumnSun(sunItem)" >
-                  <template #default="scopeChilder">
-                    {{ tableChildren(sunItem.field,scopeChilder.row[item.field]) }}
-                  </template>
-                </el-table-column>
+                <template v-if="item.pattern == 'table'" v-for="sunItem in item.children"> 
+                  <el-table-column  v-if="sunItem.fieldClass == ''" :prop="sunItem.field" :label="sunItem.label"  header-align="center"  align="center" :min-width="readerColumnSun(sunItem)">
+                    <template #default="scopeChilder">
+                     
+                      <div v-html="tableChildren(sunItem.field,scopeChilder.row[item.field])"></div>
+                    </template>
+                  </el-table-column>
+                </template>
               </template>
             </el-table-column>
             <el-table-column
@@ -2539,4 +2545,12 @@ th {
   padding: 8px;
   vertical-align: middle; /* 设置文字上下居中 */
 }
+.tableTdClass{
+  :deep .cell{
+    padding: 0;
+  }
+  :deep .el-table--default .cell{
+    padding: 0;
+  }
+}
 </style>