refactor(web-antd): 优化支付通知详情页面的回调日志展示

- 更新 detailColumns 数组，使用 title 和 dataIndex 替代 label 和 prop
- 为每个列设置宽度和 ellipsis 属性
- 在 detail.vue 中添加对 formData 的判断，提高组件的健壮性

apps/web-antd/src/views/pay/notify/data.ts

@@ -131,28 +131,38 @@ export function useGridColumns(): VxeTableGridOptions['columns'] {
 /** 详情列表的字段 */
 export const detailColumns = [
   {
-    label: '日志编号',
-    prop: 'id',
+    title: '日志编号',
+    dataIndex: 'id',
     key: 'id',
+    width: 120,
+    ellipsis: false,
   },
   {
-    label: '通知状态',
-    prop: 'status',
+    title: '通知状态',
+    dataIndex: 'status',
     key: 'status',
+    width: 120,
+    ellipsis: false,
   },
   {
-    label: '通知次数',
-    prop: 'notifyTimes',
+    title: '通知次数',
+    dataIndex: 'notifyTimes',
     key: 'notifyTimes',
+    width: 120,
+    ellipsis: false,
   },
   {
-    label: '通知时间',
-    prop: 'lastExecuteTime',
+    title: '通知时间',
+    dataIndex: 'lastExecuteTime',
     key: 'lastExecuteTime',
+    width: 120,
+    ellipsis: false,
   },
   {
-    label: '响应结果',
-    prop: 'response',
+    title: '响应结果',
+    dataIndex: 'response',
     key: 'response',
+    width: 120,
+    ellipsis: false,
   },
 ];

apps/web-antd/src/views/pay/notify/modules/detail.vue

@@ -93,7 +93,11 @@ const [Modal, modalApi] = useVbenModal({
 
     <Descriptions bordered :column="1" size="middle" class="mx-4">
       <Descriptions.Item label="回调日志">
-        <Table :data="formData.logs" :columns="detailColumns" />
+        <Table
+          v-if="formData"
+          :data-source="formData.logs"
+          :columns="detailColumns"
+        />
       </Descriptions.Item>
     </Descriptions>
   </Modal>