封装修改记录组件

Admin.NET/Admin.NET.Core/Service/Tenant/SysTenantService.cs

@@ -80,6 +80,10 @@ public class SysTenantService : IDynamicApiController, ITransient
                 OrderNo = u.OrderNo,
                 Remark = u.Remark,
                 Status = u.Status,
+                CreateTime = u.CreateTime,
+                CreateUserName = u.CreateUserName,
+                UpdateTime = u.UpdateTime,
+                UpdateUserName = u.UpdateUserName,
             })
             .ToPagedListAsync(input.Page, input.PageSize);
     }

Web/src/components/table/modifyRecord.vue

@@ -0,0 +1,56 @@
+<template>
+    <el-popover placement="bottom" width="280" trigger="hover">
+        <template #reference>
+            <el-text type="primary" class="cursor-default">
+                <el-icon><ele-InfoFilled /></el-icon>详情
+            </el-text>
+        </template>
+        <el-descriptions direction="vertical" :column="2" border>
+            <el-descriptions-item width="140">
+                <template #label>
+                    <el-text>
+                        <el-icon><ele-UserFilled /></el-icon>创建者
+                    </el-text>
+                </template>
+                <el-tag>{{ props.data.createUserName ?? '无' }}</el-tag>
+            </el-descriptions-item>
+            <el-descriptions-item>
+                <template #label>
+                    <el-text>
+                        <el-icon><ele-Calendar /></el-icon>创建时间
+                    </el-text>
+                </template>
+                <el-tag>{{ props.data.createTime ?? '无' }}</el-tag>
+            </el-descriptions-item>
+            <el-descriptions-item>
+                <template #label>
+                    <el-text>
+                        <el-icon><ele-UserFilled /></el-icon>修改者
+                    </el-text>
+                </template>
+                <el-tag>{{ props.data.updateUserName ?? '无' }}</el-tag>
+            </el-descriptions-item>
+            <el-descriptions-item>
+                <template #label>
+                    <el-text>
+                        <el-icon><ele-Calendar /></el-icon>修改时间
+                    </el-text>
+                </template>
+                <el-tag>{{ props.data.updateTime ?? '无' }}</el-tag>
+            </el-descriptions-item>
+            <el-descriptions-item>
+                <template #label>
+                    <el-text>
+                        <el-icon><ele-Tickets /></el-icon>备注
+                    </el-text>
+                </template>
+                {{ props.data.remark ?? '无' }}
+            </el-descriptions-item>
+        </el-descriptions>
+    </el-popover>
+</template>
+<script lang="ts" setup>
+const props = defineProps<{
+    data: ModifyRecord
+}>()
+</script>

Web/src/types/views.d.ts

@@ -356,3 +356,12 @@ interface HttpJobMessage {
 	httpMethod?: string | null;
 	body?: string | null;
 }
+
+// 修改记录相关字段定义
+declare type ModifyRecord = {
+	createUserName?: string | null;
+	createTime?: string | null;
+	updateUserName?: string | null;
+	updateTime?: string | null;
+	remark?: string | null;
+};

Web/src/views/system/config/index.vue

@@ -15,55 +15,7 @@
 					<el-tag type="danger" v-else> 否 </el-tag>
 				</template>
 				<template #remark="scope">
-					<el-popover placement="bottom" width="280" trigger="hover">
-						<template #reference>
-							<el-text type="primary">
-								<el-icon><ele-InfoFilled /></el-icon>详情
-							</el-text>
-						</template>
-						<el-descriptions direction="vertical" :column="2" border>
-							<el-descriptions-item width="140">
-								<template #label>
-									<el-text>
-										<el-icon><ele-UserFilled /></el-icon>创建者
-									</el-text>
-								</template>
-								<el-tag>{{ scope.row.createUserName ?? '无' }}</el-tag>
-							</el-descriptions-item>
-							<el-descriptions-item>
-								<template #label>
-									<el-text>
-										<el-icon><ele-Calendar /></el-icon>创建时间
-									</el-text>
-								</template>
-								<el-tag>{{ scope.row.createTime ?? '无' }}</el-tag>
-							</el-descriptions-item>
-							<el-descriptions-item>
-								<template #label>
-									<el-text>
-										<el-icon><ele-UserFilled /></el-icon>修改者
-									</el-text>
-								</template>
-								<el-tag>{{ scope.row.updateUserName ?? '无' }}</el-tag>
-							</el-descriptions-item>
-							<el-descriptions-item>
-								<template #label>
-									<el-text>
-										<el-icon><ele-Calendar /></el-icon>修改时间
-									</el-text>
-								</template>
-								<el-tag>{{ scope.row.updateTime ?? '无' }}</el-tag>
-							</el-descriptions-item>
-							<el-descriptions-item>
-								<template #label>
-									<el-text>
-										<el-icon><ele-Tickets /></el-icon>备注
-									</el-text>
-								</template>
-								{{ scope.row.remark }}
-							</el-descriptions-item>
-						</el-descriptions>
-					</el-popover>
+					<ModifyRecord :data="scope.row" />
 				</template>
 				<template #action="scope">
 					<el-button icon="ele-Edit" size="small" text type="primary" @click="openEditConfig(scope.row)" v-auth="'sysConfig:update'"> 编辑 </el-button>
