From 75741450abd0e6c02d8a6475d53b16d08b0cfa5b Mon Sep 17 00:00:00 2001
From: sahara <jwk0528@163.com>
Date: Wed, 4 Sep 2024 13:20:00 +0800
Subject: [PATCH 1/4] =?UTF-8?q?feat:=20=E5=8D=95=E4=B8=AAsubcase=E6=B5=8B?=
 =?UTF-8?q?=E8=AF=95=E6=97=A5=E5=BF=97=E5=B1=95=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../TestRsultTable/InfoResultTable.tsx        | 67 +++++++++++++++----
 .../TestRsultTable/MetricResultTable.tsx      | 56 +++++++++++++---
 .../TestResult/Details/locales/en-US.ts       |  1 +
 .../TestResult/Details/locales/zh-CN.ts       |  1 +
 4 files changed, 100 insertions(+), 25 deletions(-)

diff --git a/src/pages/WorkSpace/TestResult/Details/TestRsultTable/InfoResultTable.tsx b/src/pages/WorkSpace/TestResult/Details/TestRsultTable/InfoResultTable.tsx
index 016e3dc1..44ec727a 100644
--- a/src/pages/WorkSpace/TestResult/Details/TestRsultTable/InfoResultTable.tsx
+++ b/src/pages/WorkSpace/TestResult/Details/TestRsultTable/InfoResultTable.tsx
@@ -1,5 +1,5 @@
 /* eslint-disable react-hooks/exhaustive-deps */
-import { Space, Tooltip, Input, Button, Typography } from 'antd'
+import { Space, Tooltip, Input, Button, Typography, Divider } from 'antd'
 import { FilterFilled } from '@ant-design/icons'
 
 import React, { useRef, useEffect } from 'react'
@@ -8,6 +8,7 @@ import { queryCaseResult } from '../service'
 import EditRemarks from '../components/EditRemarks'
 import JoinBaseline from '../components/JoinBaseline'
 import { QusetionIconTootip } from '@/components/Product';
+import EllipsisPulic from '@/components/Public/EllipsisPulic'
 import qs from 'querystring'
 
 import Highlighter from 'react-highlight-words'
