feat(personal-center): 重构个人事项详情并复用任务工作日志组件

src/views/infra/state-machine/index.vue

@@ -17,6 +17,9 @@ import StateMachineOperateDialog from './modules/state-machine-operate-dialog.vu
 import StateMachineSearch from './modules/state-machine-search.vue';
 import StateTransitionDialog from './modules/state-transition-dialog.vue';
 import { formatDateTime, getBooleanLabel, getBooleanTagType, getStatusLabel, getStatusTagType } from './shared';
+import IconMdiDeleteOutline from '~icons/mdi/delete-outline';
+import IconMdiPencilOutline from '~icons/mdi/pencil-outline';
+import IconMdiSourceBranch from '~icons/mdi/source-branch';
 
 defineOptions({ name: 'StateMachineManage' });
 
@@ -71,6 +74,7 @@ function getStatusModelActions(row: Api.Infra.ObjectStatusModel): BusinessTableA
     actions.push({
       key: 'transition',
       label: '状态流转',
+      icon: IconMdiSourceBranch,
       buttonType: 'primary',
       onClick: () => openTransitionDialog(row)
     });
@@ -80,6 +84,7 @@ function getStatusModelActions(row: Api.Infra.ObjectStatusModel): BusinessTableA
     actions.push({
       key: 'edit',
       label: '编辑',
+      icon: IconMdiPencilOutline,
       buttonType: 'primary',
       onClick: () => openEdit(row)
     });
@@ -89,6 +94,7 @@ function getStatusModelActions(row: Api.Infra.ObjectStatusModel): BusinessTableA
     actions.push({
       key: 'delete',
       label: '删除',
+      icon: IconMdiDeleteOutline,
       buttonType: 'danger',
       onClick: () => handleDeleteAction(row)
     });
@@ -203,7 +209,7 @@ const { columns, columnChecks, data, loading, getData, getDataByPage, mobilePagi
           return <span>--</span>;
         }
 
-        return <BusinessTableActionCell actions={actions} />;
+        return <BusinessTableActionCell actions={actions} variant="icon" />;
       }
     }
   ]