变更需求:逻辑描述

src/api/etaChart/etaChart.js

@@ -22,7 +22,9 @@ export default{
     // 指标溯源
     getEdbSource:params=>{
         return get('/edb/trace',params)
-    }
-
-
+    },
+    // 指标溯源
+    getDescription:params=>{
+        return get('/chart/description',params)
+    },
 }

src/views/etaChart/components/ChartWrap.vue

@@ -19,11 +19,12 @@ watch(
   () => props.chartInfoId,
   (n) => {
     tableData.value = []
-    intro.value = ''
+    intro.value = []
     chartInfo.value = null
     calendarType.value = ''
     if (!n) return
     getChartDetail()
+    getDescriptionList()
   }
 )
 
@@ -58,8 +59,25 @@ const columns = [
     align: 'center'
   }
 ]
+const columnsDescription = [
+  {
+    colKey: 'Description',
+    title: '逻辑描述',
+    align: 'center'
+  },
+  {
+    colKey: 'SysUserRealName',
+    title: '创建人',
+    align: 'center'
+  },
+  {
+    colKey: 'CreateTime',
+    title: '创建时间',
+    align: 'center'
+  },
+]
 const tableData = ref([])
-const intro = ref('')
+const intro = ref([])
 const chartInfo = ref(null)
 const calendarType = ref('')
 const loading = ref(false)
@@ -73,7 +91,6 @@ async function getChartDetail() {
   loading.value = false
   if (res.Ret === 200) {
     tableData.value = res.Data.EdbInfoList || []
-    intro.value = res.Data.ChartInfo.Description
     chartInfo.value = res.Data.ChartInfo
     calendarType.value = res.Data.ChartInfo.Calendar
     WaterMark.value=res.Data.WaterMark
@@ -98,7 +115,22 @@ async function getChartDetail() {
     })
   }
 }
+
+async function getDescriptionList() {
+  loading.value = true
+  const res = await apiETAChart.getDescription({
+    ChartInfoId: props.chartInfoId,
+  })
+  loading.value = false
+  if (res.Ret === 200) {
+    intro.value = res.Data.List || ''
+    console.log(res.Data.List);
+    
+  }
+}
+
 getChartDetail()
+getDescriptionList()
 
 
 // 跳转指标溯源
@@ -177,9 +209,24 @@ function handleGoEdbSource(data) {
         </template>
       </t-table>
     </div>
-    <div class="instructions-wrap" v-if="intro">
-      <p>逻辑简述:</p>
-      <p>{{ intro }}</p>
+    <div class="instructions-wrap" v-if="intro && intro.length">
+      <h3>逻辑描述:</h3>
+      <t-table
+        row-key="index"
+        :data="intro"
+        :columns="columnsDescription"
+        bordered
+        hover
+        max-height="300"
+        cell-empty-content="-"
+        resizable
+      >
+        <template #Description="{ row }">
+            <t-tooltip :content="row.Description" theme="light">
+              <span class="text_description">{{ row.Description }}</span>
+            </t-tooltip>
+        </template>
+      </t-table>
     </div>
   </div>
 </template>
@@ -218,6 +265,13 @@ function handleGoEdbSource(data) {
   .instructions-wrap {
     margin-top: 20px;
     line-height: 1.7;
+    .text_description {
+      width: 100%;
+      display: inline-block;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
   }
 }
 </style>