From d2aa4c1207147c10d9f03202701c68c80ed87477 Mon Sep 17 00:00:00 2001
From: ZhuRui <GodRuiCollection@163.com>
Date: Thu, 6 Aug 2026 17:37:37 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E8=B5=9B=E4=BA=8B=E6=93=8D=E4=BD=9C?=
 =?UTF-8?q?=E6=97=A5=E5=BF=97=E9=A1=B5=E9=9D=A2=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/events/logs/index.tsx               | 24 +++++++++++++++----
 .../events/users/model/useUserColumns.tsx     |  2 ++
 src/pages/events/users/model/useUserModel.ts  |  2 +-
 3 files changed, 22 insertions(+), 6 deletions(-)

diff --git a/src/pages/events/logs/index.tsx b/src/pages/events/logs/index.tsx
index 087687c..57ea258 100644
--- a/src/pages/events/logs/index.tsx
+++ b/src/pages/events/logs/index.tsx
@@ -7,7 +7,7 @@ import {
   Form,
   Space,
   Select,
-  Tooltip,
+  Modal,
   Pagination,
 } from 'ant-design-vue';
 import { useLogModel, ACTION_TYPE_OPTIONS, ACTION_SOURCE_OPTIONS } from './model/useLogModel';
@@ -24,6 +24,7 @@ const LogContentCell = defineComponent({
   setup(props) {
     const textRef = ref<HTMLElement | null>(null);
     const [overflow, setOverflow] = useState(false);
+    const [modalOpen, setModalOpen] = useState(false);
     const checkOverflow = () => {
       const el = textRef.value;
       if (el) setOverflow(el.scrollHeight > el.clientHeight);
@@ -47,10 +48,23 @@ const LogContentCell = defineComponent({
             {raw}
           </div>
           {overflow.value ? (
-            <Tooltip title={raw} placement="topLeft">
-              <span class="log-content-view">查看</span>
-            </Tooltip>
+            <span class="log-content-view" onClick={() => setModalOpen(true)}>
+              查看
+            </span>
           ) : null}
+          <Modal
+            visible={modalOpen.value}
+            title="操作内容"
+            footer={null}
+            width={600}
+            centered
+            destroyOnClose
+            onCancel={() => setModalOpen(false)}
+          >
+            <div style={{ whiteSpace: 'pre-wrap', wordBreak: 'break-all', lineHeight: 1.8 }}>
+              {raw}
+            </div>
+          </Modal>
         </div>
       );
     };
@@ -93,7 +107,7 @@ export default defineComponent({
       record: any;
       index: number;
     }) => {
-      if (column.key === 'content') {
+      if (column.key === 'obj') {
         const raw = text || '';
         return raw ? <LogContentCell text={raw} /> : <span>--</span>;
       }
diff --git a/src/pages/events/users/model/useUserColumns.tsx b/src/pages/events/users/model/useUserColumns.tsx
index 2e7a457..6a11888 100644
--- a/src/pages/events/users/model/useUserColumns.tsx
+++ b/src/pages/events/users/model/useUserColumns.tsx
@@ -1,4 +1,5 @@
 import { Image, Space } from 'ant-design-vue';
+import { EyeOutlined } from '@ant-design/icons-vue';
 import { StatusTag } from '@/components';
 import { STATUS_MAP } from './config';
 
@@ -77,6 +78,7 @@ export function useUserColumns() {
                 width={40}
                 height={40}
                 style={{ objectFit: 'cover', borderRadius: '4px', cursor: 'pointer' }}
+                previewMask={() => <EyeOutlined />}
               />
             ))}
           </Space>
diff --git a/src/pages/events/users/model/useUserModel.ts b/src/pages/events/users/model/useUserModel.ts
index 06dc821..af393ca 100644
--- a/src/pages/events/users/model/useUserModel.ts
+++ b/src/pages/events/users/model/useUserModel.ts
@@ -117,7 +117,7 @@ export function useUserModel() {
 
     Modal.confirm({
       title: `${actionText}确认`,
-      content: `确认${actionText}用户"${record.realName}"吗？`,
+      content: `确认${actionText}用户"${record.nickname}"吗？`,
       okText: '确认',
       cancelText: '取消',
       onOk: async () => {