关联字段查看

src/views/var/varExcel/components/ExcelOperate/ExcelOperate.vue

@@ -56,8 +56,18 @@
         <div class="p-2 text-sm">
           <p class="font-bold">区域关联信息</p>
           <vxe-table border :data="connectList" size="mini" height="200">
-            <vxe-column title="关联名称" field="varAreaId_dictText"></vxe-column>
-            <vxe-column title="别关联名称" field="varAreaBeId_dictText"></vxe-column>
+            <vxe-column title="关联名称" field="varAreaId_dictText" min-width="100"></vxe-column>
+            <vxe-column title="别关联名称" field="varAreaBeId_dictText" min-width="100"></vxe-column>
+            <vxe-column title="关联字段"  min-width="100">
+              <template #default="{ row, $rowIndex }">
+                {{ connectFiledStr(row.connectFiled) }}
+              </template>
+            </vxe-column>
+            <vxe-column title="被关联字段" min-width="100">
+              <template #default="{ row, $rowIndex }">
+                {{ connectFiledStr(row.beConnectFiled) }}
+              </template>
+            </vxe-column>
             <vxe-column title="操作" field="action" width="80">
               <template #default="{ row, $rowIndex }">
                 <el-link style="font-size: 12px" type="danger" @click="delConnect(row, $rowIndex)"
@@ -337,6 +347,11 @@ const initExcelAreaMarksKey = (len: number) => {
     Reflect.set(locaExcelAreaMarks, index, [])
   })
 }
+const connectFiledStr = (row: any) => {
+  console.log(row)
+  return row.map(item => item.title).join(', ');
+}
+
 const onSaveSuccess = (data: any) => {
   locaExcelAreaMarks[data.result['sheetNum']].push(data.result)
 }