@@ -81,6 +33,7 @@ import { onMounted, onUnmounted, reactive, ref, defineAsyncComponent, nextTick }
 import { ElMessageBox, ElMessage } from 'element-plus';
 import mittBus from '/@/utils/mitt';
 import EditConfig from '/@/views/system/config/component/editConfig.vue';
+import ModifyRecord from '/@/components/table/modifyRecord.vue';
 
 import { getAPI } from '/@/utils/axios-utils';
 import { SysConfigApi } from '/@/api-services/api';

Web/src/views/system/dict/index.vue

@@ -37,55 +37,7 @@
 						<el-table-column prop="orderNo" label="排序" width="70" align="center" show-overflow-tooltip />
 						<el-table-column label="修改记录" width="100" align="center" show-overflow-tooltip>
 							<template #default="scope">
-								<el-popover placement="bottom" width="280" trigger="hover">
-									<template #reference>
-										<el-text type="primary">
-											<el-icon><ele-InfoFilled /></el-icon>详情
-										</el-text>
-									</template>
-									<el-descriptions direction="vertical" :column="2" border>
-										<el-descriptions-item width="140">
-											<template #label>
-												<el-text>
-													<el-icon><ele-UserFilled /></el-icon>创建者
-												</el-text>
-											</template>
-											<el-tag>{{ scope.row.createUserName ?? '无' }}</el-tag>
-										</el-descriptions-item>
-										<el-descriptions-item>
-											<template #label>
-												<el-text>
-													<el-icon><ele-Calendar /></el-icon>创建时间
-												</el-text>
-											</template>
-											<el-tag>{{ scope.row.createTime ?? '无' }}</el-tag>
-										</el-descriptions-item>
-										<el-descriptions-item>
-											<template #label>
-												<el-text>
-													<el-icon><ele-UserFilled /></el-icon>修改者
-												</el-text>
-											</template>
-											<el-tag>{{ scope.row.updateUserName ?? '无' }}</el-tag>
-										</el-descriptions-item>
-										<el-descriptions-item>
-											<template #label>
-												<el-text>
-													<el-icon><ele-Calendar /></el-icon>修改时间
-												</el-text>
-											</template>
-											<el-tag>{{ scope.row.updateTime ?? '无' }}</el-tag>
-										</el-descriptions-item>
-										<el-descriptions-item>
-											<template #label>
-												<el-text>
-													<el-icon><ele-Tickets /></el-icon>备注
-												</el-text>
-											</template>
-											{{ scope.row.remark ?? '无' }}
-										</el-descriptions-item>
-									</el-descriptions>
-								</el-popover>
+								<ModifyRecord :data="scope.row" />
 							</template>
 						</el-table-column>
 						<el-table-column label="操作" width="110" fixed="right" align="center">
@@ -162,55 +114,7 @@
 						<el-table-column prop="orderNo" label="排序" width="70" align="center" show-overflow-tooltip />
 						<el-table-column label="修改记录" width="100" align="center" show-overflow-tooltip>
 							<template #default="scope">
-								<el-popover placement="bottom" width="280" trigger="hover">
-									<template #reference>
-										<el-text type="primary">
-											<el-icon><ele-InfoFilled /></el-icon>详情
-										</el-text>
-									</template>
-									<el-descriptions direction="vertical" :column="2" border>
-										<el-descriptions-item width="140">
-											<template #label>
-												<el-text>
-													<el-icon><ele-UserFilled /></el-icon>创建者
-												</el-text>
-											</template>
-											<el-tag>{{ scope.row.createUserName ?? '无' }}</el-tag>
-										</el-descriptions-item>
-										<el-descriptions-item>
-											<template #label>
-												<el-text>
-													<el-icon><ele-Calendar /></el-icon>创建时间
-												</el-text>
-											</template>
-											<el-tag>{{ scope.row.createTime ?? '无' }}</el-tag>
-										</el-descriptions-item>
-										<el-descriptions-item>
-											<template #label>
-												<el-text>
-													<el-icon><ele-UserFilled /></el-icon>修改者
-												</el-text>
-											</template>
-											<el-tag>{{ scope.row.updateUserName ?? '无' }}</el-tag>
-										</el-descriptions-item>
-										<el-descriptions-item>
-											<template #label>
-												<el-text>
-													<el-icon><Calendar /></el-icon>修改时间
-												</el-text>
-											</template>
-											<el-tag>{{ scope.row.updateTime ?? '无' }}</el-tag>
-										</el-descriptions-item>
-										<el-descriptions-item>
-											<template #label>
-												<el-text>
-													<el-icon><ele-Tickets /></el-icon>备注
-												</el-text>
-											</template>
-											{{ scope.row.remark ?? '无' }}
-										</el-descriptions-item>
-									</el-descriptions>
-								</el-popover>
+								<ModifyRecord :data="scope.row" />
 							</template>
 						</el-table-column>
 						<el-table-column label="操作" width="80" fixed="right" align="center" show-overflow-tooltip>
