From 20dc1e31a9dbf787284954952e06b74fe057a585 Mon Sep 17 00:00:00 2001
From: hyx <hanyuxia@iie.ac.cn>
Date: Wed, 1 Jun 2022 10:25:54 +0800
Subject: [PATCH] =?UTF-8?q?CN-592=20=E5=9F=9F=E5=90=8D=E9=80=92=E5=BD=92?=
 =?UTF-8?q?=E8=A7=A3=E6=9E=90=E6=A0=B7=E5=BC=8F=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../charts/ChartDomainRecursiveResolve.vue    | 62 ++++++++++++++++++-
 1 file changed, 60 insertions(+), 2 deletions(-)

diff --git a/src/views/charts/charts/ChartDomainRecursiveResolve.vue b/src/views/charts/charts/ChartDomainRecursiveResolve.vue
index 6e415b51..8b09bf4e 100644
--- a/src/views/charts/charts/ChartDomainRecursiveResolve.vue
+++ b/src/views/charts/charts/ChartDomainRecursiveResolve.vue
@@ -1,5 +1,17 @@
 <template>
-  <div style="overflow-y: auto; height: 100%; color: #555; white-space: pre;">{{linuxLineSymbolConvert}}</div>
+  <div style="overflow-y: auto; height: 100%; color: #555; white-space: pre;">
+    <el-table :data="linuxLineSymbolConvert"
+              :show-header="false"
+              style="width: 100%"
+              tooltip-effect="light"
+              :cell-style="setCellStyle">
+      <el-table-column prop="c1" show-overflow-tooltip/>
+      <el-table-column prop="c2" show-overflow-tooltip width="80"/>
+      <el-table-column prop="c3" show-overflow-tooltip width="70"/>
+      <el-table-column prop="c4" show-overflow-tooltip width="80" />
+      <el-table-column prop="c5" show-overflow-tooltip/>
+    </el-table>
+  </div>
 </template>
 
 <script>
@@ -11,9 +23,55 @@ export default {
     resultType: Object,
     queryParams: Object
   },
+  methods: {
+    setCellStyle ({ row, column, rowIndex, columnIndex }) {
+      if (columnIndex === 3) {
+        return {
+          color: '#598bd1'
+        }
+      }
+      if (columnIndex === 4) {
+        return {
+          'font-weight': 'bold'
+        }
+      }
+    }
+  },
+  mounted () {
+  },
   computed: {
     linuxLineSymbolConvert () {
-      return this.chartData ? this.chartData.replaceAll(/\n/g, '\r\n') : ''
+      const dataArray = this.chartData ? this.chartData.split('\n') : []
+      const linuxArray = []
+      dataArray.forEach(item => {
+        const content = item.replace(/[\r\n]/g, '')
+        if (!(content.length === 0 || _.startsWith(content, ';'))) { // 忽略空白行,   忽略以;开头的行
+          let rowArray = item.split('\t')
+          _.remove(rowArray, function (n) {
+            return _.isEmpty(n)
+          })
+          if (rowArray.length < 5) {
+            const allElementArray = _.split(rowArray, ' ')
+            const specialArray = _.split(rowArray, ' ', 5)
+
+            allElementArray.forEach((item, index) => {
+              if (index >= 5) {
+                specialArray[4] = specialArray[4] + ' ' + item
+              }
+            })
+            rowArray = specialArray
+          }
+          const obj = {
+            c1: rowArray[0] ? rowArray[0] : '',
+            c2: rowArray[1] ? rowArray[1] : '',
+            c3: rowArray[2] ? rowArray[2] : '',
+            c4: rowArray[3] ? rowArray[3] : '',
+            c5: rowArray[4] ? rowArray[4] : ''
+          }
+          linuxArray.push(obj)
+        }
+      })
+      return linuxArray
     }
   }
 }