reactor：【system 系统管理】infra 的 apiErrorLog 进一步统一代码风格

apps/web-antd/src/views/infra/apiErrorLog/data.ts

@@ -77,14 +77,17 @@ export function useGridColumns(): VxeTableGridOptions['columns'] {
     {
       field: 'id',
       title: '日志编号',
+      minWidth: 100,
     },
     {
       field: 'userId',
       title: '用户编号',
+      minWidth: 100,
     },
     {
       field: 'userType',
       title: '用户类型',
+      minWidth: 120,
       cellRender: {
         name: 'CellDict',
         props: { type: DICT_TYPE.USER_TYPE },
@@ -93,27 +96,33 @@ export function useGridColumns(): VxeTableGridOptions['columns'] {
     {
       field: 'applicationName',
       title: '应用名',
+      minWidth: 150,
     },
     {
       field: 'requestMethod',
       title: '请求方法',
+      minWidth: 80,
     },
     {
       field: 'requestUrl',
       title: '请求地址',
+      minWidth: 200,
     },
     {
       field: 'exceptionTime',
       title: '异常发生时间',
+      minWidth: 180,
       formatter: 'formatDateTime',
     },
     {
       field: 'exceptionName',
       title: '异常名',
+      minWidth: 180,
     },
     {
       field: 'processStatus',
       title: '处理状态',
+      minWidth: 120,
       cellRender: {
         name: 'CellDict',
         props: { type: DICT_TYPE.INFRA_API_ERROR_LOG_PROCESS_STATUS },
@@ -121,7 +130,7 @@ export function useGridColumns(): VxeTableGridOptions['columns'] {
     },
     {
       title: '操作',
-      width: 200,
+      minWidth: 200,
       fixed: 'right',
       slots: { default: 'actions' },
     },

apps/web-antd/src/views/infra/apiErrorLog/index.vue

@@ -25,7 +25,7 @@ const [DetailModal, detailModalApi] = useVbenModal({
 });
 
 /** 刷新表格 */
-function onRefresh() {
+function handleRefresh() {
   gridApi.query();
 }
 
@@ -42,14 +42,20 @@ function handleDetail(row: InfraApiErrorLogApi.ApiErrorLog) {
 
 /** 处理已处理 / 已忽略的操作 */
 async function handleProcess(id: number, processStatus: number) {
-  confirm({
+  await confirm({
     content: `确认标记为${InfraApiErrorLogProcessStatusEnum.DONE ? '已处理' : '已忽略'}?`,
-  }).then(async () => {
-    await updateApiErrorLogStatus(id, processStatus);
-    // 关闭并提示
-    message.success($t('ui.actionMessage.operationSuccess'));
-    onRefresh();
   });
+  const hideLoading = message.loading({
+    content: '正在处理中...',
+    duration: 0,
+  });
+  try {
+    await updateApiErrorLogStatus(id, processStatus);
+    message.success($t('ui.actionMessage.operationSuccess'));
+    handleRefresh();
+  } finally {
+    hideLoading();
+  }
 }
 
 const [Grid, gridApi] = useVbenVxeGrid({
@@ -73,6 +79,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
     },
     rowConfig: {
       keyField: 'id',
+      isHover: true,
     },
     toolbarConfig: {
       refresh: true,
@@ -88,7 +95,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
       <DocAlert title="系统日志" url="https://doc.iocoder.cn/system-log/" />
     </template>
 
-    <DetailModal @success="onRefresh" />
+    <DetailModal @success="handleRefresh" />
     <Grid table-title="API 错误日志列表">
       <template #toolbar-tools>
         <TableAction
@@ -116,6 +123,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
             {
               label: '已处理',
               type: 'link',
+              icon: ACTION_ICON.ADD,
               auth: ['infra:api-error-log:update-status'],
               ifShow:
                 row.processStatus === InfraApiErrorLogProcessStatusEnum.INIT,
@@ -128,6 +136,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
             {
               label: '已忽略',
               type: 'link',
+              icon: ACTION_ICON.DELETE,
               auth: ['infra:api-error-log:update-status'],
               ifShow:
                 row.processStatus === InfraApiErrorLogProcessStatusEnum.INIT,