@@ -249,6 +153,7 @@ import { onMounted, reactive, ref } from 'vue';
 import { ElMessageBox, ElMessage } from 'element-plus';
 import EditDictType from '/@/views/system/dict/component/editDictType.vue';
 import EditDictData from '/@/views/system/dict/component/editDictData.vue';
+import ModifyRecord from '/@/components/table/modifyRecord.vue';
 
 import { getAPI } from '/@/utils/axios-utils';
 import { Session } from '/@/utils/storage';

Web/src/views/system/file/index.vue

@@ -54,55 +54,7 @@
 				<el-table-column prop="id" label="存储标识" align="center" show-overflow-tooltip />
 				<el-table-column label="修改记录" width="100" align="center" show-overflow-tooltip>
 					<template #default="scope">
-						<el-popover placement="bottom" width="280" trigger="hover">
-							<template #reference>
-								<el-text type="primary">
-									<el-icon><ele-InfoFilled /></el-icon>详情
-								</el-text>
-							</template>
-							<el-descriptions direction="vertical" :column="2" border>
-								<el-descriptions-item width="140">
-									<template #label>
-										<el-text>
-											<el-icon><ele-UserFilled /></el-icon>创建者
-										</el-text>
-									</template>
-									<el-tag>{{ scope.row.createUserName ?? '无' }}</el-tag>
-								</el-descriptions-item>
-								<el-descriptions-item>
-									<template #label>
-										<el-text>
-											<el-icon><ele-Calendar /></el-icon>创建时间
-										</el-text>
-									</template>
-									<el-tag>{{ scope.row.createTime ?? '无' }}</el-tag>
-								</el-descriptions-item>
-								<el-descriptions-item>
-									<template #label>
-										<el-text>
-											<el-icon><ele-UserFilled /></el-icon>修改者
-										</el-text>
-									</template>
-									<el-tag>{{ scope.row.updateUserName ?? '无' }}</el-tag>
-								</el-descriptions-item>
-								<el-descriptions-item>
-									<template #label>
-										<el-text>
-											<el-icon><ele-Calendar /></el-icon>修改时间
-										</el-text>
-									</template>
-									<el-tag>{{ scope.row.updateTime ?? '无' }}</el-tag>
-								</el-descriptions-item>
-								<el-descriptions-item>
-									<template #label>
-										<el-text>
-											<el-icon><ele-Tickets /></el-icon>备注
-										</el-text>
-									</template>
-									{{ scope.row.remark }}
-								</el-descriptions-item>
-							</el-descriptions>
-						</el-popover>
+						<ModifyRecord :data="scope.row" />
 					</template>
 				</el-table-column>
 				<el-table-column label="操作" width="260" fixed="right" align="center" show-overflow-tooltip>
@@ -177,6 +129,7 @@ import '@vue-office/docx/lib/index.css';
 import '@vue-office/excel/lib/index.css';
 
 import EditSysFile from '/@/views/system/file/component/editSysfile.vue';
+import ModifyRecord from '/@/components/table/modifyRecord.vue';
 
 import { downloadByUrl } from '/@/utils/download';
 import { getAPI } from '/@/utils/axios-utils';

Web/src/views/system/menu/index.vue

@@ -51,55 +51,7 @@
 				</el-table-column>
 				<el-table-column label="修改记录" width="100" align="center" show-overflow-tooltip>
 					<template #default="scope">
