red-future/admin-ui
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
WUSIJIAN
2026-01-16 14:19:24 +08:00
parent 404f0b719d
commit 30da5e3c29
5 changed files with 208 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/views/assets/asset/component/skuDialog.vue
View File

@@ -78,10 +78,11 @@
</el-tooltip>
</template>
</el-table-column>
<el-table-column label="操作" width="180" align="center">
<el-table-column label="操作" width="220" align="center">
<template #default="scope">
<el-button size="small" text type="primary" @click="onEditSku(scope.row)">编辑</el-button>
<el-button v-if="!scope.row.unlimitedStock" size="small" text type="success" @click="onGenerateStock(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="onDeleteSku(scope.row)">删除</el-button>
</template>
</el-table-column>
@@ -209,6 +210,7 @@
</template>
</el-dialog>
</el-dialog>
<OperationLogDialog ref="operationLogRef" />
</template>
<script setup lang="ts">
@@ -217,6 +219,7 @@ import { ElMessage, type FormInstance, type FormRules } from 'element-plus';
import { ElMessageBox } from 'element-plus';
import { listAssetSkus, createAssetSku, updateAssetSku, deleteAssetSku, getAssetSku, getAsset, uploadAssetImage, getSpecsUnitOptions, getStockFormFields, stockOperation } from '/@/api/assets/asset';
import { createFormDiff } from '/@/utils/diffUtils';
import OperationLogDialog from '../../component/operationLogDialog.vue';
import type { UploadRequestOptions, UploadUserFile } from 'element-plus';
interface SpecValueItem {
@@ -249,6 +252,7 @@ const editLoading = ref(false);
const skuFormVisible = ref(false);
const isEditSku = ref(false);
const editSkuId = ref('');
const operationLogRef = ref();
// 库存弹窗相关
const stockFormVisible = ref(false);
@@ -529,6 +533,11 @@ const onEditSku = async (row: any) => {
}
};
// 查看日志
const onViewLog = (row: any) => {
operationLogRef.value?.openDialog(row.id);
};
// 删除 SKU
const onDeleteSku = (row: any) => {
ElMessageBox.confirm(`确定要删除SKU "${row.skuName}" 吗？`, '提示', {

11
src/views/assets/asset/index.vue
View File

@@ -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;