From 3e172a1d533c62d84c30d81421d8739437466a32 Mon Sep 17 00:00:00 2001
From: ZhangAo <hi_itao@163.com>
Date: Mon, 23 Mar 2026 17:29:20 +0800
Subject: [PATCH] u

---
 .../g3soft/controller/DataListController.java |    6 +
 .../g3soft/controller/DataSaveController.java |    6 +-
 .../cn/g3soft/controller/FileController.java  |   15 +-
 .../ocr-uniapp/src/pages-sub/upload/index.vue |  109 +-
 .../ocr-uniapp/src/request/api.ts             |   21 +-
 .../ocr-uniapp/src/utils/file.ts              |    2 +-
 code/container-ocr/ocr-vue/.env               |    4 +-
 code/container-ocr/ocr-vue/components.d.ts    |    8 +
 code/container-ocr/ocr-vue/package.json       |    6 +-
 code/container-ocr/ocr-vue/pnpm-lock.yaml     |  532 +++++++-
 .../ocr-vue/src/components/g3-file/index.vue  | 1207 +++++++++++++++++
 .../src/components/wang-editor/config.ts      |   63 +
 .../src/components/wang-editor/index.vue      |  236 ++++
 .../wang-editor/modules/directory.vue         |  169 +++
 .../wang-editor/modules/preview.vue           |  133 ++
 .../ocr-vue/src/layout/components/menu.vue    |   29 +-
 code/container-ocr/ocr-vue/src/request/api.js |   30 +-
 code/container-ocr/ocr-vue/src/utils/diff.js  |   74 +
 code/container-ocr/ocr-vue/src/utils/file.js  |  366 +++++
 .../ocr-vue/src/views/system/module/index.vue |  588 ++++----
 .../system/oa/notice/category-dialog.vue      |  546 ++++++++
 .../views/system/oa/notice/edit-drawer.vue    |  174 +++
 .../src/views/system/oa/notice/index.vue      |  374 ++++-
 .../src/views/system/oa/reminder/index.vue    |  469 ++++++-
 .../system/oa/reminder/popupTextarea.vue      |   64 +
 code/g3hd-old/g3hd-vue/src/utils/file.js      |    2 +-
 26 files changed, 4820 insertions(+), 413 deletions(-)
 create mode 100644 code/container-ocr/ocr-vue/src/components/g3-file/index.vue
 create mode 100644 code/container-ocr/ocr-vue/src/components/wang-editor/config.ts
 create mode 100644 code/container-ocr/ocr-vue/src/components/wang-editor/index.vue
 create mode 100644 code/container-ocr/ocr-vue/src/components/wang-editor/modules/directory.vue
 create mode 100644 code/container-ocr/ocr-vue/src/components/wang-editor/modules/preview.vue
 create mode 100644 code/container-ocr/ocr-vue/src/utils/file.js
 create mode 100644 code/container-ocr/ocr-vue/src/views/system/oa/notice/category-dialog.vue
 create mode 100644 code/container-ocr/ocr-vue/src/views/system/oa/notice/edit-drawer.vue
 create mode 100644 code/container-ocr/ocr-vue/src/views/system/oa/reminder/popupTextarea.vue

diff --git a/code/container-ocr/ocr-springboot/src/main/java/cn/g3soft/controller/DataListController.java b/code/container-ocr/ocr-springboot/src/main/java/cn/g3soft/controller/DataListController.java
index 27f3324f..98b6d629 100644
--- a/code/container-ocr/ocr-springboot/src/main/java/cn/g3soft/controller/DataListController.java
+++ b/code/container-ocr/ocr-springboot/src/main/java/cn/g3soft/controller/DataListController.java
@@ -3,6 +3,7 @@ package cn.g3soft.controller;
 import cn.g3soft.utils.DbUtils;
 import cn.g3soft.utils.Result;
 import cn.g3soft.utils.ValidationUtils;
+import cn.g3soft.utils.uniqueId.idgen.UniqueId;
 import org.apache.commons.lang3.StringUtils;
 import org.springframework.web.bind.annotation.PostMapping;
 import org.springframework.web.bind.annotation.RequestBody;
@@ -164,4 +165,9 @@ public class DataListController {
 
         return Result.ok(list.get(0));
     }
+
+    @PostMapping("/getUniqueId")
+    public Result<Long> getUniqueId(){
+        return Result.ok(UniqueId.nextId());
+    }
 }
diff --git a/code/container-ocr/ocr-springboot/src/main/java/cn/g3soft/controller/DataSaveController.java b/code/container-ocr/ocr-springboot/src/main/java/cn/g3soft/controller/DataSaveController.java
index 4c195d2a..96a8b1fe 100644
--- a/code/container-ocr/ocr-springboot/src/main/java/cn/g3soft/controller/DataSaveController.java
+++ b/code/container-ocr/ocr-springboot/src/main/java/cn/g3soft/controller/DataSaveController.java
@@ -192,13 +192,13 @@ public class DataSaveController {
         return Result.ok();
     }
 