-						<el-popover placement="bottom" width="280" trigger="hover">
-							<template #reference>
-								<el-text type="primary">
-									<el-icon><ele-InfoFilled /></el-icon>详情
-								</el-text>
-							</template>
-							<el-descriptions direction="vertical" :column="2" border>
-								<el-descriptions-item width="140">
-									<template #label>
-										<el-text>
-											<el-icon><ele-UserFilled /></el-icon>创建者
-										</el-text>
-									</template>
-									<el-tag>{{ scope.row.createUserName ?? '无' }}</el-tag>
-								</el-descriptions-item>
-								<el-descriptions-item>
-									<template #label>
-										<el-text>
-											<el-icon><ele-Calendar /></el-icon>创建时间
-										</el-text>
-									</template>
-									<el-tag>{{ scope.row.createTime ?? '无' }}</el-tag>
-								</el-descriptions-item>
-								<el-descriptions-item>
-									<template #label>
-										<el-text>
-											<el-icon><ele-UserFilled /></el-icon>修改者
-										</el-text>
-									</template>
-									<el-tag>{{ scope.row.updateUserName ?? '无' }}</el-tag>
-								</el-descriptions-item>
-								<el-descriptions-item>
-									<template #label>
-										<el-text>
-											<el-icon><ele-Calendar /></el-icon>修改时间
-										</el-text>
-									</template>
-									<el-tag>{{ scope.row.updateTime ?? '无' }}</el-tag>
-								</el-descriptions-item>
-								<el-descriptions-item>
-									<template #label>
-										<el-text>
-											<el-icon><ele-Tickets /></el-icon>备注
-										</el-text>
-									</template>
-									{{ scope.row.remark }}
-								</el-descriptions-item>
-							</el-descriptions>
-						</el-popover>
+						<ModifyRecord :data="scope.row" />
 					</template>
 				</el-table-column>
 				<el-table-column label="操作" width="140" fixed="right" align="center" show-overflow-tooltip>
@@ -119,6 +71,7 @@
 import { onMounted, reactive, ref } from 'vue';
 import { ElMessageBox, ElMessage } from 'element-plus';
 import EditMenu from '/@/views/system/menu/component/editMenu.vue';
+import ModifyRecord from '/@/components/table/modifyRecord.vue';
 
 import { getAPI } from '/@/utils/axios-utils';
 import { SysMenuApi } from '/@/api-services/api';

Web/src/views/system/openAccess/index.vue

@@ -27,55 +27,7 @@
 				<el-table-column prop="bindTenantName" label="绑定租户名称" header-align="center" show-overflow-tooltip />
 				<el-table-column label="修改记录" width="100" align="center" show-overflow-tooltip>
 					<template #default="scope">
-						<el-popover placement="bottom" width="280" trigger="hover">
-							<template #reference>
-								<el-text type="primary">
-									<el-icon><ele-InfoFilled /></el-icon>详情
-								</el-text>
-							</template>
-							<el-descriptions direction="vertical" :column="2" border>
-								<el-descriptions-item width="140">
-									<template #label>
-										<el-text>
-											<el-icon><ele-UserFilled /></el-icon>创建者
-										</el-text>
-									</template>
-									<el-tag>{{ scope.row.createUserName ?? '无' }}</el-tag>
-								</el-descriptions-item>
-								<el-descriptions-item>
-									<template #label>
-										<el-text>
-											<el-icon><ele-Calendar /></el-icon>创建时间
-										</el-text>
-									</template>
-									<el-tag>{{ scope.row.createTime ?? '无' }}</el-tag>
-								</el-descriptions-item>
-								<el-descriptions-item>
-									<template #label>
-										<el-text>
-											<el-icon><ele-UserFilled /></el-icon>修改者
-										</el-text>
-									</template>
-									<el-tag>{{ scope.row.updateUserName ?? '无' }}</el-tag>
-								</el-descriptions-item>
-								<el-descriptions-item>
-									<template #label>
-										<el-text>
-											<el-icon><ele-Calendar /></el-icon>修改时间
-										</el-text>
-									</template>
-									<el-tag>{{ scope.row.updateTime ?? '无' }}</el-tag>
-								</el-descriptions-item>
-								<el-descriptions-item>
-									<template #label>
-										<el-text>
-											<el-icon><ele-Tickets /></el-icon>备注
-										</el-text>
-									</template>
-									{{ scope.row.remark }}
-								</el-descriptions-item>
-							</el-descriptions>
-						</el-popover>
+						<ModifyRecord :data="scope.row" />
 					</template>
 				</el-table-column>
 				<el-table-column label="操作" width="200" fixed="right" align="center" show-overflow-tooltip>
@@ -108,6 +60,7 @@ import { onMounted, reactive, ref } from 'vue';
 import { ElMessageBox, ElMessage } from 'element-plus';
 import EditOpenAccess from '/@/views/system/openAccess/component/editOpenAccess.vue';
 import HelpView from '/@/views/system/openAccess/component/helpView.vue';
+import ModifyRecord from '/@/components/table/modifyRecord.vue';
 
 import { getAPI } from '/@/utils/axios-utils';
 import { SysOpenAccessApi } from '/@/api-services/api';

