变更子表展示方式

src/views/formTable/page/cardPage.vue

@@ -890,7 +890,7 @@ defineExpose({
                                 </td>
                             </tr>
                             <template v-for="(item,index) in columnsFilter" :key="index">
-                            
+                           
                                 <tr v-if="item.attribute=='-'&&item.field=='index'"   @click="openLook(itval)">
                                     <td class="cardInfoTitle leftTdWat">{{item.label}}：</td>
                                     <td class="cardInfoTitle">{{itIndex+1}}</td>
@@ -898,7 +898,33 @@ defineExpose({
                                 <tr v-else-if="item.attribute!='-'&&item.attribute!='checkBut'&&item.attribute!='check'&&item.attribute!='but'"   @click="openLook(itval)">
                                     <td class="cardInfoTitle leftTdWat">{{item.label}}：</td>
                                     <td v-if="item.fieldClass==='associatedForms'" class="cardInfoTitleAsf" ><span @click="showAsfDetailDialog(item, itval, asfQueryParams); $event.stopPropagation();">{{itval[item.field]}}</span></td>
-                                    <td v-else class="cardInfoTitle">{{itval[item.field]}}</td><!-- liwenxuan {{itval[item.field]}}-->
+                                    <td v-else class="cardInfoTitle">
+                                        <div v-if="item.pattern=='table'">
+                                            <el-table
+                                                v-bind="itval"
+                                                ref="table"
+                                                border
+                                                :data="itval[item.field]"
+                                            >
+                                                <template
+                                                    v-for="sunItem in item.children"
+                                                    :key="sunItem.id || sunItem.label"
+                                                >
+                                                    <el-table-column
+                                                        v-if="sunItem.fieldClass == ''"
+                                                        :prop="sunItem.field"
+                                                        :label="sunItem.label"
+                                                    >
+                                                    {{sunItem}}
+                                                    </el-table-column>
+                                                </template>
+                                            </el-table>
+
+                                        </div>
+                                        <div v-else v-html="itval[item.field]"></div>
+                                   
+                                    
+                                    </td><!-- liwenxuan {{itval[item.field]}}-->
                                 </tr> 
                                 <tr v-else-if="item.attribute=='checkBut'&&item.field=='-'">
                                     <td class="cardInfoTitle">
@@ -985,6 +1011,9 @@ defineExpose({
     }
     :deep .el-card__body{
         padding: 10px 10px;
+        td{
+            padding: 5px 0;
+        }
     }
 }
 .cardFoot{