在资产管理、SKU管理和分类管理中新增操作日志查看功能,支持查看各实体的操作历史记录,同时新增操作日志API接口定义包含查询参数和日志信息类型

src/views/assets/asset/index.vue

@@ -61,10 +61,11 @@
 					<el-table-column prop="offlineTime" label="下线时间" width="170" show-overflow-tooltip />
 					<el-table-column prop="createdAt" label="创建时间" width="170" show-overflow-tooltip />
 					<el-table-column prop="updatedAt" label="修改时间" width="170" show-overflow-tooltip />
-					<el-table-column label="操作" width="200" fixed="right" align="center">
+					<el-table-column label="操作" width="250" fixed="right" align="center">
 						<template #default="scope">
 							<el-button size="small" text type="primary" @click="onEdit(scope.row)">修改</el-button>
 							<el-button size="small" text type="success" @click="onAddSku(scope.row)">规格管理</el-button>
+							<el-button size="small" text type="info" @click="onViewLog(scope.row)">日志</el-button>
 							<el-button size="small" text type="danger" @click="onRowDel(scope.row)">删除</el-button>
 						</template>
 					</el-table-column>
@@ -85,6 +86,7 @@
 		</div>
 		<EditAsset ref="editAssetRef" @getAssetList="getAssetList" />
 		<SkuDialog ref="skuDialogRef" />
+		<OperationLogDialog ref="operationLogRef" />
 	</div>
 </template>
 
@@ -100,6 +102,7 @@ import { ElMessageBox, ElMessage } from 'element-plus';
 import { listAssets, updateAssetStatus, deleteAsset } from '/@/api/assets/asset';
 import EditAsset from './component/editAsset.vue';
 import SkuDialog from './component/skuDialog.vue';
+import OperationLogDialog from '../component/operationLogDialog.vue';
 
 interface AssetRow {
 	id: string;
@@ -119,6 +122,7 @@ interface AssetRow {
 
 const editAssetRef = ref();
 const skuDialogRef = ref();
+const operationLogRef = ref();
 
 const tableData = reactive({
 	data: [] as AssetRow[],
@@ -231,6 +235,11 @@ const onAddSku = (row: AssetRow) => {
 	});
 };
 
+// 查看日志
+const onViewLog = (row: AssetRow) => {
+	operationLogRef.value?.openDialog(row.id);
+};
+
 // 分页大小改变
 const onSizeChange = (size: number) => {
 	tableData.param.pageSize = size;