Web/src/views/system/org/index.vue

@@ -46,55 +46,7 @@
 						</el-table-column>
 						<el-table-column label="修改记录" width="100" align="center" show-overflow-tooltip>
 							<template #default="scope">
-								<el-popover placement="bottom" width="280" trigger="hover">
-									<template #reference>
-										<el-text type="primary">
-											<el-icon><ele-InfoFilled /></el-icon>详情
-										</el-text>
-									</template>
-									<el-descriptions direction="vertical" :column="2" border>
-										<el-descriptions-item width="140">
-											<template #label>
-												<el-text>
-													<el-icon><ele-UserFilled /></el-icon>创建者
-												</el-text>
-											</template>
-											<el-tag>{{ scope.row.createUserName ?? '无' }}</el-tag>
-										</el-descriptions-item>
-										<el-descriptions-item>
-											<template #label>
-												<el-text>
-													<el-icon><ele-Calendar /></el-icon>创建时间
-												</el-text>
-											</template>
-											<el-tag>{{ scope.row.createTime ?? '无' }}</el-tag>
-										</el-descriptions-item>
-										<el-descriptions-item>
-											<template #label>
-												<el-text>
-													<el-icon><ele-UserFilled /></el-icon>修改者
-												</el-text>
-											</template>
-											<el-tag>{{ scope.row.updateUserName ?? '无' }}</el-tag>
-										</el-descriptions-item>
-										<el-descriptions-item>
-											<template #label>
-												<el-text>
-													<el-icon><ele-Calendar /></el-icon>修改时间
-												</el-text>
-											</template>
-											<el-tag>{{ scope.row.updateTime ?? '无' }}</el-tag>
-										</el-descriptions-item>
-										<el-descriptions-item>
-											<template #label>
-												<el-text>
-													<el-icon><ele-Tickets /></el-icon>备注
-												</el-text>
-											</template>
-											{{ scope.row.remark }}
-										</el-descriptions-item>
-									</el-descriptions>
-								</el-popover>
+								<ModifyRecord :data="scope.row" />
 							</template>
 						</el-table-column>
 						<el-table-column label="操作" width="140" fixed="right" align="center" show-overflow-tooltip>
@@ -117,6 +69,7 @@ import { onMounted, reactive, ref } from 'vue';
 import { ElMessageBox, ElMessage } from 'element-plus';
 import OrgTree from '/@/views/system/org/component/orgTree.vue';
 import EditOrg from '/@/views/system/org/component/editOrg.vue';
+import ModifyRecord from '/@/components/table/modifyRecord.vue';
 
 import { getAPI } from '/@/utils/axios-utils';
 import { SysOrgApi, SysDictDataApi } from '/@/api-services/api';

Web/src/views/system/plugin/index.vue

@@ -31,55 +31,7 @@
 				</el-table-column>
 				<el-table-column label="修改记录" width="100" align="center" show-overflow-tooltip>
 					<template #default="scope">
-						<el-popover placement="bottom" width="280" trigger="hover">
-							<template #reference>
-								<el-text type="primary">
-									<el-icon><ele-InfoFilled /></el-icon>详情
-								</el-text>
-							</template>
-							<el-descriptions direction="vertical" :column="2" border>
-								<el-descriptions-item width="140">
-									<template #label>
-										<el-text>
-											<el-icon><ele-UserFilled /></el-icon>创建者
-										</el-text>
-									</template>
-									<el-tag>{{ scope.row.createUserName ?? '无' }}</el-tag>
-								</el-descriptions-item>
-								<el-descriptions-item>
-									<template #label>
-										<el-text>
-											<el-icon><ele-Calendar /></el-icon>创建时间
-										</el-text>
-									</template>
-									<el-tag>{{ scope.row.createTime ?? '无' }}</el-tag>
-								</el-descriptions-item>
-								<el-descriptions-item>
-									<template #label>
-										<el-text>
-											<el-icon><ele-UserFilled /></el-icon>修改者
-										</el-text>
-									</template>
-									<el-tag>{{ scope.row.updateUserName ?? '无' }}</el-tag>
-								</el-descriptions-item>
-								<el-descriptions-item>
-									<template #label>
-										<el-text>
-											<el-icon><ele-Calendar /></el-icon>修改时间
-										</el-text>
-									</template>
-									<el-tag>{{ scope.row.updateTime ?? '无' }}</el-tag>
-								</el-descriptions-item>
-								<el-descriptions-item>
-									<template #label>
-										<el-text>
-											<el-icon><ele-Tickets /></el-icon>备注
-										</el-text>
-									</template>
-									{{ scope.row.remark }}
-								</el-descriptions-item>
-							</el-descriptions>
-						</el-popover>
+						<ModifyRecord :data="scope.row" />
 					</template>
 				</el-table-column>
 				<el-table-column label="操作" width="140" fixed="right" align="center" show-overflow-tooltip>
