资产模块问题处理

vue-fastapi-frontend/src/views/dataAsset/directory/index.vue

@@ -292,26 +292,49 @@
             </el-descriptions>
             <el-tabs style="margin-top: 8px" v-model="activeName"  >
               <el-tab-pane label="资产字段" name="1">
-                <el-table :data="assetFieldData" border>
+                <el-table :data="assetFieldData" border height="calc(100vh - 395px)">
                   <el-table-column prop="fldNo" label="序号" width="60" />
                   <el-table-column prop="fldCnName" label="字段中文名" />
                   <el-table-column prop="fldEngName" label="字段英文名" />
                   <el-table-column prop="fldType" label="字段类型" />
-                  <el-table-column prop="batchColClas" label="枚举" />
+
+                        <el-table-column label="枚举类" width="150" align="center" prop="fldClas">
+                        <template #default="scope">
+                          <el-popover  placement="right" width="auto" trigger="hover">
+                            <template #reference>
+                              <el-tag >        {{ scope.row.batchColClas[0].clasName }}
+</el-tag>
+                            </template>
+                            <div>
+                              <div style="margin: 5px" v-for="item in scope.row.batchColClas"><el-tag v-if="item.clasEffFlag === '1'">{{item.clasName + ":" + item.clasValue}}</el-tag></div>
+                            </div>
+                          </el-popover>
+                        </template>
+                      </el-table-column>
                   <el-table-column prop="fldNullRate" label="有值率" />
                   <el-table-column prop="fldDesc" label="说明" />
                 </el-table>
               </el-tab-pane>
               <el-tab-pane label="样例数据" name="2">
-                <el-table :data="metaSecurityData" border>
+<el-table
+  :data="metaSecurityData"
+  border
+  height="calc(100vh - 395px)"
+  :row-style="() => ({ height: '50px', overflow: 'hidden' })"
+  :cell-style="() => ({ padding: '0', lineHeight: '40px', whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' })"
+>
   <el-table-column
     v-for="(column, index) in tablesRowCol"
-                    min-width="180"
     :key="index"
+    min-width="180"
     :prop="column.prop"
     :label="column.label || column.prop"
+    show-overflow-tooltip
   />
 </el-table>
+
+
+
               </el-tab-pane>
               <el-tab-pane label="常见问题" name="3">
                 <div class="faq">
@@ -390,6 +413,7 @@ const defaultProps = {
 }
 const directoryTree = ref([])
 const currentNode = ref({})
+  const currentColumnData = ref({});
 
 const directoryTableData = ref([])
 const tableHeaderLabel = computed(() => {
@@ -512,27 +536,21 @@ const handleNodeClick = async (node) => {
     await setHtmlContent(node)
   } else {
     faq.value = node.dataAstFaq
+    const fides =await getAssetFieldTable(node.astNo)
+    assetFieldData.value = fides.data.columnList || []
+    tablesRowCol.value = assetFieldData.value.map((item) => ({
+      prop: item.fldEngName,
+      label: item.fldCnName,
+    }))
     getMetaSecurityData({
       dataAstSrc: node.dataAstSrc,
       dataAstEngName: node.dataAstEngName,
     })
       .then(({ data }) => {
         metaSecurityData.value = data.data
-        tablesRowCol.value = data.tablesRowCol
-          .split(',')
-          .map((i) => ({ prop: i, label: '' }))
-        return getAssetFieldTable(node.astNo)
-      })
-      .then(({ data }) => {
-        assetFieldData.value = data.columnList || []
-        tablesRowCol.value = tablesRowCol.value.map((i) => {
-          const item = assetFieldData.value.find((j) => j.fldEngName === i.prop)
-          if (item) {
-            i.label = item.fldCnName
-          }
-          return i
-        })
+  
       })
+     
   }
 }
 
@@ -734,7 +752,9 @@ const handleIframeLoad = () => {
 .faq {
   white-space: pre-wrap;
 }
-
+.full-height-tabs {
+  height: calc(100vh - 320px);
+}
 .html-box {
   :deep(.el-card__body) {
     overflow: auto;