区域说明显示

src/views/comment-excel/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="excelAreaId_dictText"></vxe-column>
-            <vxe-column title="别关联名称" field="excelAreaBeId_dictText"></vxe-column>
+            <vxe-column title="关联名称" field="excelAreaId_dictText" min-width="100"></vxe-column>
+            <vxe-column title="别关联名称" field="excelAreaBeId_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)"
@@ -534,6 +544,13 @@ const chooseConnect = (row: any) => {
   Object.assign(cachCurrentConnectInfo, unref(row))
   chooseVisible.value = true
 }
+
+const connectFiledStr = (row: any) => {
+  console.log(row)
+  return row.map(item => item.title).join(', ');
+}
+
+
 const connectConfigData = ref([])
 const beConnectSelectOptions = computed(
   () =>