@@ -110,6 +62,7 @@
 import { onMounted, reactive, ref } from 'vue';
 import { ElMessageBox, ElMessage } from 'element-plus';
 import EditPlugin from '/@/views/system/plugin/component/editPlugin.vue';
+import ModifyRecord from '/@/components/table/modifyRecord.vue';
 
 import { getAPI } from '/@/utils/axios-utils';
 import { SysPluginApi } from '/@/api-services/api';

Web/src/views/system/pos/index.vue

@@ -34,55 +34,7 @@
 				</el-table-column>
 				<el-table-column label="修改记录" width="100" align="center" show-overflow-tooltip>
 					<template #default="scope">
-						<el-popover placement="bottom" width="280" trigger="hover">
-							<template #reference>
-								<el-text type="primary">
-									<el-icon><ele-InfoFilled /></el-icon>详情
-								</el-text>
-							</template>
-							<el-descriptions direction="vertical" :column="2" border>
-								<el-descriptions-item width="140">
-									<template #label>
-										<el-text>
-											<el-icon><ele-UserFilled /></el-icon>创建者
-										</el-text>
-									</template>
-									<el-tag>{{ scope.row.createUserName ?? '无' }}</el-tag>
-								</el-descriptions-item>
-								<el-descriptions-item>
-									<template #label>
-										<el-text>
-											<el-icon><ele-Calendar /></el-icon>创建时间
-										</el-text>
-									</template>
-									<el-tag>{{ scope.row.createTime ?? '无' }}</el-tag>
-								</el-descriptions-item>
-								<el-descriptions-item>
-									<template #label>
-										<el-text>
-											<el-icon><ele-UserFilled /></el-icon>修改者
-										</el-text>
-									</template>
-									<el-tag>{{ scope.row.updateUserName ?? '无' }}</el-tag>
-								</el-descriptions-item>
-								<el-descriptions-item>
-									<template #label>
-										<el-text>
-											<el-icon><ele-Calendar /></el-icon>修改时间
-										</el-text>
-									</template>
-									<el-tag>{{ scope.row.updateTime ?? '无' }}</el-tag>
-								</el-descriptions-item>
-								<el-descriptions-item>
-									<template #label>
-										<el-text>
-											<el-icon><ele-Tickets /></el-icon>备注
-										</el-text>
-									</template>
-									{{ scope.row.remark }}
-								</el-descriptions-item>
-							</el-descriptions>
-						</el-popover>
+						<ModifyRecord :data="scope.row" />
 					</template>
 				</el-table-column>
 				<el-table-column label="操作" width="140" fixed="right" align="center" show-overflow-tooltip>
@@ -102,6 +54,7 @@
 import { onMounted, reactive, ref } from 'vue';
 import { ElMessageBox, ElMessage } from 'element-plus';
 import EditPos from '/@/views/system/pos/component/editPos.vue';
+import ModifyRecord from '/@/components/table/modifyRecord.vue';
 
 import { getAPI } from '/@/utils/axios-utils';
 import { SysPosApi } from '/@/api-services/api';

Web/src/views/system/print/index.vue

@@ -31,55 +31,7 @@
 				</el-table-column>
 				<el-table-column label="修改记录" width="100" align="center" show-overflow-tooltip>
 					<template #default="scope">
-						<el-popover placement="bottom" width="280" trigger="hover">
-							<template #reference>
-								<el-text type="primary">
-									<el-icon><ele-InfoFilled /></el-icon>详情
-								</el-text>
-							</template>
-							<el-descriptions direction="vertical" :column="2" border>
-								<el-descriptions-item width="140">
-									<template #label>
-										<el-text>
-											<el-icon><ele-UserFilled /></el-icon>创建者
-										</el-text>
-									</template>
-									<el-tag>{{ scope.row.createUserName ?? '无' }}</el-tag>
-								</el-descriptions-item>
-								<el-descriptions-item>
-									<template #label>
-										<el-text>
-											<el-icon><ele-Calendar /></el-icon>创建时间
-										</el-text>
-									</template>
-									<el-tag>{{ scope.row.createTime ?? '无' }}</el-tag>
-								</el-descriptions-item>
-								<el-descriptions-item>
-									<template #label>
-										<el-text>
-											<el-icon><ele-UserFilled /></el-icon>修改者
-										</el-text>
-									</template>
-									<el-tag>{{ scope.row.updateUserName ?? '无' }}</el-tag>
-								</el-descriptions-item>
-								<el-descriptions-item>
-									<template #label>
-										<el-text>
-											<el-icon><ele-Calendar /></el-icon>修改时间
-										</el-text>
-									</template>
-									<el-tag>{{ scope.row.updateTime ?? '无' }}</el-tag>
-								</el-descriptions-item>
-								<el-descriptions-item>
-									<template #label>
-										<el-text>
-											<el-icon><ele-Tickets /></el-icon>备注
-										</el-text>
-									</template>
-									{{ scope.row.remark }}
-								</el-descriptions-item>
-							</el-descriptions>
-						</el-popover>
+						<ModifyRecord :data="scope.row" />
 					</template>
 				</el-table-column>
 				<el-table-column label="操作" width="140" fixed="right" align="center" show-overflow-tooltip>