-    @PostMapping("/deleteModule")
+    @PostMapping("/deleteObject")
     @Transactional(rollbackFor = Exception.class)
     public Result<Map<String, Integer>> deleteModule(@RequestBody Map<String, Object> params) {
-        ValidationUtils.checkRequiredFields(params, "moduleId", "Id");
+        ValidationUtils.checkRequiredFields(params, "moduleId", "id");
 
         String moduleId = params.get("moduleId").toString();
-        String id = params.get("Id").toString();
+        String id = params.get("id").toString();
 
         Map<String, Integer> operationCounts = new LinkedHashMap<>();
         operationCounts.put("total", 0);
diff --git a/code/container-ocr/ocr-springboot/src/main/java/cn/g3soft/controller/FileController.java b/code/container-ocr/ocr-springboot/src/main/java/cn/g3soft/controller/FileController.java
index edd5f85d..0ac8345e 100644
--- a/code/container-ocr/ocr-springboot/src/main/java/cn/g3soft/controller/FileController.java
+++ b/code/container-ocr/ocr-springboot/src/main/java/cn/g3soft/controller/FileController.java
@@ -21,13 +21,13 @@ public class FileController {
 
     @PostMapping("/getAliyunKey")
     public Result<Map<String,Object>> getAliyunKey(@RequestBody Map<String, Object> params) {
-        ValidationUtils.checkRequiredFields(params, "bucket");
+        ValidationUtils.checkRequiredFields(params, "bucketName");
 
-        String bucket = (String) params.get("bucket");
+        String bucketName = (String) params.get("bucketName");
 
         String orgId = UserContext.get().getOrgId();
 
-        String requestUrl = "http://g3oss.g3soft.cn:8082/upload?orgid=" + orgId + "&bucket=" + bucket;
+        String requestUrl = "http://g3oss.g3soft.cn:8082/upload?orgid=" + orgId + "&bucket=" + bucketName;
         String reqResult = HttpUtils.sendGet(requestUrl);
 
         Map<String, Object> objectMap = JsonUtils.toMap(reqResult);
@@ -37,19 +37,22 @@ public class FileController {
 
     @PostMapping("/insert")
     @Transactional(rollbackFor = Exception.class)
-    public Result<Void> insertFile(@RequestBody Map<String,Object> params) {
+    public Result<Long> insertFile(@RequestBody Map<String,Object> params) {
         ValidationUtils.checkRequiredFields(params, "father", "mx_xh", "mx_filename", "mx_filesize", "mx_mapfilename", "mx_moduleid");
 
         String userId = UserContext.get().getUserId();
 
-        params.put("subid", UniqueId.nextId());
+        long nextId = UniqueId.nextId();
+
+        params.put("subid", nextId);
         params.put("mx_inputuser_id",userId);
         params.put("mx_inputdatetime", TimeUtils.getDateTime());
 
         dbUtils.insert("bf_file","subid",params);
 
-        return Result.ok();
+        return Result.ok(nextId);
     }
+
     @PostMapping("/delete")
     @Transactional(rollbackFor = Exception.class)
     public Result<Void> deleteFile(@RequestBody Map<String, Object> params) {
diff --git a/code/container-ocr/ocr-uniapp/src/pages-sub/upload/index.vue b/code/container-ocr/ocr-uniapp/src/pages-sub/upload/index.vue
index d366ccc4..d3c89049 100644
--- a/code/container-ocr/ocr-uniapp/src/pages-sub/upload/index.vue
+++ b/code/container-ocr/ocr-uniapp/src/pages-sub/upload/index.vue
@@ -1,7 +1,8 @@
 <script lang="ts" setup>
-import { toast } from 'sard-uniapp'
-import { deleteAliyunFileApi, recognizeOcrBoxApi } from '@/request/api'
-import { imageCompress, uploadFileToAliyun } from '@/utils/file'
+import type { UploadFile, UploadFileItem } from 'sard-uniapp'
+import { dialog, isImageUrl, isVideoUrl, toast } from 'sard-uniapp'
+import { aliyunpluploadApi, deleteAliyunFileApi, deleteFileApi, recognizeOcrBoxApi } from '@/request/api'
+import { downloadFile, formatFileSize, getFileExtension, imageCompress, isImage, uploadFileToAliyun } from '@/utils/file'
 
 const boxImage = ref('')
 
@@ -10,10 +11,13 @@ const isError = ref(false)
 const ocrScore = ref('0.00')
 
 const form = ref({
+  b_id: 0,
   boxNumber: '',
   boxImageUrl: '',
 })
 
+const subFileList = ref([])
+
 const otherImages = ref([])
 
 function handleChooseBox() {
@@ -76,8 +80,6 @@ function handleDeleteBoxImage() {
     transparent: false,
   })
 
-  console.log(form.value.boxImageUrl)
-
   deleteAliyunFileApi(form.value.boxImageUrl).then((res) => {
     if (res.success) {
       boxImage.value = ''
@@ -88,6 +90,94 @@ function handleDeleteBoxImage() {
     }
   })
 }
+
+function onItemClick(fileItem: UploadFileItem) {
+  console.log(fileItem)
+  if (!isImageUrl(fileItem.mx_mapfilename) && !isVideoUrl(fileItem.mx_mapfilename)) {
+    downloadFile(fileItem.mx_mapfilename, fileItem.name)
+  }
+}
+
+function beforeRead(file: UploadFile): boolean | Promise<UploadFile> {
+  // 非图片直接允许上传
+  if (!isImage(file.name))
+    return true
+
+  // 图片异步压缩，返回修改后的 UploadFile 对象
+  return imageCompress(file.path).then((res) => {
+    file.path = res.path
+    file.size = res.size
+    return file
+  }).catch((err) => {
+    console.error('图片压缩失败：', err)
+    return file
+  })
+}
+
+async function afterRead(fileItem: UploadFileItem) {
+  fileItem.isUpload = false
+
+  subFileList.value = [...subFileList.value]
+}
+
+function beforeRemove(index: number, fileItem: UploadFileItem): boolean | Promise<void> {
+  console.log(fileItem)
+
+  return new Promise((resolve, reject) => {
+    dialog.confirm({
+      title: '提示',
+      message: `确定删除该张图片吗？`,
+      onConfirm: () => resolve(),
+      onCancel: () => reject(),
+      onClose: () => reject(),
+    })
+  })
+}
+
+function onRemove(index: number, item: UploadFileItem) {
+  console.log(item)
+
+  if (!item.isUpload) {
+    return
+  }
+
+  deleteFileApi(item.b_id).then((res) => {
+    if (res.success) {
+      toast.success('删除成功')
+    }
+  })
+}
+
+async function handleConfirm() {
+  subFileList.value.forEach(async (fileItem, index) => {
+    // 上传到阿里云
+    const res = await uploadFileToAliyun(
+      fileItem.file.path,
+      fileItem.file.name,
+      fileItem.file.type,
+    )
+
+    if (!res.url)
+      throw new Error('上传失败：未获取到文件 URL')
+
+    // 调用后端接口保存文件信息
+    const saveRes = await aliyunpluploadApi({
+      father: form.value.b_id,
+      mx_xh: index,
+      mx_filename: fileItem.file.name,
+      mx_filesize: fileItem.file.size,
+      mx_fileext: getFileExtension(fileItem.file.name),
+      mx_mapfilename: res.url,
+      mx_moduleid: 'b_container',
+      mx_cate_id: '1',
+    })
+
+    if (saveRes.success) {
+      fileItem.isUpload = true
+      fileItem.b_id = saveRes.data
+    }
+  })
+}
 </script>
 
 <template>
@@ -174,8 +264,13 @@ function handleDeleteBoxImage() {
         </view>
         <view class="step-content">
           <sar-upload
-            v-model="otherImages"
+            v-model="subFileList"
             multiple
+            :after-read="afterRead"
+            :before-read="beforeRead"
+            :before-remove="beforeRemove"
+            @item-click="onItemClick"
+            @remove="onRemove"
           />
         </view>
       </view>
@@ -183,7 +278,7 @@ function handleDeleteBoxImage() {
 
     <view class="g3-footer">
       <view class="footer-main">
-        <view class="submit-btn">
+        <view class="submit-btn" @click="handleConfirm">
           确认上传
         </view>
       </view>
diff --git a/code/container-ocr/ocr-uniapp/src/request/api.ts b/code/container-ocr/ocr-uniapp/src/request/api.ts
index c3efe9b2..b7237d24 100644
--- a/code/container-ocr/ocr-uniapp/src/request/api.ts
+++ b/code/container-ocr/ocr-uniapp/src/request/api.ts
@@ -13,7 +13,7 @@ export function loginApi(params: LoginParams) {
 }
 
 interface GetaliyunkeyParams {
-  bucket: string
+  bucketName: string
 }
 
 export function getaliyunkeyApi(params: GetaliyunkeyParams) {
@@ -21,11 +21,12 @@ export function getaliyunkeyApi(params: GetaliyunkeyParams) {
 }
 
 interface AliyunpluploadParams {
-  despathfile: string
-  myfilename: string
-  size: string
-  tablename: string
-  sid: string
+  father: number
+  mx_xh: number
+  mx_filename: string
+  mx_filesize: string
+  mx_fileext: string
+  mx_mapfilename: string
   mx_moduleid: string
   mx_cate_id: string
 }
@@ -41,6 +42,14 @@ export function recognizeOcrBoxApi(params: OcrBoxRequest) {
   return httpPost(`/ocr/box`, params)
 }
 
+export function deleteFileApi(id) {
+  return httpPost(`file/delete`, {
+    id,
+    tableName: 'bf_file',
+    bucketName: aliyunBucket,
+  })
+}
+
 export function deleteAliyunFileApi(fileUrl) {
   return httpPost(`/file/deleteAliyunFile`, {
     bucketName: aliyunBucket,
diff --git a/code/container-ocr/ocr-uniapp/src/utils/file.ts b/code/container-ocr/ocr-uniapp/src/utils/file.ts
index f2e8500e..2dc31f05 100644
--- a/code/container-ocr/ocr-uniapp/src/utils/file.ts
+++ b/code/container-ocr/ocr-uniapp/src/utils/file.ts
@@ -133,7 +133,7 @@ export async function uploadFileToAliyun(
 ): Promise<AliyunUploadResult> {
   // 获取 OSS 临时上传凭证
   const keyRes = await getaliyunkeyApi({
-    bucket: aliyunBucket,
+    bucketName: aliyunBucket,
   })
   const { accessid, callback, dir, host, policy, signature } = keyRes.data
 
diff --git a/code/container-ocr/ocr-vue/.env b/code/container-ocr/ocr-vue/.env
index f08567a8..ad692ace 100644
--- a/code/container-ocr/ocr-vue/.env
+++ b/code/container-ocr/ocr-vue/.env
@@ -10,4 +10,6 @@ PUBLIC_SERVER_PORT=3000
 
 # API
 # 后端 API 基础地址
-PUBLIC_API_BASE_URL=http://127.0.0.1:8085/api
\ No newline at end of file
+PUBLIC_API_BASE_URL=http://127.0.0.1:8085/api
+
+PUBLIC_ALIYUN_BUCKET = g3hy
\ No newline at end of file
diff --git a/code/container-ocr/ocr-vue/components.d.ts b/code/container-ocr/ocr-vue/components.d.ts
index d8e2d0ac..d1153be7 100644
--- a/code/container-ocr/ocr-vue/components.d.ts
+++ b/code/container-ocr/ocr-vue/components.d.ts
@@ -11,7 +11,10 @@ export {}
 /* prettier-ignore */
 declare module 'vue' {
   export interface GlobalComponents {
+    Directory: typeof import('./src/components/wang-editor/modules/directory.vue')['default']
+    ElAlert: typeof import('element-plus/es')['ElAlert']
     ElButton: typeof import('element-plus/es')['ElButton']
+    ElCard: typeof import('element-plus/es')['ElCard']
     ElCheckbox: typeof import('element-plus/es')['ElCheckbox']
     ElDatePicker: typeof import('element-plus/es')['ElDatePicker']
     ElDialog: typeof import('element-plus/es')['ElDialog']
@@ -20,6 +23,8 @@ declare module 'vue' {
     ElDropdownItem: typeof import('element-plus/es')['ElDropdownItem']
     ElDropdownMenu: typeof import('element-plus/es')['ElDropdownMenu']
     ElIcon: typeof import('element-plus/es')['ElIcon']
+    ElImage: typeof import('element-plus/es')['ElImage']
+    ElImageViewer: typeof import('element-plus/es')['ElImageViewer']
     ElInput: typeof import('element-plus/es')['ElInput']
     ElMenu: typeof import('element-plus/es')['ElMenu']
     ElMenuItem: typeof import('element-plus/es')['ElMenuItem']
@@ -41,6 +46,7 @@ declare module 'vue' {
     ElTree: typeof import('element-plus/es')['ElTree']
     G3Column: typeof import('./src/components/g3-table/g3-column.vue')['default']
     G3Detail: typeof import('./src/components/g3-detail/index.vue')['default']
+    G3File: typeof import('./src/components/g3-file/index.vue')['default']
     G3Grid: typeof import('./src/components/g3-grid/g3-grid.vue')['default']
     G3GridGroup: typeof import('./src/components/g3-grid/g3-grid-group.vue')['default']
     G3GridItem: typeof import('./src/components/g3-grid/g3-grid-item.vue')['default']
@@ -48,8 +54,10 @@ declare module 'vue' {
     G3RecursiveColumn: typeof import('./src/components/g3-table/g3-recursive-column.vue')['default']
     G3Select: typeof import('./src/components/g3-select/index.vue')['default']
     G3TableView: typeof import('./src/components/g3-table/g3-table-view.vue')['default']
+    Preview: typeof import('./src/components/wang-editor/modules/preview.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
+    WangEditor: typeof import('./src/components/wang-editor/index.vue')['default']
   }
   export interface GlobalDirectives {
     vLoading: typeof import('element-plus/es')['ElLoadingDirective']
diff --git a/code/container-ocr/ocr-vue/package.json b/code/container-ocr/ocr-vue/package.json
index ff434208..03097d03 100644
--- a/code/container-ocr/ocr-vue/package.json
+++ b/code/container-ocr/ocr-vue/package.json
@@ -9,8 +9,12 @@
     "preview": "rsbuild preview"
   },
   "dependencies": {
+    "@element-plus/icons-vue": "^2.3.2",
     "@iconify/vue": "^5.0.0",
+    "@wangeditor/editor": "^5.1.23",
+    "@wangeditor/editor-for-vue": "^5.1.12",
     "axios": "^1.13.6",
+    "dayjs": "^1.11.20",
     "element-plus": "^2.13.3",
     "lodash": "^4.17.23",
     "mitt": "^3.0.1",
@@ -35,8 +39,8 @@
     "@rsbuild/plugin-vue-jsx": "^1.1.2",
     "oxfmt": "^0.40.0",
     "resize-observer-polyfill": "^1.5.1",
-    "unplugin-icons": "^23.0.1",
     "unplugin-auto-import": "^21.0.0",
+    "unplugin-icons": "^23.0.1",
     "unplugin-vue-components": "^31.0.0"
   }
 }
diff --git a/code/container-ocr/ocr-vue/pnpm-lock.yaml b/code/container-ocr/ocr-vue/pnpm-lock.yaml
index 602877a3..b82179dd 100644
--- a/code/container-ocr/ocr-vue/pnpm-lock.yaml
+++ b/code/container-ocr/ocr-vue/pnpm-lock.yaml
@@ -8,12 +8,24 @@ importers:
 
   .:
     dependencies:
+      '@element-plus/icons-vue':
+        specifier: ^2.3.2
+        version: 2.3.2(vue@3.5.30)
       '@iconify/vue':
         specifier: ^5.0.0
         version: 5.0.0(vue@3.5.30)
+      '@wangeditor/editor':
+        specifier: ^5.1.23
+        version: 5.1.23
+      '@wangeditor/editor-for-vue':
+        specifier: ^5.1.12
+        version: 5.1.12(@wangeditor/editor@5.1.23)(vue@3.5.30)
       axios:
         specifier: ^1.13.6
         version: 1.13.6
+      dayjs:
+        specifier: ^1.11.20
+        version: 1.11.20
       element-plus:
         specifier: ^2.13.3
         version: 2.13.5(vue@3.5.30)
@@ -32,12 +44,6 @@ importers:
       pinia-plugin-persistedstate:
         specifier: ^4.7.1
         version: 4.7.1(pinia@3.0.4(vue@3.5.30))
-      unplugin-auto-import:
-        specifier: ^21.0.0
-        version: 21.0.0(@vueuse/core@12.0.0)
-      unplugin-vue-components:
-        specifier: ^31.0.0
-        version: 31.0.0(vue@3.5.30)
       uuid:
         specifier: ^13.0.0
         version: 13.0.0
@@ -87,9 +93,15 @@ importers:
       resize-observer-polyfill:
         specifier: ^1.5.1
         version: 1.5.1
+      unplugin-auto-import:
+        specifier: ^21.0.0
+        version: 21.0.0(@vueuse/core@12.0.0)
       unplugin-icons:
         specifier: ^23.0.1
         version: 23.0.1(@vue/compiler-sfc@3.5.30)
+      unplugin-vue-components:
+        specifier: ^31.0.0
+        version: 31.0.0(vue@3.5.30)
 
 packages:
 
@@ -231,6 +243,10 @@ packages:
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
+  '@babel/runtime@7.29.2':
+    resolution: {integrity: sha512-JiDShH45zKHWyGe4ZNVRrCjBz8Nh9TMmZG1kh4QTK8hCBTWBi8Da+i7s1fJw7/lYpM4ccepSNfqzZ/QvABBi5g==}
+    engines: {node: '>=6.9.0'}
+
   '@babel/template@7.28.6':
     resolution: {integrity: sha512-YA6Ma2KsCdGb+WC6UpBVFJGXL58MDA6oyONbjyF/+5sBgxY/dwkhLogbMT2GXXyU84/IhRw/2D1Os1B/giz+BQ==}
     engines: {node: '>=6.9.0'}
@@ -371,48 +387,56 @@ packages:
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [linux]
+    libc: [glibc]
 
   '@oxfmt/binding-linux-arm64-musl@0.40.0':
     resolution: {integrity: sha512-tGmWhLD/0YMotCdfezlT6tC/MJG/wKpo4vnQ3Cq+4eBk/BwNv7EmkD0VkD5F/dYkT3b8FNU01X2e8vvJuWoM1w==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [linux]
+    libc: [musl]
 
   '@oxfmt/binding-linux-ppc64-gnu@0.40.0':
     resolution: {integrity: sha512-rVbFyM3e7YhkVnp0IVYjaSHfrBWcTRWb60LEcdNAJcE2mbhTpbqKufx0FrhWfoxOrW/+7UJonAOShoFFLigDqQ==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [ppc64]
     os: [linux]
+    libc: [glibc]
 
   '@oxfmt/binding-linux-riscv64-gnu@0.40.0':
     resolution: {integrity: sha512-3ZqBw14JtWeEoLiioJcXSJz8RQyPE+3jLARnYM1HdPzZG4vk+Ua8CUupt2+d+vSAvMyaQBTN2dZK+kbBS/j5mA==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [riscv64]
     os: [linux]
+    libc: [glibc]
 
   '@oxfmt/binding-linux-riscv64-musl@0.40.0':
     resolution: {integrity: sha512-JJ4PPSdcbGBjPvb+O7xYm2FmAsKCyuEMYhqatBAHMp/6TA6rVlf9Z/sYPa4/3Bommb+8nndm15SPFRHEPU5qFA==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [riscv64]
     os: [linux]
+    libc: [musl]
 
   '@oxfmt/binding-linux-s390x-gnu@0.40.0':
     resolution: {integrity: sha512-Kp0zNJoX9Ik77wUya2tpBY3W9f40VUoMQLWVaob5SgCrblH/t2xr/9B2bWHfs0WCefuGmqXcB+t0Lq77sbBmZw==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [s390x]
     os: [linux]
+    libc: [glibc]
 
   '@oxfmt/binding-linux-x64-gnu@0.40.0':
     resolution: {integrity: sha512-7YTCNzleWTaQTqNGUNQ66qVjpoV6DjbCOea+RnpMBly2bpzrI/uu7Rr+2zcgRfNxyjXaFTVQKaRKjqVdeUfeVA==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [linux]
+    libc: [glibc]
 
   '@oxfmt/binding-linux-x64-musl@0.40.0':
     resolution: {integrity: sha512-hWnSzJ0oegeOwfOEeejYXfBqmnRGHusgtHfCPzmvJvHTwy1s3Neo59UKc1CmpE3zxvrCzJoVHos0rr97GHMNPw==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [linux]
+    libc: [musl]
 
   '@oxfmt/binding-openharmony-arm64@0.40.0':
     resolution: {integrity: sha512-28sJC1lR4qtBJGzSRRbPnSW3GxU2+4YyQFE6rCmsUYqZ5XYH8jg0/w+CvEzQ8TuAQz5zLkcA25nFQGwoU0PT3Q==}
@@ -467,36 +491,42 @@ packages:
     engines: {node: '>= 10.0.0'}
     cpu: [arm]
     os: [linux]
+    libc: [glibc]
 
   '@parcel/watcher-linux-arm-musl@2.5.6':
     resolution: {integrity: sha512-Ve3gUCG57nuUUSyjBq/MAM0CzArtuIOxsBdQ+ftz6ho8n7s1i9E1Nmk/xmP323r2YL0SONs1EuwqBp2u1k5fxg==}
     engines: {node: '>= 10.0.0'}
     cpu: [arm]
     os: [linux]
+    libc: [musl]
 
   '@parcel/watcher-linux-arm64-glibc@2.5.6':
     resolution: {integrity: sha512-f2g/DT3NhGPdBmMWYoxixqYr3v/UXcmLOYy16Bx0TM20Tchduwr4EaCbmxh1321TABqPGDpS8D/ggOTaljijOA==}
     engines: {node: '>= 10.0.0'}
     cpu: [arm64]
     os: [linux]
+    libc: [glibc]
 
   '@parcel/watcher-linux-arm64-musl@2.5.6':
     resolution: {integrity: sha512-qb6naMDGlbCwdhLj6hgoVKJl2odL34z2sqkC7Z6kzir8b5W65WYDpLB6R06KabvZdgoHI/zxke4b3zR0wAbDTA==}
     engines: {node: '>= 10.0.0'}
     cpu: [arm64]
     os: [linux]
+    libc: [musl]
 
   '@parcel/watcher-linux-x64-glibc@2.5.6':
     resolution: {integrity: sha512-kbT5wvNQlx7NaGjzPFu8nVIW1rWqV780O7ZtkjuWaPUgpv2NMFpjYERVi0UYj1msZNyCzGlaCWEtzc+exjMGbQ==}
     engines: {node: '>= 10.0.0'}
     cpu: [x64]
     os: [linux]
+    libc: [glibc]
 
   '@parcel/watcher-linux-x64-musl@2.5.6':
     resolution: {integrity: sha512-1JRFeC+h7RdXwldHzTsmdtYR/Ku8SylLgTU/reMuqdVD7CtLwf0VR1FqeprZ0eHQkO0vqsbvFLXUmYm/uNKJBg==}
     engines: {node: '>= 10.0.0'}
     cpu: [x64]
     os: [linux]
+    libc: [musl]
 
   '@parcel/watcher-win32-arm64@2.5.6':
     resolution: {integrity: sha512-3ukyebjc6eGlw9yRt678DxVF7rjXatWiHvTXqphZLvo7aC5NdEgFufVwjFfY51ijYEWpXbqF5jtrK275z52D4Q==}
@@ -579,21 +609,25 @@ packages:
     resolution: {integrity: sha512-dD6gSHA18Uj0eqc1FCwwQ5IO5mIckrpYN4H4kPk9Pjau+1mxWvC4y5Lryz1Z8P/Rh1lnQ/wwGE0XL9nd80+LqQ==}
     cpu: [arm64]
     os: [linux]
+    libc: [glibc]
 
   '@rspack/binding-linux-arm64-musl@1.7.8':
     resolution: {integrity: sha512-m+uBi9mEVGkZ02PPOAYN2BSmmvc00XGa6v9CjV8qLpolpUXQIMzDNG+i1fD5SHp8LO+XWsZJOHypMsT0MzGTGw==}
     cpu: [arm64]
     os: [linux]
+    libc: [musl]
 
   '@rspack/binding-linux-x64-gnu@1.7.8':
     resolution: {integrity: sha512-IAPp2L3yS33MAEkcGn/I1gO+a+WExJHXz2ZlRlL2oFCUGpYi2ZQHyAcJ3o2tJqkXmdqsTiN+OjEVMd/RcLa24g==}
     cpu: [x64]
     os: [linux]
+    libc: [glibc]
 
   '@rspack/binding-linux-x64-musl@1.7.8':
     resolution: {integrity: sha512-do/QNzb4GWdXCsipblDcroqRDR3BFcbyzpZpAw/3j9ajvEqsOKpdHZpILT2NZX/VahhjqfqB3k0kJVt3uK7UYQ==}
     cpu: [x64]
     os: [linux]
+    libc: [musl]
 
   '@rspack/binding-wasm32-wasi@1.7.8':
     resolution: {integrity: sha512-mHtgYTpdhx01i0XNKFYBZyCjtv9YUe/sDfpD1QK4FytPFB+1VpYnmZiaJIMM77VpNsjxGAqWhmUYxi2P6jWifw==}
@@ -635,6 +669,9 @@ packages:
   '@sxzz/popperjs-es@2.11.8':
     resolution: {integrity: sha512-wOwESXvvED3S8xBmcPWHs2dUuzrE4XiZeFu7e1hROIJkm02a49N120pmOXxY33sBb6hArItm5W5tcg1cBtV+HQ==}
 
+  '@transloadit/prettier-bytes@0.0.7':
+    resolution: {integrity: sha512-VeJbUb0wEKbcwaSlj5n+LscBl9IPgLPkHVGBkh00cztv6X4L/TJXK58LzFuBKX7/GAfiGhIwH67YTLTlzvIzBA==}
+
   '@tybys/wasm-util@0.10.1':
     resolution: {integrity: sha512-9tTaPJLSiejZKx+Bmog4uSubteqTvFrVrURwkmHixBo0G4seD0zUxp98E1DzUBJxLQ3NPwXrGKDiVjwx/DpPsg==}
 
@@ -653,6 +690,9 @@ packages:
   '@types/estree@1.0.8':
     resolution: {integrity: sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==}
 
+  '@types/event-emitter@0.3.5':
+    resolution: {integrity: sha512-zx2/Gg0Eg7gwEiOIIh5w9TrhKKTeQh7CPCOPNc0el4pLSwzebA8SmnHwZs2dWlLONvyulykSwGSQxQHLhjGLvQ==}
+
   '@types/lodash-es@4.17.12':
     resolution: {integrity: sha512-0NgftHUcV4v34VhXm8QBSftKVXtbkBG3ViCjs6+eJ5a6y6Mi/jiFGPc1sC7QK+9BFhWrURE3EOggmWaSxL9OzQ==}
 
@@ -662,6 +702,23 @@ packages:
   '@types/web-bluetooth@0.0.20':
     resolution: {integrity: sha512-g9gZnnXVq7gM7v3tJCWV/qw7w+KeOlSHAhgF9RytFyifW6AF61hdT2ucrYhPq9hLs5JIryeupHV3qGk95dH9ow==}
 
+  '@uppy/companion-client@2.2.2':
+    resolution: {integrity: sha512-5mTp2iq97/mYSisMaBtFRry6PTgZA6SIL7LePteOV5x0/DxKfrZW3DEiQERJmYpHzy7k8johpm2gHnEKto56Og==}
+
+  '@uppy/core@2.3.4':
+    resolution: {integrity: sha512-iWAqppC8FD8mMVqewavCz+TNaet6HPXitmGXpGGREGrakZ4FeuWytVdrelydzTdXx6vVKkOmI2FLztGg73sENQ==}
+
+  '@uppy/store-default@2.1.1':
+    resolution: {integrity: sha512-xnpTxvot2SeAwGwbvmJ899ASk5tYXhmZzD/aCFsXePh/v8rNvR2pKlcQUH7cF/y4baUGq3FHO/daKCok/mpKqQ==}
+
+  '@uppy/utils@4.1.3':
+    resolution: {integrity: sha512-nTuMvwWYobnJcytDO3t+D6IkVq/Qs4Xv3vyoEZ+Iaf8gegZP+rEyoaFT2CK5XLRMienPyqRqNbIfRuFaOWSIFw==}
+
+  '@uppy/xhr-upload@2.1.3':
+    resolution: {integrity: sha512-YWOQ6myBVPs+mhNjfdWsQyMRWUlrDLMoaG7nvf/G6Y3GKZf8AyjFDjvvJ49XWQ+DaZOftGkHmF1uh/DBeGivJQ==}
+    peerDependencies:
+      '@uppy/core': ^2.3.3
+
   '@vue-macros/common@3.1.2':
     resolution: {integrity: sha512-h9t4ArDdniO9ekYHAD95t9AZcAbb19lEGK+26iAjUODOIJKmObDNBSe4+6ELQAA3vtYiFPPBtHh7+cQCKi3Dng==}
     engines: {node: '>=20.19.0'}
@@ -748,6 +805,93 @@ packages:
     peerDependencies:
       vue: ^3.2.0
 
+  '@wangeditor/basic-modules@1.1.7':
+    resolution: {integrity: sha512-cY9CPkLJaqF05STqfpZKWG4LpxTMeGSIIF1fHvfm/mz+JXatCagjdkbxdikOuKYlxDdeqvOeBmsUBItufDLXZg==}
+    peerDependencies:
+      '@wangeditor/core': 1.x
+      dom7: ^3.0.0
+      lodash.throttle: ^4.1.1
+      nanoid: ^3.2.0
+      slate: ^0.72.0
+      snabbdom: ^3.1.0
+
+  '@wangeditor/code-highlight@1.0.3':
+    resolution: {integrity: sha512-iazHwO14XpCuIWJNTQTikqUhGKyqj+dUNWJ9288Oym9M2xMVHvnsOmDU2sgUDWVy+pOLojReMPgXCsvvNlOOhw==}
+    peerDependencies:
+      '@wangeditor/core': 1.x
+      dom7: ^3.0.0
+      slate: ^0.72.0
+      snabbdom: ^3.1.0
+
+  '@wangeditor/core@1.1.19':
+    resolution: {integrity: sha512-KevkB47+7GhVszyYF2pKGKtCSj/YzmClsD03C3zTt+9SR2XWT5T0e3yQqg8baZpcMvkjs1D8Dv4fk8ok/UaS2Q==}
+    peerDependencies:
+      '@uppy/core': ^2.1.1
+      '@uppy/xhr-upload': ^2.0.3
+      dom7: ^3.0.0
+      is-hotkey: ^0.2.0
+      lodash.camelcase: ^4.3.0
+      lodash.clonedeep: ^4.5.0
+      lodash.debounce: ^4.0.8
+      lodash.foreach: ^4.5.0
+      lodash.isequal: ^4.5.0
+      lodash.throttle: ^4.1.1
+      lodash.toarray: ^4.4.0
+      nanoid: ^3.2.0
+      slate: ^0.72.0
+      snabbdom: ^3.1.0
+
+  '@wangeditor/editor-for-vue@5.1.12':
+    resolution: {integrity: sha512-0Ds3D8I+xnpNWezAeO7HmPRgTfUxHLMd9JKcIw+QzvSmhC5xUHbpCcLU+KLmeBKTR/zffnS5GQo6qi3GhTMJWQ==}
+    peerDependencies:
+      '@wangeditor/editor': '>=5.1.0'
+      vue: ^3.0.5
+
+  '@wangeditor/editor@5.1.23':
+    resolution: {integrity: sha512-0RxfeVTuK1tktUaPROnCoFfaHVJpRAIE2zdS0mpP+vq1axVQpLjM8+fCvKzqYIkH0Pg+C+44hJpe3VVroSkEuQ==}
+
+  '@wangeditor/list-module@1.0.5':
+    resolution: {integrity: sha512-uDuYTP6DVhcYf7mF1pTlmNn5jOb4QtcVhYwSSAkyg09zqxI1qBqsfUnveeDeDqIuptSJhkh81cyxi+MF8sEPOQ==}
+    peerDependencies:
+      '@wangeditor/core': 1.x
+      dom7: ^3.0.0
+      slate: ^0.72.0
+      snabbdom: ^3.1.0
+
+  '@wangeditor/table-module@1.1.4':
+    resolution: {integrity: sha512-5saanU9xuEocxaemGdNi9t8MCDSucnykEC6jtuiT72kt+/Hhh4nERYx1J20OPsTCCdVr7hIyQenFD1iSRkIQ6w==}
+    peerDependencies:
+      '@wangeditor/core': 1.x
+      dom7: ^3.0.0
+      lodash.isequal: ^4.5.0
+      lodash.throttle: ^4.1.1
+      nanoid: ^3.2.0
+      slate: ^0.72.0
+      snabbdom: ^3.1.0
+
+  '@wangeditor/upload-image-module@1.0.2':
+    resolution: {integrity: sha512-z81lk/v71OwPDYeQDxj6cVr81aDP90aFuywb8nPD6eQeECtOymrqRODjpO6VGvCVxVck8nUxBHtbxKtjgcwyiA==}
+    peerDependencies:
+      '@uppy/core': ^2.0.3
+      '@uppy/xhr-upload': ^2.0.3
+      '@wangeditor/basic-modules': 1.x
+      '@wangeditor/core': 1.x
+      dom7: ^3.0.0
+      lodash.foreach: ^4.5.0
+      slate: ^0.72.0
+      snabbdom: ^3.1.0
+
+  '@wangeditor/video-module@1.1.4':
+    resolution: {integrity: sha512-ZdodDPqKQrgx3IwWu4ZiQmXI8EXZ3hm2/fM6E3t5dB8tCaIGWQZhmqd6P5knfkRAd3z2+YRSRbxOGfoRSp/rLg==}
+    peerDependencies:
+      '@uppy/core': ^2.1.4
+      '@uppy/xhr-upload': ^2.0.7
+      '@wangeditor/core': 1.x
+      dom7: ^3.0.0
+      nanoid: ^3.2.0
+      slate: ^0.72.0
+      snabbdom: ^3.1.0
+
   acorn@8.16.0:
     resolution: {integrity: sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==}
     engines: {node: '>=0.4.0'}
@@ -830,6 +974,9 @@ packages:
     resolution: {integrity: sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==}
     engines: {node: '>= 0.8'}
 
+  compute-scroll-into-view@1.0.20:
+    resolution: {integrity: sha512-UCB0ioiyj8CRjtrvaceBLqqhZCVP+1B8+NWQhmdsm0VXOJtobBCf1dBQmebCCo34qZmUwZfIH2MZLqNHazrfjg==}
+
   confbox@0.1.8:
     resolution: {integrity: sha512-RMtmw0iFkeR4YV+fUOSucriAQNb9g8zFR52MWCtl+cCZOFRNL6zeB395vPzFhEjjn4fMxXudmELnl/KF/WrK6w==}
 
@@ -849,6 +996,10 @@ packages:
   csstype@3.2.3:
     resolution: {integrity: sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==}
 
+  d@1.0.2:
+    resolution: {integrity: sha512-MOqHvMWF9/9MX6nza0KgvFH4HpMU0EF5uUDXqX/BtxtU8NfB0QzRtJ8Oe/6SuS4kbhyzVJwjd97EA4PKrzJ8bw==}
+    engines: {node: '>=0.12'}
+
   dayjs@1.11.20:
     resolution: {integrity: sha512-YbwwqR/uYpeoP4pu043q+LTDLFBLApUP6VxRihdfNTqu4ubqMlGDLd6ErXhEgsyvY0K6nCs7nggYumAN+9uEuQ==}
 
@@ -882,6 +1033,9 @@ packages:
   dom-zindex@1.0.6:
     resolution: {integrity: sha512-FKWIhiU96bi3xpP9ewRMgANsoVmMUBnMnmpCT6dPMZOunVYJQmJhSRruoI0XSPoHeIif3kyEuiHbFrOJwEJaEA==}
 
+  dom7@3.0.0:
+    resolution: {integrity: sha512-oNlcUdHsC4zb7Msx7JN3K0Nro1dzJ48knvBOnDPKJ2GV9wl1i5vydJZUSyOfrkKFDZEud/jBsTk92S/VGSAe/g==}
+
   domelementtype@2.3.0:
     resolution: {integrity: sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==}
 
@@ -936,6 +1090,17 @@ packages:
     resolution: {integrity: sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==}
     engines: {node: '>= 0.4'}
 
+  es5-ext@0.10.64:
+    resolution: {integrity: sha512-p2snDhiLaXe6dahss1LddxqEm+SkuDvV8dnIQG0MWjyHpcMNfXKPE+/Cc0y+PhxJX3A4xGNeFCj5oc0BUh6deg==}
+    engines: {node: '>=0.10'}
+
+  es6-iterator@2.0.3:
+    resolution: {integrity: sha512-zw4SRzoUkd+cl+ZoE15A9o1oQd920Bb0iOJMQkQhl3jNc03YqVjAhG7scf9C5KWRU/R13Orf588uCC6525o02g==}
+
+  es6-symbol@3.1.4:
+    resolution: {integrity: sha512-U9bFFjX8tFiATgtkJ1zg25+KviIXpgRvRHS8sau3GfhVzThRQrOeksPeT0BWW2MNZs1OEWJ1DPXOQMn0KKRkvg==}
+    engines: {node: '>=0.12'}
+
   escalade@3.2.0:
     resolution: {integrity: sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==}
     engines: {node: '>=6'}
@@ -944,15 +1109,25 @@ packages:
     resolution: {integrity: sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==}
     engines: {node: '>=12'}
 
+  esniff@2.0.1:
+    resolution: {integrity: sha512-kTUIGKQ/mDPFoJ0oVfcmyJn4iBDRptjNVIzwIFR7tqWXdVI9xfA2RMwY/gbSpJG3lkdWNEjLap/NqVHZiJsdfg==}
+    engines: {node: '>=0.10'}
+
   estree-walker@2.0.2:
     resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
 
   estree-walker@3.0.3:
     resolution: {integrity: sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==}
 
+  event-emitter@0.3.5:
+    resolution: {integrity: sha512-D9rRn9y7kLPnJ+hMq7S/nhvoKwwvVJahBi2BPmx3bvbsEdK3W9ii8cBSGjP+72/LnM4n6fo3+dkCX5FeTQruXA==}
+
   exsolve@1.0.8:
     resolution: {integrity: sha512-LmDxfWXwcTArk8fUEnOfSZpHOJ6zOMUJKOtFLFqJLoKJetuQG874Uc7/Kki7zFLzYybmZhp1M7+98pfMqeX8yA==}
 
+  ext@1.7.0:
+    resolution: {integrity: sha512-6hxeJYaL110a9b5TEJSj0gojyHQAmA2ch5Os+ySCiA1QGdS697XWY1pzsrSjqA9LDEEgdB/KypIlR59RcLuHYw==}
+
   fdir@6.5.0:
     resolution: {integrity: sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==}
     engines: {node: '>=12.0.0'}
@@ -1013,9 +1188,18 @@ packages:
   hookable@5.5.3:
     resolution: {integrity: sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ==}
 
+  html-void-elements@2.0.1:
+    resolution: {integrity: sha512-0quDb7s97CfemeJAnW9wC0hw78MtW7NU3hqtCD75g2vFlDLt36llsYD7uB7SUzojLMP24N5IatXf7ylGXiGG9A==}
+
   htmlparser2@10.0.0:
     resolution: {integrity: sha512-TwAZM+zE5Tq3lrEHvOlvwgj1XLWQCtaaibSN11Q+gGBAS7Y1uZSWwXXRe4iF6OXnaq1riyQAPFOBtYc77Mxq0g==}
 
+  i18next@20.6.1:
+    resolution: {integrity: sha512-yCMYTMEJ9ihCwEQQ3phLo7I/Pwycf8uAx+sRHwwk5U9Aui/IZYgQRyMqXafQOw5QQ7DM1Z+WyEXWIqSuJHhG2A==}
+
+  immer@9.0.21:
+    resolution: {integrity: sha512-bc4NBHqOqSfRW7POMkHd51LvClaeMXpm8dx0e8oE2GORbq5aRK7Bxl4FyzVLdGtLmvLKL7BTDBG5ACQm4HWjTA==}
+
   immutable@5.1.5:
     resolution: {integrity: sha512-t7xcm2siw+hlUM68I+UEOK+z84RzmN59as9DZ7P1l0994DKUWV7UXBMQZVxaoMSRQ+PBZbHCOoBt7a2wxOMt+A==}
 
@@ -1027,6 +1211,16 @@ packages:
     resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
     engines: {node: '>=0.10.0'}
 
+  is-hotkey@0.2.0:
+    resolution: {integrity: sha512-UknnZK4RakDmTgz4PI1wIph5yxSs/mvChWs9ifnlXsKuXgWmOkY/hAE0H/k2MIqH0RlRye0i1oC07MCRSD28Mw==}
+
+  is-plain-object@5.0.0:
+    resolution: {integrity: sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==}
+    engines: {node: '>=0.10.0'}
+
+  is-url@1.2.4:
+    resolution: {integrity: sha512-ITvGim8FhRiYe4IQ5uHSkj7pVaPDrCTkNd3yq3cV7iZAcJdHTUMPMEHcqSOy9xZ9qFenQCvi+2wjH9a1nXqHww==}
+
   is-what@5.5.0:
     resolution: {integrity: sha512-oG7cgbmg5kLYae2N5IVd3jm2s+vldjxJzK1pcu9LfpGuQ93MQSzo0okvRna+7y5ifrD+20FE8FvjusyGaz14fw==}
     engines: {node: '>=18'}
@@ -1069,6 +1263,28 @@ packages:
       lodash: '*'
       lodash-es: '*'
 
+  lodash.camelcase@4.3.0:
+    resolution: {integrity: sha512-TwuEnCnxbc3rAvhf/LbG7tJUDzhqXyFnv3dtzLOPgCG/hODL7WFnsbwktkD7yUV0RrreP/l1PALq/YSg6VvjlA==}
+
+  lodash.clonedeep@4.5.0:
+    resolution: {integrity: sha512-H5ZhCF25riFd9uB5UCkVKo61m3S/xZk1x4wA6yp/L3RFP6Z/eHH1ymQcGLo7J3GMPfm0V/7m1tryHuGVxpqEBQ==}
+
+  lodash.debounce@4.0.8:
+    resolution: {integrity: sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==}
+
+  lodash.foreach@4.5.0:
+    resolution: {integrity: sha512-aEXTF4d+m05rVOAUG3z4vZZ4xVexLKZGF0lIxuHZ1Hplpk/3B6Z1+/ICICYRLm7c41Z2xiejbkCkJoTlypoXhQ==}
+
+  lodash.isequal@4.5.0:
+    resolution: {integrity: sha512-pDo3lu8Jhfjqls6GkMgpahsF9kCyayhgykjyLMNFTKWrpVdAQtYyB4muAMWozBB4ig/dtWAmsMxLEI8wuz+DYQ==}
+    deprecated: This package is deprecated. Use require('node:util').isDeepStrictEqual instead.
+
+  lodash.throttle@4.1.1:
+    resolution: {integrity: sha512-wIkUCfVKpVsWo3JSZlc+8MB5it+2AN5W8J7YVMST30UrvcQNZ1Okbj+rbVniijTWE6FGYy4XJq/rHkas8qJMLQ==}
+
+  lodash.toarray@4.4.0:
+    resolution: {integrity: sha512-QyffEA3i5dma5q2490+SgCvDN0pXLmRGSyAANuVi0HQ01Pkfr9fuoKQW8wm1wGBnJITs/mS7wQvS6VshUEBFCw==}
+
   lodash@4.17.23:
     resolution: {integrity: sha512-LgVTMpQtIopCi79SJeDiP0TfWi5CNEc/L/aRdTh3yIvmZXTnheWpKjSZhnvMl8iXbC1tFg9gdHHDMLoV7CnG+w==}
 
@@ -1093,6 +1309,9 @@ packages:
     resolution: {integrity: sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==}
     engines: {node: '>= 0.6'}
 
+  mime-match@1.0.2:
+    resolution: {integrity: sha512-VXp/ugGDVh3eCLOBCiHZMYWQaTNUHv2IJrut+yXA6+JbLPXHglHwfS/5A5L0ll+jkCY7fIzRJcH6OIunF+c6Cg==}
+
   mime-types@2.1.35:
     resolution: {integrity: sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==}
     engines: {node: '>= 0.6'}
@@ -1109,11 +1328,17 @@ packages:
   muggle-string@0.4.1:
     resolution: {integrity: sha512-VNTrAak/KhO2i8dqqnqnAHOa3cYBwXEZe9h+D5h/1ZqFSTEFHdM65lR7RoIqq3tBBYavsOXV84NoHXZ0AkPyqQ==}
 
+  namespace-emitter@2.0.1:
+    resolution: {integrity: sha512-N/sMKHniSDJBjfrkbS/tpkPj4RAbvW3mr8UAzvlMHyun93XEm83IAvhWtJVHo+RHn/oO8Job5YN4b+wRjSVp5g==}
+
   nanoid@3.3.11:
     resolution: {integrity: sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==}
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
     hasBin: true
 
+  next-tick@1.1.0:
+    resolution: {integrity: sha512-CXdUiJembsNjuToQvxayPZF9Vqht7hewsvy2sOWafLvi2awflj9mOC6bHIg50orX8IJvWKY9wYQ/zB2kogPslQ==}
+
   node-addon-api@7.1.1:
     resolution: {integrity: sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==}
 
@@ -1186,6 +1411,13 @@ packages:
     resolution: {integrity: sha512-OW/rX8O/jXnm82Ey1k44pObPtdblfiuWnrd8X7GJ7emImCOstunGbXUpp7HdBrFQX6rJzn3sPT397Wp5aCwCHg==}
     engines: {node: ^10 || ^12 || >=14}
 
+  preact@10.29.0:
+    resolution: {integrity: sha512-wSAGyk2bYR1c7t3SZ3jHcM6xy0lcBcDel6lODcs9ME6Th++Dx2KU+6D3HD8wMMKGA8Wpw7OMd3/4RGzYRpzwRg==}
+
+  prismjs@1.30.0:
+    resolution: {integrity: sha512-DEvV2ZF2r2/63V+tK8hQvrR2ZGn10srHbXviTlcv7Kpzw8jWiNTqbVgjO3IY8RxrrOUF8VPMQQFysYYYv0YZxw==}
+    engines: {node: '>=6'}
+
   proxy-from-env@1.1.0:
     resolution: {integrity: sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==}
 
@@ -1271,48 +1503,56 @@ packages:
     engines: {node: '>=14.0.0'}
     cpu: [arm64]
     os: [linux]
+    libc: glibc
 
   sass-embedded-linux-arm@1.98.0:
     resolution: {integrity: sha512-03baQZCxVyEp8v1NWBRlzGYrmVT/LK7ZrHlF1piscGiGxwfdxoLXVuxsylx3qn/dD/4i/rh7Bzk7reK1br9jvQ==}
     engines: {node: '>=14.0.0'}
     cpu: [arm]
     os: [linux]
+    libc: glibc
 
   sass-embedded-linux-musl-arm64@1.98.0:
     resolution: {integrity: sha512-LeqNxQA8y4opjhe68CcFvMzCSrBuJqYVFbwElEj9bagHXQHTp9xVPJRn6VcrC+0VLEDq13HVXMv7RslIuU0zmA==}
     engines: {node: '>=14.0.0'}
     cpu: [arm64]
     os: [linux]
+    libc: musl
 
   sass-embedded-linux-musl-arm@1.98.0:
     resolution: {integrity: sha512-OBkjTDPYR4hSaueOGIM6FDpl9nt/VZwbSRpbNu9/eEJcxE8G/vynRugW8KRZmCFjPy8j/jkGBvvS+k9iOqKV3g==}
     engines: {node: '>=14.0.0'}
     cpu: [arm]
     os: [linux]
+    libc: musl
 
   sass-embedded-linux-musl-riscv64@1.98.0:
     resolution: {integrity: sha512-7w6hSuOHKt8FZsmjRb3iGSxEzM87fO9+M8nt5JIQYMhHTj5C+JY/vcske0v715HCVj5e1xyTnbGXf8FcASeAIw==}
     engines: {node: '>=14.0.0'}
     cpu: [riscv64]
     os: [linux]
+    libc: musl
 
   sass-embedded-linux-musl-x64@1.98.0:
     resolution: {integrity: sha512-QikNyDEJOVqPmxyCFkci8ZdCwEssdItfjQFJB+D+Uy5HFqcS5Lv3d3GxWNX/h1dSb23RPyQdQc267ok5SbEyJw==}
     engines: {node: '>=14.0.0'}
     cpu: [x64]
     os: [linux]
+    libc: musl
 
   sass-embedded-linux-riscv64@1.98.0:
     resolution: {integrity: sha512-E7fNytc/v4xFBQKzgzBddV/jretA4ULAPO6XmtBiQu4zZBdBozuSxsQLe2+XXeb0X4S2GIl72V7IPABdqke/vA==}
     engines: {node: '>=14.0.0'}
     cpu: [riscv64]
     os: [linux]
+    libc: glibc
 
   sass-embedded-linux-x64@1.98.0:
     resolution: {integrity: sha512-VsvP0t/uw00mMNPv3vwyYKUrFbqzxQHnRMO+bHdAMjvLw4NFf6mscpym9Bzf+NXwi1ZNKnB6DtXjmcpcvqFqYg==}
     engines: {node: '>=14.0.0'}
     cpu: [x64]
     os: [linux]
+    libc: glibc
 
   sass-embedded-unknown-all@1.98.0:
     resolution: {integrity: sha512-C4MMzcAo3oEDQnW7L8SBgB9F2Fq5qHPnaYTZRMOH3Mp/7kM4OooBInXpCiiFjLnjY95hzP4KyctVx0uYR6MYlQ==}
@@ -1340,6 +1580,9 @@ packages:
     engines: {node: '>=14.0.0'}
     hasBin: true
 
+  scroll-into-view-if-needed@2.2.31:
+    resolution: {integrity: sha512-dGCXy99wZQivjmjIqihaBQNjryrz5rueJY7eHfTdyWEiR4ttYpsajb14rn9s5d4DY4EcY6+4+U/maARBXJedkA==}
+
   scule@1.3.0:
     resolution: {integrity: sha512-6FtHJEvt+pVMIB9IBY+IcCJ6Z5f1iQnytgyfKMhDKgmzYG+TeH/wx1y3l27rshSbLiSanrR9ffZDrEsmjlQF2g==}
 
@@ -1347,6 +1590,18 @@ packages:
     resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
     hasBin: true
 
+  slate-history@0.66.0:
+    resolution: {integrity: sha512-6MWpxGQZiMvSINlCbMW43E2YBSVMCMCIwQfBzGssjWw4kb0qfvj0pIdblWNRQZD0hR6WHP+dHHgGSeVdMWzfng==}
+    peerDependencies:
+      slate: '>=0.65.3'
+
+  slate@0.72.8:
+    resolution: {integrity: sha512-/nJwTswQgnRurpK+bGJFH1oM7naD5qDmHd89JyiKNT2oOKD8marW0QSBtuFnwEbL5aGCS8AmrhXQgNOsn4osAw==}
+
+  snabbdom@3.6.3:
+    resolution: {integrity: sha512-W2lHLLw2qR2Vv0DcMmcxXqcfdBaIcoN+y/86SmHv8fn4DazEQSH6KN3TjZcWvwujW56OHiiirsbHWZb4vx/0fg==}
+    engines: {node: '>=12.17.0'}
+
   source-map-js@1.2.1:
     resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
     engines: {node: '>=0.10.0'}
@@ -1359,6 +1614,9 @@ packages:
     resolution: {integrity: sha512-1POYv7uv2gXoyGFpBCmpDVSNV74IfsWlDW216UPjbWufNf+bSU6GdbDsxdcxtfwb4xlI3yxzOTKClUosxARYrQ==}
     engines: {node: '>=0.10.0'}
 
+  ssr-window@3.0.0:
+    resolution: {integrity: sha512-q+8UfWDg9Itrg0yWK7oe5p/XRCJpJF9OBtXfOPgSJl+u3Xd5KI328RUEvUqSMVM9CiQUEf1QdBzJMkYGErj9QA==}
+
   strip-literal@3.1.0:
     resolution: {integrity: sha512-8r3mkIM/2+PpjHoOtiAW8Rg3jJLHaV7xPwG+YRGrv6FP0wwk/toTpATxWYOW0BKdWwl82VT2tFYi5DlROa0Mxg==}
 
@@ -1382,6 +1640,9 @@ packages:
     resolution: {integrity: sha512-gAQ9qrUN/UCypHtGFbbe7Rc/f9bzO88IwrG8TDo/aMKAApKyD6E3W4Cm0EfhfBb6Z6SKt59tTCTfD+n1xmAvMg==}
     engines: {node: '>=16.0.0'}
 
+  tiny-warning@1.0.3:
+    resolution: {integrity: sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA==}
+
   tinyexec@1.0.4:
     resolution: {integrity: sha512-u9r3uZC0bdpGOXtlxUIdwf9pkmvhqJdrVCH9fapQtgy/OeTTMZ1nqH7agtvEfmGui6e1XxjcdrlxvxJvc3sMqw==}
     engines: {node: '>=18'}
@@ -1397,6 +1658,9 @@ packages:
   tslib@2.8.1:
     resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==}
 
+  type@2.7.3:
+    resolution: {integrity: sha512-8j+1QmAbPvLZow5Qpi6NCaN8FB60p/6x8/vfNqOk/hC+HuvFZhL4+WfekuhQLiqFZXOgQdrs3B+XxEmCc6b3FQ==}
+
   ufo@1.6.3:
     resolution: {integrity: sha512-yDJTmhydvl5lJzBmy/hyOAA0d+aqCBuwl818haVdYCRrWV84o7YyeVm4QlVHStqNrrJSTb6jKuFAVqAFsr+K3Q==}
 
@@ -1503,6 +1767,9 @@ packages:
   webpack-virtual-modules@0.6.2:
     resolution: {integrity: sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==}
 
+  wildcard@1.1.2:
+    resolution: {integrity: sha512-DXukZJxpHA8LuotRwL0pP1+rS6CS7FF2qStDDE1C7DDg2rLud2PXRMuEDYIPhgEezwnlHNL4c+N6MfMTjCGTng==}
+
   xe-utils@3.9.1:
     resolution: {integrity: sha512-Ujk5UmoH6Iaqhgz3oGwfCXVcMdUJKlXnfvLABdnMyseMG0eHsX2mcCvLd/8sGlIXtfwsprI9bW7vgcVognLmqQ==}
 
@@ -1709,6 +1976,8 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@babel/runtime@7.29.2': {}
+
   '@babel/template@7.28.6':
     dependencies:
       '@babel/code-frame': 7.29.0
@@ -2077,6 +2346,8 @@ snapshots:
 
   '@sxzz/popperjs-es@2.11.8': {}
 
+  '@transloadit/prettier-bytes@0.0.7': {}
+
   '@tybys/wasm-util@0.10.1':
     dependencies:
       tslib: 2.8.1
@@ -2105,6 +2376,8 @@ snapshots:
 
   '@types/estree@1.0.8': {}
 
+  '@types/event-emitter@0.3.5': {}
+
   '@types/lodash-es@4.17.12':
     dependencies:
       '@types/lodash': 4.17.24
@@ -2113,6 +2386,35 @@ snapshots:
 
   '@types/web-bluetooth@0.0.20': {}
 
+  '@uppy/companion-client@2.2.2':
+    dependencies:
+      '@uppy/utils': 4.1.3
+      namespace-emitter: 2.0.1
+
+  '@uppy/core@2.3.4':
+    dependencies:
+      '@transloadit/prettier-bytes': 0.0.7
+      '@uppy/store-default': 2.1.1
+      '@uppy/utils': 4.1.3
+      lodash.throttle: 4.1.1
+      mime-match: 1.0.2
+      namespace-emitter: 2.0.1
+      nanoid: 3.3.11
+      preact: 10.29.0
+
+  '@uppy/store-default@2.1.1': {}
+
+  '@uppy/utils@4.1.3':
+    dependencies:
+      lodash.throttle: 4.1.1
+
+  '@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4)':
+    dependencies:
+      '@uppy/companion-client': 2.2.2
+      '@uppy/core': 2.3.4
+      '@uppy/utils': 4.1.3
+      nanoid: 3.3.11
+
   '@vue-macros/common@3.1.2(vue@3.5.30)':
     dependencies:
       '@vue/compiler-sfc': 3.5.30
@@ -2260,6 +2562,114 @@ snapshots:
       vue: 3.5.30
       xe-utils: 4.0.4
 
+  '@wangeditor/basic-modules@1.1.7(@wangeditor/core@1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.11)(slate@0.72.8)(snabbdom@3.6.3))(dom7@3.0.0)(lodash.throttle@4.1.1)(nanoid@3.3.11)(slate@0.72.8)(snabbdom@3.6.3)':
+    dependencies:
+      '@wangeditor/core': 1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.11)(slate@0.72.8)(snabbdom@3.6.3)
+      dom7: 3.0.0
+      is-url: 1.2.4
+      lodash.throttle: 4.1.1
+      nanoid: 3.3.11
+      slate: 0.72.8
+      snabbdom: 3.6.3
+
+  '@wangeditor/code-highlight@1.0.3(@wangeditor/core@1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.11)(slate@0.72.8)(snabbdom@3.6.3))(dom7@3.0.0)(slate@0.72.8)(snabbdom@3.6.3)':
+    dependencies:
+      '@wangeditor/core': 1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.11)(slate@0.72.8)(snabbdom@3.6.3)
+      dom7: 3.0.0
+      prismjs: 1.30.0
+      slate: 0.72.8
+      snabbdom: 3.6.3
+
+  '@wangeditor/core@1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.11)(slate@0.72.8)(snabbdom@3.6.3)':
+    dependencies:
+      '@types/event-emitter': 0.3.5
+      '@uppy/core': 2.3.4
+      '@uppy/xhr-upload': 2.1.3(@uppy/core@2.3.4)
+      dom7: 3.0.0
+      event-emitter: 0.3.5
+      html-void-elements: 2.0.1
+      i18next: 20.6.1
+      is-hotkey: 0.2.0
+      lodash.camelcase: 4.3.0
+      lodash.clonedeep: 4.5.0
+      lodash.debounce: 4.0.8
+      lodash.foreach: 4.5.0
+      lodash.isequal: 4.5.0
+      lodash.throttle: 4.1.1
+      lodash.toarray: 4.4.0
+      nanoid: 3.3.11
+      scroll-into-view-if-needed: 2.2.31
+      slate: 0.72.8
+      slate-history: 0.66.0(slate@0.72.8)
+      snabbdom: 3.6.3
+
+  '@wangeditor/editor-for-vue@5.1.12(@wangeditor/editor@5.1.23)(vue@3.5.30)':
+    dependencies:
+      '@wangeditor/editor': 5.1.23
+      vue: 3.5.30
+
+  '@wangeditor/editor@5.1.23':
+    dependencies:
+      '@uppy/core': 2.3.4
+      '@uppy/xhr-upload': 2.1.3(@uppy/core@2.3.4)
+      '@wangeditor/basic-modules': 1.1.7(@wangeditor/core@1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.11)(slate@0.72.8)(snabbdom@3.6.3))(dom7@3.0.0)(lodash.throttle@4.1.1)(nanoid@3.3.11)(slate@0.72.8)(snabbdom@3.6.3)
+      '@wangeditor/code-highlight': 1.0.3(@wangeditor/core@1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.11)(slate@0.72.8)(snabbdom@3.6.3))(dom7@3.0.0)(slate@0.72.8)(snabbdom@3.6.3)
+      '@wangeditor/core': 1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.11)(slate@0.72.8)(snabbdom@3.6.3)
+      '@wangeditor/list-module': 1.0.5(@wangeditor/core@1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.11)(slate@0.72.8)(snabbdom@3.6.3))(dom7@3.0.0)(slate@0.72.8)(snabbdom@3.6.3)
+      '@wangeditor/table-module': 1.1.4(@wangeditor/core@1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.11)(slate@0.72.8)(snabbdom@3.6.3))(dom7@3.0.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(nanoid@3.3.11)(slate@0.72.8)(snabbdom@3.6.3)
+      '@wangeditor/upload-image-module': 1.0.2(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(@wangeditor/basic-modules@1.1.7(@wangeditor/core@1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.11)(slate@0.72.8)(snabbdom@3.6.3))(dom7@3.0.0)(lodash.throttle@4.1.1)(nanoid@3.3.11)(slate@0.72.8)(snabbdom@3.6.3))(@wangeditor/core@1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.11)(slate@0.72.8)(snabbdom@3.6.3))(dom7@3.0.0)(lodash.foreach@4.5.0)(slate@0.72.8)(snabbdom@3.6.3)
+      '@wangeditor/video-module': 1.1.4(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(@wangeditor/core@1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.11)(slate@0.72.8)(snabbdom@3.6.3))(dom7@3.0.0)(nanoid@3.3.11)(slate@0.72.8)(snabbdom@3.6.3)
+      dom7: 3.0.0
+      is-hotkey: 0.2.0
+      lodash.camelcase: 4.3.0
+      lodash.clonedeep: 4.5.0
+      lodash.debounce: 4.0.8
+      lodash.foreach: 4.5.0
+      lodash.isequal: 4.5.0
+      lodash.throttle: 4.1.1
+      lodash.toarray: 4.4.0
+      nanoid: 3.3.11
+      slate: 0.72.8
+      snabbdom: 3.6.3
+
+  '@wangeditor/list-module@1.0.5(@wangeditor/core@1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.11)(slate@0.72.8)(snabbdom@3.6.3))(dom7@3.0.0)(slate@0.72.8)(snabbdom@3.6.3)':
+    dependencies:
+      '@wangeditor/core': 1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.11)(slate@0.72.8)(snabbdom@3.6.3)
+      dom7: 3.0.0
+      slate: 0.72.8
+      snabbdom: 3.6.3
+
+  '@wangeditor/table-module@1.1.4(@wangeditor/core@1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.11)(slate@0.72.8)(snabbdom@3.6.3))(dom7@3.0.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(nanoid@3.3.11)(slate@0.72.8)(snabbdom@3.6.3)':
+    dependencies:
+      '@wangeditor/core': 1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.11)(slate@0.72.8)(snabbdom@3.6.3)
+      dom7: 3.0.0
+      lodash.isequal: 4.5.0
+      lodash.throttle: 4.1.1
+      nanoid: 3.3.11
+      slate: 0.72.8
+      snabbdom: 3.6.3
+
+  '@wangeditor/upload-image-module@1.0.2(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(@wangeditor/basic-modules@1.1.7(@wangeditor/core@1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.11)(slate@0.72.8)(snabbdom@3.6.3))(dom7@3.0.0)(lodash.throttle@4.1.1)(nanoid@3.3.11)(slate@0.72.8)(snabbdom@3.6.3))(@wangeditor/core@1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.11)(slate@0.72.8)(snabbdom@3.6.3))(dom7@3.0.0)(lodash.foreach@4.5.0)(slate@0.72.8)(snabbdom@3.6.3)':
+    dependencies:
+      '@uppy/core': 2.3.4
+      '@uppy/xhr-upload': 2.1.3(@uppy/core@2.3.4)
+      '@wangeditor/basic-modules': 1.1.7(@wangeditor/core@1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.11)(slate@0.72.8)(snabbdom@3.6.3))(dom7@3.0.0)(lodash.throttle@4.1.1)(nanoid@3.3.11)(slate@0.72.8)(snabbdom@3.6.3)
+      '@wangeditor/core': 1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.11)(slate@0.72.8)(snabbdom@3.6.3)
+      dom7: 3.0.0
+      lodash.foreach: 4.5.0
+      slate: 0.72.8
+      snabbdom: 3.6.3
+
+  '@wangeditor/video-module@1.1.4(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(@wangeditor/core@1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.11)(slate@0.72.8)(snabbdom@3.6.3))(dom7@3.0.0)(nanoid@3.3.11)(slate@0.72.8)(snabbdom@3.6.3)':
+    dependencies:
+      '@uppy/core': 2.3.4
+      '@uppy/xhr-upload': 2.1.3(@uppy/core@2.3.4)
+      '@wangeditor/core': 1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.11)(slate@0.72.8)(snabbdom@3.6.3)
+      dom7: 3.0.0
+      nanoid: 3.3.11
+      slate: 0.72.8
+      snabbdom: 3.6.3
+
   acorn@8.16.0: {}
 
   ansi-styles@4.3.0:
@@ -2346,6 +2756,8 @@ snapshots:
     dependencies:
       delayed-stream: 1.0.0
 
+  compute-scroll-into-view@1.0.20: {}
+
   confbox@0.1.8: {}
 
   confbox@0.2.4: {}
@@ -2360,6 +2772,11 @@ snapshots:
 
   csstype@3.2.3: {}
 
+  d@1.0.2:
+    dependencies:
+      es5-ext: 0.10.64
+      type: 2.7.3
+
   dayjs@1.11.20: {}
 
   debug@4.4.3:
@@ -2383,6 +2800,10 @@ snapshots:
 
   dom-zindex@1.0.6: {}
 
+  dom7@3.0.0:
+    dependencies:
+      ssr-window: 3.0.0
+
   domelementtype@2.3.0: {}
 
   domhandler@5.0.3:
@@ -2446,18 +2867,52 @@ snapshots:
       has-tostringtag: 1.0.2
       hasown: 2.0.2
 
+  es5-ext@0.10.64:
+    dependencies:
+      es6-iterator: 2.0.3
+      es6-symbol: 3.1.4
+      esniff: 2.0.1
+      next-tick: 1.1.0
+
+  es6-iterator@2.0.3:
+    dependencies:
+      d: 1.0.2
+      es5-ext: 0.10.64
+      es6-symbol: 3.1.4
+
+  es6-symbol@3.1.4:
+    dependencies:
+      d: 1.0.2
+      ext: 1.7.0
+
   escalade@3.2.0: {}
 
   escape-string-regexp@5.0.0: {}
 
+  esniff@2.0.1:
+    dependencies:
+      d: 1.0.2
+      es5-ext: 0.10.64
+      event-emitter: 0.3.5
+      type: 2.7.3
+
   estree-walker@2.0.2: {}
 
   estree-walker@3.0.3:
     dependencies:
       '@types/estree': 1.0.8
 
+  event-emitter@0.3.5:
+    dependencies:
+      d: 1.0.2
+      es5-ext: 0.10.64
+
   exsolve@1.0.8: {}
 
+  ext@1.7.0:
+    dependencies:
+      type: 2.7.3
+
   fdir@6.5.0(picomatch@4.0.3):
     optionalDependencies:
       picomatch: 4.0.3
@@ -2510,6 +2965,8 @@ snapshots:
 
   hookable@5.5.3: {}
 
+  html-void-elements@2.0.1: {}
+
   htmlparser2@10.0.0:
     dependencies:
       domelementtype: 2.3.0
@@ -2517,6 +2974,12 @@ snapshots:
       domutils: 3.2.2
       entities: 6.0.1
 
+  i18next@20.6.1:
+    dependencies:
+      '@babel/runtime': 7.29.2
+
+  immer@9.0.21: {}
+
   immutable@5.1.5: {}
 
   is-extglob@2.1.1:
@@ -2527,6 +2990,12 @@ snapshots:
       is-extglob: 2.1.1
     optional: true
 
+  is-hotkey@0.2.0: {}
+
+  is-plain-object@5.0.0: {}
+
+  is-url@1.2.4: {}
+
   is-what@5.5.0: {}
 
   jiti@2.6.1: {}
@@ -2559,6 +3028,20 @@ snapshots:
       lodash: 4.17.23
       lodash-es: 4.17.23
 
+  lodash.camelcase@4.3.0: {}
+
+  lodash.clonedeep@4.5.0: {}
+
+  lodash.debounce@4.0.8: {}
+
+  lodash.foreach@4.5.0: {}
+
+  lodash.isequal@4.5.0: {}
+
+  lodash.throttle@4.1.1: {}
+
+  lodash.toarray@4.4.0: {}
+
   lodash@4.17.23: {}
 
   lru-cache@5.1.1:
@@ -2579,6 +3062,10 @@ snapshots:
 
   mime-db@1.52.0: {}
 
+  mime-match@1.0.2:
+    dependencies:
+      wildcard: 1.1.2
+
   mime-types@2.1.35:
     dependencies:
       mime-db: 1.52.0
@@ -2596,8 +3083,12 @@ snapshots:
 
   muggle-string@0.4.1: {}
 
+  namespace-emitter@2.0.1: {}
+
   nanoid@3.3.11: {}
 
+  next-tick@1.1.0: {}
+
   node-addon-api@7.1.1:
     optional: true
 
@@ -2674,6 +3165,10 @@ snapshots:
       picocolors: 1.1.1
       source-map-js: 1.2.1
 
+  preact@10.29.0: {}
+
+  prismjs@1.30.0: {}
+
   proxy-from-env@1.1.0: {}
 
   quansync@0.2.11: {}
@@ -2798,16 +3293,35 @@ snapshots:
       '@parcel/watcher': 2.5.6
     optional: true
 
+  scroll-into-view-if-needed@2.2.31:
+    dependencies:
+      compute-scroll-into-view: 1.0.20
+
   scule@1.3.0: {}
 
   semver@6.3.1: {}
 
+  slate-history@0.66.0(slate@0.72.8):
+    dependencies:
+      is-plain-object: 5.0.0
+      slate: 0.72.8
+
+  slate@0.72.8:
+    dependencies:
+      immer: 9.0.21
+      is-plain-object: 5.0.0
+      tiny-warning: 1.0.3
+
+  snabbdom@3.6.3: {}
+
   source-map-js@1.2.1: {}
 
   source-map@0.7.6: {}
 
   speakingurl@14.0.1: {}
 
+  ssr-window@3.0.0: {}
+
   strip-literal@3.1.0:
     dependencies:
       js-tokens: 9.0.1
@@ -2830,6 +3344,8 @@ snapshots:
 
   sync-message-port@1.2.0: {}
 
+  tiny-warning@1.0.3: {}
+
   tinyexec@1.0.4: {}
 
   tinyglobby@0.2.15:
@@ -2841,6 +3357,8 @@ snapshots:
 
   tslib@2.8.1: {}
 
+  type@2.7.3: {}
+
   ufo@1.6.3: {}
 
   unimport@5.7.0:
@@ -2970,6 +3488,8 @@ snapshots:
 
   webpack-virtual-modules@0.6.2: {}
 
+  wildcard@1.1.2: {}
+
   xe-utils@3.9.1: {}
 
   xe-utils@4.0.4: {}
diff --git a/code/container-ocr/ocr-vue/src/components/g3-file/index.vue b/code/container-ocr/ocr-vue/src/components/g3-file/index.vue
new file mode 100644
index 00000000..a58f612b
--- /dev/null
+++ b/code/container-ocr/ocr-vue/src/components/g3-file/index.vue
@@ -0,0 +1,1207 @@
+<script setup>
+import {
+  ArrowDown,
+  Back,
+  DArrowRight,
+  Delete,
+  Download,
+  HelpFilled,
+  More,
+  Refresh,
+  RefreshLeft,
+  RefreshRight,
+  Right,
+  UploadFilled,
+  ZoomIn,
+  ZoomOut,
+} from "@element-plus/icons-vue";
+import dayjs from "dayjs";
+import { ElMessage, ElMessageBox } from "element-plus";
+import { computed, nextTick, ref, watch } from "vue";
+import { useUserStore } from "@/store/user";
+import { compareAndClassifyData } from "@/utils/diff";
+import {
+  compressImage,
+  downloadZip,
+  formatFileSize,
+  getAliyunFileBlob,
+  getFileExtension,
+  uploadFile,
+} from "@/utils/file";
+import { loadDataApi, saveObjectKeysApi, deleteFileApi } from "@/request/api";
+
+const props = defineProps({
+  father: {
+    type: String,
+    required: true,
+  },
+  moduleId: {
+    type: String,
+    required: true,
+  },
+  cateId: {
+    type: String,
+    required: false,
+  },
+  searchCondition: {
+    type: String,
+    required: false,
+  },
+  readonly: {
+    type: Boolean,
+    default: false,
+  },
+  categories: {
+    type: Array,
+    default: () => [],
+  },
+});
+const treeRef = ref(null);
+const tableRef = ref(null);
+
+const displayMode = ref(0);
+
+const userStore = useUserStore();
+
+const containerRef = ref(null);
+const fileInputRef = ref(null);
+
+const cateId = ref(props.cateId || "");
+const categories = ref([
+  {
+    label: "全部分类",
+    cateId: "",
+    children: [],
+  },
+]);
+
+// 全选
+const selectAll = ref(false);
+const indeterminate = ref(false);
+
+// 文件列表
+const oldFileList = ref([]);
+const fileList = ref([]);
+
+// 未上传文件列表
+const pendingFileList = computed(() => {
+  return fileList.value.filter((item) => item._status === "pending");
+});
+
+// 预览
+const showPreview = ref(false);
+const preViewImageIndex = ref(0);
+const previewImageList = computed(() => {
+  return fileList.value
+    .filter((item) => isImage(item.mx_fileext))
+    .map((item) => item.mx_mapfilename);
+});
+
+const checkedFiles = computed(() => {
+  return fileList.value.filter((file) => file._checked === true); // 过滤出选中的文件
+});
+
+// 加载
+const loading = ref(false);
+const loadingTip = ref("正在加载中 . . .");
+
+// 修改文件信息的dialog
+const showUpdateDialog = ref(false);
+const updateFile = ref(null);
+const updateLoading = ref(false);
+
+function handleUpdateDialogClosed() {
+  updateFile.value = null;
+  showUpdateDialog.value = false;
+}
+
+function handleShowUpdateDialog(file) {
+  updateFile.value = JSON.parse(JSON.stringify(file));
+  showUpdateDialog.value = true;
+}
+
+async function handleConfirmUpdate() {
+  if (!updateFile.value) {
+    return;
+  }
+
+  if (updateFile.value.mx_filename === "") {
+    ElMessage.warning("文件名不能为空");
+    return;
+  }
+
+  // 如果文件正在上传（pending状态），直接更新
+  if (updateFile.value._status === "pending") {
+    updateFileName(updateFile.value);
+    showUpdateDialog.value = false;
+    return;
+  }
+
+  updateLoading.value = true;
+
+  const requestData = [
+    {
+      tableName: "bf_file",
+      keyField: "subid",
+      inserts: [],
+      updates: [
+        {
+          subid: updateFile.value.subid,
+          mx_filename: updateFile.value.mx_filename,
+          mx_bz: updateFile.value.mx_bz,
+        },
+      ],
+      deletes: [],
+    },
+  ];
+
+  try {
+    const response = await saveObjectKeysApi(requestData);
+
+    if (response.success) {
+      ElMessage.success("文件名更新成功");
+      updateFileName(updateFile.value);
+
+      showUpdateDialog.value = false;
+    }
+  } catch (error) {
+    ElMessage.error("更新文件时发生错误");
+  } finally {
+    updateLoading.value = false;
+  }
+}
+
+// 更新文件列表中的文件名
+function updateFileName(file) {
+  const updatedFile = fileList.value.find((item) => item.subid === file.subid);
+  if (updatedFile) {
+    updatedFile.mx_filename = file.mx_filename;
+    updatedFile.mx_updateuser_id = userStore.userInfo.userid;
+    updatedFile.mx_updatedatetime = "";
+  }
+}
+
+// 监听 fileList 中每个文件的选中状态，来决定全选框的状态
+watch(
+  () => checkedFiles.value,
+  (newValues) => {
+    const selectedCount = newValues.filter((v) => v).length;
+    if (selectedCount === 0) {
+      selectAll.value = false;
+      indeterminate.value = false;
+    } else if (selectedCount === fileList.value.length) {
+      selectAll.value = true;
+      indeterminate.value = false;
+    } else {
+      selectAll.value = false;
+      indeterminate.value = true;
+    }
+  },
+  { deep: true },
+);
+
+watch(
+  () => props.categories,
+  (newCategories) => {
+    if (newCategories && newCategories.length > 0) {
+      categories.value[0].children.push(...newCategories);
+    }
+  },
+  { immediate: true },
+);
+
+function onOpened() {
+  loadFiles();
+}
+
+async function loadFiles() {
+  fileList.value = [];
+  oldFileList.value = [];
+
+  loading.value = true;
+  loadingTip.value = "正在加载中 . . .";
+
+  let searchCondition = `father = '${props.father}' AND mx_moduleid = '${props.moduleId}'`;
+
+  if (cateId.value) {
+    searchCondition += ` AND mx_cate_id = '${cateId.value}'`;
+  }
+
+  if (props.searchCondition) {
+    searchCondition += ` AND ${props.searchCondition}`;
+  }
+
+  try {
+    const res = await loadDataApi("bf_file", searchCondition, "mx_xh");
+
+    if (res.success) {
+      fileList.value = res.data;
+      oldFileList.value = JSON.parse(JSON.stringify(res.data));
+      loading.value = false;
+    }
+  } catch (error) {
+    ElMessage.error(`加载附件失败：${error.message}`);
+  }
+}
+
+// 切换全选状态
+function toggleSelectAll() {
+  fileList.value.forEach((file) => {
+    file._checked = selectAll.value;
+  });
+}
+
+// 格式化
+function formatTime(date) {
+  const validDate = dayjs(date);
+  if (!validDate.isValid()) {
+    return date;
+  }
+  return validDate.format("YYYY-MM-DD HH:mm");
+}
+// 手动上传
+function handleClickUpload() {
+  if (props.readonly) {
+    return;
+  }
+  fileInputRef.value.click();
+}
+
+function handleFileInputChange(event) {
+  const files = event.target.files; // 获取选择的文件
+  if (files.length > 0) {
+    uploadLocalFiles(files);
+    event.target.value = "";
+  }
+}
+
+function handlePaste(e) {
+  if (props.readonly) {
+    return;
+  }
+
+  // 获取剪贴板中的文件
+  const files = e.clipboardData.files;
+
+  // 过滤掉文件夹，只处理文件
+  const validFiles = Array.from(files).filter((file) => file.type);
+
+  if (validFiles.length === 0) {
+    return;
+  }
+
+  // 只处理有效的文件
+  uploadLocalFiles(validFiles);
+}
+
+// 上传
+function handleDragOver(e) {
+  e.preventDefault();
+  e.stopPropagation();
+}
+
+// 处理拖拽放下
+function handleDrop(e) {
+  e.preventDefault();
+  e.stopPropagation();
+
+  if (props.readonly) {
+    return;
+  }
+
+  const files = e.dataTransfer.files;
+
+  // 过滤掉文件夹，只处理文件
+  const validFiles = Array.from(files).filter((file) => file.type);
+
+  if (validFiles.length === 0) {
+    return;
+  }
+
+  uploadLocalFiles(validFiles);
+}
+
+// 本地上传方法
+async function uploadLocalFiles(files) {
+  if (files.length > 0) {
+    const currentLength = fileList.value.length;
+
+    Array.from(files).forEach((file, index) => {
+      const fileInfo = {
+        mx_filename: file.name,
+        mx_filesize: file.size,
+        mx_fileext: getFileExtension(file.name),
+        mx_inputuser_id: userStore.userInfo.userid,
+        mx_inputdatetime: "",
+        mx_mapfilename: "",
+        mx_xh: currentLength + index + 1,
+        _content: null,
+        _status: "pending",
+      };
+
+      const reader = new FileReader();
+
+      reader.onload = async (event) => {
+        const blob = new Blob([event.target.result], { type: file.type });
+
+        if (file.type.startsWith("image/")) {
+          try {
+            const tempUrl = URL.createObjectURL(blob);
+
+            if (file.size > 512000) {
+              const { url, size, blob: compressedBlob } = await compressImage(tempUrl);
+
+              fileInfo.mx_mapfilename = url;
+              fileInfo.mx_filesize = size;
+              fileInfo._content = compressedBlob;
+            } else {
+              fileInfo.mx_mapfilename = tempUrl;
+              fileInfo._content = blob;
+            }
+          } catch (err) {
+            console.error("图片压缩失败:", err);
+            fileInfo.mx_mapfilename = URL.createObjectURL(blob);
+          }
+        } else {
+          fileInfo._content = blob;
+        }
+
+        fileList.value.push(fileInfo);
+      };
+
+      reader.readAsArrayBuffer(file);
+    });
+
+    nextTick(() => {
+      setTimeout(() => {
+        if (displayMode.value === 0) {
+          if (containerRef.value) {
+            containerRef.value.scrollTop = containerRef.value.scrollHeight;
+          }
+        } else {
+          if (tableRef.value) {
+            tableRef.value.scrollToEndRow();
+          }
+        }
+      }, 50);
+    });
+  }
+}
+
+function isImage(fileExtension) {
+  const imageTypes = ["jpg", "jpeg", "png", "gif", "bmp", "webp", "svg"];
+
+  return imageTypes.includes(fileExtension.toLowerCase());
+}
+
+function isExcel(fileExtension) {
+  if (!fileExtension) return false;
+
+  // 去掉前后的空格并转小写
+  const ext = fileExtension.trim().toLowerCase();
+
+  // Excel 常见扩展名
+  const excelExtensions = [".xls", ".xlsx", ".docx", "office"];
+
+  return excelExtensions.includes(ext);
+}
+
+// 根据文件名获取对应的图标
+function getFileIcon(fileExtension) {
+  // 图片类型
+  if (isImage(fileExtension)) {
+    return "image";
+  }
+
+  // 音频类型
+  const audioTypes = ["mp3", "wav", "aac", "flac", "ogg"];
+  if (audioTypes.includes(fileExtension)) {
+    return "streamline-ultimate-color:audio-file";
+  }
+
+  // 视频类型
+  const videoTypes = ["mp4", "avi", "mkv", "mov", "wmv"];
+  if (videoTypes.includes(fileExtension)) {
+    return "vscode-icons:file-type-video";
+  }
+
+  if (fileExtension === "txt") {
+    return "tabler:file-type-txt";
+  }
+
+  if (fileExtension === "pdf") {
+    return "vscode-icons:file-type-pdf2";
+  }
+
+  // 文档类型
+  const documentTypes = ["docx", "xlsx", "pptx", "office"];
+  if (documentTypes.includes(fileExtension)) {
+    return "vscode-icons:file-type-excel";
+  }
+
+  // 压缩包类型
+  const archiveTypes = ["zip", "rar", "tar", "gz"];
+  if (archiveTypes.includes(fileExtension)) {
+    return "icon-park:zip";
+  }
+
+  // 其他类型
+  return "fluent-color:document-16";
+}
+
+async function handleDownloadFile(file) {
+  if (file?._status === "pending") {
+    const a = document.createElement("a");
+    a.download = file.mx_filename || "downloaded_file";
+
+    // 直接创建一个临时 URL，假设 file._content 是 Blob
+    const downloadUrl = URL.createObjectURL(file._content);
+    a.href = downloadUrl;
+
+    // 触发下载
+    document.body.appendChild(a);
+    a.click();
+
+    // 清理临时 URL
+    document.body.removeChild(a);
+    URL.revokeObjectURL(downloadUrl);
+  } else {
+    try {
+      getAliyunFileBlob(file.mx_mapfilename).then((blob) => {
+        const blobUrl = window.URL.createObjectURL(blob);
+
+        // 创建一个链接并触发下载
+        const a = document.createElement("a");
+        a.href = blobUrl;
+        a.download = file.mx_filename;
+        a.style.display = "none";
+        document.body.appendChild(a);
+        a.click();
+
+        // 清理 URL 对象
+        window.URL.revokeObjectURL(blobUrl);
+        a.remove();
+      });
+    } catch (error) {
+      // 捕获并处理下载过程中可能发生的错误
+      ElMessage.error(`下载过程中发生错误：${error.message}`);
+      console.error("下载错误:", error);
+    }
+  }
+}
+
+// 预览
+function handleShowPreview(file) {
+  console.log(file);
+  if (isImage(file.mx_fileext)) {
+    const index = previewImageList.value.findIndex((item) => item === file.mx_mapfilename);
+
+    if (index !== -1) {
+      preViewImageIndex.value = index;
+    }
+
+    // 显示预览
+    showPreview.value = true;
+  } else {
+    const fileUrl = file.mx_mapfilename;
+
+    if (isExcel(file.mx_fileext)) {
+      // https://view.officeapps.live.com/op/view.aspx?src=
+      window.open(`https://view.officeapps.live.com/op/view.aspx?src=${fileUrl}`, "_blank");
+    } else {
+      window.open(fileUrl, "_blank");
+    }
+  }
+}
+
+function handleDownloadPreviewImage(index) {
+  const previewFileUrl = previewImageList.value[index];
+
+  const previewFile = fileList.value.find((item) => item.mx_mapfilename === previewFileUrl);
+
+  if (previewFile) {
+    handleDownloadFile(previewFile);
+  } else {
+    console.error("未找到符合条件的文件，下载失败");
+  }
+}
+
+// 批量删除 / 单个删除
+function handleDeleteOne(file) {
+  deleteFiles([file]);
+}
+
+function handleBatchDelete() {
+  if (checkedFiles.value.length === 0) {
+    ElMessage.warning("请选择需要删除的文件");
+    return;
+  }
+  deleteFiles(checkedFiles.value);
+}
+
+async function deleteFiles(files) {
+  // 收集文件的 mx_filename
+  const filenames = files.map((file) => file.mx_filename).join("， ");
+
+  ElMessageBox({
+    title: "删除提示",
+    message: `确认要删除 ${filenames} 文件吗?`,
+    showCancelButton: true,
+    confirmButtonText: "确认",
+    cancelButtonText: "取消",
+    type: "warning",
+    beforeClose: async (action, instance, done) => {
+      if (action === "confirm") {
+        instance.confirmButtonLoading = true;
+        instance.confirmButtonText = "正在删除中...";
+
+        try {
+          for (const item of files) {
+            if (item.subid) {
+              await deleteFileApi("bf_file", item.subid);
+            }
+          }
+
+          ElMessage.success("文件删除成功");
+          done();
+        } catch (error) {
+          console.error("删除文件失败:", error);
+          ElMessage.error(`文件删除失败，请重试`);
+          done();
+        } finally {
+          instance.confirmButtonLoading = false;
+        }
+      } else {
+        done();
+      }
+    },
+  }).then((action) => {
+    if (action === "confirm") {
+      loadFiles();
+    }
+  });
+}
+
+// 保存
+async function handleSave() {
+  loading.value = true;
+  loadingTip.value = "正在保存中 . . .";
+
+  const { insertdata, updatedata, deletedata, hasChanges } = compareAndClassifyData(
+    fileList.value,
+    oldFileList.value,
+    "subid",
+    ["_content", "_status", "checked"],
+  );
+
+  // 处理新增的文件
+  for (const item of insertdata) {
+    try {
+      await uploadFile(
+        item._content,
+        item.mx_filename,
+        item.mx_fileext,
+        item.mx_filesize,
+        item.mx_xh,
+        props.moduleId,
+        props.father,
+      );
+      console.log(`文件 ${item.mx_filename} 上传成功`);
+      item._status = "";
+    } catch (error) {
+      console.error(`文件 ${item.mx_filename} 上传失败:`, error);
+      ElMessage.error(`文件 ${item.mx_filename} 上传失败，请重试`);
+    }
+  }
+
+  ElMessage.success("上传成功");
+
+  loading.value = false;
+
+  loadFiles();
+}
+
+async function handleDownloadZip() {
+  if (checkedFiles.value.length < 2) {
+    ElMessage.warning("打包文件数量不得少于2");
+    return;
+  }
+
+  loading.value = true;
+  loadingTip.value = "正在打包下载中 . . .";
+
+  downloadZip(checkedFiles.value);
+
+  loading.value = false;
+}
+
+function handleChangeDisplayMode(mode) {
+  displayMode.value = mode;
+}
+
+function onClosed() {
+  fileList.value = [];
+  selectAll.value = false;
+  indeterminate.value = false;
+  showPreview.value = false;
+
+  preViewImageIndex.value = 0;
+
+  loading.value = false;
+
+  loadingTip.value = "正在加载中 . . .";
+}
+
+function handleTreeNodeClick(data) {
+  console.log(data);
+  cateId.value = data.cateId || "";
+
+  loadFiles();
+
+  selectAll.value = false;
+  indeterminate.value = false;
+  showPreview.value = false;
+  preViewImageIndex.value = 0;
+}
+</script>
+
+<template>
+  <el-dialog
+    title="附件管理"
+    width="900"
+    draggable
+    modal-class="g3-file-modal"
+    v-bind="$attrs"
+    @closed="onClosed"
+    @opened="onOpened"
+  >
+    <template #header>
+      <div class="g3-title">
+        附件管理（{{ fileList.length }}）
+
+        <template v-if="!props.readonly"> 未上传 ({{ pendingFileList.length }}) </template>
+      </div>
+    </template>
+    <input
+      ref="fileInputRef"
+      type="file"
+      multiple
+      style="display: none"
+      @change="handleFileInputChange"
+    />
+
+    <div class="g3-container">
+      <div v-if="categories[0].children.length > 0" class="g3-category">
+        <el-tree
+          ref="treeRef"
+          node-key="cateId"
+          :data="categories"
+          :default-expanded-keys="['']"
+          @node-click="handleTreeNodeClick"
+        />
+      </div>
+      <div class="g3-file-main">
+        <div class="g3-header">
+          <div>
+            <el-checkbox
+              v-model="selectAll"
+              :indeterminate="indeterminate"
+              :disabled="loading"
+              @change="toggleSelectAll"
+            >
+              全选
+            </el-checkbox>
+
+            <el-button
+              size="small"
+              type="primary"
+              :disabled="checkedFiles.length === 0 || loading"
+              style="margin-left: 8px"
+              @click="handleDownloadZip"
+            >
+              打包下载
+            </el-button>
+
+            <el-button
+              v-if="!props.readonly"
+              size="small"
+              type="danger"
+              :disabled="checkedFiles.length === 0 || loading"
+              @click="handleBatchDelete()"
+            >
+              批量删除
+            </el-button>
+          </div>
+
+          <div>
+            <el-dropdown>
+              <span class="g3-mode">
+                模式：{{ displayMode === 0 ? "卡片视图" : "列表视图" }}
+                <el-icon class="el-icon--right">
+                  <ArrowDown />
+                </el-icon>
+              </span>
+              <template #dropdown>
+                <el-dropdown-menu>
+                  <el-dropdown-item @click="handleChangeDisplayMode(0)">
+                    卡片视图
+                  </el-dropdown-item>
+                  <el-dropdown-item @click="handleChangeDisplayMode(1)">
+                    列表视图
+                  </el-dropdown-item>
+                </el-dropdown-menu>
+              </template>
+            </el-dropdown>
+          </div>
+        </div>
+
+        <div
+          ref="containerRef"
+          v-loading="loading"
+          :element-loading-text="loadingTip"
+          class="g3-main"
+          tabindex="0"
+          @paste="handlePaste"
+          @dragover="handleDragOver"
+          @drop="handleDrop"
+        >
+          <div v-if="fileList.length === 0" class="g3-tip">
+            <el-icon size="64">
+              <UploadFilled />
+            </el-icon>
+            <div>支持 拖拽文件、粘贴文件、多文件上传</div>
+          </div>
+
+          <div v-else-if="displayMode === 0" class="g3-files">
+            <div v-for="(file, index) in fileList" :key="index" class="g3-file-item">
+              <div class="g3-file-checkbox">
+                <el-checkbox v-model="file._checked" size="large" />
+              </div>
+              <!-- pending:未上传，completed:已上传，failed:上传失败 -->
+              <div
+                v-if="file._status === 'pending' || file._status === 'failed'"
+                :class="`g3-file-status status-${file._status}`"
+              >
+                <span v-if="file._status === 'pending'">未上传</span>
+                <span v-if="file._status === 'failed'">上传失败</span>
+              </div>
+              <div class="g3-file-preview" @click.stop="handleShowPreview(file)">
+                <template v-if="getFileIcon(file.mx_fileext) === 'image'">
+                  <el-image class="g3-file-preview-img" :src="file.mx_mapfilename" />
+                </template>
+                <template v-else>
+                  <G3Icon :icon="getFileIcon(file.mx_fileext)" size="88" />
+                </template>
+              </div>
+              <div class="g3-file-info">
+                <el-tooltip :content="file.mx_filename">
+                  <div class="g3-file-name">
+                    {{ file.mx_filename }}
+                  </div>
+                </el-tooltip>
+                <div class="g3-file-details">
+                  <div>{{ formatFileSize(file.mx_filesize) }}</div>
+                  <div>
+                    {{ file.mx_updateuser_id || file.mx_inputuser_id }}
+                    <template v-if="file.mx_inputdatetime || file.mx_updatedatetime">
+                      | {{ formatTime(file.mx_updatedatetime || file.mx_inputdatetime) }}
+                    </template>
+                  </div>
+                </div>
+                <div class="g3-file-actions">
+                  <el-button
+                    v-if="!props.readonly"
+                    type="danger"
+                    :icon="Delete"
+                    size="small"
+                    circle
+                    @click.stop="handleDeleteOne(file)"
+                  />
+                  <el-button
+                    type="primary"
+                    :icon="Download"
+                    size="small"
+                    circle
+                    @click.stop="handleDownloadFile(file)"
+                  />
+                  <el-dropdown v-if="!props.readonly" placement="top" trigger="click">
+                    <el-button
+                      type="info"
+                      :icon="More"
+                      size="small"
+                      circle
+                      style="margin-left: 12px"
+                    />
+                    <template #dropdown>
+                      <el-dropdown-menu>
+                        <el-dropdown-item @click="handleShowUpdateDialog(file)">
+                          修改文件信息
+                        </el-dropdown-item>
+                      </el-dropdown-menu>
+                    </template>
+                  </el-dropdown>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div v-else class="g3-table">
+            <div>
+              <vxe-table
+                ref="tableRef"
+                border
+                stripe
+                header-align="center"
+                :data="fileList"
+                height="100%"
+                show-overflow
+                show-header-overflow
+                :cell-config="{
+                  height: 26,
+                }"
+                :sort-config="{
+                  trigger: 'cell',
+                }"
+                :filter-config="{
+                  showIcon: false,
+                }"
+                size="small"
+              >
+                <vxe-column type="seq" width="50" title=" " align="center" />
+                <vxe-column width="50" align="center">
+                  <template #default="{ row }">
+                    <el-checkbox v-model="row._checked" size="large" />
+                  </template>
+                </vxe-column>
+                <vxe-column field="mx_filename" title="文件名" sortable align="center">
+                  <template #default="{ row }">
+                    <el-button type="primary" link @click.stop="handleShowPreview(row)">
+                      {{ row.mx_filename }}
+                    </el-button>
+                  </template>
+                </vxe-column>
+                <vxe-column field="mx_inputdatetime" title="上传日期" sortable align="center">
+                  <template #default="{ row }">
+                    {{ formatTime(row.mx_inputdatetime) }}
+                  </template>
+                </vxe-column>
+                <vxe-column
+                  field="mx_fileext"
+                  title="文件类型"
+                  sortable
+                  width="100"
+                  align="center"
+                />
+                <vxe-column
+                  field="mx_filesize"
+                  title="文件大小"
+                  sortable
+                  width="100"
+                  align="center"
+                >
+                  <template #default="{ row }">
+                    {{ formatFileSize(row.mx_filesize) }}
+                  </template>
+                </vxe-column>
+                <vxe-column width="180" title="操作">
+                  <template #default="{ row }">
+                    <div style="display: flex; align-items: center; justify-content: center">
+                      <el-button
+                        v-if="!props.readonly"
+                        type="danger"
+                        link
+                        @click.stop="handleDeleteOne(row)"
+                      >
+                        删除
+                      </el-button>
+                      <el-button type="primary" link @click.stop="handleDownloadFile(row)">
+                        下载
+                      </el-button>
+                      <el-dropdown v-if="!props.readonly" placement="top" trigger="click">
+                        <el-button type="info" link style="margin-left: 12px"> 更多 </el-button>
+                        <template #dropdown>
+                          <el-dropdown-menu>
+                            <el-dropdown-item @click="handleShowUpdateDialog(row)">
+                              修改文件信息
+                            </el-dropdown-item>
+                          </el-dropdown-menu>
+                        </template>
+                      </el-dropdown>
+                    </div>
+                  </template>
+                </vxe-column>
+              </vxe-table>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <template v-if="!props.readonly" #footer>
+      <el-button type="primary" :icon="HelpFilled" :disabled="loading" @click="handleClickUpload">
+        选择
+      </el-button>
+      <el-button type="primary" :icon="UploadFilled" :disabled="loading" @click="handleSave">
+        上传
+      </el-button>
+    </template>
+    <el-image-viewer
+      v-if="showPreview"
+      show-progress
+      :url-list="previewImageList"
+      :initial-index="preViewImageIndex"
+      hide-on-click-modal
+      preview-teleported
+      @close="showPreview = false"
+    >
+      <template #toolbar="{ actions, prev, next, reset, activeIndex, setActiveItem }">
+        <ElIcon @click="prev">
+          <Back />
+        </ElIcon>
+        <ElIcon @click="next">
+          <Right />
+        </ElIcon>
+        <ElIcon @click="setActiveItem(srcList.length - 1)">
+          <DArrowRight />
+        </ElIcon>
+        <ElIcon @click="actions('zoomOut')">
+          <ZoomOut />
+        </ElIcon>
+        <ElIcon @click="actions('zoomIn', { enableTransition: false, zoomRate: 2 })">
+          <ZoomIn />
+        </ElIcon>
+        <ElIcon @click="actions('clockwise', { rotateDeg: 180, enableTransition: false })">
+          <RefreshRight />
+        </ElIcon>
+        <ElIcon @click="actions('anticlockwise')">
+          <RefreshLeft />
+        </ElIcon>
+        <ElIcon @click="reset">
+          <Refresh />
+        </ElIcon>
+        <ElIcon @click="handleDownloadPreviewImage(activeIndex)">
+          <Download />
+        </ElIcon>
+      </template>
+    </el-image-viewer>
+
+    <el-dialog
+      v-model="showUpdateDialog"
+      title="更新文件"
+      width="500"
+      :closed="handleUpdateDialogClosed"
+    >
+      <div>
+        <div style="margin-bottom: 4px">文件名：</div>
+        <el-input v-model="updateFile.mx_filename" />
+        <div style="margin: 4px 0px">备注：</div>
+        <el-input v-model="updateFile.mx_bz" />
+      </div>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button @click="showUpdateDialog = false"> 取消 </el-button>
+          <el-button type="primary" :loading="updateLoading" @click="handleConfirmUpdate">
+            确认
+          </el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </el-dialog>
+</template>
+
+<style>
+.g3-file-modal .el-loading-text {
+  font-size: 22px !important;
+}
+.g3-file-modal .el-image-viewer__mask {
+  opacity: 0.9;
+}
+</style>
+
+<style lang="scss" scoped>
+.g3-title {
+  font-size: 18px;
+}
+
+.g3-container {
+  height: 500px;
+  display: flex;
+  width: 100%;
+}
+
+.g3-category {
+  width: 140px;
+}
+
+.g3-file-main {
+  flex: 1;
+  padding: 0px 8px;
+  display: flex;
+  flex-direction: column;
+}
+
+.g3-main {
+  overflow-y: auto;
+  height: 100%;
+  /* padding: 16px 0px;
+  border-top: 1px solid #ddd;
+  border-bottom: 1px solid #ddd; */
+  width: 100%;
+  cursor: pointer;
+}
+
+.g3-header {
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 8px;
+
+  div {
+    display: flex;
+    align-items: center;
+  }
+  .g3-mode {
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    padding: 8px 12px;
+    border: 1px solid #ddd;
+    font-size: 12px;
+    border-radius: 4px;
+    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05);
+  }
+}
+
+.g3-tip {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 16px;
+  cursor: pointer;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.g3-files {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
+  gap: 20px;
+}
+
+.g3-table {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  div {
+    height: 100%;
+  }
+}
+
+.g3-file-item {
+  background-color: #f8f9fa;
+  border-radius: 4px;
+  overflow: hidden;
+  transition:
+    transform 0.3s,
+    box-shadow 0.3s;
+  display: flex;
+  flex-direction: column;
+  min-height: 260px;
+  cursor: pointer;
+  position: relative;
+  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+}
+
+.g3-file-item:hover {
+  transform: translateY(-5px);
+}
+
+.g3-file-checkbox {
+  position: absolute;
+  left: 6px;
+  :deep(.el-checkbox__inner) {
+    width: 18px;
+    height: 18px;
+  }
+}
+
+.g3-file-status {
+  position: absolute;
+  top: 6px;
+  right: 6px;
+  padding: 4px 6px;
+  background-color: rgba(0, 0, 0, 0.5);
+  color: #fff;
+  font-size: 11px;
+  z-index: 99;
+  white-space: nowrap;
+  border-radius: 4px;
+}
+
+.g3-file-status.status-pending {
+  background-color: #ff9800;
+}
+
+.g3-file-status.status-failed {
+  background-color: #f44336;
+}
+
+.g3-file-status.status-success {
+  background-color: #4caf50;
+}
+
+.g3-file-preview {
+  height: 140px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: #fff;
+  color: #3498db;
+  font-size: 2.2rem;
+  overflow: hidden;
+  flex-shrink: 0;
+}
+
+.g3-file-preview-img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.g3-file-info {
+  flex: 1;
+  padding: 12px;
+  flex-grow: 1;
+  display: flex;
+  flex-direction: column;
+}
+
+.g3-file-name {
+  font-weight: 500;
+  color: #2c3e50;
+  margin-bottom: 6px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-size: 0.95rem;
+}
+
+.g3-file-details {
+  color: #7f8c8d;
+  font-size: 0.85rem;
+  margin-bottom: 10px;
+  line-height: 1.4;
+  div {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+}
+
+.g3-file-actions {
+  display: flex;
+  justify-content: end;
+  margin-top: auto;
+}
+</style>
diff --git a/code/container-ocr/ocr-vue/src/components/wang-editor/config.ts b/code/container-ocr/ocr-vue/src/components/wang-editor/config.ts
new file mode 100644
index 00000000..51f087fb
--- /dev/null
+++ b/code/container-ocr/ocr-vue/src/components/wang-editor/config.ts
@@ -0,0 +1,63 @@
+import { Boot, IDomEditor, IButtonMenu } from "@wangeditor/editor";
+
+// 当前的点击处理器，始终指向最新传入的函数
+let currentClickHandler: (() => void) | null = null;
+
+// 是否已经注册过菜单
+let hasRegistered = false;
+
+class PreviewButtonMenu implements IButtonMenu {
+  title = "预览";
+  iconSvg = `
+ <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 16 16">
+      <path fill="currentColor" fill-rule="evenodd" d="M12 4.57a.5.5 0 0 0-.024-.235l-.013-.063a1.5 1.5 0 0 0-.18-.434c-.092-.15-.222-.28-.482-.54L8.711.707c-.259-.26-.389-.39-.54-.483a1.5 1.5 0 0 0-.496-.193a.5.5 0 0 0-.235-.024C7.329.004 7.194.004 7.015.004h-2.21c-1.68 0-2.52 0-3.16.327a3.02 3.02 0 0 0-1.31 1.31C.008 2.283.008 3.12.008 4.8v6.4c0 1.68 0 2.52.327 3.16a3.02 3.02 0 0 0 1.31 1.31c.642.327 1.48.327 3.16.327h2.423c.401 0 .602-.523.347-.832a.45.45 0 0 0-.345-.168H4.8c-.857 0-1.44-.001-1.89-.038c-.438-.036-.663-.1-.819-.18a2 2 0 0 1-.874-.874c-.08-.156-.145-.38-.18-.819c-.036-.45-.037-1.03-.037-1.89v-6.4c0-.857 0-1.44.037-1.89c.036-.438.101-.663.18-.819c.192-.376.498-.682.874-.874c.156-.08.381-.145.82-.18C3.36.997 3.94.997 4.8.997H7v3.5a.5.5 0 0 0 .5.5H11v.547c0 .25.207.45.456.473c.285.025.543-.188.543-.474V4.99c0-.178 0-.313-.005-.425zM8 1.41L10.59 4H8z" clip-rule="evenodd"/>
+      <path fill="currentColor" fill-rule="evenodd" d="M11 15c.834 0 1.61-.255 2.25-.691l1.47 1.47a.749.749 0 1 0 1.06-1.06l-1.47-1.47c.436-.641.691-1.41.691-2.25c0-2.21-1.79-4-4-4s-4 1.79-4 4s1.79 4 4 4zm0-1c1.66 0 3-1.34 3-3s-1.34-3-3-3s-3 1.34-3 3s1.34 3 3 3" clip-rule="evenodd"/>
+    </svg>
+  `;
+  tag = "button";
+
+  getValue(): string | boolean {
+    return "";
+  }
+
+  isActive(): boolean {
+    return false;
+  }
+
+  isDisabled(): boolean {
+    return false;
+  }
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  exec(editor: IDomEditor): void {
+    if (this.isDisabled()) return;
+    currentClickHandler?.(); // 始终执行最新的回调
+  }
+}
+
+// 提供注册函数，允许多次调用，但只注册一次菜单
+export function registerPreviewMenu(handleClick: () => void) {
+  currentClickHandler = handleClick;
+
+  if (hasRegistered) return;
+
+  try {
+    Boot.registerMenu({
+      key: "preview",
+      factory: () => new PreviewButtonMenu()
+    });
+    hasRegistered = true;
+  } catch (e) {
+    if (!/duplicate/i.test(String(e))) {
+      console.warn("注册预览菜单失败：", e);
+    }
+  }
+}
+
+// 菜单插入配置
+export const toolbarConfig = {
+  excludeKeys: ["codeBlock", "fullScreen", "code"],
+  insertKeys: {
+    index: 32,
+    keys: ["preview"]
+  }
+};
diff --git a/code/container-ocr/ocr-vue/src/components/wang-editor/index.vue b/code/container-ocr/ocr-vue/src/components/wang-editor/index.vue
new file mode 100644
index 00000000..fe8b53c0
--- /dev/null
+++ b/code/container-ocr/ocr-vue/src/components/wang-editor/index.vue
@@ -0,0 +1,236 @@
+<script setup>
+import { Editor, Toolbar } from "@wangeditor/editor-for-vue";
+import { ElMessage } from "element-plus";
+import {
+  computed,
+  defineExpose,
+  nextTick,
+  onBeforeUnmount,
+  onMounted,
+  ref,
+  shallowRef,
+  watch,
+} from "vue";
+
+import { uploadFile, uploadImage, uploadVideo } from "@/utils/file";
+import { registerPreviewMenu, toolbarConfig } from "./config";
+import Direcotry from "./modules/directory.vue";
+import Preview from "./modules/preview.vue";
+import "@wangeditor/editor/dist/css/style.css";
+
+const props = defineProps({
+  displayMode: {
+    type: String,
+    default: "edit", // edit / view
+  },
+  modelValue: {
+    type: String,
+    default: "",
+  },
+  showDirecotry: {
+    type: Boolean,
+    default: false,
+  },
+  moduleId: {
+    type: String,
+    required: true,
+  },
+  father: {
+    type: [String, Number],
+    required: true,
+  },
+});
+
+const emit = defineEmits(["update:modelValue"]);
+
+const previewHtml = ref("");
+const showPreview = ref(false);
+
+// 内容
+const valueHtml = ref("");
+
+onMounted(() => {
+  registerPreviewMenu(() => {
+    previewHtml.value = valueHtml.value;
+    showPreview.value = true;
+  });
+});
+
+// 编辑器实例
+const editorRef = shallowRef();
+
+watch(
+  () => props.modelValue,
+  (val) => {
+    valueHtml.value = val;
+  },
+  { immediate: true },
+);
+
+const toolbarClass = computed(() =>
+  props.displayMode === "view" ? "toolbar-view" : "toolbar-edit",
+);
+
+const editorClass = computed(() => (props.displayMode === "view" ? "editor-view" : "editor-edit"));
+
+defineExpose({
+  getText: () => {
+    return editorRef.value ? editorRef.value.getText() : "";
+  },
+});
+
+function handleChange() {
+  emit("update:modelValue", valueHtml.value);
+}
+
+// ================= 编辑器配置 =================
+const editorConfig = {
+  placeholder: props.displayMode === "edit" ? "请输入内容..." : "",
+  readOnly: props.displayMode === "view",
+  MENU_CONF: {},
+};
+
+// 图片上传
+editorConfig.MENU_CONF.uploadImage = {
+  async customBrowseAndUpload(insertFn) {
+    try {
+      const data = await uploadImage();
+      if (!data) return;
+
+      const res = await uploadFile(
+        data.blob,
+        data.fileName,
+        data.fileExt,
+        data.fileSize,
+        0,
+        props.moduleId,
+        props.father,
+        "",
+      );
+      insertFn(res.mx_mapfilename, res.mx_filename, "");
+    } catch (e) {
+      ElMessage.error("图片上传失败");
+      console.log(e);
+    }
+  },
+};
+
+// 视频上传
+editorConfig.MENU_CONF.uploadVideo = {
+  async customBrowseAndUpload(insertFn) {
+    try {
+      const data = await uploadVideo();
+      if (!data) return;
+
+      const res = await uploadFile(
+        data.blob,
+        data.fileName,
+        data.fileExt,
+        data.fileSize,
+        0,
+        props.moduleId,
+        props.father,
+        "",
+      );
+      insertFn(res.mx_mapfilename, res.mx_filename, "");
+    } catch (e) {
+      ElMessage.error("视频上传失败");
+    }
+  },
+};
+
+// 销毁编辑器
+onBeforeUnmount(() => {
+  const editor = editorRef.value;
+  if (editor) editor.destroy();
+});
+
+function handleCreated(editor) {
+  editorRef.value = editor;
+  nextTick(() => {});
+}
+</script>
+
+<template>
+  <div v-loading="false" class="w-full h-full editor-container">
+    <div class="main">
+      <Toolbar
+        v-if="props.displayMode === 'edit'"
+        class="toolbar"
+        :class="toolbarClass"
+        :editor="editorRef"
+        :default-config="toolbarConfig"
+      />
+      <Editor
+        key="main"
+        v-model="valueHtml"
+        class="editor"
+        :class="editorClass"
+        :default-config="editorConfig"
+        @on-change="handleChange"
+        @on-created="handleCreated"
+      />
+    </div>
+
+    <Direcotry v-if="showDirecotry" v-model:content="valueHtml" class="directory" />
+  </div>
+
+  <Preview v-model:visible="showPreview" :content="previewHtml" />
+</template>
+
+<style scoped>
+.toolbar {
+}
+
+.toolbar-view {
+}
+
+.toolbar-edit {
+  border: 1px solid #ccc;
+}
+
+.editor {
+  overflow-y: hidden;
+}
+
+/* 原来 .editor 内嵌的 :deep */
+.editor :deep(.w-e-text-container video) {
+  width: 100% !important;
+}
+
+.editor-view {
+  height: auto;
+}
+
+/* 原来 .editor-view 内嵌的 :deep */
+.editor-view :deep(.w-e-text-container) {
+  background-color: transparent;
+}
+
+.editor-view :deep(.w-e-text-container .w-e-scroll [data-slate-editor]) {
+  overflow-y: auto;
+  padding: 0 !important;
+}
+
+.editor-edit {
+  height: 500px !important;
+  border: 1px solid #ccc;
+  border-top: transparent;
+}
+
+.editor-container {
+  display: flex;
+  gap: 44px;
+}
+
+/* 原来 .editor-container 内嵌的 .directory */
+.editor-container .directory {
+  width: 200px;
+  height: 450px;
+}
+
+/* 原来 .editor-container 内嵌的 .main */
+.editor-container .main {
+  flex: 1;
+}
+</style>
diff --git a/code/container-ocr/ocr-vue/src/components/wang-editor/modules/directory.vue b/code/container-ocr/ocr-vue/src/components/wang-editor/modules/directory.vue
new file mode 100644
index 00000000..869d72e1
--- /dev/null
+++ b/code/container-ocr/ocr-vue/src/components/wang-editor/modules/directory.vue
@@ -0,0 +1,169 @@
+<template>
+  <el-card shadow="never" class="directory-card" :class="{ collapsed }">
+    <!-- 头部 -->
+    <div class="directory-header" @click="toggleCollapse">
+      <div class="directory-header-left">
+        <el-icon>
+          <Folder />
+        </el-icon>
+        <span>目录</span>
+      </div>
+      <el-icon>
+        <ArrowDown v-if="!collapsed" />
+        <ArrowRight v-else />
+      </el-icon>
+    </div>
+
+    <!-- 内容 -->
+    <el-scrollbar v-show="!collapsed" class="directory-content">
+      <div v-for="item in directory" :key="item.id" class="directory-item" :class="`level-${item.level}`"
+        @click="scrollTo(item.id)">
+        {{ item.text }}
+      </div>
+    </el-scrollbar>
+  </el-card>
+</template>
+
+
+<script setup>
+import { ref, watch, nextTick } from 'vue'
+import { Folder, ArrowDown, ArrowRight } from '@element-plus/icons-vue'
+
+defineOptions({
+  name: 'WangEditorDirectory'
+})
+
+const props = defineProps({
+  content: String,
+  top: Number
+})
+
+const directory = ref([])
+const collapsed = ref(false)
+
+const toggleCollapse = () => {
+  collapsed.value = !collapsed.value
+}
+
+const scrollTo = (id) => {
+  const el = document.getElementById(id)
+  if (!el) return
+
+  if (props.top) {
+    const rect = el.getBoundingClientRect()
+    const scrollTop =
+      window.pageYOffset || document.documentElement.scrollTop
+    const top = rect.top + scrollTop - props.top
+
+    window.scrollTo({
+      top,
+      behavior: 'smooth'
+    })
+  } else {
+    el.scrollIntoView({
+      behavior: 'smooth',
+      block: 'start'
+    })
+  }
+}
+
+function throttle(fn) {
+  let running = false
+  return (...args) => {
+    if (running) return
+    running = true
+    requestAnimationFrame(() => {
+      fn(...args)
+      running = false
+    })
+  }
+}
+
+function generateDirectory() {
+  const root = document.querySelector('.editor')
+  if (!root) return
+
+  const headings = root.querySelectorAll('h1, h2, h3')
+  directory.value = Array.from(headings).map((h, i) => {
+    if (!h.id) h.id = `section-${i + 1}`
+    return {
+      id: h.id,
+      text: h.textContent || '',
+      level: Number(h.tagName[1]),
+      index: i
+    }
+  })
+}
+
+const updateDirectory = throttle(generateDirectory)
+
+watch(
+  () => props.content,
+  () => {
+    nextTick(updateDirectory)
+  },
+  { immediate: true }
+)
+</script>
+
+
+<style scoped>
+.directory-card {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+
+/* 折叠态 */
+.directory-card.collapsed {
+  height: 44px;
+}
+
+.directory-header {
+  height: 44px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  cursor: pointer;
+  font-weight: 600;
+  padding: 0 12px;
+  border-bottom: 1px solid var(--el-border-color);
+}
+
+.directory-header-left {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.directory-content {
+  padding: 12px;
+}
+
+.directory-item {
+  padding: 6px 8px;
+  cursor: pointer;
+  border-radius: 4px;
+}
+
+.directory-item:hover {
+  background: var(--el-color-primary-light-9);
+  color: var(--el-color-primary);
+}
+
+.directory-item.level-1 {
+  font-size: 15px;
+  font-weight: 600;
+}
+
+.directory-item.level-2 {
+  padding-left: 20px;
+  font-size: 14px;
+}
+
+.directory-item.level-3 {
+  padding-left: 40px;
+  font-size: 13px;
+  color: var(--el-text-color-secondary);
+}
+</style>
diff --git a/code/container-ocr/ocr-vue/src/components/wang-editor/modules/preview.vue b/code/container-ocr/ocr-vue/src/components/wang-editor/modules/preview.vue
new file mode 100644
index 00000000..a6402f0c
--- /dev/null
+++ b/code/container-ocr/ocr-vue/src/components/wang-editor/modules/preview.vue
@@ -0,0 +1,133 @@
+<script setup>
+import { Close, FullScreen } from '@element-plus/icons-vue'
+import { Editor } from '@wangeditor/editor-for-vue'
+import { ref, shallowRef, watch } from 'vue'
+import '@wangeditor/editor/dist/css/style.css'
+// ================= Props =================
+const props = defineProps({
+  content: {
+    type: String,
+    default: '',
+  },
+  visible: {
+    type: Boolean,
+    default: false,
+  },
+})
+
+const emit = defineEmits(['update:visible'])
+
+// ================= 编辑器配置 =================
+const editorConfig = {
+  placeholder: '暂无内容',
+  readOnly: true,
+  MENU_CONF: {},
+}
+
+const fullscreen = ref(false)
+const localVisible = ref(props.visible)
+const editorRef = shallowRef()
+
+// 同步 visible
+watch(
+  () => props.visible,
+  (val) => {
+    localVisible.value = val
+  },
+)
+
+// 编辑器创建
+function handleCreated(editor) {
+  editorRef.value = editor
+  if (props.content) {
+    editor.setHtml(props.content)
+  }
+}
+
+// 关闭弹窗
+function handleCloseDialog() {
+  fullscreen.value = false
+  localVisible.value = false
+  
+  emit('update:visible', false)
+}
+
+// 打开弹窗
+function handleOpenDialog() {
+  if (editorRef.value) {
+    editorRef.value.setHtml(props.content || '')
+  }
+}
+</script>
+
+<template>
+  <el-dialog
+    v-bind="$attrs"
+    v-model="localVisible"
+    :fullscreen="fullscreen"
+    :show-close="false"
+    @close="handleCloseDialog"
+    @open="handleOpenDialog"
+  >
+    <template #header>
+      <div class="header">
+        <div />
+        <div class="title">
+          预览
+        </div>
+        <div class="actions">
+          <div class="action" @click="fullscreen = !fullscreen">
+            <el-icon>
+              <FullScreen />
+            </el-icon>
+          </div>
+          <div class="action" @click="handleCloseDialog">
+            <el-icon>
+              <Close />
+            </el-icon>
+          </div>
+        </div>
+      </div>
+    </template>
+
+    <div class="editor-container" :class="[{ 'editor-fullscreen': fullscreen }]">
+      <Editor
+        key="preview"
+        :default-config="editorConfig"
+        style="height: 100%"
+        @on-created="handleCreated"
+      />
+    </div>
+  </el-dialog>
+</template>
+
+<style scoped>
+.header {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.title {
+  font-size: 18px;
+}
+
+.actions {
+  display: flex;
+  gap: 16px;
+  font-size: 18px;
+}
+
+.actions .action {
+  cursor: pointer;
+}
+
+.editor-container {
+  height: 500px;
+}
+
+.editor-container.editor-fullscreen {
+  height: calc(100vh - 100px);
+}
+</style>
diff --git a/code/container-ocr/ocr-vue/src/layout/components/menu.vue b/code/container-ocr/ocr-vue/src/layout/components/menu.vue
index 54038a99..90e9cdd7 100644
--- a/code/container-ocr/ocr-vue/src/layout/components/menu.vue
+++ b/code/container-ocr/ocr-vue/src/layout/components/menu.vue
@@ -9,13 +9,11 @@ const route = useRoute();
 const router = useRouter();
 
 onMounted(() => {
-  loadDataApi("s_keyvalue", `b_key='bodycaption'`, ``, ["b_value"]).then(
-    (res) => {
-      if (res.success) {
-        title.value = res.data[0].b_value;
-      }
-    },
-  );
+  loadDataApi("s_keyvalue", `b_key='bodycaption'`, ``, ["b_value"]).then((res) => {
+    if (res.success) {
+      title.value = res.data[0].b_value;
+    }
+  });
 });
 
 const menuList = ref([
@@ -27,16 +25,7 @@ const menuList = ref([
   {
     label: "业务管理",
     icon: "lucide:briefcase-business",
-    children: [
-      {
-        label: "海运管理",
-        path: "/business",
-      },
-      {
-        label: "装箱统计",
-        path: "/business/field",
-      },
-    ],
+    children: [],
   },
   {
     label: "系统管理",
@@ -178,9 +167,9 @@ function handleMenuChange(val) {
     }
 
     &.is-active {
-      // .el-sub-menu__title {
-      //   color: var(--el-color-primary);
-      // }
+      > .el-sub-menu__title {
+        color: var(--el-color-primary);
+      }
     }
   }
 }
diff --git a/code/container-ocr/ocr-vue/src/request/api.js b/code/container-ocr/ocr-vue/src/request/api.js
index ca28e212..cb3adc57 100644
--- a/code/container-ocr/ocr-vue/src/request/api.js
+++ b/code/container-ocr/ocr-vue/src/request/api.js
@@ -95,12 +95,16 @@ export function saveObjectKeysApi(data) {
   return httpPost("/data/saveObjectKeys", data);
 }
 
-export function deleteModuleApi({ moduleId, Id }) {
-  return httpPost("/data/deleteModule", {
+export function deleteObjectApi({ moduleId, id }) {
+  return httpPost("/data/deleteObject", {
     moduleId,
-    Id,
+    id,
   });
 }
+
+export function getUniqueIdApi() {
+  return httpPost("/data/getUniqueId");
+}
 // ============================= data =============================
 
 // ============================= column =============================
@@ -138,3 +142,23 @@ export function updateColumnsApi(columns) {
   return httpPost("/column/updateColumns", columns);
 }
 // ============================= column =============================
+
+// ============================= file =============================
+export function getAliyunKeyApi() {
+  return httpPost("/file/getAliyunKey", {
+    bucketName: import.meta.env.PUBLIC_ALIYUN_BUCKET,
+  });
+}
+
+export function insertFileApi(params) {
+  return httpPost("/file/insert", params);
+}
+
+export function deleteFileApi({ id, tableName }) {
+  return httpPost("/file/delete", {
+    id,
+    tableName,
+    bucketName: import.meta.env.PUBLIC_ALIYUN_BUCKET,
+  });
+}
+// ============================= file =============================
diff --git a/code/container-ocr/ocr-vue/src/utils/diff.js b/code/container-ocr/ocr-vue/src/utils/diff.js
index 8ac4c51e..fed6efc3 100644
--- a/code/container-ocr/ocr-vue/src/utils/diff.js
+++ b/code/container-ocr/ocr-vue/src/utils/diff.js
@@ -33,3 +33,77 @@ export function diffObject(newData, oldData, primaryKeys = [], excludeKeys = [])
 
   return { isChanged, result };
 }
+
+/* 比对并分类数据变更
+ * @param {Array} currentData 变更后的数据数组
+ * @param {Array} originalData 原始数据数组
+ * @param {String} primaryKey 主键字段名
+ * @param {Array} ignoreFields 过滤字段（可传可不传）
+ * @returns {Object} 包含分类结果的对象 { insertdata: [], updatedata: [], deletedata: [], hasChanges: Boolean }
+ */
+export function compareAndClassifyData(currentData, originalData, primaryKey) {
+  const result = {
+    insertdata: [],
+    updatedata: [],
+    deletedata: [],
+    hasChanges: false, // 默认无变动
+  };
+
+  // 1. 找出新增的数据
+  result.insertdata = currentData.filter(
+    (row) =>
+      !row[primaryKey] ||
+      !originalData.some((originalRow) => originalRow[primaryKey] === row[primaryKey]),
+  );
+
+  // 2. 找出修改的数据
+  result.updatedata = currentData.reduce((acc, row) => {
+    const rowId = row[primaryKey];
+    if (!rowId) return acc;
+
+    const originalRow = originalData.find((r) => r[primaryKey] === rowId);
+    if (!originalRow) return acc;
+
+    const changedFields = {};
+    Object.keys(row).forEach((key) => {
+      if (key !== primaryKey && !key.startsWith("v_")) {
+        const oldVal = originalRow[key];
+        const newVal = row[key];
+
+        const normalize = (v) => (v === null || v === undefined ? "" : v);
+
+        if (normalize(newVal) !== normalize(oldVal)) {
+          // ✅ 避免 undefined 被丢弃
+          changedFields[key] = newVal ?? "";
+        }
+      }
+    });
+    // Object.keys(row).forEach((key) => {
+    //   if (key !== primaryKey && !isEqual(row[key], originalRow[key])) {
+    //     if (!key.startsWith('v_')) {
+    //       changedFields[key] = row[key]
+    //     }
+    //   }
+    // })
+
+    if (Object.keys(changedFields).length > 0) {
+      acc.push({
+        [primaryKey]: rowId,
+        ...changedFields,
+      });
+    }
+
+    return acc;
+  }, []);
+
+  // 3. 找出删除的数据
+  result.deletedata = originalData.filter(
+    (originalRow) => !currentData.some((row) => row[primaryKey] === originalRow[primaryKey]),
+  );
+
+  // 4. 是否有任何变动
+  result.hasChanges =
+    result.insertdata.length > 0 || result.updatedata.length > 0 || result.deletedata.length > 0;
+
+  return result;
+}
diff --git a/code/container-ocr/ocr-vue/src/utils/file.js b/code/container-ocr/ocr-vue/src/utils/file.js
new file mode 100644
index 00000000..8c8f584f
--- /dev/null
+++ b/code/container-ocr/ocr-vue/src/utils/file.js
@@ -0,0 +1,366 @@
+import { getAliyunKeyApi } from "@/request/api";
+
+/**
+ * 选择并压缩图片
+ */
+export function uploadImage(options = {}) {
+  const { quality = 0.9, maxSize = 512000 } = options
+
+  return new Promise((resolve, reject) => {
+    if (typeof document === 'undefined') {
+      reject(new Error('Require browser environment'))
+      return
+    }
+
+    const input = document.createElement('input')
+    input.type = 'file'
+    input.accept = 'image/*'
+    input.style.display = 'none'
+
+    input.onchange = async (e) => {
+      const file = e.target.files?.[0]
+      if (!file) {
+        reject(new Error('No file selected'))
+        return
+      }
+
+      try {
+        if (!file.type.startsWith('image/')) {
+          throw new Error('Invalid image file')
+        }
+
+        // 创建一个临时URL来加载图片
+        const url = URL.createObjectURL(file)
+
+        // 调用 compressImage 进行压缩
+        const compressResult = await compressImage(url, quality, maxSize)
+
+        // 释放临时URL
+        URL.revokeObjectURL(url)
+
+        resolve({
+          blob: compressResult.blob,
+          url: compressResult.url,
+          fileName: file.name,
+          fileExt: getFileExtension(file.name),
+          fileSize: file.size,
+        })
+      }
+      catch (err) {
+        reject(err)
+      }
+      finally {
+        document.body.removeChild(input)
+      }
+    }
+
+    document.body.appendChild(input)
+    input.click()
+  })
+}
+
+/**
+ * 选择视频
+ */
+export function uploadVideo() {
+  return new Promise((resolve, reject) => {
+    if (typeof document === 'undefined') {
+      reject(new Error('Require browser environment'))
+      return
+    }
+
+    const input = document.createElement('input')
+    input.type = 'file'
+    input.accept = 'video/*'
+    input.style.display = 'none'
+
+    input.onchange = (e) => {
+      const file = e.target.files?.[0]
+      if (!file) {
+        reject(new Error('No file selected'))
+        return
+      }
+
+      if (!file.type.startsWith('video/')) {
+        reject(new Error('Invalid video file'))
+        return
+      }
+
+      resolve({
+        blob: file,
+        url: URL.createObjectURL(file),
+        fileName: file.name,
+        fileExt: getFileExtension(file.name),
+        fileSize: file.size,
+      })
+
+      document.body.removeChild(input)
+    }
+
+    document.body.appendChild(input)
+    input.click()
+  })
+}
+
+// 压缩图片
+export async function compressImage(url, quality = 0.9, maxSize = 512000) {
+  return new Promise((resolve, reject) => {
+    const img = new Image()
+    img.src = url
+
+    img.onload = async () => {
+      try {
+        // 获取原图大小
+        const imgSize = await fetch(url)
+          .then(res => res.blob())
+          .then(blob => blob.size)
+
+        if (imgSize <= maxSize) {
+          return resolve({ url, size: imgSize, blob: await fetch(url).then(res => res.blob()) })
+        }
+        const canvas = document.createElement('canvas')
+        const ctx = canvas.getContext('2d')
+        if (!ctx)
+          return reject(new Error('无法获取canvas上下文'))
+
+        let targetWidth = img.width
+        let targetHeight = img.height
+
+        // 最大边长限制
+        const maxEdge = 2000
+        if (targetWidth > maxEdge || targetHeight > maxEdge) {
+          if (targetWidth > targetHeight) {
+            targetHeight = (maxEdge * targetHeight) / targetWidth
+            targetWidth = maxEdge
+          }
+          else {
+            targetWidth = (maxEdge * targetWidth) / targetHeight
+            targetHeight = maxEdge
+          }
+        }
+
+        canvas.width = targetWidth
+        canvas.height = targetHeight
+
+        ctx.clearRect(0, 0, canvas.width, canvas.height)
+        ctx.drawImage(img, 0, 0, targetWidth, targetHeight)
+
+        const getBlob = q =>
+          new Promise((resolve, reject) => {
+            canvas.toBlob(
+              blob => (blob ? resolve(blob) : reject(new Error('Blob转换失败'))),
+              'image/jpeg',
+              q,
+            )
+          })
+
+        let blob = await getBlob(quality)
+
+        // 调整质量直到接近最大文件大小
+        let minQ = 0.5
+        let maxQ = quality
+        let attempts = 0
+
+        while (blob.size > maxSize && maxQ - minQ > 0.01 && attempts < 5) {
+          const midQ = (minQ + maxQ) / 2
+          blob = await getBlob(midQ)
+          if (blob.size > maxSize) {
+            maxQ = midQ
+          }
+          else {
+            minQ = midQ
+          }
+          attempts++
+        }
+        resolve({ blob, size: blob.size, url: URL.createObjectURL(blob) })
+      }
+      catch (err) {
+        reject(err)
+      }
+    }
+
+    img.onerror = () => reject(new Error('图片加载失败'))
+  })
+}
+
+export function formatFileSize(size) {
+  if (size < 1024)
+    return `${size} B`
+  else if (size < 1024 * 1024)
+    return `${(size / 1024).toFixed(2)} KB`
+  else if (size < 1024 * 1024 * 1024)
+    return `${(size / (1024 * 1024)).toFixed(2)} MB`
+  else return `${(size / (1024 * 1024 * 1024)).toFixed(2)} GB`
+}
+
+// 获取文件扩展名并进行分类
+export function getFileExtension(fileName) {
+  // 获取文件扩展名
+  const fileExt = fileName.includes('.')
+    ? fileName.slice(fileName.lastIndexOf('.') + 1).toLowerCase() // 获取扩展名并转为小写
+    : ''
+
+  // 如果是office类文件，将其归类到 "office"
+  if (['docx', 'docm', 'xls', 'xlsx'].includes(fileExt)) {
+    return 'office'
+  }
+
+  // 返回扩展名
+  return fileExt
+}
+
+// 上传到阿里云
+// blob fileName fileSize xh moduleid father cateid
+export function uploadFile(blob, fileName, fileExt, fileSize, xh, moduleid, father, cateid) {
+  return new Promise((resolve, reject) => {
+    getAliyunKeyApi()
+      .then(async (res) => {
+        try {
+          const aliyunKey = res.data
+          const formData = new FormData()
+
+          let uniqueName = `${Date.now()}_${Math.random()
+            .toString(36)
+            .slice(2)}`
+
+          if (fileExt) {
+            uniqueName += `.${fileExt}`
+          }
+
+          formData.append('key', `${aliyunKey.dir}${uniqueName}`)
+          formData.append('OSSAccessKeyId', aliyunKey.accessid)
+          formData.append('policy', aliyunKey.policy)
+          formData.append('Signature', aliyunKey.signature)
+          formData.append('file', blob, uniqueName)
+
+          const xhr = new XMLHttpRequest()
+          xhr.open('POST', aliyunKey.host, true)
+
+          xhr.onload = async () => {
+            if (xhr.status === 200 || xhr.status === 204) {
+              const allFilePath = `${aliyunKey.host}/${aliyunKey.dir}${uniqueName}`
+
+              const insertRes = await insertFileApi({
+                father,
+                mx_moduleid: moduleid,
+                mx_xh: xh,
+                mx_filename: fileName,
+                mx_mapfilename: allFilePath,
+                mx_filesize: fileSize,
+                mx_fileext: fileExt,
+                mx_cate_id: cateid || '',
+              })
+
+              if (insertRes.success) {
+                resolve({
+                  father,
+                  mx_moduleid: moduleid,
+                  mx_xh: xh,
+                  mx_filename: fileName,
+                  mx_mapfilename: allFilePath,
+                  mx_filesize: fileSize,
+                  mx_fileext: fileExt,
+                  mx_cate_id: cateid || '',
+                })
+              }
+              else {
+                reject(new Error(insertRes.data.message))
+              }
+            }
+            else {
+              ElMessage.error('上传失败，请稍后再试')
+              reject(new Error(`OSS 上传失败: ${xhr.responseText}`))
+            }
+          }
+
+          xhr.onerror = () => {
+            ElMessage.error('上传失败，请稍后再试')
+            reject(new Error('OSS 上传异常'))
+          }
+
+          xhr.send(formData)
+        }
+        catch (err) {
+          ElMessage.error('上传失败，请稍后再试')
+          reject(err)
+        }
+      })
+      .catch(reject)
+  })
+}
+
+export function getAliyunFileBlob(url) {
+  return new Promise((resolve, reject) => {
+    // 创建一个独立的异步函数来处理 fetch 请求
+    async function fetchFile() {
+      try {
+        const response = await fetch(url, { mode: 'cors' })
+
+        // 检查响应状态
+        if (!response.ok) {
+          ElMessage.error(`下载失败：${response.status}`)
+          reject(new Error(`下载失败：${response.status}`))
+          return
+        }
+
+        // 获取文件内容
+        const blob = await response.blob()
+
+        // 返回blob
+        resolve(blob)
+      }
+      catch (error) {
+        // 捕获网络请求失败或其他错误
+        ElMessage.error('下载文件时发生错误')
+        reject(error)
+      }
+    }
+
+    // 调用异步函数
+    fetchFile()
+  })
+}
+
+export function downloadZip(
+  files,
+  fileName = '文件合集',
+  callback,
+) {
+  const zip = new JSZip()
+  const addedFiles = new Set() // 用来存储已添加的文件名
+
+  let result = files.map((item) => {
+    let promise = getAliyunFileBlob(item.mx_mapfilename).then((res) => {
+      // 处理文件名重复的情况
+      let uniqueFileName = getUniqueFileName(item.mx_filename, addedFiles)
+      zip.file(uniqueFileName, res, { binary: true })
+      addedFiles.add(uniqueFileName) // 添加文件名到已添加的集合中
+    })
+    return promise
+  })
+
+  Promise.all(result).then(() => {
+    zip.generateAsync({ type: 'blob' }).then((res) => {
+      callback && callback()
+      saveAs(res, `${fileName}.zip`)
+    })
+  }).catch(() => {
+    callback && callback()
+  })
+}
+
+// 处理文件名重复的函数
+function getUniqueFileName(fileName, addedFiles) {
+  let uniqueFileName = fileName
+  let counter = 1
+
+  // 如果文件名已经存在，则在文件名后加上 (1), (2), ...
+  while (addedFiles.has(uniqueFileName)) {
+    const fileNameWithoutExtension = uniqueFileName.replace(/\.[^/.]+$/, '')
+    const extension = uniqueFileName.slice(uniqueFileName.lastIndexOf('.'))
+    uniqueFileName = `${fileNameWithoutExtension} (${counter})${extension}`
+    counter++
+  }
+
+  return uniqueFileName
+}
diff --git a/code/container-ocr/ocr-vue/src/views/system/module/index.vue b/code/container-ocr/ocr-vue/src/views/system/module/index.vue
index 7259402f..2bff4d25 100644
--- a/code/container-ocr/ocr-vue/src/views/system/module/index.vue
+++ b/code/container-ocr/ocr-vue/src/views/system/module/index.vue
@@ -11,7 +11,7 @@ import {
   loadPageDataApi,
   loadViewColumnsApi,
   saveObjectApi,
-  deleteModuleApi,
+  deleteObjectApi,
 } from "@/request/api";
 import { updateViewTableColumns } from "@/utils/columns";
 
@@ -36,7 +36,7 @@ const tree_id = ref("");
 // 分页参数
 const pagination = reactive({
   page: 1,
-  size: 20,
+  size: 50,
   total: 0,
 });
 
@@ -70,16 +70,14 @@ function buildSqlWhere() {
 }
 // 加载数据
 async function getdata() {
-  pagination.currentPage = 1; // 重置到第一页
+  pagination.page = 1; // 重置到第一页
   await gettabledata("s_module", buildSqlWhere());
 }
 
 // 查看所有模块
 async function showallmod() {
   try {
-    const response = await loadDataBySqlApi(
-      `SELECT * FROM s_module ORDER BY b_Order`,
-    );
+    const response = await loadDataBySqlApi(`SELECT * FROM s_module ORDER BY b_Order`);
 
     if (response.success) {
       tableData.value = response.data || [];
@@ -162,9 +160,9 @@ function handleDelClick(row) {
     cancelButtonText: "取消",
     type: "warning",
   }).then(async () => {
-    deleteModuleApi({
+    deleteObjectApi({
       moduleId: "s_module",
-      Id: row.b_id,
+      id: row.b_id,
     }).then((res) => {
       if (res.success) {
         ElMessage.success("删除成功");
@@ -245,9 +243,7 @@ const checkedIds = [];
 async function loadNode(node, resolve) {
   if (node.level === 0) {
     // 根节点加载第1级
-    const res = await loadDataBySqlApi(
-      "select * from s_module_bmfl where js='1' order by b_xh",
-    );
+    const res = await loadDataBySqlApi("select * from s_module_bmfl where js='1' order by b_xh");
 
     if (res.success) {
       const records = res.data.map((r) => {
@@ -360,7 +356,7 @@ async function handleTreeClick(nodeData) {
     where = `b_Cate_ID='${nodeData.id}'`;
   }
 
-  pagination.currentPage = 1; // 重置到第一页
+  pagination.page = 1; // 重置到第一页
   await gettabledata("s_module", where);
   tree_id.value = nodeData.id;
 }
@@ -384,10 +380,7 @@ function onRightClick(event, data, node, comp) {
   contextMenu.x = event.clientX + 4;
   contextMenu.y = event.clientY + 4;
   contextMenu.node = node;
-  contextMenu.parent = findAncestorNodeByLevel(
-    node.data,
-    Number(node.data.js) - 1,
-  );
+  contextMenu.parent = findAncestorNodeByLevel(node.data, Number(node.data.js) - 1);
 }
 
 // 🌟 隐藏菜单
@@ -468,15 +461,7 @@ async function deleteNode() {
     }
   });
 }
-async function handleDialogSubmit({
-  p_id,
-  p_name,
-  bm_b,
-  mc_b,
-  b_xh,
-  b_canuse,
-  b_canmenu,
-}) {
+async function handleDialogSubmit({ p_id, p_name, bm_b, mc_b, b_xh, b_canuse, b_canmenu }) {
   if (dialogMode.value == "add") {
     const Fnode = contextMenu.node.data;
 
@@ -492,7 +477,7 @@ async function handleDialogSubmit({
     ((obj.b_canuse = b_canuse),
       (obj.b_canmenu = b_canmenu),
       (obj.b_xh = b_xh),
-      (obj.js = Number(Fnode.js) + 1));
+      (obj.js = (Number(Fnode.js) || 0) + 1));
     obj.bm_1_b = GetTreeViewPath(Fnode, 1, "id");
     obj.bm_2_b = GetTreeViewPath(Fnode, 2, "id");
     obj.bm_3_b = GetTreeViewPath(Fnode, 3, "id");
@@ -583,6 +568,11 @@ async function handleDialogSubmit({
 
 // 获取节点路径
 function GetTreeViewPath(node, Ilevel, flag) {
+  console.log(node);
+  if (node.id === "all") {
+    return "";
+  }
+
   let level = node.js;
   if (level < Ilevel) {
     return "";
@@ -694,237 +684,202 @@ onMounted(async () => {
 <template>
   <div class="g3-flex-container">
     <div class="g3-header">
-      <el-button type="primary" @click="setpowervalue = !setpowervalue">
-        权限设置
-      </el-button>
-      <el-button type="primary" @click="setkeyvalue = !setkeyvalue">
-        键值设置
-      </el-button>
-      <el-button type="primary" @click="setotherbmfl = !setotherbmfl">
-        基础数据目录
-      </el-button>
+      <el-button type="primary" @click="setpowervalue = !setpowervalue"> 权限设置 </el-button>
+      <el-button type="primary" @click="setkeyvalue = !setkeyvalue"> 键值设置 </el-button>
+      <el-button type="primary" @click="setotherbmfl = !setotherbmfl"> 基础数据目录 </el-button>
     </div>
+
     <div class="g3-container" @click="hideContextMenu">
-      <div class="g3-container-left">
-        <div class="g3-title">
-          <G3Icon icon="lucide:blocks" />
-          <div style="margin-left: 3px">模块设置</div>
-        </div>
-        <el-tree
-          ref="treeRef"
-          :data="treeData"
-          :props="defaultProps"
-          node-key="id"
-          lazy
-          :load="loadNode"
-          :default-expanded-keys="['all']"
-          :default-checked-keys="tree_checkedKeys"
-          show-checkbox
-          check-strictly
-          :check-on-click-node="false"
-          @node-contextmenu="onRightClick"
-          @node-click="handleTreeClick"
-        />
-        <!-- 右键菜单 -->
-        <div
-          v-if="contextMenu.visible"
-          class="context-menu"
-          :style="{ top: `${contextMenu.y}px`, left: `${contextMenu.x}px` }"
-        >
-          <div class="menu-item" @click.stop="addNode">
-            <el-icon> <G3Icon icon="lucide:plus" /></el-icon>新增分类
-          </div>
-          <div class="menu-item" @click.stop="editNode">
-            <el-icon> <G3Icon icon="lucide:pen-line" /></el-icon>修改分类
-          </div>
-          <div class="menu-item delete" @click.stop="deleteNode">
-            <el-icon> <G3Icon icon="lucide:trash-2" /></el-icon>删除分类
-          </div>
-        </div>
-      </div>
-
-      <div
-        style="
-          display: flex;
-          flex: 1;
-          flex-direction: column;
-          min-width: 0;
-          height: 100%;
-        "
-      >
-        <div class="g3-row-main">
-          <div style="width: 100%">
-            <div
-              style="
-                display: flex;
-                justify-content: space-between;
-                height: 32px;
-                margin-bottom: 8px;
-              "
-            >
-              <div style="display: flex">
-                <el-button type="primary"> 关联 </el-button>
-                <el-button type="primary" @click="handleAdd"> 新建 </el-button>
-                <el-button type="primary" @click="showallmod">
-                  查看所有模块
-                </el-button>
-                <el-button type="primary" @click="showmodSql">
-                  SQL语句
-                </el-button>
-              </div>
-              <div style="display: flex">
-                <el-dropdown>
-                  <div class="g3-svg-query">
-                    <span
-                      class="iconfont icon-gengduo1"
-                      style="font-size: 12px"
-                    />
-                  </div>
-                  <template #dropdown>
-                    <el-dropdown-menu>
-                      <el-dropdown-item
-                        @click="updateViewTableColumns('s_module')"
-                      >
-                        栏位保存
-                      </el-dropdown-item>
-                    </el-dropdown-menu>
-                  </template>
-                </el-dropdown>
-              </div>
+      <el-splitter>
+        <el-splitter-panel size="220">
+          <div class="g3-container-left">
+            <div class="g3-title">
+              <G3Icon icon="lucide:blocks" />
+              <div style="margin-left: 3px">模块设置</div>
             </div>
-          </div>
-
-          <div
-            style="
-              flex: 1;
-              display: flex;
-              flex-direction: column;
-              min-height: 0;
-            "
-          >
-            <vxe-table
-              ref="tableRef"
-              border
-              stripe
-              header-align="center"
-              keep-source
-              :data="tableData"
-              :loading="loading.table"
-              :sort-config="{
-                // showIcon: false,
-                trigger: 'cell',
-              }"
-              :filter-config="{
-                showIcon: false,
-              }"
-              :column-drag-config="{
-                showIcon: false,
-                trigger: 'cell',
-              }"
-              :row-config="{
-                useKey: true,
-                // keyField: 'b_id',
-                isCurrent: true,
-                isHover: true,
-              }"
-              :column-config="{
-                resizable: true,
-                drag: true,
-              }"
-              :edit-config="{
-                trigger: 'click',
-                mode: 'row',
-                autoClear: false,
-                showStatus: true,
-                showIcon: false,
-              }"
-              height="100%"
-              show-overflow
-              show-header-overflow
-            >
-              <vxe-column type="checkbox" width="50" align="center" />
-              <vxe-column
-                v-for="column in columns"
-                :key="column.col_FieldName"
-                :field="column.col_FieldName"
-                :title="column.col_Caption"
-                :width="column.col_Width"
-                sortable
-              >
-                <template #default="{ row }">
-                  <template
-                    v-if="
-                      [
-                        'b_ISVirtualModule',
-                        'b_isMainModule',
-                        'b_SH',
-                        'b_autoid',
-                      ].includes(column.col_FieldName)
-                    "
-                  >
-                    <el-checkbox
-                      v-model="row[column.col_FieldName]"
-                      disabled
-                      true-value="1"
-                      false-value="0"
-                      @change="handleCheckChange(row, column.col_FieldName)"
-                    />
-                  </template>
-                  <template v-else>
-                    {{ row[column.col_FieldName] }}
-                  </template>
-                </template>
-              </vxe-column>
-
-              <vxe-column width="180" align="center" fixed="right" title="操作">
-                <template #default="{ row }">
-                  <el-button
-                    link
-                    type="primary"
-                    size="small"
-                    style="font-size: 14px"
-                    @click="handleEditClick(row)"
-                  >
-                    编辑
-                  </el-button>
-                  <el-button
-                    link
-                    type="danger"
-                    size="small"
-                    style="font-size: 14px"
-                    @click="handleDelClick(row)"
-                  >
-                    删除
-                  </el-button>
-                </template>
-              </vxe-column>
-            </vxe-table>
-          </div>
-
-          <div
-            style="
-              padding-top: 8px;
-              display: flex;
-              justify-content: flex-end;
-              align-items: center;
-            "
-          >
-            <el-pagination
-              :current-page="pagination.currentPage"
-              :page-sizes="[50, 100, 200, 500, 1000]"
-              :page-size="pagination.pageSize"
-              layout="total, sizes, prev, pager, next, jumper"
-              :total="pagination.total"
-              class="pagination"
-              @size-change="handleSizeChange"
-              @current-change="handleCurrentChange"
+            <el-tree
+              ref="treeRef"
+              :data="treeData"
+              :props="defaultProps"
+              node-key="id"
+              lazy
+              :load="loadNode"
+              :default-expanded-keys="['all']"
+              :default-checked-keys="tree_checkedKeys"
+              show-checkbox
+              check-strictly
+              :check-on-click-node="false"
+              @node-contextmenu="onRightClick"
+              @node-click="handleTreeClick"
             />
           </div>
-        </div>
-      </div>
+
+          <!-- 右键菜单 -->
+          <div
+            v-if="contextMenu.visible"
+            class="context-menu"
+            :style="{ top: `${contextMenu.y}px`, left: `${contextMenu.x}px` }"
+          >
+            <div class="menu-item" @click.stop="addNode">
+              <el-icon> <G3Icon icon="lucide:plus" /></el-icon>新增分类
+            </div>
+            <div class="menu-item" @click.stop="editNode">
+              <el-icon> <G3Icon icon="lucide:pen-line" /></el-icon>修改分类
+            </div>
+            <div class="menu-item delete" @click.stop="deleteNode">
+              <el-icon> <G3Icon icon="lucide:trash-2" /></el-icon>删除分类
+            </div>
+          </div>
+        </el-splitter-panel>
+
+        <el-splitter-panel>
+          <div class="g3-container-right">
+            <div style="width: 100%">
+              <div
+                style="
+                  display: flex;
+                  justify-content: space-between;
+                  height: 32px;
+                  margin-bottom: 8px;
+                "
+              >
+                <div style="display: flex">
+                  <el-button type="primary"> 关联 </el-button>
+                  <el-button type="primary" @click="handleAdd"> 新建 </el-button>
+                  <el-button type="primary" @click="showallmod"> 查看所有模块 </el-button>
+                  <el-button type="primary" @click="showmodSql"> SQL语句 </el-button>
+                </div>
+                <div style="display: flex">
+                  <el-dropdown>
+                    <div class="g3-svg">
+                      <G3Icon icon="lucide:ellipsis" />
+                    </div>
+                    <template #dropdown>
+                      <el-dropdown-menu>
+                        <el-dropdown-item @click="updateViewTableColumns('s_module')">
+                          栏位保存
+                        </el-dropdown-item>
+                      </el-dropdown-menu>
+                    </template>
+                  </el-dropdown>
+                </div>
+              </div>
+            </div>
+
+            <div class="g3-table">
+              <vxe-table
+                ref="tableRef"
+                border
+                stripe
+                header-align="center"
+                keep-source
+                :data="tableData"
+                :loading="loading.table"
+                :sort-config="{
+                  // showIcon: false,
+                  trigger: 'cell',
+                }"
+                :filter-config="{
+                  showIcon: false,
+                }"
+                :column-drag-config="{
+                  showIcon: false,
+                  trigger: 'cell',
+                }"
+                :row-config="{
+                  useKey: true,
+                  // keyField: 'b_id',
+                  isCurrent: true,
+                  isHover: true,
+                }"
+                :column-config="{
+                  resizable: true,
+                  drag: true,
+                }"
+                :edit-config="{
+                  trigger: 'click',
+                  mode: 'row',
+                  autoClear: false,
+                  showStatus: true,
+                  showIcon: false,
+                }"
+                height="100%"
+                show-overflow
+                show-header-overflow
+              >
+                <vxe-column type="checkbox" width="50" align="center" />
+                <vxe-column
+                  v-for="column in columns"
+                  :key="column.col_FieldName"
+                  :field="column.col_FieldName"
+                  :title="column.col_Caption"
+                  :width="column.col_Width"
+                  sortable
+                >
+                  <template #default="{ row }">
+                    <template
+                      v-if="
+                        ['b_ISVirtualModule', 'b_isMainModule', 'b_SH', 'b_autoid'].includes(
+                          column.col_FieldName,
+                        )
+                      "
+                    >
+                      <el-checkbox
+                        v-model="row[column.col_FieldName]"
+                        disabled
+                        true-value="1"
+                        false-value="0"
+                        @change="handleCheckChange(row, column.col_FieldName)"
+                      />
+                    </template>
+                    <template v-else>
+                      {{ row[column.col_FieldName] }}
+                    </template>
+                  </template>
+                </vxe-column>
+
+                <vxe-column width="180" align="center" fixed="right" title="操作">
+                  <template #default="{ row }">
+                    <el-button
+                      link
+                      type="primary"
+                      size="small"
+                      style="font-size: 14px"
+                      @click="handleEditClick(row)"
+                    >
+                      编辑
+                    </el-button>
+                    <el-button
+                      link
+                      type="danger"
+                      size="small"
+                      style="font-size: 14px"
+                      @click="handleDelClick(row)"
+                    >
+                      删除
+                    </el-button>
+                  </template>
+                </vxe-column>
+              </vxe-table>
+            </div>
+
+            <div class="g3-footer">
+              <el-pagination
+                :current-page="pagination.page"
+                :page-sizes="[50, 100, 200, 500, 1000]"
+                :page-size="pagination.size"
+                layout="total, sizes, prev, pager, next, jumper"
+                :total="pagination.total"
+                class="pagination"
+                @size-change="handleSizeChange"
+                @current-change="handleCurrentChange"
+              />
+            </div>
+          </div>
+        </el-splitter-panel>
+      </el-splitter>
     </div>
 
-    <!-- 对话框内容 -->
     <el-dialog
       v-model="dialogSQLVisible"
       :title="dialogTitle"
@@ -969,164 +924,93 @@ onMounted(async () => {
     <Modulekeyvalue v-model="setkeyvalue" :data="tableData" :b_id="tree_id" />
     <Moduleotherbmfl v-model="setotherbmfl" :data="tableData" :b_id="tree_id" />
 
-    <ModulePowervalue
-      v-model="setpowervalue"
-      :data="tableData"
-      :b_id="tree_id"
-    />
+    <ModulePowervalue v-model="setpowervalue" :data="tableData" :b_id="tree_id" />
   </div>
 </template>
 
-<style scoped>
+<style lang="scss" scoped>
+@use "@/styles/mixins.scss" as *;
+
 .g3-flex-container {
-  box-sizing: border-box;
   width: 100%;
   height: 100%;
-  background-color: #ffffff;
+  background-color: #fff;
   display: flex;
   flex-direction: column;
+  border-radius: 6px;
 }
 
 .g3-header {
-  padding: 10px 10px 8px 10px;
+  padding: 10px;
   border-bottom: 1px solid #f2f6fc;
 }
 
 .g3-container {
-  box-sizing: border-box;
   display: flex;
-  background-color: #ffffff;
-  width: 100%;
-  padding: 4px 0px;
-  /*  padding: 10px 12px; */
   flex: 1;
+  min-height: 0;
 }
 
 .g3-container-left {
-  width: 190px;
-  min-width: 170px;
-  background-color: #ffffff;
+  height: 100%;
   border-right: 1px solid #f2f6fc;
   padding: 10px;
   overflow-y: auto;
   position: relative;
-  width: 300px;
+  flex-shrink: 0;
 }
 
 .g3-title {
   display: flex;
   align-items: center;
+  @include flexGapRow(2px);
 }
 
 .pagination {
   text-align: right;
 }
 
-.fixed-row-table :deep(.el-table__row) {
-  height: 40px !important;
-  /* 设置固定行高 */
-}
-
-/* 单元格内容样式 */
-.fixed-row-table :deep(.el-table__cell) {
-  padding: 0 !important;
-  /* 移除默认padding */
-}
-
-/* 内容容器样式 */
-.cell-content {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  align-items: center;
-  /* 垂直居中 */
-  padding: 0 10px;
-  /* 左右内边距 */
-  box-sizing: border-box;
-  text-align: left;
-  /* 靠左显示 */
-  overflow: hidden;
-  /* 隐藏溢出 */
-  text-overflow: ellipsis;
-  /* 文本溢出显示省略号 */
-  white-space: nowrap;
-  /* 不换行 */
-}
-
-/* 表头样式 */
-.fixed-row-table :deep(.el-table__header-wrapper th) {
-  height: 40px !important;
-  /* 表头高度与行高一致 */
-  padding: 0 !important;
-}
-
-/* 表头内容样式 */
-.fixed-row-table :deep(.el-table__header-wrapper .cell) {
-  height: 100%;
-  display: flex;
-  align-items: center;
-  padding: 0 10px;
-  text-align: left;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.my-table ::v-deep(.el-table__header-wrapper th) {
-  background-color: #f5f7fa !important;
-  color: #303133 !important;
-}
-
-.g3-row-query {
-  padding: 10px 10px 8px 10px;
-  margin-bottom: 10px;
-  background-color: #ffffff;
-  border: 1px solid #e4e7ed;
-  border-radius: 6px;
-  box-shadow: 0 0 12px #0000000d;
-}
-
-.g3-row-main {
+.g3-container-right {
   display: flex;
   flex: 1;
   flex-direction: column;
   padding: 10px;
+  height: 100%;
   background-color: #ffffff;
-  box-sizing: border-box;
   min-height: 0;
 }
 
-.g3-svg-query {
+.g3-table {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+}
+
+.g3-footer {
+  padding-top: 8px;
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+}
+
+.g3-svg {
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 50%;
-  padding: 8px;
   white-space: nowrap;
   cursor: pointer;
   border: 1px solid #dcdfe6;
+  height: 28px;
+  width: 28px;
 }
 
-.g3-svg-query:hover {
+.g3-svg:hover {
   border-color: #badeff;
   background-color: #e8f4ff;
 }
 
-/* 给最后一列加右边框 */
-.my-table ::v-deep(.el-table-fixed-column--right) {
-  border-left: 1px solid #ebeef5;
-}
-
-/* 查询日期图标 */
-:deep(.g3-prefix .el-input__prefix) {
-  display: none !important;
-}
-
-.el-dropdown .g3-svg-query:focus,
-.el-dropdown-link:focus {
-  outline: none !important;
-}
-
 /* 自定义右键菜单样式 */
 .context-menu {
   position: fixed;
diff --git a/code/container-ocr/ocr-vue/src/views/system/oa/notice/category-dialog.vue b/code/container-ocr/ocr-vue/src/views/system/oa/notice/category-dialog.vue
new file mode 100644
index 00000000..86bc347a
--- /dev/null
+++ b/code/container-ocr/ocr-vue/src/views/system/oa/notice/category-dialog.vue
@@ -0,0 +1,546 @@
+<script setup>
+import { ElMessage } from "element-plus";
+import { ref } from "vue";
+import { loadDataApi, loadDataBySqlApi, saveObjectApi } from "@/request/api";
+import { compareAndClassifyData } from "@/utils/diff";
+
+const tableRef = ref();
+const subTableRef = ref();
+
+const loading = ref({
+  main: true,
+  sub: false,
+});
+
+const tableData = ref([]);
+const originTableData = ref([]);
+
+const subTableData = ref([]);
+const originSubTableData = ref([]);
+
+async function loadTableData() {
+  loading.value.main = true;
+
+  try {
+    const res = await loadDataApi("oa_notices_dl");
+
+    if (res.success) {
+      tableData.value = res.data;
+      originTableData.value = JSON.parse(JSON.stringify(res.data));
+    }
+  } catch (error) {
+    ElMessage.error(`加载失败：${error.message}`);
+  } finally {
+    // 无论成功或失败，都要关闭加载状态
+    loading.value.main = false;
+  }
+}
+
+async function loadSubTableData(code) {
+  if (!code) {
+    loading.value.sub = false;
+    subTableData.value = [];
+    return;
+  }
+
+  loading.value.sub = true;
+
+  try {
+    const res = await loadDataApi("oa_notices_xl", `b_father_id = '${code}'`);
+
+    if (res.success) {
+      subTableData.value = res.data;
+      originSubTableData.value = JSON.parse(JSON.stringify(res.data));
+    }
+  } catch (error) {
+    ElMessage.error(`加载失败：${error.message}`);
+  } finally {
+    // 无论成功或失败，都要关闭加载状态
+    loading.value.sub = false;
+  }
+}
+
+function handleTableCurrentRowChange({ newValue }) {
+  loadSubTableData(newValue.b_id);
+}
+
+async function handleAddRow() {
+  const $table = tableRef.value;
+  if ($table) {
+    const record = {
+      b_xh: $table.getFullData().length + 1,
+    };
+
+    const { row: newRow } = await $table.insertAt(record, -1);
+    $table.setEditRow(newRow, true);
+    $table.setCurrentRow(record, true);
+
+    loading.value.sub = false;
+    subTableData.value = [];
+  }
+}
+
+function handleDeleteRow() {
+  const $table = tableRef.value;
+  if ($table) {
+    const currentRow = $table.getCurrentRecord();
+
+    if (!currentRow) {
+      ElMessage.warning("请选择需要删除的行");
+      return;
+    }
+
+    $table.remove(currentRow);
+    loading.value.sub = false;
+    subTableData.value = [];
+  }
+}
+
+async function handleAddSubRow() {
+  const currentRow = tableRef.value.getCurrentRecord();
+
+  if (!currentRow) {
+    ElMessage.warning("请先选择大类");
+    return;
+  }
+
+  if (tableRef.value.isInsertByRow(currentRow)) {
+    ElMessage.warning("请先保存大类");
+    return;
+  }
+
+  const $table = subTableRef.value;
+
+  if ($table) {
+    const record = {
+      b_father_id: currentRow.b_id,
+      mx_xh: $table.getFullData().length + 1,
+    };
+
+    const { row: newRow } = await $table.insertAt(record, -1);
+    $table.setEditRow(newRow, true);
+    $table.setCurrentRow(newRow, true);
+  }
+}
+
+function handleDeleteSubRow() {
+  const $table = subTableRef.value;
+  if ($table) {
+    const currentRow = $table.getCurrentRecord();
+    console.log(currentRow);
+    if (!currentRow) {
+      ElMessage.warning("请选择需要删除的行");
+      return;
+    }
+    $table.remove(currentRow);
+  }
+}
+
+async function handleSave() {
+  const $table = tableRef.value;
+  const fullData = $table.getFullData();
+
+  const seenBids = new Set();
+  const duplicateBids = new Set();
+  const newBids = [];
+  let warningMessage = "";
+
+  try {
+    const isValid = fullData.every((item, index) => {
+      if (!item.b_id) {
+        warningMessage = "大类代码不能为空";
+        return false;
+      }
+
+      if (seenBids.has(item.b_id)) {
+        duplicateBids.add(item.b_id);
+        return false;
+      }
+
+      if ($table.isInsertByRow(item)) {
+        newBids.push(item.b_id);
+      }
+
+      seenBids.add(item.b_id);
+      item.b_xh = index + 1;
+      return true;
+    });
+
+    if (!isValid) {
+      if (duplicateBids.size > 0) {
+        const duplicateCodes = Array.from(duplicateBids).join(", ");
+        ElMessage.warning(`大类代码重复: ${duplicateCodes}`);
+      } else {
+        ElMessage.warning(warningMessage);
+      }
+      return;
+    }
+
+    if (newBids.length > 0) {
+      const bIds = newBids.join("','");
+      const searchsql = `select * from oa_notices_dl where b_id in ('${bIds}')`;
+
+      const response_data = await loadDataBySqlApi(searchsql);
+
+      if (response_data.success) {
+        const records = response_data.data || [];
+        if (records.length > 0) {
+          const duplicateBidsFromDb = records.map((record) => record.b_id).join(", ");
+          ElMessage.warning(`以下大类代码在数据库中重复: ${duplicateBidsFromDb}`);
+          return;
+        }
+      }
+    }
+
+    const { insertdata, updatedata, deletedata, hasChanges } = compareAndClassifyData(
+      fullData,
+      originTableData.value,
+      "b_id",
+    );
+
+    if (!hasChanges) {
+      ElMessage.info("没有数据变更");
+      return;
+    }
+
+    const requestData = [
+      {
+        tableName: "oa_notices_dl",
+        keyField: "b_id",
+        inserts: insertdata,
+        updates: updatedata,
+        deletes: deletedata,
+      },
+    ];
+
+    if (deletedata.length > 0) {
+      const deletedBids = deletedata.map((item) => item.b_id);
+
+      const bIds = deletedBids.join("','");
+
+      const searchsql = `select b_id from oa_notices_xl where b_father_id in ('${bIds}')`;
+
+      const response_data = await loadDataBySqlApi(searchsql);
+
+      if (response_data.success) {
+        const records = response_data.data || [];
+        if (records.length > 0) {
+          requestData.push({
+            tableName: "oa_notices_xl",
+            keyField: "b_id",
+            inserts: [],
+            updates: [],
+            deletes: records,
+          });
+        }
+      } else {
+        throw new Error(response.data?.message || "保存失败");
+      }
+    }
+
+    const response = await saveObjectApi(requestData);
+
+    if (response.success) {
+      loadTableData();
+      ElMessage.success("保存成功");
+    }
+  } catch (error) {
+    ElMessage.error(`操作失败: ${error.message || error}`);
+  }
+}
+
+async function handleSaveSub() {
+  const $table = subTableRef.value;
+  const seenBids = new Set();
+  const newBids = [];
+
+  const fullData = $table.getFullData();
+
+  try {
+    const isValid = fullData.every((item, index) => {
+      if (!item.b_id) {
+        ElMessage.warning("小类代码不能为空");
+        return false;
+      }
+
+      if (seenBids.has(item.b_id)) {
+        ElMessage.warning("小类代码不能重复");
+        return false;
+      }
+
+      if ($table.isInsertByRow(item)) {
+        newBids.push(item.b_id);
+      }
+
+      seenBids.add(item.b_id);
+      item.b_xh = index + 1;
+      return true;
+    });
+
+    if (!isValid) return;
+
+    if (newBids.length > 0) {
+      const bIds = newBids.join("','");
+      const searchsql = `select * from oa_notices_xl where b_id in ('${bIds}')`;
+
+      const response_data = await loadDataBySqlApi(searchsql);
+
+      if (response_data.success) {
+        const records = response_data.data || [];
+        if (records.length > 0) {
+          ElMessage.warning("小类代码重复!");
+          return;
+        }
+      }
+    }
+
+    const { insertdata, updatedata, deletedata, hasChanges } = compareAndClassifyData(
+      fullData,
+      originSubTableData.value,
+      "b_id",
+    );
+
+    if (!hasChanges) {
+      ElMessage.info("没有数据变更");
+      return;
+    }
+
+    const requestData = [
+      {
+        tableName: "oa_notices_xl",
+        keyField: "b_id",
+        inserts: insertdata,
+        updates: updatedata,
+        deletes: deletedata,
+      },
+    ];
+
+    const response = await saveObjectApi(requestData);
+
+    if (response.success) {
+      loadSubTableData(tableRef.value.getCurrentRecord().b_id);
+      ElMessage.success("保存成功");
+    } else {
+      throw new Error(response.message || "保存失败");
+    }
+  } catch (error) {
+    ElMessage.error(`操作失败: ${error.message || error}`);
+  }
+}
+
+function onOpened() {
+  loadTableData();
+}
+
+function onClosed() {
+  loading.value.main = true;
+  loading.value.sub = false;
+
+  tableData.value = [];
+  subTableData.value = [];
+
+  
+}
+</script>
+
+<template>
+  <el-dialog title="类别设定" width="900" v-bind="$attrs" @opened="onOpened" @closed="onClosed">
+    <div class="g3-container">
+      <div class="g3-category">
+        <div class="g3-toolbar">
+          <div class="g3-title">大类</div>
+          <div class="g3-actions">
+            <el-button size="small" type="primary" @click="handleAddRow"> 新增 </el-button>
+            <el-button size="small" type="danger" @click="handleDeleteRow"> 删除 </el-button>
+            <el-button size="small" type="success" @click="handleSave"> 保存 </el-button>
+          </div>
+        </div>
+        <div class="g3-table">
+          <vxe-table
+            ref="tableRef"
+            :loading="loading.main"
+            :data="tableData"
+            border
+            stripe
+            size="small"
+            header-align="center"
+            keep-source
+            :edit-config="{
+              trigger: 'click',
+              mode: 'row',
+              autoClear: false,
+              showStatus: true,
+              showIcon: false,
+            }"
+            :row-config="{
+              keyField: 'b_xh',
+              useKey: true,
+              isCurrent: true,
+              isHover: true,
+            }"
+            show-overflow
+            show-header-overflow
+            height="100%"
+            @current-row-change="handleTableCurrentRowChange"
+          >
+            <vxe-column
+              title="大类代码"
+              field="b_id"
+              width="80"
+              align="center"
+              :edit-render="{
+                autoFocus: true,
+                enabled: true,
+              }"
+            >
+              <template #edit="{ row }">
+                <el-input v-model="row.b_id" />
+              </template>
+            </vxe-column>
+            <vxe-column
+              title="大类名称"
+              field="b_name"
+              align="center"
+              :edit-render="{
+                autoFocus: true,
+                enabled: true,
+              }"
+            >
+              <template #edit="{ row }">
+                <el-input v-model="row.b_name" />
+              </template>
+            </vxe-column>
+            <vxe-column
+              title="备注"
+              field="b_bz"
+              align="center"
+              :edit-render="{
+                autoFocus: true,
+                enabled: true,
+              }"
+            >
+              <template #edit="{ row }">
+                <el-input v-model="row.b_bz" />
+              </template>
+            </vxe-column>
+          </vxe-table>
+        </div>
+      </div>
+
+      <div class="g3-divider" />
+
+      <div class="g3-category">
+        <div class="g3-toolbar">
+          <div class="g3-title">小类</div>
+          <div class="g3-actions">
+            <el-button size="small" type="primary" @click="handleAddSubRow"> 新增 </el-button>
+            <el-button size="small" type="danger" @click="handleDeleteSubRow"> 删除 </el-button>
+            <el-button size="small" type="success" @click="handleSaveSub"> 保存 </el-button>
+          </div>
+        </div>
+        <div class="g3-table">
+          <vxe-table
+            ref="subTableRef"
+            :loading="loading.sub"
+            :data="subTableData"
+            border
+            stripe
+            header-align="center"
+            keep-source
+            :edit-config="{
+              trigger: 'click',
+              mode: 'row',
+              autoClear: false,
+              showStatus: true,
+              showIcon: false,
+            }"
+            :row-config="{
+              keyField: 'b_xh',
+              useKey: true,
+              isCurrent: true,
+              isHover: true,
+            }"
+            show-overflow
+            show-header-overflow
+            height="100%"
+          >
+            <vxe-column
+              title="小类代码"
+              field="b_id"
+              width="80"
+              align="center"
+              :edit-render="{
+                autoFocus: true,
+                enabled: true,
+              }"
+            >
+              <template #edit="{ row }">
+                <el-input v-model="row.b_id" />
+              </template>
+            </vxe-column>
+            <vxe-column
+              title="小类名称"
+              field="b_name"
+              align="center"
+              :edit-render="{
+                autoFocus: true,
+                enabled: true,
+              }"
+            >
+              <template #edit="{ row }">
+                <el-input v-model="row.b_name" />
+              </template>
+            </vxe-column>
+            <vxe-column
+              title="备注"
+              field="b_bz"
+              align="center"
+              :edit-render="{
+                autoFocus: true,
+                enabled: true,
+              }"
+            >
+              <template #edit="{ row }">
+                <el-input v-model="row.b_bz" />
+              </template>
+            </vxe-column>
+          </vxe-table>
+        </div>
+      </div>
+    </div>
+  </el-dialog>
+</template>
+
+<style lang="scss" scoped>
+.g3-container {
+  display: flex;
+  width: 100%;
+  height: 450px;
+  border-top: 1px solid #ddd;
+}
+.g3-divider {
+  height: 100%;
+  width: 1px;
+  background-color: #ddd;
+}
+.g3-category {
+  width: 50%;
+  margin-top: 8px;
+  padding: 0px 8px;
+  display: flex;
+  flex-direction: column;
+}
+
+.g3-toolbar {
+  display: flex;
+  align-items: center;
+  .g3-title {
+    margin-right: 8px;
+    font-weight: 500;
+  }
+}
+.g3-table {
+  margin-top: 8px;
+  flex: 1;
+}
+</style>
diff --git a/code/container-ocr/ocr-vue/src/views/system/oa/notice/edit-drawer.vue b/code/container-ocr/ocr-vue/src/views/system/oa/notice/edit-drawer.vue
new file mode 100644
index 00000000..2f1c9dfe
--- /dev/null
+++ b/code/container-ocr/ocr-vue/src/views/system/oa/notice/edit-drawer.vue
@@ -0,0 +1,174 @@
+<script lang="js" setup>
+import { getUniqueIdApi, loadDataBySqlApi, saveObjectApi } from "@/request/api";
+import { ElMessage } from "element-plus";
+const props = defineProps({
+  editId: {
+    type: null,
+  },
+  treeId: {
+    type: null,
+  },
+});
+
+const loading = reactive({
+  global: false,
+  save: false,
+});
+
+const emits = defineEmits(["change", "closed"]);
+
+const showVisible = defineModel(false);
+
+const form = ref({
+  b_id: 0,
+  b_subject: "",
+  b_visible: "0",
+  b_info: "",
+});
+
+async function onOpened() {
+  loading.global = true;
+  if (props.editId) {
+    const data_main = await loadDataBySqlApi(
+      `select * from oa_notices where 2>1 and b_id='${props.editId}'`,
+    );
+    if (data_main.data.length > 0) {
+      form.value = data_main.data[0];
+    }
+  } else {
+    const response = await getUniqueIdApi();
+    form.value.b_id = response.data;
+  }
+  loading.global = false;
+}
+
+async function handleSave() {
+  try {
+    loading.save = true;
+
+    let updatemaintable = [];
+    let insertmaintable = [];
+
+    if (props.editId) {
+      updatemaintable.push({
+        b_id: form.value.b_id,
+        b_subject: form.value.b_subject,
+        b_visible: form.value.b_visible,
+        b_info: form.value.b_info,
+      });
+    } else {
+      let dl_id = "";
+      let xl_id = "";
+      const data_dl = await loadDataBySqlApi(
+        `select * from oa_notices_dl where 2>1 and b_id='${props.treeId}'`,
+      );
+      if (data_dl.data.length > 0) {
+        dl_id = props.treeId;
+      }
+      const data_xl = await loadDataBySqlApi(
+        `select * from oa_notices_xl where 2>1 and b_id='${props.treeId}'`,
+      );
+      if (data_xl.data.length > 0) {
+        dl_id = data_xl.data[0].b_father_id;
+        xl_id = props.treeId;
+      }
+
+      insertmaintable.push({
+        b_id: form.value.b_id,
+        b_dl_id: dl_id,
+        b_xl_id: xl_id,
+        b_subject: form.value.b_subject,
+        b_visible: form.value.b_visible,
+        b_info: form.value.b_info,
+      });
+    }
+
+    const requestData = [
+      {
+        tableName: "oa_notices",
+        keyField: "b_id",
+        inserts: insertmaintable,
+        updates: updatemaintable,
+        deletes: [],
+      },
+    ];
+
+    const response = await saveObjectApi(requestData);
+
+    if (response.success) {
+      ElMessage.success("保存成功");
+      emits("change");
+    }
+  } finally {
+    loading.save = false;
+  }
+}
+
+function onClosed() {
+  loading.global = true;
+  loading.save = false;
+
+  form.value = {
+    b_id: 0,
+    b_subject: "",
+    b_visible: "0",
+    b_info: "",
+  };
+
+  emits("closed");
+}
+</script>
+
+<template>
+  <el-dialog
+    v-bind="$attrs"
+    v-model="showVisible"
+    title="公告编辑"
+    width="800"
+    @opened="onOpened"
+    @closed="onClosed"
+  >
+    <div class="dialog-content" v-loading="loading.global">
+      <div class="form-item">
+        <div class="label">主题</div>
+        <el-input v-model="form.b_subject" placeholder="请输入主题" x />
+      </div>
+
+      <div class="form-item">
+        <div class="label">发布</div>
+        <el-switch v-model="form.b_visible" active-value="1" inactive-value="0" />
+      </div>
+
+      <div class="form-item">
+        <div class="label">公告内容</div>
+        <WangEditor v-model="form.b_info" :father="form.b_id" module-id="oa_notices" />
+      </div>
+    </div>
+    <template #footer>
+      <el-button @click="showVisible = false">取消</el-button>
+      <el-button type="primary" :loading="loading.save" @click="handleSave">确认</el-button>
+    </template>
+  </el-dialog>
+</template>
+
+<style lang="scss" scoped>
+.dialog-container {
+  overflow-y: auto;
+}
+
+.dialog-content {
+}
+
+.form-item {
+  margin-bottom: 6px;
+  display: flex;
+  align-items: center;
+}
+
+.label {
+  font-size: 14px;
+  font-weight: bold;
+  min-width: 70px;
+  white-space: nowrap;
+}
+</style>
diff --git a/code/container-ocr/ocr-vue/src/views/system/oa/notice/index.vue b/code/container-ocr/ocr-vue/src/views/system/oa/notice/index.vue
index 626a40ab..1b7666f8 100644
--- a/code/container-ocr/ocr-vue/src/views/system/oa/notice/index.vue
+++ b/code/container-ocr/ocr-vue/src/views/system/oa/notice/index.vue
@@ -1,7 +1,375 @@
-<script lang="js" setup></script>
+<script setup>
+import { ElMessage, ElMessageBox } from "element-plus";
+import EditDrawer from "./edit-drawer.vue";
+import CategoryDialog from "./category-dialog.vue";
+import { loadDataBySqlApi, saveObjectApi } from "@/request/api";
+
+const tableRef = ref(null);
+
+const showCategory = ref(false);
+
+const menuData = ref([]);
+const columnData = ref([
+  { prop: "b_subject", label: "主题", width: 200 },
+  { prop: "b_visible", label: "发布", width: 100 },
+  { prop: "v_inputuser_name", label: "发布人", width: 120 },
+  { prop: "b_inputdate", label: "发布日期", width: 140 },
+]);
+const treeId = ref("");
+const tableData = ref([]);
+const loading = reactive({
+  table: false,
+  save: false,
+  delete: false,
+  error: "",
+});
+
+const defaultProps = {
+  children: "children",
+  label: "label",
+  isLeaf: "leaf",
+};
+
+async function handleNodeClick(node) {
+  if (!node.id) {
+    return;
+  }
+  treeId.value = node.id;
+  loadNodeData(node.id, node.level);
+}
+
+async function loadNode(node, resolve) {
+  if (node.level === 0) {
+    try {
+      let sql = `select * from oa_notices_dl where 2>1 order by b_xh`;
+      const response = await loadDataBySqlApi(sql);
+
+      if (response.success) {
+        const records = response.data || [];
+
+        const children = records.map((r) => ({
+          id: r.b_id,
+          label: r.b_name,
+          leaf: false,
+          level: "0",
+        }));
+        resolve(children);
+      } else {
+        resolve([]);
+      }
+    } catch (err) {
+      resolve([]);
+    }
+  } else {
+    const parentId = node.data.id;
+    let sql = `select * from oa_notices_xl where b_father_id='${parentId}' order by b_xh`;
+    const res = await loadDataBySqlApi(sql);
+
+    resolve(
+      res.data.map((item) => ({
+        id: item.b_id,
+        label: item.b_name,
+        leaf: false,
+        level: "1",
+      })),
+    );
+  }
+}
+
+// 获取表格数据
+async function loadNodeData(id, level) {
+  try {
+    loading.table = true;
+
+    let condition = `b_xl_id='${id}'`;
+    if (level == "0") {
+      condition = `b_dl_id='${id}'`;
+    }
+    if (level == "10") {
+      condition = `(b_dl_id='${id}' or b_xl_id='${id}')`;
+    }
+
+    let sql = `select oa_notices.*,b_user.b_name as v_inputuser_name from oa_notices LEFT OUTER JOIN b_user ON oa_notices.b_inputuser_id = dbo.b_user.b_id where 2>1 and ${condition} `;
+    const response = await loadDataBySqlApi(sql);
+
+    if (response.success) {
+      const records = response.data || [];
+      tableData.value = records;
+    }
+  } catch (err) {
+    ElMessage.error(err.message || "加载数据失败");
+  } finally {
+    loading.table = false;
+  }
+}
+
+// -------------------------------------
+const drawerVisible = ref(false);
+const editId = ref(null);
+
+async function handleAdd() {
+  if (!treeId.value) {
+    ElMessage.warning("请选择类别");
+    return;
+  }
+  drawerVisible.value = true;
+}
+
+async function handleEditRow(row) {
+  editId.value = row.b_id;
+  drawerVisible.value = true;
+}
+
+function handleEditChange() {
+  drawerVisible.value = false;
+  loadNodeData(treeId.value, "10");
+}
+
+function handleEditClosed() {
+  editId.value = null;
+}
+// -----------------------------------
+
+// 删除单行
+async function handleDeleteRow(row) {
+  if (!row) return;
+  const $table = tableRef.value;
+
+  if ($table) {
+    deleteRows([row]);
+  }
+}
+
+// 删除多选行
+async function handleDeleteRows() {
+  const $table = tableRef.value;
+  if ($table) {
+    deleteRows($table.getCheckboxRecords());
+  }
+}
+
+// 删除（传入行数组）
+async function deleteRows(rows = []) {
+  const $table = tableRef.value;
+  if (!$table) {
+    return;
+  }
+  if (!rows.length) {
+    ElMessage.warning("请先选择要删除的行");
+    return;
+  }
+
+  const tipMessage = `确定要删除选中的数据么？`;
+
+  await ElMessageBox.confirm(tipMessage, "提示", {
+    confirmButtonText: "确定",
+    cancelButtonText: "取消",
+    type: "warning",
+    dangerouslyUseHTMLString: true,
+  });
+
+  const requestData = [
+    {
+      tableName: "oa_notices",
+      keyField: "b_id",
+      inserts: [],
+      updates: [],
+      deletes: rows.map((row) => ({ b_id: row.b_id })),
+    },
+  ];
+
+  await saveObjectApi(requestData).then((res) => {
+    if (res.success) {
+      ElMessage.success("删除成功");
+
+      loadNodeData(treeId.value, "10");
+    }
+  });
+}
+</script>
 
 <template>
-  <div class=""></div>
+  <div class="g3-flex-container">
+    <div class="g3-header">
+      <el-button type="primary" @click="showCategory = true"> 分类 </el-button>
+    </div>
+    <div class="g3-container">
+      <el-splitter>
+        <el-splitter-panel size="220">
+          <div class="g3-container-left">
+            <div class="g3-title">
+              <G3Icon icon="lucide:blocks" />
+              <div style="margin-left: 3px">所有类别</div>
+            </div>
+            <el-tree
+              ref="treeRef"
+              :data="menuData"
+              :props="defaultProps"
+              :load="loadNode"
+              lazy
+              node-key="id"
+              highlight-current
+              @node-click="handleNodeClick"
+            />
+          </div>
+        </el-splitter-panel>
+
+        <el-splitter-panel>
+          <div class="g3-container-right">
+            <div style="width: 100%">
+              <div style="display: flex; height: 32px; margin-bottom: 8px">
+                <el-button type="primary" @click="handleAdd"> 新增 </el-button>
+                <el-button type="danger" @click="handleDeleteRows"> 批量删除 </el-button>
+              </div>
+            </div>
+            <div class="g3-table">
+              <vxe-table
+                ref="tableRef"
+                border
+                stripe
+                header-align="center"
+                :data="tableData"
+                :sort-config="{
+                  // showIcon: false,
+                  trigger: 'cell',
+                }"
+                :filter-config="{
+                  showIcon: false,
+                }"
+                :column-drag-config="{
+                  showIcon: false,
+                  trigger: 'cell',
+                }"
+                :row-config="{
+                  useKey: true,
+                  keyField: 'b_id',
+                  isCurrent: true,
+                  isHover: true,
+                }"
+                :column-config="{
+                  resizable: true,
+                  drag: true,
+                }"
+                show-overflow
+                show-header-overflow
+                height="100%"
+              >
+                <vxe-column type="checkbox" width="50" align="center" />
+                <vxe-column
+                  v-for="column in columnData"
+                  :key="column.prop"
+                  :field="column.prop"
+                  :title="column.label"
+                  :width="column.width"
+                  sortable
+                >
+                  <template #default="{ row }">
+                    <template v-if="['b_visible'].includes(column.prop)">
+                      <el-checkbox
+                        v-model="row[column.prop]"
+                        disabled
+                        true-value="1"
+                        false-value="0"
+                        @change="handleCheckChange(row, column.prop)"
+                      />
+                    </template>
+                    <template v-else>
+                      {{ row[column.prop] }}
+                    </template>
+                  </template>
+                </vxe-column>
+
+                <vxe-column width="200" align="center" fixed="right" title="操作">
+                  <template #default="{ row }">
+                    <el-button type="primary" link @click="handleEditRow(row)"> 编辑 </el-button>
+
+                    <el-button type="danger" link @click="handleDeleteRow(row)"> 删除 </el-button>
+                  </template>
+                </vxe-column>
+              </vxe-table>
+            </div>
+          </div>
+        </el-splitter-panel>
+      </el-splitter>
+    </div>
+
+    <EditDrawer
+      v-model="drawerVisible"
+      :tree-id="treeId"
+      :edit-id="editId"
+      @change="handleEditChange"
+      @closed="handleEditClosed"
+    />
+
+    <CategoryDialog v-model="showCategory" />
+  </div>
 </template>
 
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+@use "@/styles/mixins.scss" as *;
+
+.g3-flex-container {
+  width: 100%;
+  height: 100%;
+  background-color: #fff;
+  display: flex;
+  flex-direction: column;
+  border-radius: 6px;
+}
+
+.g3-header {
+  padding: 10px;
+  border-bottom: 1px solid #f2f6fc;
+}
+
+.g3-container {
+  display: flex;
+  flex: 1;
+  min-height: 0;
+}
+
+.g3-container-left {
+  height: 100%;
+  border-right: 1px solid #f2f6fc;
+  padding: 10px;
+  overflow-y: auto;
+  position: relative;
+  flex-shrink: 0;
+}
+
+.g3-title {
+  display: flex;
+  align-items: center;
+  font-size: 14px;
+  margin-bottom: 4px;
+  @include flexGapRow(4px);
+}
+
+.pagination {
+  text-align: right;
+}
+
+.g3-container-right {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  padding: 10px;
+  height: 100%;
+  background-color: #ffffff;
+  min-height: 0;
+}
+
+.g3-table {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+}
+
+.g3-footer {
+  padding-top: 8px;
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+}
+</style>
diff --git a/code/container-ocr/ocr-vue/src/views/system/oa/reminder/index.vue b/code/container-ocr/ocr-vue/src/views/system/oa/reminder/index.vue
index 626a40ab..e34ed7d0 100644
--- a/code/container-ocr/ocr-vue/src/views/system/oa/reminder/index.vue
+++ b/code/container-ocr/ocr-vue/src/views/system/oa/reminder/index.vue
@@ -1,7 +1,470 @@
-<script lang="js" setup></script>
+<script setup>
+import { ElMessage, ElMessageBox } from "element-plus";
+import PopupTextarea from "./popupTextarea.vue";
+import { loadDataApi, loadViewColumnsApi, saveObjectApi } from "@/request/api";
+import { diffObject } from "@/utils/diff";
+import { getUniqueIdApi } from "@/request/api";
+import { updateColumnsApi } from "@/request/api";
+
+const tableRef = ref();
+
+const columns = ref([]);
+const tableData = ref([]);
+const tableDataoriginal = ref([]);
+const loading = reactive({
+  table: false,
+  save: false,
+});
+
+let oldRowData = {};
+
+const textareaFields = ["b_sql", "b_resultsql", "b_polyline", "b_polyline2", "b_graph_x", "b_img"];
+
+const validRules = ref({
+  b_id: [
+    { required: true, message: "必须填写" },
+    {
+      validator: ({ cellValue, rowIndex }) => {
+        if (!cellValue) return;
+
+        const $table = tableRef.value;
+
+        const ids = $table.getFullData().map((r) => r.b_id);
+        const firstIndex = ids.indexOf(cellValue);
+        if (firstIndex !== rowIndex) {
+          return new Error("编号 不可重复");
+        }
+      },
+    },
+  ],
+});
+
+// 列配置
+async function addColumn() {
+  const result = await loadViewColumnsApi("s_awokemodule");
+  if (result.success) {
+    columns.value = result.data;
+  } else {
+    ElMessage.error(`加载失败: ${result.error}`);
+  }
+}
+
+async function getsubtable(targetRef, originalRef, whereClause) {
+  try {
+    loading.table = true;
+
+    const response = await loadDataApi("s_awokemodule", whereClause);
+    if (response.success) {
+      const rawData = JSON.parse(JSON.stringify(response.data || []));
+      targetRef.value = JSON.parse(JSON.stringify(rawData));
+      originalRef.value = JSON.parse(JSON.stringify(rawData));
+    } else {
+      throw new Error(response.data?.message || "返回数据格式异常");
+    }
+  } catch (err) {
+    console.error("API Error:", err);
+    return { data: [], total: 0 };
+  } finally {
+    loading.table = false;
+  }
+}
+
+// 进入单行编辑
+async function startEditRow(row) {
+  const $table = tableRef.value;
+  if ($table) {
+    oldRowData = JSON.parse(JSON.stringify(row));
+    await $table.setEditRow(row);
+  }
+}
+
+// 取消单行编辑
+async function cancelEditRow(row) {
+  const $table = tableRef.value;
+  if ($table) {
+    await $table.clearEdit();
+    // 还原数据
+    await $table.revertData(row);
+  }
+}
+
+// 判断是否在编辑态
+function isRowEditing(row) {
+  const $table = tableRef.value;
+  if ($table) {
+    return $table.isEditByRow(row);
+  }
+}
+
+// 编辑关闭事件
+async function handleEditClosed({ row, rowIndex, column, columnIndex }) {
+  const $table = tableRef.value;
+  if ($table) {
+    await $table.clearEdit();
+    await $table.revertData(row);
+  }
+}
+
+// 编辑激活事件
+function handleEditActivated({ row }) {
+  startEditRow(row);
+}
+
+// 保存本地提交
+async function commitEditRow(row) {
+  const $table = tableRef.value;
+  if ($table) {
+    // 重新加载行
+    await $table.reloadRow(row, {});
+    await $table.clearEdit();
+  }
+}
+
+// 删除单行
+async function handleDeleteRow(row) {
+  if (!row) return;
+  const $table = tableRef.value;
+
+  if ($table) {
+    deleteRows([row]);
+  }
+}
+
+// 删除多选行
+async function handleDeleteRows() {
+  const $table = tableRef.value;
+  if ($table) {
+    deleteRows($table.getCheckboxRecords());
+  }
+}
+
+// 删除（传入行数组）
+async function deleteRows(rows = []) {
+  const $table = tableRef.value;
+  if (!$table) {
+    return;
+  }
+  if (!rows.length) {
+    ElMessage.warning("请先选择要删除的行");
+    return;
+  }
+
+  const delectedIds = rows.filter((row) => !$table.isInsertByRow(row)).map((row) => row.b_id);
+
+  const tipMessage = `确定要删除选中的用户提醒吗？`;
+
+  try {
+    await ElMessageBox.confirm(tipMessage, "提示", {
+      confirmButtonText: "确定",
+      cancelButtonText: "取消",
+      type: "warning",
+      dangerouslyUseHTMLString: true,
+    });
+
+    if (delectedIds.length === 0) {
+      ElMessage.success("删除成功");
+
+      await getsubtable(tableData, tableDataoriginal, ``);
+
+      return;
+    }
+
+    const requestData = [
+      {
+        tableName: "s_awokemodule",
+        keyField: "b_id",
+        inserts: [],
+        updates: [],
+        deletes: delectedIds.map((id) => ({ b_id: id })),
+      },
+    ];
+
+    const response = await saveObjectApi(requestData);
+
+    if (response.success) {
+      ElMessage.success("删除成功");
+
+      await getsubtable(tableData, tableDataoriginal, ``);
+    } else {
+      throw new Error(response.data?.message || "删除失败");
+    }
+  } catch (err) {
+    if (err !== "cancel") {
+      console.error("删除失败:", err);
+    }
+  }
+}
+
+async function handleAdd() {
+  const $table = tableRef.value;
+  if ($table) {
+    if ($table.getInsertRecords().length > 0) {
+      $table.setEditRow($table.getInsertRecords()[0], true);
+      return;
+    }
+
+    const idResponse = await getUniqueIdApi();
+
+    if (idResponse.success) {
+      const record = {
+        b_id: idResponse.data,
+        b_name: "",
+      };
+
+      const { row: newRow } = await $table.insertAt(record, -1);
+      $table.setEditRow(newRow, true);
+      $table.setCurrentRow(newRow, true);
+    }
+  }
+}
+
+async function saveRow(row) {
+  const $table = tableRef.value;
+  const isNew = $table.isInsertByRow(row);
+
+  if (!row.b_id) {
+    ElMessage.warning("编号不能为空");
+    return;
+  }
+
+  loading.save = true;
+
+  try {
+    // 3. 组装请求
+    let requestData = [];
+    if (isNew) {
+      // 新增
+      const editedData = { ...toRaw(row) };
+      delete editedData._X_ROW_KEY;
+
+      requestData = [
+        {
+          tableName: "s_awokemodule",
+          keyField: "b_id",
+          inserts: [editedData],
+          updates: [],
+          deletes: [],
+        },
+      ];
+    } else {
+      // 更新
+      const { isChanged, result } = diffObject(row, oldRowData, ["b_id"], ["_X_ROW_KEY"]);
+
+      if (!isChanged) {
+        ElMessage.info("没有数据变更");
+        return;
+      }
+
+      requestData = [
+        {
+          tableName: "s_awokemodule",
+          keyField: "b_id",
+          inserts: [],
+          updates: [result],
+          deletes: [],
+        },
+      ];
+    }
+
+    // 4. 提交保存
+    const response = await saveObjectApi(requestData);
+
+    if (response.success) {
+      ElMessage.success("保存成功");
+
+      const $table = tableRef.value;
+      if ($table) {
+        if (isNew) {
+          const currentData = tableData.value;
+          currentData.push(row);
+          commitEditRow(row);
+        } else {
+          commitEditRow(row);
+        }
+      }
+    } else {
+      throw new Error(response.data?.message || "保存失败");
+    }
+  } catch (err) {
+    console.error("保存出错:", err);
+  } finally {
+    loading.save = false;
+  }
+}
+
+onMounted(async () => {
+  await addColumn();
+  await getsubtable(tableData, tableDataoriginal, ``);
+});
+
+async function handleRefresh(){
+  await getsubtable(tableData, tableDataoriginal, ``);
+}
+</script>
 
 <template>
-  <div class=""></div>
+  <div class="g3-flex-container">
+    <div class="g3-header">
+      <div class="g3-header-left">
+        <el-button type="primary" @click="handleAdd"> 新建 </el-button>
+        <el-button type="danger" @click="handleDeleteRows"> 删除 </el-button>
+      </div>
+      <div class="g3-header-right">
+        <div class="g3-svg-query" style="margin-right: 10px" @click="handleRefresh">
+          <G3Icon icon="lucide:refresh-ccw" />
+        </div>
+        <el-dropdown>
+          <div class="g3-svg-query">
+            <G3Icon icon="lucide:ellipsis" />
+          </div>
+          <template #dropdown>
+            <el-dropdown-menu>
+              <el-dropdown-item @click="updateColumnsApi('s_awokemodule')">
+                栏位保存
+              </el-dropdown-item>
+            </el-dropdown-menu>
+          </template>
+        </el-dropdown>
+      </div>
+    </div>
+    <div class="g3-table">
+      <vxe-table
+        ref="tableRef"
+        border
+        stripe
+        header-align="center"
+        keep-source
+        :data="tableData"
+        :loading="loading.table"
+        :filter-config="{
+          showIcon: false,
+        }"
+        :column-drag-config="{
+          showIcon: false,
+          trigger: 'cell',
+        }"
+        :row-config="{
+          useKey: true,
+          // keyField: 'b_id',
+          isCurrent: true,
+          isHover: true,
+        }"
+        :column-config="{
+          resizable: true,
+          drag: true,
+        }"
+        :edit-config="{
+          trigger: 'click',
+          mode: 'row',
+          autoClear: false,
+          showStatus: true,
+          showIcon: false,
+        }"
+        :edit-rules="validRules"
+        height="100%"
+        show-overflow
+        show-header-overflow
+        @edit-closed="handleEditClosed"
+        @edit-activated="handleEditActivated"
+      >
+        <vxe-column type="checkbox" width="50" align="center" />
+        <vxe-column
+          v-for="column in columns"
+          :key="column.col_FieldName"
+          :field="column.col_FieldName"
+          :title="column.col_Caption"
+          :width="column.col_Width"
+          :edit-render="{
+            autoFocus: true,
+          }"
+        >
+          <template #edit="{ row }">
+            <PopupTextarea
+              v-if="textareaFields.includes(column.col_FieldName)"
+              v-model="row[column.col_FieldName]"
+            />
+            <el-input v-else v-model="row[column.col_FieldName]" />
+          </template>
+        </vxe-column>
+        <vxe-column title="操作" width="180" align="center" fixed="right">
+          <template #default="{ row }">
+            <template v-if="isRowEditing(row)">
+              <el-button
+                type="success"
+                link
+                :loading="loading.save"
+                @click="saveRow(row)"
+                @click.stop
+              >
+                保存
+              </el-button>
+              <el-button link @click="cancelEditRow(row)" @click.stop> 取消 </el-button>
+            </template>
+            <template v-else>
+              <el-button
+                :disabled="loading.save"
+                type="primary"
+                link
+                @click.stop
+                @click="startEditRow(row)"
+              >
+                编辑
+              </el-button>
+
+              <el-button :disabled="loading.save" type="danger" link @click="handleDeleteRow(row)">
+                删除
+              </el-button>
+            </template>
+          </template>
+        </vxe-column>
+      </vxe-table>
+    </div>
+  </div>
 </template>
 
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.g3-flex-container {
+  display: flex;
+  background-color: #fff;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  padding: 10px;
+}
+
+.g3-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 10px;
+  .g3-header-right {
+    display: flex;
+    align-items: center;
+  }
+}
+
+.g3-table {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+  width: 100%;
+}
+
+.g3-svg-query {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border-radius: 50%;
+  padding: 8px;
+  white-space: nowrap;
+  cursor: pointer;
+  border: 1px solid #dcdfe6;
+}
+
+.g3-svg-query:hover {
+  border-color: #badeff;
+  background-color: #e8f4ff;
+}
+</style>
diff --git a/code/container-ocr/ocr-vue/src/views/system/oa/reminder/popupTextarea.vue b/code/container-ocr/ocr-vue/src/views/system/oa/reminder/popupTextarea.vue
new file mode 100644
index 00000000..d1085b2f
--- /dev/null
+++ b/code/container-ocr/ocr-vue/src/views/system/oa/reminder/popupTextarea.vue
@@ -0,0 +1,64 @@
+<script setup>
+import { ref, watch } from "vue";
+
+const props = defineProps({
+  modelValue: {
+    type: String,
+    default: "",
+  },
+  width: {
+    type: Number,
+    default: 360,
+  },
+});
+
+const emit = defineEmits(["update:modelValue"]);
+
+const visible = ref(false);
+const tempValue = ref("");
+
+watch(tempValue, (newValue) => {
+  emit("update:modelValue", newValue);
+});
+
+function onShow() {
+  tempValue.value = props.modelValue;
+}
+</script>
+
+<template>
+  <el-popover
+    v-model:visible="visible"
+    placement="bottom-start"
+    :width="width"
+    trigger="click"
+    @show="onShow"
+  >
+    <!-- 弹出编辑区 -->
+    <div class="popup-textarea-box">
+      <el-input v-model="tempValue" type="textarea" resize="none" class="popup-textarea" />
+    </div>
+
+    <!-- 触发显示区域 -->
+    <template #reference>
+      <el-input :model-value="modelValue" size="small" readonly class="popup-textarea-trigger" />
+    </template>
+  </el-popover>
+</template>
+
+<style scoped>
+.popup-textarea textarea {
+  height: 150px;
+  overflow-y: auto;
+}
+:deep(.el-textarea__inner) {
+  min-height: 150px !important;
+}
+
+.popup-textarea-footer {
+  display: flex;
+  justify-content: flex-end;
+  gap: 8px;
+  margin-top: 6px;
+}
+</style>
diff --git a/code/g3hd-old/g3hd-vue/src/utils/file.js b/code/g3hd-old/g3hd-vue/src/utils/file.js
index 30de1a81..0fa5ca2c 100644
--- a/code/g3hd-old/g3hd-vue/src/utils/file.js
+++ b/code/g3hd-old/g3hd-vue/src/utils/file.js
@@ -246,7 +246,7 @@ export function uploadFile(blob, fileName, fileExt, fileSize, xh, moduleid, fath
     getAliyunKeyApi()
       .then(async (res) => {
         try {
-          const aliyunKey = res.data.data
+          const aliyunKey = res.data
           const formData = new FormData()
 
           let uniqueName = `${Date.now()}_${Math.random()