@@ -32,7 +33,7 @@ export default (props: any) => {
     const {
         test_case_id, suite_id, testType, creator,
         server_provider, state = '', suite_name, conf_name,
-        refreshId, setRefreshId, lookPathCallback = ()=> {}
+        refreshId, setRefreshId, lookPathCallback = () => { }
     } = props
     const editRemark: any = useRef(null)
     const joinBaseline: any = useRef(null)
@@ -92,13 +93,13 @@ export default (props: any) => {
                     >
                         <FormattedMessage id="operation.search" />
                     </Button>
-                    <Button 
+                    <Button
                         onClick={() => {
                             setSelectedKeys(undefined)
                             handleSearch(undefined, confirm)
                         }}
                         type="text"
-                        size="small" 
+                        size="small"
                         style={{ width: 75, border: 'none' }}
                     >
                         <FormattedMessage id="operation.reset" />
@@ -272,7 +273,7 @@ export default (props: any) => {
                             fallback={
                                 <Space>
                                     <span style={{ color: '#1890FF', cursor: 'pointer' }} onClick={() => AccessTootip()}><FormattedMessage id="operation.edit" /></span>
-                                    {failFlag && <span style={{ color: '#1890FF', cursor: 'pointer' }} onClick={() => AccessTootip()}>{buttonText}</span> }
+                                    {failFlag && <span style={{ color: '#1890FF', cursor: 'pointer' }} onClick={() => AccessTootip()}>{buttonText}</span>}
                                 </Space>
                             }
                         >
@@ -285,17 +286,54 @@ export default (props: any) => {
                 )
             }
         },
-        {   
-            title: <FormattedMessage id="operation.log" />,
+        {
+            title: <FormattedMessage id="ws.result.details.additional.information" />,
             dataIndex: 'log',
-            width: 80,
+            width: 240,
             fixed: "right",
-            ellipsis: true,
-            render: (_: any, row: any)=> {
-                const filePath = row.conf_log_path 
-                return filePath ? 
-                <a><span onClick={()=> lookPathCallback(filePath, 'look') }>{formatMessage({ id: 'operation.log' })}</span></a>
-                : null
+            ellipsis: {
+                showTitle: false,
+            },
+            render: (_: any, row: any) => {
+                const scene_all = row.log_path && row.extend_info && row.debug_info
+                if (scene_all) {
+                    return (
+                        <div style={{ display: 'flex', alignItems: 'center', overflow: 'auto' }}>
+                            <a><span onClick={() => lookPathCallback(row.log_path, 'look')}>{formatMessage({ id: 'operation.log' })}</span></a>
+                            <Divider type="vertical" />
+                            <EllipsisPulic title={row.extend_info} style={{ width: 40, flex: 'none' }} />
+                            <Divider type="vertical" />
+                            <>
+                                {row.debug_info?.map((item: any, index: number) => {
+                                    const key = Object.keys(item)[0];
+                                    const prefix = "console";
+                                    if (key.startsWith(prefix)) {
+                                        const realKey = key.substring(prefix.length);
+                                        const value = item[key];
+                                        return (
+                                            <a key={index}>
+                                                <span onClick={() => lookPathCallback(value, 'look')}>
+                                                    {`console${realKey}_>` + '，'}
+                                                </span>
+                                            </a>
+                                        );
+                                    }
+                                    return null;
+                                })}
+                            </>
+                        </div>
+                    )
+                } else if (row.log_path) {
+                    return (
+                        <a><span onClick={() => lookPathCallback(row.log_path, 'look')}>{formatMessage({ id: 'operation.log' })}</span></a>
+                    )
+                } else {
+                    return <span>NA</span>
+                }
+                // const filePath = row.conf_log_path 
+                // return filePath ? 
+                // <a><span onClick={()=> lookPathCallback(filePath, 'look') }>{formatMessage({ id: 'operation.log' })}</span></a>
+                // : null
             }
         },
     ].filter(Boolean)
@@ -329,6 +367,7 @@ export default (props: any) => {
                     pageSizeOptions: [100, 200, 500],
                 }}
                 columns={columns}
+                scroll={{ x: '100%' }}
                 rowClassName={styles.result_info_table_row}
                 dataSource={data.data || []}
             />
diff --git a/src/pages/WorkSpace/TestResult/Details/TestRsultTable/MetricResultTable.tsx b/src/pages/WorkSpace/TestResult/Details/TestRsultTable/MetricResultTable.tsx
index 1e1b1889..4115739a 100644
--- a/src/pages/WorkSpace/TestResult/Details/TestRsultTable/MetricResultTable.tsx
+++ b/src/pages/WorkSpace/TestResult/Details/TestRsultTable/MetricResultTable.tsx
@@ -1,6 +1,6 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 import React, { useEffect, useState } from 'react'
-import { Tooltip, Typography } from 'antd'
+import { Tooltip, Typography, Divider } from 'antd'
 import { FilterFilled } from '@ant-design/icons'
 import { QusetionIconTootip, ResultTdPopver, compareResultFontColor, compareResultSpan } from '../components'
 import { queryCaseResultPerformance } from '../service'
@@ -15,7 +15,7 @@ import { MetricSelectProvider } from '.'
 
 export default (props: any) => {
     const { formatMessage } = useIntl()
-    const { test_case_id, suite_id, state: compare_result, refreshId, setRefreshId, testType, lookPathCallback = ()=> {}, } = props
+    const { test_case_id, suite_id, state: compare_result, refreshId, setRefreshId, testType, lookPathCallback = () => { }, } = props
     const { id: job_id, ws_id, share_id } = useParams() as any
     const { setOSuite, oSuite } = React.useContext(MetricSelectProvider)
     const defaultKeys = {
@@ -194,17 +194,50 @@ export default (props: any) => {
             ellipsis: true,
             render: (_: any, row: any) => compareResultSpan(row.track_result, row.result, formatMessage)
         },
-        {   
-            title: <FormattedMessage id="operation.log" />,
+        {
+            title: <FormattedMessage id="ws.result.details.additional.information" />,
             dataIndex: 'log',
-            width: 80,
+            width: 240,
             fixed: "right",
-            ellipsis: true,
-            render: (_: any, row: any)=> {
-                const filePath = row.conf_log_path
-                return filePath ? 
-                    <a><span onClick={()=> lookPathCallback(filePath, 'look') }>{formatMessage({ id: 'operation.log' })}</span></a>
-                : null
+            ellipsis: {
+                showTitle: false,
+            },
+            render: (_: any, row: any) => {
+                const scene_all = row.log_path && row.extend_info && row.debug_info
+                if (scene_all) {
+                    return (
+                        <div style={{ display: 'flex', alignItems: 'center', overflow: 'auto' }}>
+                            <a><span onClick={() => lookPathCallback(row.log_path, 'look')}>{formatMessage({ id: 'operation.log' })}</span></a>
+                            <Divider type="vertical" />
+                            <EllipsisPulic title={row.extend_info} style={{ width: 40, flex: 'none' }} />
+                            <Divider type="vertical" />
+                            <>
+                                {row.debug_info?.map((item: any, index: number) => {
+                                    const key = Object.keys(item)[0];
+                                    const prefix = "console";
+                                    if (key.startsWith(prefix)) {
+                                        const realKey = key.substring(prefix.length);
+                                        const value = item[key];
+                                        return (
+                                            <a key={index}>
+                                                <span onClick={() => lookPathCallback(value, 'look')}>
+                                                    {`console${realKey}_>` + '，'}
+                                                </span>
+                                            </a>
+                                        );
+                                    }
+                                    return null;
+                                })}
+                            </>
+                        </div>
+                    )
+                } else if (row.log_path) {
+                    return (
+                        <a><span onClick={() => lookPathCallback(row.log_path, 'look')}>{formatMessage({ id: 'operation.log' })}</span></a>
+                    )
+                } else {
+                    return <span>NA</span>
+                }
             }
         },
     ]
@@ -272,6 +305,7 @@ export default (props: any) => {
             rowClassName={styles.result_info_table_row}
             dataSource={data.data}
             columns={columns}
+            scroll={{ x: '100%' }}
             refreshDeps={[interfaceSearchKeys, ws_id, strLocals, access]}
         />
     )
diff --git a/src/pages/WorkSpace/TestResult/Details/locales/en-US.ts b/src/pages/WorkSpace/TestResult/Details/locales/en-US.ts
index 13fab750..ad0f0147 100644
--- a/src/pages/WorkSpace/TestResult/Details/locales/en-US.ts
+++ b/src/pages/WorkSpace/TestResult/Details/locales/en-US.ts
@@ -89,6 +89,7 @@ const text = {
   'note': 'Note',
   'join.baseline': 'Add Baseline',
   'edit.baseline': 'Edit Baseline',
+  'additional.information': 'Additional Information',
   // Drawer
   'bug': 'Bug Record',
   'bug.placeholder': 'Enter bug record',
diff --git a/src/pages/WorkSpace/TestResult/Details/locales/zh-CN.ts b/src/pages/WorkSpace/TestResult/Details/locales/zh-CN.ts
index c94fc3e3..719225ef 100644
--- a/src/pages/WorkSpace/TestResult/Details/locales/zh-CN.ts
+++ b/src/pages/WorkSpace/TestResult/Details/locales/zh-CN.ts
@@ -83,6 +83,7 @@ const text = {
   'note': '备注',
   'join.baseline': '加入基线',
   'edit.baseline': '修改基线',
+  'additional.information': '附加信息',
   // Drawer
   'bug': '缺陷记录',
   'bug.placeholder': '请输入缺陷记录',
-- 
Gitee


From 98f13c18977d6975ed5910b6c7fc431f90a24da5 Mon Sep 17 00:00:00 2001
From: sahara <jwk0528@163.com>
Date: Thu, 5 Sep 2024 13:43:42 +0800
Subject: [PATCH 2/4] =?UTF-8?q?fix:=20=E6=B5=8B=E8=AF=95=E7=BB=93=E6=9E=9C?=
 =?UTF-8?q?subcase=E6=97=A5=E5=BF=97=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../TestRsultTable/InfoResultTable.tsx        | 74 +++++++++----------
 .../TestRsultTable/MetricResultTable.tsx      | 46 ------------
 2 files changed, 34 insertions(+), 86 deletions(-)

diff --git a/src/pages/WorkSpace/TestResult/Details/TestRsultTable/InfoResultTable.tsx b/src/pages/WorkSpace/TestResult/Details/TestRsultTable/InfoResultTable.tsx
index 44ec727a..ccf12c6b 100644
--- a/src/pages/WorkSpace/TestResult/Details/TestRsultTable/InfoResultTable.tsx
+++ b/src/pages/WorkSpace/TestResult/Details/TestRsultTable/InfoResultTable.tsx
@@ -257,51 +257,20 @@ export default (props: any) => {
             ),
             ...tooltipTd()
         },
-        !share_id &&
-        {
-            title: <FormattedMessage id="Table.columns.operation" />,
-            width: 200,
-            fixed: "right",
-            render: (_: any, row: any) => {
-                // 失败的 && 没有关联关系的才能“修改基线”
-                const failFlag = _.result === 'Fail' && !row.skip_baseline_info
-                const buttonText = _.bug ? <FormattedMessage id="ws.result.details.edit.baseline" /> : <FormattedMessage id="ws.result.details.join.baseline" />
-                return (
-                    <Access accessible={access.WsTourist()}>
-                        <Access
-                            accessible={access.WsMemberOperateSelf(creator)}
-                            fallback={
-                                <Space>
-                                    <span style={{ color: '#1890FF', cursor: 'pointer' }} onClick={() => AccessTootip()}><FormattedMessage id="operation.edit" /></span>
-                                    {failFlag && <span style={{ color: '#1890FF', cursor: 'pointer' }} onClick={() => AccessTootip()}>{buttonText}</span>}
-                                </Space>
-                            }
-                        >
-                            <Space>
-                                <span style={{ color: '#1890FF', cursor: 'pointer' }} onClick={() => handleOpenEditRemark(_)}><FormattedMessage id="operation.edit" /></span>
-                                {failFlag && <span style={{ color: '#1890FF', cursor: 'pointer' }} onClick={() => handleOpenJoinBaseline(_)}>{buttonText}</span>}
-                            </Space>
-                        </Access>
-                    </Access>
-                )
-            }
-        },
         {
             title: <FormattedMessage id="ws.result.details.additional.information" />,
             dataIndex: 'log',
             width: 240,
-            fixed: "right",
-            ellipsis: {
-                showTitle: false,
-            },
+            // fixed: "right",
+            ellipsis: true,
             render: (_: any, row: any) => {
                 const scene_all = row.log_path && row.extend_info && row.debug_info
                 if (scene_all) {
                     return (
-                        <div style={{ display: 'flex', alignItems: 'center', overflow: 'auto' }}>
+                        <div style={{ display: 'flex', alignItems: 'center' }}>
                             <a><span onClick={() => lookPathCallback(row.log_path, 'look')}>{formatMessage({ id: 'operation.log' })}</span></a>
                             <Divider type="vertical" />
-                            <EllipsisPulic title={row.extend_info} style={{ width: 40, flex: 'none' }} />
+                            <EllipsisPulic title={row.extend_info} style={{ width: 50, flex: 'none' }} />
                             <Divider type="vertical" />
                             <>
                                 {row.debug_info?.map((item: any, index: number) => {
@@ -330,10 +299,35 @@ export default (props: any) => {
                 } else {
                     return <span>NA</span>
                 }
-                // const filePath = row.conf_log_path 
-                // return filePath ? 
-                // <a><span onClick={()=> lookPathCallback(filePath, 'look') }>{formatMessage({ id: 'operation.log' })}</span></a>
-                // : null
+            }
+        },
+        !share_id &&
+        {
+            title: <FormattedMessage id="Table.columns.operation" />,
+            width: 160,
+            fixed: "right",
+            render: (_: any, row: any) => {
+                // 失败的 && 没有关联关系的才能“修改基线”
+                const failFlag = _.result === 'Fail' && !row.skip_baseline_info
+                const buttonText = _.bug ? <FormattedMessage id="ws.result.details.edit.baseline" /> : <FormattedMessage id="ws.result.details.join.baseline" />
+                return (
+                    <Access accessible={access.WsTourist()}>
+                        <Access
+                            accessible={access.WsMemberOperateSelf(creator)}
+                            fallback={
+                                <Space>
+                                    <span style={{ color: '#1890FF', cursor: 'pointer' }} onClick={() => AccessTootip()}><FormattedMessage id="operation.edit" /></span>
+                                    {failFlag && <span style={{ color: '#1890FF', cursor: 'pointer' }} onClick={() => AccessTootip()}>{buttonText}</span>}
+                                </Space>
+                            }
+                        >
+                            <Space>
+                                <span style={{ color: '#1890FF', cursor: 'pointer' }} onClick={() => handleOpenEditRemark(_)}><FormattedMessage id="operation.edit" /></span>
+                                {failFlag && <span style={{ color: '#1890FF', cursor: 'pointer' }} onClick={() => handleOpenJoinBaseline(_)}>{buttonText}</span>}
+                            </Space>
+                        </Access>
+                    </Access>
+                )
             }
         },
     ].filter(Boolean)
@@ -341,7 +335,7 @@ export default (props: any) => {
     return (
         <>
             <ResizeHooksTable
-                name="wsResultTableCaseList"
+                name="wsResultTableSubCaseList"
                 refreshDeps={[access, testType]}
                 rowKey="id"
                 size="small"
diff --git a/src/pages/WorkSpace/TestResult/Details/TestRsultTable/MetricResultTable.tsx b/src/pages/WorkSpace/TestResult/Details/TestRsultTable/MetricResultTable.tsx
index 4115739a..1213df7b 100644
--- a/src/pages/WorkSpace/TestResult/Details/TestRsultTable/MetricResultTable.tsx
+++ b/src/pages/WorkSpace/TestResult/Details/TestRsultTable/MetricResultTable.tsx
@@ -194,52 +194,6 @@ export default (props: any) => {
             ellipsis: true,
             render: (_: any, row: any) => compareResultSpan(row.track_result, row.result, formatMessage)
         },
-        {
-            title: <FormattedMessage id="ws.result.details.additional.information" />,
-            dataIndex: 'log',
-            width: 240,
-            fixed: "right",
-            ellipsis: {
-                showTitle: false,
-            },
-            render: (_: any, row: any) => {
-                const scene_all = row.log_path && row.extend_info && row.debug_info
-                if (scene_all) {
-                    return (
-                        <div style={{ display: 'flex', alignItems: 'center', overflow: 'auto' }}>
-                            <a><span onClick={() => lookPathCallback(row.log_path, 'look')}>{formatMessage({ id: 'operation.log' })}</span></a>
-                            <Divider type="vertical" />
-                            <EllipsisPulic title={row.extend_info} style={{ width: 40, flex: 'none' }} />
-                            <Divider type="vertical" />
-                            <>
-                                {row.debug_info?.map((item: any, index: number) => {
-                                    const key = Object.keys(item)[0];
-                                    const prefix = "console";
-                                    if (key.startsWith(prefix)) {
-                                        const realKey = key.substring(prefix.length);
-                                        const value = item[key];
-                                        return (
-                                            <a key={index}>
-                                                <span onClick={() => lookPathCallback(value, 'look')}>
-                                                    {`console${realKey}_>` + '，'}
-                                                </span>
-                                            </a>
-                                        );
-                                    }
-                                    return null;
-                                })}
-                            </>
-                        </div>
-                    )
-                } else if (row.log_path) {
-                    return (
-                        <a><span onClick={() => lookPathCallback(row.log_path, 'look')}>{formatMessage({ id: 'operation.log' })}</span></a>
-                    )
-                } else {
-                    return <span>NA</span>
-                }
-            }
-        },
     ]
 
     const rowSelection: any = !share_id && testType === 'performance' ? {
-- 
Gitee


From db0e711a9cf4dd580efa36afbc5db9d31b5a83bf Mon Sep 17 00:00:00 2001
From: sahara <jwk0528@163.com>
Date: Mon, 9 Sep 2024 11:38:59 +0800
Subject: [PATCH 3/4] =?UTF-8?q?fix:=20=E9=99=84=E5=8A=A0=E4=BF=A1=E6=81=AF?=
 =?UTF-8?q?=E5=88=86=E9=9A=94=E7=AC=A6=E6=98=BE=E7=A4=BA=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../TestRsultTable/InfoResultTable.tsx        | 22 ++++++++++++++++---
 .../Details/TestRsultTable/index.less         |  8 +++++--
 2 files changed, 25 insertions(+), 5 deletions(-)

diff --git a/src/pages/WorkSpace/TestResult/Details/TestRsultTable/InfoResultTable.tsx b/src/pages/WorkSpace/TestResult/Details/TestRsultTable/InfoResultTable.tsx
index ccf12c6b..bea519b6 100644
--- a/src/pages/WorkSpace/TestResult/Details/TestRsultTable/InfoResultTable.tsx
+++ b/src/pages/WorkSpace/TestResult/Details/TestRsultTable/InfoResultTable.tsx
@@ -279,13 +279,29 @@ export default (props: any) => {
                                     if (key.startsWith(prefix)) {
                                         const realKey = key.substring(prefix.length);
                                         const value = item[key];
-                                        return (
+                                        const label = (
                                             <a key={index}>
                                                 <span onClick={() => lookPathCallback(value, 'look')}>
-                                                    {`console${realKey}_>` + '，'}
+                                                    {`console${realKey}_>`}
                                                 </span>
                                             </a>
-                                        );
+                                        )
+                                        if (index === row.debug_info.length - 1) {
+                                            // 最后一个元素，不加分隔符
+                                            return (
+                                                <div style={{ display: 'flex', alignItems: 'center' }}>
+                                                    {label}
+                                                </div>
+                                            )
+                                        } else {
+                                            // 其他元素，在后面加上分隔符
+                                            return (
+                                                <div style={{ display: 'flex', alignItems: 'center' }}>
+                                                    { label }
+                                                    <span style={{ width: '1px', height: 12, background: '#ccc', margin: '0 6px' }}></span>
+                                                </div>
+                                            )
+                                        }
                                     }
                                     return null;
                                 })}
diff --git a/src/pages/WorkSpace/TestResult/Details/TestRsultTable/index.less b/src/pages/WorkSpace/TestResult/Details/TestRsultTable/index.less
index ec9431ac..8b3f8534 100644
--- a/src/pages/WorkSpace/TestResult/Details/TestRsultTable/index.less
+++ b/src/pages/WorkSpace/TestResult/Details/TestRsultTable/index.less
@@ -45,6 +45,11 @@
             margin: 0!important;
         }
     }
+    :global {
+        .ant-divider-vertical { 
+            border-left: 1px solid rgba(0, 0, 0, 0.6) !important;
+        }
+    }
 }
   
 .result_info_table_row {
@@ -119,5 +124,4 @@
 /* 去掉二级表格最底部下划线 */
 .resultCaseTableCls > div > div > div > div > div > table > tbody > tr:nth-last-child(2) > td {
     border-bottom: none;
-}
-  
\ No newline at end of file
+}
\ No newline at end of file
-- 
Gitee


From 55319e1bdbe49e778466c6fb7a784dad0f003ce5 Mon Sep 17 00:00:00 2001
From: sahara <jwk0528@163.com>
Date: Fri, 13 Sep 2024 17:29:25 +0800
Subject: [PATCH 4/4] =?UTF-8?q?fix:=20=E5=88=86=E9=9A=94=E7=AC=A6=E9=80=BB?=
 =?UTF-8?q?=E8=BE=91=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../TestResult/Details/TestRsultTable/InfoResultTable.tsx     | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/WorkSpace/TestResult/Details/TestRsultTable/InfoResultTable.tsx b/src/pages/WorkSpace/TestResult/Details/TestRsultTable/InfoResultTable.tsx
index bea519b6..f2de72d8 100644
--- a/src/pages/WorkSpace/TestResult/Details/TestRsultTable/InfoResultTable.tsx
+++ b/src/pages/WorkSpace/TestResult/Details/TestRsultTable/InfoResultTable.tsx
@@ -269,9 +269,9 @@ export default (props: any) => {
                     return (
                         <div style={{ display: 'flex', alignItems: 'center' }}>
                             <a><span onClick={() => lookPathCallback(row.log_path, 'look')}>{formatMessage({ id: 'operation.log' })}</span></a>
-                            <Divider type="vertical" />
+                            {!!row.extend_info.length && <Divider type="vertical" />}
                             <EllipsisPulic title={row.extend_info} style={{ width: 50, flex: 'none' }} />
-                            <Divider type="vertical" />
+                            {!!row.debug_info.length && <Divider type="vertical" />}
                             <>
                                 {row.debug_info?.map((item: any, index: number) => {
                                     const key = Object.keys(item)[0];
-- 
Gitee