@@ -110,6 +62,7 @@
 import { onMounted, reactive, ref } from 'vue';
 import { ElMessageBox, ElMessage } from 'element-plus';
 import EditPrint from '/@/views/system/print/component/editPrint.vue';
+import ModifyRecord from '/@/components/table/modifyRecord.vue';
 
 import { getAPI } from '/@/utils/axios-utils';
 import { SysPrintApi } from '/@/api-services/api';

Web/src/views/system/role/index.vue

@@ -43,55 +43,7 @@
 				</el-table-column>
 				<el-table-column label="修改记录" width="100" align="center" show-overflow-tooltip>
 					<template #default="scope">
-						<el-popover placement="bottom" width="280" trigger="hover">
-							<template #reference>
-								<el-text type="primary">
-									<el-icon><ele-InfoFilled /></el-icon>详情
-								</el-text>
-							</template>
-							<el-descriptions direction="vertical" :column="2" border>
-								<el-descriptions-item width="140">
-									<template #label>
-										<el-text>
-											<el-icon><ele-UserFilled /></el-icon>创建者
-										</el-text>
-									</template>
-									<el-tag>{{ scope.row.createUserName ?? '无' }}</el-tag>
-								</el-descriptions-item>
-								<el-descriptions-item>
-									<template #label>
-										<el-text>
-											<el-icon><ele-Calendar /></el-icon>创建时间
-										</el-text>
-									</template>
-									<el-tag>{{ scope.row.createTime ?? '无' }}</el-tag>
-								</el-descriptions-item>
-								<el-descriptions-item>
-									<template #label>
-										<el-text>
-											<el-icon><ele-UserFilled /></el-icon>修改者
-										</el-text>
-									</template>
-									<el-tag>{{ scope.row.updateUserName ?? '无' }}</el-tag>
-								</el-descriptions-item>
-								<el-descriptions-item>
-									<template #label>
-										<el-text>
-											<el-icon><ele-Calendar /></el-icon>修改时间
-										</el-text>
-									</template>
-									<el-tag>{{ scope.row.updateTime ?? '无' }}</el-tag>
-								</el-descriptions-item>
-								<el-descriptions-item>
-									<template #label>
-										<el-text>
-											<el-icon><ele-Tickets /></el-icon>备注
-										</el-text>
-									</template>
-									{{ scope.row.remark }}
-								</el-descriptions-item>
-							</el-descriptions>
-						</el-popover>
+						<ModifyRecord :data="scope.row" />
 					</template>
 				</el-table-column>
 				<el-table-column label="操作" width="110" fixed="right" align="center" show-overflow-tooltip>
@@ -133,6 +85,7 @@ import { ElMessageBox, ElMessage } from 'element-plus';
 import { auth } from '/@/utils/authFunction';
 import EditRole from '/@/views/system/role/component/editRole.vue';
 import GrantData from '/@/views/system/role/component/grantData.vue';
+import ModifyRecord from '/@/components/table/modifyRecord.vue';
 
 import { getAPI } from '/@/utils/axios-utils';
 import { SysRoleApi } from '/@/api-services/api';

Web/src/views/system/tenant/index.vue

@@ -65,55 +65,7 @@
 				<el-table-column prop="orderNo" label="排序" width="70" align="center" show-overflow-tooltip />
 				<el-table-column label="修改记录" width="100" align="center" show-overflow-tooltip>
 					<template #default="scope">
-						<el-popover placement="bottom" width="280" trigger="hover">
-							<template #reference>
-								<el-text type="primary">
-									<el-icon><ele-InfoFilled /></el-icon>详情
-								</el-text>
-							</template>
-							<el-descriptions direction="vertical" :column="2" border>
-								<el-descriptions-item width="140">
-									<template #label>
-										<el-text>
-											<el-icon><ele-UserFilled /></el-icon>创建者
-										</el-text>
-									</template>
-									<el-tag>{{ scope.row.createUserName ?? '无' }}</el-tag>
-								</el-descriptions-item>
-								<el-descriptions-item>
-									<template #label>
-										<el-text>
-											<el-icon><ele-Calendar /></el-icon>创建时间
-										</el-text>
-									</template>
-									<el-tag>{{ scope.row.createTime ?? '无' }}</el-tag>
-								</el-descriptions-item>
-								<el-descriptions-item>
-									<template #label>
-										<el-text>
-											<el-icon><ele-UserFilled /></el-icon>修改者
-										</el-text>
-									</template>
-									<el-tag>{{ scope.row.updateUserName ?? '无' }}</el-tag>
-								</el-descriptions-item>
-								<el-descriptions-item>
-									<template #label>
-										<el-text>
-											<el-icon><ele-Calendar /></el-icon>修改时间
-										</el-text>
-									</template>
-									<el-tag>{{ scope.row.updateTime ?? '无' }}</el-tag>
-								</el-descriptions-item>
-								<el-descriptions-item>
-									<template #label>
-										<el-text>
-											<el-icon><ele-Tickets /></el-icon>备注
-										</el-text>
-									</template>
-									{{ scope.row.remark }}
-								</el-descriptions-item>
-							</el-descriptions>
-						</el-popover>
+						<ModifyRecord :data="scope.row" />
 					</template>
 				</el-table-column>
 				<el-table-column label="操作" width="180" fixed="right" align="center" show-overflow-tooltip>
@@ -156,6 +108,7 @@ import { onMounted, reactive, ref } from 'vue';
 import { ElMessageBox, ElMessage } from 'element-plus';
 import EditTenant from '/@/views/system/tenant/component/editTenant.vue';
 import GrantMenu from '/@/views/system/tenant/component/grantMenu.vue';
+import ModifyRecord from '/@/components/table/modifyRecord.vue';
 
 import { getAPI } from '/@/utils/axios-utils';
 import { SysTenantApi } from '/@/api-services/api';

Web/src/views/system/user/index.vue

@@ -72,55 +72,7 @@
 						<el-table-column prop="orderNo" label="排序" width="70" align="center" show-overflow-tooltip />
 						<el-table-column label="修改记录" width="100" align="center" show-overflow-tooltip>
 							<template #default="scope">
-								<el-popover placement="bottom" width="280" trigger="hover">
-									<template #reference>
-										<el-text type="primary">
-											<el-icon><ele-InfoFilled /></el-icon>详情
-										</el-text>
-									</template>
-									<el-descriptions direction="vertical" :column="2" border>
-										<el-descriptions-item width="140">
-											<template #label>
-												<el-text>
-													<el-icon><ele-UserFilled /></el-icon>创建者
-												</el-text>
-											</template>
-											<el-tag>{{ scope.row.createUserName ?? '无' }}</el-tag>
-										</el-descriptions-item>
-										<el-descriptions-item>
-											<template #label>
-												<el-text>
-													<el-icon><ele-Calendar /></el-icon>创建时间
-												</el-text>
-											</template>
-											<el-tag>{{ scope.row.createTime ?? '无' }}</el-tag>
-										</el-descriptions-item>
-										<el-descriptions-item>
-											<template #label>
-												<el-text>
-													<el-icon><ele-UserFilled /></el-icon>修改者
-												</el-text>
-											</template>
-											<el-tag>{{ scope.row.updateUserName ?? '无' }}</el-tag>
-										</el-descriptions-item>
-										<el-descriptions-item>
-											<template #label>
-												<el-text>
-													<el-icon><ele-Calendar /></el-icon>修改时间
-												</el-text>
-											</template>
-											<el-tag>{{ scope.row.updateTime ?? '无' }}</el-tag>
-										</el-descriptions-item>
-										<el-descriptions-item>
-											<template #label>
-												<el-text>
-													<el-icon><ele-Tickets /></el-icon>备注
-												</el-text>
-											</template>
-											{{ scope.row.remark }}
-										</el-descriptions-item>
-									</el-descriptions>
-								</el-popover>
+								<ModifyRecord :data="scope.row" />
 							</template>
 						</el-table-column>
 						<el-table-column label="操作" width="110" align="center" fixed="right" show-overflow-tooltip>
@@ -165,6 +117,7 @@ import { ElMessageBox, ElMessage } from 'element-plus';
 import { auth } from '/@/utils/authFunction';
 import OrgTree from '/@/views/system/org/component/orgTree.vue';
 import EditUser from '/@/views/system/user/component/editUser.vue';
+import ModifyRecord from '/@/components/table/modifyRecord.vue';
 
 import { getAPI } from '/@/utils/axios-utils';
 import { SysUserApi, SysOrgApi } from '/@/api-services/api';