From 840d33ef3bf34351cf53e39504e48ad49df15e7c Mon Sep 17 00:00:00 2001
From: ZhangAo <hi_itao@163.com>
Date: Fri, 27 Mar 2026 17:22:22 +0800
Subject: [PATCH] u

---
 .../cn/g3soft/controller/AuthController.java  |   50 +
 .../g3soft/controller/DataListController.java |   28 +
 .../cn/g3soft/controller/OcrController.java   |    2 +-
 .../main/java/cn/g3soft/utils/DbUtils.java    |   87 ++
 .../src/main/resources/application.yml        |    2 +-
 .../main/resources/dbconfigs/g3hd.properties  |   10 +-
 .../8B457A96D0F016EAB6EB6D24AD70406C.jpg      |  Bin 8739 -> 0 bytes
 code/container-ocr/ocr-uniapp/src/App.vue     |   11 +-
 .../ocr-uniapp/src/manifest.json              |    2 +-
 .../ocr-uniapp/src/pages-sub/file/index.vue   |   15 +-
 .../ocr-uniapp/src/pages-sub/login/index.vue  |   29 +-
 .../src/pages-sub/update-password/index.vue   |   45 +-
 .../ocr-uniapp/src/pages-sub/upload/index.vue |    2 +-
 .../ocr-uniapp/src/pages/home/index.vue       |    6 +-
 .../ocr-uniapp/src/request/api.ts             |   20 +
 .../ocr-uniapp/src/request/index.ts           |    2 +-
 .../ocr-uniapp/src/static/db.json             |    3 +-
 code/container-ocr/ocr-uniapp/test.html       |  110 --
 code/container-ocr/ocr-uniapp/test.py         |   18 -
 code/container-ocr/ocr-vue/.env               |    6 +-
 code/container-ocr/ocr-vue/package.json       |    2 +
 code/container-ocr/ocr-vue/pnpm-lock.yaml     |  207 +++
 .../src/components/g3-grid/g3-grid-item.vue   |    1 -
 .../ocr-vue/src/layout/components/menu.vue    |    5 +
 code/container-ocr/ocr-vue/src/request/api.js |   34 +
 .../ocr-vue/src/router/routes.js              |    9 +
 .../ocr-vue/src/views/auth/login.vue          |    6 +-
 .../views/container/high-download-dialog.vue  |  342 ++++-
 .../ocr-vue/src/views/container/index.vue     |  238 +---
 .../ocr-vue/src/views/phone/index.vue         |  136 ++
 .../ocr-vue/src/views/system/log/data.vue     |   20 +-
 code/container-ocr/ocr-vue/test.html          | 1210 +++++++++++++++--
 32 files changed, 2068 insertions(+), 590 deletions(-)
 delete mode 100644 code/container-ocr/ocr-uniapp/8B457A96D0F016EAB6EB6D24AD70406C.jpg
 delete mode 100644 code/container-ocr/ocr-uniapp/test.html
 delete mode 100644 code/container-ocr/ocr-uniapp/test.py
 create mode 100644 code/container-ocr/ocr-vue/src/views/phone/index.vue

diff --git a/code/container-ocr/ocr-springboot/src/main/java/cn/g3soft/controller/AuthController.java b/code/container-ocr/ocr-springboot/src/main/java/cn/g3soft/controller/AuthController.java
index 4fdd8cab..7541a87e 100644
--- a/code/container-ocr/ocr-springboot/src/main/java/cn/g3soft/controller/AuthController.java
+++ b/code/container-ocr/ocr-springboot/src/main/java/cn/g3soft/controller/AuthController.java
@@ -99,6 +99,56 @@ public class AuthController {
     }
 
 
+    @PostMapping("/loginPhone")
+    public Result<Map<String,Object>> loginPhone(@RequestBody Map<String,Object> params) {
+        String orgid = (String) params.get("orgid");
+        String userid = (String) params.get("userid");
+
+        if (StringUtils.isBlank(orgid)) {
+            return Result.fail("机构码不能为空");
+        }
+
+        if (StringUtils.isBlank(userid)) {
+            return Result.fail("账号不能为空");
+        }
+
+        try {
+            DataSourceManager.getOrCreateDataSource(orgid);
+        } catch (Exception e) {
+            return Result.fail("机构码错误");
+        }
+
+        DataSourceContextHolder.setDataSourceKey(orgid);
+
+        String sql = "SELECT b_id,b_name,b_password,b_canuse FROM b_user WHERE b_id = ?";
+
+        List<Map<String, Object>> list = dbUtils.loadData(sql, userid);
+
+        if (list.isEmpty()) {
+            return Result.fail("账号不存在");
+        }
+
+        Map<String, Object> user = list.get(0);
+
+        String canuse = Objects.toString(user.get("b_canuse"), "");
+
+        if (!canuse.equals("1")){
+            return Result.fail("账号未启用");
+        }
+
+        // 校验成功
+        String token = JwtUtils.createToken(new JwtPayload(orgid, userid));
+
+        Map<String,Object> map = new HashMap<>();
+
+        map.put("token",token);
+        map.put("username",Objects.toString(user.get("b_name"), ""));
+
+        asyncService.invokeAsyncLoginLog(userid);
+
+        return Result.ok(map);
+    }
+
     @PostMapping("/updatePassword")
     @Transactional
     public Result<Map<String,Object>> updatePassword(@RequestBody Map<String,Object> params){
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 98b6d629..ddafb202 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
@@ -96,6 +96,34 @@ public class DataListController {
         return Result.ok(result);
     }
 
+    /**
+     * 分页查询接口
+     *
+     * @param params 参数集合，包含：
+     *               - viewName: 视图名称（必填）
+     *               - start: 页码（默认 1）
+     *               - end: 每页条数（默认 10）
+     *               - searchCondition: 查询条件
+     *               - searchColumns: 查询列（未指定时默认查询所有列）
+     *               - orderField: 排序字段
+     * @return 总页数
+     */
+    @PostMapping("/range")
+    public Result<List<Map<String,Object>>> range(@RequestBody Map<String, Object> params){
+        ValidationUtils.checkRequiredFields(params, "viewName");
+
+        Integer start = (Integer) params.getOrDefault("start", 1);
+        Integer end = (Integer) params.getOrDefault("end", 10);
+
+        String viewName = (String) params.get("viewName");
+        String searchCondition = (String) params.get("searchCondition");
+        List<String> searchColumns = (List<String>) params.get("searchColumns");
+        String orderField = (String) params.get("orderField");
+        List<Map<String,Object>> result = dbUtils.range(start, end, viewName, searchCondition, orderField, searchColumns);
+
+        return Result.ok(result);
+    }
+
     /**
      * 树形数据查询接口
      *
diff --git a/code/container-ocr/ocr-springboot/src/main/java/cn/g3soft/controller/OcrController.java b/code/container-ocr/ocr-springboot/src/main/java/cn/g3soft/controller/OcrController.java
index 814c8f43..cc4ec33f 100644
--- a/code/container-ocr/ocr-springboot/src/main/java/cn/g3soft/controller/OcrController.java
+++ b/code/container-ocr/ocr-springboot/src/main/java/cn/g3soft/controller/OcrController.java
@@ -25,7 +25,7 @@ public class OcrController {
 
         String fileUrl = (String) params.get("fileUrl");
 
-        String requestUrl = "http://192.168.1.137:8867/ocr";
+        String requestUrl = "http://127.0.0.1:8867/ocr";
 
         Map<String, Object> reqPayload = new HashMap<>();
         reqPayload.put("file", fileUrl);
diff --git a/code/container-ocr/ocr-springboot/src/main/java/cn/g3soft/utils/DbUtils.java b/code/container-ocr/ocr-springboot/src/main/java/cn/g3soft/utils/DbUtils.java
index 9d1426af..934b8601 100644
--- a/code/container-ocr/ocr-springboot/src/main/java/cn/g3soft/utils/DbUtils.java
+++ b/code/container-ocr/ocr-springboot/src/main/java/cn/g3soft/utils/DbUtils.java
@@ -208,6 +208,93 @@ public class DbUtils {
         return result;
     }
 
+    public List<Map<String, Object>> range(
+            int start,
+            int end,
+            String viewName,
+            String searchCondition,
+            String orderField,
+            List<String> searchColumns
+    ) {
+        validateIdentifier(viewName);
+        validateIdentifier(orderField);
+        // ======================
+        // 参数兜底
+        // ======================
+        if (start < 1) start = 1;
+        if (end < 1) end = 1;
+
+        if (start > end) {
+            int temp = start;
+            start = end;
+            end = temp;
+        }
+
+        List<Object> params = new ArrayList<>();
+
+        // ======================
+        // SELECT 字段
+        // ======================
+        String selectSql;
+        String outerSelectSql;
+
+        if (searchColumns != null && !searchColumns.isEmpty()) {
+
+            searchColumns.forEach(this::validateIdentifier);
+
+            selectSql = searchColumns.stream()
+                    .map(c -> "t." + c)
+                    .collect(Collectors.joining(","));
+
+            outerSelectSql = searchColumns.stream()
+                    .map(c -> "sub." + c)
+                    .collect(Collectors.joining(","));
+
+        } else {
+
+            selectSql = "t.*";
+            outerSelectSql = "sub.*";
+        }
+
+        // ======================
+        // WHERE 条件
+        // ======================
+        StringBuilder whereSql = new StringBuilder("1=1");
+
+        if (StringUtils.isNotBlank(searchCondition)) {
+            whereSql.append(" AND ").append(searchCondition);
+        }
+
+        // ======================
+        // ORDER BY
+        // ======================
+        String orderSql;
+
+        if (StringUtils.isBlank(orderField)) {
+            orderSql = "(SELECT NULL)";
+        } else {
+            orderSql = "t." + orderField;
+        }
+
+        // ======================
+        // SQLServer 2008 区间查询
+        // ======================
+        String sql =
+                "SELECT " + outerSelectSql + " FROM (" +
+                        " SELECT ROW_NUMBER() OVER (ORDER BY " + orderSql + ") AS row_num, " +
+                        selectSql +
+                        " FROM " + viewName + " t " +
+                        " WHERE " + whereSql +
+                        ") sub WHERE sub.row_num BETWEEN ? AND ?";
+
+        params.add(start);
+        params.add(end);
+
+        validateFinalSql(sql);
+
+        return jdbcTemplate.queryForList(sql, params.toArray());
+    }
+
     public void validateFinalSql(String sql) {
         if (StringUtils.isBlank(sql)) {
             return;
diff --git a/code/container-ocr/ocr-springboot/src/main/resources/application.yml b/code/container-ocr/ocr-springboot/src/main/resources/application.yml
index 830f72a8..0281b373 100644
--- a/code/container-ocr/ocr-springboot/src/main/resources/application.yml
+++ b/code/container-ocr/ocr-springboot/src/main/resources/application.yml
@@ -7,7 +7,7 @@ server:
     threads:
       max: 800  # 最大线程数
       min-spare: 100  # 初始化的线程数
-  port: 8085
+  port: 80
 
 spring:
   servlet:
diff --git a/code/container-ocr/ocr-springboot/src/main/resources/dbconfigs/g3hd.properties b/code/container-ocr/ocr-springboot/src/main/resources/dbconfigs/g3hd.properties
index 961fefde..88ae0fae 100644
--- a/code/container-ocr/ocr-springboot/src/main/resources/dbconfigs/g3hd.properties
+++ b/code/container-ocr/ocr-springboot/src/main/resources/dbconfigs/g3hd.properties
@@ -1,4 +1,10 @@
-url=jdbc:sqlserver://118.89.70.199:1433;databaseName=G3BoxOCR
+#url=jdbc:sqlserver://118.89.70.199:1433;databaseName=G3BoxOCR
+#username=sa
+#password=zhang520..
+#driver=com.microsoft.sqlserver.jdbc.SQLServerDriver
+
+
+url=jdbc:sqlserver://127.0.0.1:1433;databaseName=G3BoxOCR
 username=sa
-password=zhang520..
+password=123456@aaa
 driver=com.microsoft.sqlserver.jdbc.SQLServerDriver
\ No newline at end of file
diff --git a/code/container-ocr/ocr-uniapp/8B457A96D0F016EAB6EB6D24AD70406C.jpg b/code/container-ocr/ocr-uniapp/8B457A96D0F016EAB6EB6D24AD70406C.jpg
deleted file mode 100644
index 60cb62809c9d98f22beaad0ff07cdf907076f089..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 8739
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
U9IkK@or(ngN)RvL0ukr`2WH|lqyPW_

diff --git a/code/container-ocr/ocr-uniapp/src/App.vue b/code/container-ocr/ocr-uniapp/src/App.vue
index 5d6d11c7..71640c8d 100644
--- a/code/container-ocr/ocr-uniapp/src/App.vue
+++ b/code/container-ocr/ocr-uniapp/src/App.vue
@@ -3,10 +3,17 @@ import { onHide, onLaunch, onShow } from '@dcloudio/uni-app'
 import { loadTianDiTu } from '@/utils/tdl-loader'
 import { useUserStore } from './store'
 
-const userStore = useUserStore()
+// const userStore = useUserStore()
 
 onLaunch(() => {
-  userStore.requireLogin()
+  // userStore.requireLogin()
+})
+
+onLoad(async (options) => {
+  // options 会包含 orgid 和 bid
+  const { orgid, bid } = options
+
+  console.log(options)
 })
 
 onMounted(() => {
diff --git a/code/container-ocr/ocr-uniapp/src/manifest.json b/code/container-ocr/ocr-uniapp/src/manifest.json
index c0b30460..5d86b933 100644
--- a/code/container-ocr/ocr-uniapp/src/manifest.json
+++ b/code/container-ocr/ocr-uniapp/src/manifest.json
@@ -69,7 +69,7 @@
   "vueVersion": "3",
   "h5": {
     "router": {
-      "base": "/g3cdjtd-app/"
+      "base": "/g3ocr-app/"
     }
   }
 }
diff --git a/code/container-ocr/ocr-uniapp/src/pages-sub/file/index.vue b/code/container-ocr/ocr-uniapp/src/pages-sub/file/index.vue
index 2d7ee222..e53c3262 100644
--- a/code/container-ocr/ocr-uniapp/src/pages-sub/file/index.vue
+++ b/code/container-ocr/ocr-uniapp/src/pages-sub/file/index.vue
@@ -1,4 +1,4 @@
-<script setup lang="ts">
+<!-- <script setup lang="ts">
 import type { UploadFile, UploadFileItem } from 'sard-uniapp'
 import { dialog, isImageUrl, isVideoUrl, toast } from 'sard-uniapp'
 import { aliyunpluploadApi, delSubRecordApi, loaddataAttachApi } from '@/request/api'
@@ -159,4 +159,17 @@ function onRemove(index: number, item: UploadFileItem) {
 .file {
   padding: 36rpx;
 }
+</style> -->
+
+
+<script lang="ts" setup>
+
+</script>
+
+<template>
+  <view class=""></view>
+</template>
+
+<style lang="scss" scoped>
+
 </style>
diff --git a/code/container-ocr/ocr-uniapp/src/pages-sub/login/index.vue b/code/container-ocr/ocr-uniapp/src/pages-sub/login/index.vue
index d80a6c0b..53554c95 100644
--- a/code/container-ocr/ocr-uniapp/src/pages-sub/login/index.vue
+++ b/code/container-ocr/ocr-uniapp/src/pages-sub/login/index.vue
@@ -56,36 +56,11 @@ async function onSubmit() {
         icon: 'success',
       })
 
-      uni.switchTab({
+      uni.navigateTo({
+        // url: '/pages-sub/upload/index',
         url: '/pages/home/index',
       })
     }
-
-    // if (!res?.data) {
-    //   toast.fail('登录失败，请检查账号密码')
-    //   return
-    // }
-
-    // userStore.userInfo = {
-    //   ...userStore.userInfo,
-    //   orgid: formModel.orgid,
-    //   userid: formModel.userid,
-    //   token: res.data,
-    // }
-
-    // userStore.userInfo = {
-    //   ...userStore.userInfo,
-    //   username,
-    // }
-
-    // uni.showToast({
-    //   title: '登录成功',
-    //   icon: 'success',
-    // })
-
-    // uni.switchTab({
-    //   url: '/pages/home/index',
-    // })
   }
   catch (err: any) {
     // 表单验证错误
diff --git a/code/container-ocr/ocr-uniapp/src/pages-sub/update-password/index.vue b/code/container-ocr/ocr-uniapp/src/pages-sub/update-password/index.vue
index 4849df21..cbeb8d88 100644
--- a/code/container-ocr/ocr-uniapp/src/pages-sub/update-password/index.vue
+++ b/code/container-ocr/ocr-uniapp/src/pages-sub/update-password/index.vue
@@ -2,7 +2,8 @@
 import type { FieldValidateError, FormExpose, FormRules } from 'sard-uniapp'
 import { getWindowInfo, toast } from 'sard-uniapp'
 import { reactive, ref } from 'vue'
-import { loaddataApi, saveobjtApi } from '@/request/api'
+import { loadDataApi, updatePasswordApi } from '@/request/api'
+
 import { useUserStore } from '@/store'
 
 const userStore = useUserStore()
@@ -33,46 +34,12 @@ async function onSubmit() {
 
     submitLoading.value = true
 
-    const searchcondition = `b_id = '${userStore.userInfo.userid}' AND ISNULL(b_password, '') = ISNULL('${formModel.oldPassword}', '')`
-
-    const searchRes = await loaddataApi({
-      viewname: 'v_mini_loginid',
-      searchcondition: `${searchcondition}`,
-      orderfield: 'b_id',
-      soption: '',
+    const saveobjtRes = await updatePasswordApi({
+      oldPassword: formModel.oldPassword,
+      newPassword: formModel.newPassword,
     })
 
-    if (!searchRes.data || searchRes.data.length === 0) {
-      toast.fail('旧密码错误，请重新输入')
-      return
-    }
-
-    const updateObj = {
-      b_id: userStore.userInfo.userid,
-      b_password: formModel.newPassword,
-    }
-
-    const tables = []
-    const insertValues = []
-    const updateValues = []
-    const delValues = []
-    const keys = []
-
-    tables.push('b_truck')
-    insertValues.push('[]')
-    updateValues.push(JSON.stringify([updateObj]))
-    delValues.push('[]')
-    keys.push('b_id')
-
-    const saveobjtRes = await saveobjtApi({
-      tables,
-      insertValues,
-      delValues,
-      updateValues,
-      keys,
-    })
-
-    if (saveobjtRes.data === 'OK') {
+    if (saveobjtRes.success) {
       toast.success('密码修改成功，请重新登录')
       setTimeout(() => {
         uni.navigateTo({
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 d64122a6..e4c7f502 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
@@ -210,7 +210,7 @@ async function handleConfirm() {
     b_container_no: form.value.containerNo,
     b_container_img: form.value.containerImageUrl,
     b_ocr_no: form.value.ocrNo,
-    b_ocr_score: form.value.ocrScore,
+    b_ocr_score: form.value.ocrScore || 0.00,
   }
 
   const fileInserts = []
diff --git a/code/container-ocr/ocr-uniapp/src/pages/home/index.vue b/code/container-ocr/ocr-uniapp/src/pages/home/index.vue
index 3adc4e02..aee4e93a 100644
--- a/code/container-ocr/ocr-uniapp/src/pages/home/index.vue
+++ b/code/container-ocr/ocr-uniapp/src/pages/home/index.vue
@@ -76,7 +76,7 @@ function deleteAliyunFiles() {
       />
     </view>
     <view v-if="userStore.isLogined" class="grid-container">
-      <sar-grid :columns="2" gap="24rpx">
+      <sar-grid :columns="1" gap="24rpx">
         <sar-grid-item
           @click="toLinkUrl('/pages-sub/upload/index')"
         >
@@ -86,10 +86,6 @@ function deleteAliyunFiles() {
           </view>
         </sar-grid-item>
       </sar-grid>
-
-      <sar-button @click="deleteAliyunFiles">
-        删除附件
-      </sar-button>
     </view>
     <sar-result v-else status="warning" title="尚未登陆" style="margin-top: 32rpx;">
       <sar-button
diff --git a/code/container-ocr/ocr-uniapp/src/request/api.ts b/code/container-ocr/ocr-uniapp/src/request/api.ts
index ba129427..5aa198f7 100644
--- a/code/container-ocr/ocr-uniapp/src/request/api.ts
+++ b/code/container-ocr/ocr-uniapp/src/request/api.ts
@@ -72,3 +72,23 @@ export function saveObjectApi(params: SaveObjectParams[]) {
 export function getUniqueIdApi() {
   return httpPost<number>('/data/getUniqueId')
 }
+
+interface LoadDataParams {
+  viewName: string
+  searchCondition: string
+  orderField: string
+  searchColumns: string[]
+}
+
+export function loadDataApi(params: LoadDataParams) {
+  return httpPost<any[]>('/data/loadData', params)
+}
+
+interface UpdatePasswordParams {
+  oldPassword: string
+  newPassword: string
+}
+
+export function updatePasswordApi(params: UpdatePasswordParams) {
+  return httpPost(`/auth/updatePassword`, params)
+}
diff --git a/code/container-ocr/ocr-uniapp/src/request/index.ts b/code/container-ocr/ocr-uniapp/src/request/index.ts
index 3c84ba8c..323d6e3f 100644
--- a/code/container-ocr/ocr-uniapp/src/request/index.ts
+++ b/code/container-ocr/ocr-uniapp/src/request/index.ts
@@ -18,7 +18,7 @@ function request<T = any>(option: UniApp.RequestOptions): Promise<IResData<T>> &
         // H5：用 request 请求，带时间戳保证最新
         const timestamp = Date.now()
         uni.request({
-          url: `/g3cdjtd-app/static/db.json?t=${timestamp}`,
+          url: `/g3ocr-app/static/db.json?t=${timestamp}`,
           method: 'GET',
           success: r => res(r.data as Record<string, string>),
           fail: err => rej(err),
diff --git a/code/container-ocr/ocr-uniapp/src/static/db.json b/code/container-ocr/ocr-uniapp/src/static/db.json
index a1722570..066cdb6e 100644
--- a/code/container-ocr/ocr-uniapp/src/static/db.json
+++ b/code/container-ocr/ocr-uniapp/src/static/db.json
@@ -1,3 +1,4 @@
 {
-  "g3hd": "http://127.0.0.1:8085/api"
+  // "g3hd": "http://ser369.g3soft.cn:80/api",
+  "g3hd": "http://192.168.1.137:80/api"
 }
diff --git a/code/container-ocr/ocr-uniapp/test.html b/code/container-ocr/ocr-uniapp/test.html
deleted file mode 100644
index 4aeb3d52..00000000
--- a/code/container-ocr/ocr-uniapp/test.html
+++ /dev/null
@@ -1,110 +0,0 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>集装箱录入</title>
-  <script src="https://cdn.tailwindcss.com"></script>
-</head>
-
-<body class="bg-gray-100">
-
-  <!-- 顶部 -->
-  <div class="bg-white shadow-sm px-4 py-3 text-lg font-semibold">
-    集装箱录入
-  </div>
-
-  <div class="p-4 space-y-4">
-
-    <!-- Step 1 -->
-    <div class="bg-white rounded-2xl shadow p-4 space-y-4">
-      
-      <!-- 标题 -->
-      <div class="flex items-center gap-2">
-        <div class="w-6 h-6 rounded-full bg-blue-500 text-white text-sm flex items-center justify-center">
-          1
-        </div>
-        <div class="font-medium text-gray-800">
-          集装箱识别
-        </div>
-      </div>
-
-      <!-- 输入框 -->
-      <div>
-        <label class="text-sm text-gray-500">集装箱号</label>
-        <input 
-          type="text" 
-          placeholder="请输入或识别集装箱号"
-          class="w-full mt-1 border rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-400"
-        />
-      </div>
-
-      <!-- 拍照 -->
-      <div class="flex gap-3">
-        <div class="flex-1 border-2 border-dashed rounded-xl h-28 flex flex-col items-center justify-center text-gray-400">
-          📷
-          <div class="text-xs mt-1">拍照识别</div>
-        </div>
-
-        <div class="flex-1 border-2 border-dashed rounded-xl h-28 flex flex-col items-center justify-center text-gray-400">
-          🖼
-          <div class="text-xs mt-1">相册上传</div>
-        </div>
-      </div>
-
-      <!-- OCR结果 -->
-      <div class="bg-gray-50 rounded-lg p-3 text-sm text-gray-600">
-        OCR识别结果：<span class="text-gray-400">暂无</span>
-      </div>
-
-    </div>
-
-    <!-- Step 2 -->
-    <div class="bg-white rounded-2xl shadow p-4 space-y-4">
-      
-      <div class="flex items-center gap-2">
-        <div class="w-6 h-6 rounded-full bg-green-500 text-white text-sm flex items-center justify-center">
-          2
-        </div>
-        <div class="font-medium text-gray-800">
-          其他照片录入
-        </div>
-      </div>
-
-      <!-- 图片列表 -->
-      <div class="grid grid-cols-3 gap-3">
-        
-        <!-- 已上传 -->
-        <div class="relative">
-          <div class="h-24 bg-gray-200 rounded-lg"></div>
-          <div class="absolute top-1 right-1 bg-black/50 text-white text-xs px-1 rounded">
-            ✓
-          </div>
-        </div>
-
-        <!-- 上传按钮 -->
-        <div class="h-24 border-2 border-dashed rounded-lg flex flex-col items-center justify-center text-gray-400">
-          ➕
-          <div class="text-xs mt-1">添加</div>
-        </div>
-
-      </div>
-
-      <!-- 说明 -->
-      <div class="text-xs text-gray-400">
-        可上传箱体、封条、货物等相关照片
-      </div>
-
-    </div>
-
-  </div>
-
-  <!-- 底部按钮 -->
-  <div class="fixed bottom-0 left-0 right-0 bg-white border-t p-3">
-    <button class="w-full bg-blue-500 text-white py-3 rounded-xl text-lg">
-      提交
-    </button>
-  </div>
-
-</body>
-</html>
\ No newline at end of file
diff --git a/code/container-ocr/ocr-uniapp/test.py b/code/container-ocr/ocr-uniapp/test.py
deleted file mode 100644
index 917c3f63..00000000
--- a/code/container-ocr/ocr-uniapp/test.py
+++ /dev/null
@@ -1,18 +0,0 @@
-from paddleocr import PaddleOCR
-# 初始化 PaddleOCR 实例
-ocr = PaddleOCR(
-    use_doc_orientation_classify=False,
-    use_doc_unwarping=False,
-    use_textline_orientation=False,
-       text_det_limit_side_len=736,    # 设置图像边长限制
-    )
-
-# 对示例图像执行 OCR 推理 
-result = ocr.predict(
-    input="./8B457A96D0F016EAB6EB6D24AD70406C.jpg")
-    
-# 可视化结果并保存 json 结果
-for res in result:
-    res.print()
-    res.save_to_img("output")
-    res.save_to_json("output")
\ No newline at end of file
diff --git a/code/container-ocr/ocr-vue/.env b/code/container-ocr/ocr-vue/.env
index bec357ec..1898271d 100644
--- a/code/container-ocr/ocr-vue/.env
+++ b/code/container-ocr/ocr-vue/.env
@@ -1,15 +1,15 @@
 # Application
 # 应用名称（用于标题、日志等）
-PUBLIC_APP_NAME=g3hy2026
+PUBLIC_APP_NAME=g3ocr
 
 # Server
 # 应用部署基础路径（路由和静态资源 base）
-PUBLIC_SERVER_PATH=/
+PUBLIC_SERVER_PATH=/g3ocr/
 # 本地开发服务器端口
 PUBLIC_SERVER_PORT=8080
 
 # API
 # 后端 API 基础地址
-PUBLIC_API_BASE_URL=http://127.0.0.1:8085/api
+PUBLIC_API_BASE_URL=http://ser369.g3soft.cn:80/api
 
 PUBLIC_ALIYUN_BUCKET = g3hd
diff --git a/code/container-ocr/ocr-vue/package.json b/code/container-ocr/ocr-vue/package.json
index 097deaf4..2d0a30c6 100644
--- a/code/container-ocr/ocr-vue/package.json
+++ b/code/container-ocr/ocr-vue/package.json
@@ -25,6 +25,8 @@
     "nprogress": "^0.2.0",
     "pinia": "^3.0.4",
     "pinia-plugin-persistedstate": "^4.7.1",
+    "qrcode": "^1.5.4",
+    "qrcode.vue": "^3.8.0",
     "uuid": "^13.0.0",
     "vue": "^3.5.26",
     "vue-router": "^5.0.3",
diff --git a/code/container-ocr/ocr-vue/pnpm-lock.yaml b/code/container-ocr/ocr-vue/pnpm-lock.yaml
index 54d1c68f..ab0e4107 100644
--- a/code/container-ocr/ocr-vue/pnpm-lock.yaml
+++ b/code/container-ocr/ocr-vue/pnpm-lock.yaml
@@ -56,6 +56,12 @@ importers:
       pinia-plugin-persistedstate:
         specifier: ^4.7.1
         version: 4.7.1(pinia@3.0.4(vue@3.5.30))
+      qrcode:
+        specifier: ^1.5.4
+        version: 1.5.4
+      qrcode.vue:
+        specifier: ^3.8.0
+        version: 3.8.0(vue@3.5.30)
       uuid:
         specifier: ^13.0.0
         version: 13.0.0
@@ -918,6 +924,10 @@ packages:
     engines: {node: '>=0.4.0'}
     hasBin: true
 
+  ansi-regex@5.0.1:
+    resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
+    engines: {node: '>=8'}
+
   ansi-styles@4.3.0:
     resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
     engines: {node: '>=8'}
@@ -1020,6 +1030,10 @@ packages:
     resolution: {integrity: sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==}
     engines: {node: '>= 0.4'}
 
+  camelcase@5.3.1:
+    resolution: {integrity: sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==}
+    engines: {node: '>=6'}
+
   caniuse-lite@1.0.30001778:
     resolution: {integrity: sha512-PN7uxFL+ExFJO61aVmP1aIEG4i9whQd4eoSCebav62UwDyp5OHh06zN4jqKSMePVgxHifCw1QJxdRkA1Pisekg==}
 
@@ -1038,6 +1052,9 @@ packages:
     resolution: {integrity: sha512-TQMmc3w+5AxjpL8iIiwebF73dRDF4fBIieAqGn9RGCWaEVwQ6Fb2cGe31Yns0RRIzii5goJ1Y7xbMwo1TxMplw==}
     engines: {node: '>= 20.19.0'}
 
+  cliui@6.0.0:
+    resolution: {integrity: sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ==}
+
   color-convert@2.0.1:
     resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
     engines: {node: '>=7.0.0'}
@@ -1109,6 +1126,10 @@ packages:
       supports-color:
         optional: true
 
+  decamelize@1.2.0:
+    resolution: {integrity: sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==}
+    engines: {node: '>=0.10.0'}
+
   deepmerge@4.3.1:
     resolution: {integrity: sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==}
     engines: {node: '>=0.10.0'}
@@ -1124,6 +1145,9 @@ packages:
     resolution: {integrity: sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==}
     engines: {node: '>=8'}
 
+  dijkstrajs@1.0.3:
+    resolution: {integrity: sha512-qiSlmBq9+BCdCA/L46dw8Uy93mloxsPSbwnm5yrKn2vMPiy8KyAskTF6zuV/j5BMsmOGZDPs7KjU+mjb670kfA==}
+
   dom-serializer@2.0.0:
     resolution: {integrity: sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==}
 
@@ -1161,6 +1185,9 @@ packages:
     peerDependencies:
       vue: ^3.3.0
 
+  emoji-regex@8.0.0:
+    resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
+
   emojis-list@3.0.0:
     resolution: {integrity: sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==}
     engines: {node: '>= 4'}
@@ -1254,6 +1281,10 @@ packages:
   file-saver@2.0.5:
     resolution: {integrity: sha512-P9bmyZ3h/PRG+Nzga+rbdI4OEpNDzAVyy74uVO9ATgzLK6VtAsYybF/+TOCvrc0MO793d6+42lLyZTw7/ArVzA==}
 
+  find-up@4.1.0:
+    resolution: {integrity: sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==}
+    engines: {node: '>=8'}
+
   follow-redirects@1.15.11:
     resolution: {integrity: sha512-deG2P0JfjrTxl50XGCDyfI97ZGVCxIpfKYmfyrQ54n5FO/0gfIES8C/Psl6kWVDolizcaaxZJnTS0QSMxvnsBQ==}
     engines: {node: '>=4.0'}
@@ -1285,6 +1316,10 @@ packages:
     resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==}
     engines: {node: '>=6.9.0'}
 
+  get-caller-file@2.0.5:
+    resolution: {integrity: sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==}
+    engines: {node: 6.* || 8.* || >= 10.*}
+
   get-intrinsic@1.3.0:
     resolution: {integrity: sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==}
     engines: {node: '>= 0.4'}
@@ -1355,6 +1390,10 @@ packages:
     resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
     engines: {node: '>=0.10.0'}
 
+  is-fullwidth-code-point@3.0.0:
+    resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
+    engines: {node: '>=8'}
+
   is-glob@4.0.3:
     resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
     engines: {node: '>=0.10.0'}
@@ -1417,6 +1456,10 @@ packages:
     resolution: {integrity: sha512-arhlxbFRmoQHl33a0Zkle/YWlmNwoyt6QNZEIJcqNbdrsix5Lvc4HyyI3EnwxTYlZYc32EbYrQ8SzEZ7dqgg9A==}
     engines: {node: '>=14'}
 
+  locate-path@5.0.0:
+    resolution: {integrity: sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==}
+    engines: {node: '>=8'}
+
   lodash-es@4.17.23:
     resolution: {integrity: sha512-kVI48u3PZr38HdYz98UmfPnXl2DXrpdctLrFLCd3kOx1xUkOmpFPx7gCWWM5MPkL/fD8zb+Ph0QzjGFs4+hHWg==}
 
@@ -1580,12 +1623,28 @@ packages:
     engines: {node: ^20.19.0 || >=22.12.0}
     hasBin: true
 
+  p-limit@2.3.0:
+    resolution: {integrity: sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==}
+    engines: {node: '>=6'}
+
+  p-locate@4.1.0:
+    resolution: {integrity: sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==}
+    engines: {node: '>=8'}
+
+  p-try@2.2.0:
+    resolution: {integrity: sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==}
+    engines: {node: '>=6'}
+
   package-manager-detector@1.6.0:
     resolution: {integrity: sha512-61A5ThoTiDG/C8s8UMZwSorAGwMJ0ERVGj2OjoW5pAalsNOg15+iQiPzrLJ4jhZ1HJzmC2PIHT2oEiH3R5fzNA==}
 
   pako@1.0.11:
     resolution: {integrity: sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==}
 
+  path-exists@4.0.0:
+    resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==}
+    engines: {node: '>=8'}
+
   path-is-absolute@1.0.1:
     resolution: {integrity: sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==}
     engines: {node: '>=0.10.0'}
@@ -1635,6 +1694,10 @@ packages:
   pkg-types@2.3.0:
     resolution: {integrity: sha512-SIqCzDRg0s9npO5XQ3tNZioRY1uK06lA41ynBC1YmFTmnY6FjUjVt6s4LoADmwoig1qqD0oK8h1p/8mlMx8Oig==}
 
+  pngjs@5.0.0:
+    resolution: {integrity: sha512-40QW5YalBNfQo5yRYmiw7Yz6TKKVr3h6970B2YE+3fQpsWcrbj1PzJgxeJ19DRQjhMbKPIuMY8rFaXc8moolVw==}
+    engines: {node: '>=10.13.0'}
+
   postcss@8.5.8:
     resolution: {integrity: sha512-OW/rX8O/jXnm82Ey1k44pObPtdblfiuWnrd8X7GJ7emImCOstunGbXUpp7HdBrFQX6rJzn3sPT397Wp5aCwCHg==}
     engines: {node: ^10 || ^12 || >=14}
@@ -1652,6 +1715,16 @@ packages:
   proxy-from-env@1.1.0:
     resolution: {integrity: sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==}
 
+  qrcode.vue@3.8.0:
+    resolution: {integrity: sha512-+XKbSKvQu158zlHsJm+HObGUQM3Q+9Oq6yb2op/6lMM2gwOiiG9uIhujvrSV5UoTjrzR0BcNxCdW2kk7KE4NEg==}
+    peerDependencies:
+      vue: ^3.0.0
+
+  qrcode@1.5.4:
+    resolution: {integrity: sha512-1ca71Zgiu6ORjHqFBDpnSMTR2ReToX4l1Au1VFLyVeBTFavzQnv5JxMFr3ukHVKpSrSA2MCk0lNJSykjUfz7Zg==}
+    engines: {node: '>=10.13.0'}
+    hasBin: true
+
   quansync@0.2.11:
     resolution: {integrity: sha512-AifT7QEbW9Nri4tAwR5M/uzpBuqfZf+zwaEM/QkzEjj7NBuFD2rBuy0K3dE+8wltbezDV7JMA0WfnCPYRSYbXA==}
 
@@ -1676,6 +1749,13 @@ packages:
   reduce-configs@1.1.1:
     resolution: {integrity: sha512-EYtsVGAQarE8daT54cnaY1PIknF2VB78ug6Zre2rs36EsJfC40EG6hmTU2A2P1ZuXnKAt2KI0fzOGHcX7wzdPw==}
 
+  require-directory@2.1.1:
+    resolution: {integrity: sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==}
+    engines: {node: '>=0.10.0'}
+
+  require-main-filename@2.0.0:
+    resolution: {integrity: sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==}
+
   resize-observer-polyfill@1.5.1:
     resolution: {integrity: sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg==}
 
@@ -1846,6 +1926,9 @@ packages:
     resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
     hasBin: true
 
+  set-blocking@2.0.0:
+    resolution: {integrity: sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==}
+
   setimmediate@1.0.5:
     resolution: {integrity: sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA==}
 
@@ -1876,12 +1959,20 @@ packages:
   ssr-window@3.0.0:
     resolution: {integrity: sha512-q+8UfWDg9Itrg0yWK7oe5p/XRCJpJF9OBtXfOPgSJl+u3Xd5KI328RUEvUqSMVM9CiQUEf1QdBzJMkYGErj9QA==}
 
+  string-width@4.2.3:
+    resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==}
+    engines: {node: '>=8'}
+
   string_decoder@1.1.1:
     resolution: {integrity: sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==}
 
   string_decoder@1.3.0:
     resolution: {integrity: sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==}
 
+  strip-ansi@6.0.1:
+    resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
+    engines: {node: '>=8'}
+
   strip-literal@3.1.0:
     resolution: {integrity: sha512-8r3mkIM/2+PpjHoOtiAW8Rg3jJLHaV7xPwG+YRGrv6FP0wwk/toTpATxWYOW0BKdWwl82VT2tFYi5DlROa0Mxg==}
 
@@ -2056,9 +2147,16 @@ packages:
   webpack-virtual-modules@0.6.2:
     resolution: {integrity: sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==}
 
+  which-module@2.0.1:
+    resolution: {integrity: sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ==}
+
   wildcard@1.1.2:
     resolution: {integrity: sha512-DXukZJxpHA8LuotRwL0pP1+rS6CS7FF2qStDDE1C7DDg2rLud2PXRMuEDYIPhgEezwnlHNL4c+N6MfMTjCGTng==}
 
+  wrap-ansi@6.2.0:
+    resolution: {integrity: sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==}
+    engines: {node: '>=8'}
+
   wrappy@1.0.2:
     resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
 
@@ -2071,6 +2169,9 @@ packages:
   xmlchars@2.2.0:
     resolution: {integrity: sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==}
 
+  y18n@4.0.3:
+    resolution: {integrity: sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ==}
+
   yallist@3.1.1:
     resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==}
 
@@ -2079,6 +2180,14 @@ packages:
     engines: {node: '>= 14.6'}
     hasBin: true
 
+  yargs-parser@18.1.3:
+    resolution: {integrity: sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==}
+    engines: {node: '>=6'}
+
+  yargs@15.4.1:
+    resolution: {integrity: sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==}
+    engines: {node: '>=8'}
+
   zip-stream@4.1.1:
     resolution: {integrity: sha512-9qv4rlDiopXg4E69k+vMHjNN63YFMe9sZMrdlvKnCjlCRWeCBswPPMPUfx+ipsAWq1LXHe70RcbaHdJJpS6hyQ==}
     engines: {node: '>= 10'}
@@ -2995,6 +3104,8 @@ snapshots:
 
   acorn@8.16.0: {}
 
+  ansi-regex@5.0.1: {}
+
   ansi-styles@4.3.0:
     dependencies:
       color-convert: 2.0.1
@@ -3128,6 +3239,8 @@ snapshots:
       es-errors: 1.3.0
       function-bind: 1.1.2
 
+  camelcase@5.3.1: {}
+
   caniuse-lite@1.0.30001778: {}
 
   chainsaw@0.1.0:
@@ -3148,6 +3261,12 @@ snapshots:
     dependencies:
       readdirp: 5.0.0
 
+  cliui@6.0.0:
+    dependencies:
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+      wrap-ansi: 6.2.0
+
   color-convert@2.0.1:
     dependencies:
       color-name: 1.1.4
@@ -3205,6 +3324,8 @@ snapshots:
     dependencies:
       ms: 2.1.3
 
+  decamelize@1.2.0: {}
+
   deepmerge@4.3.1: {}
 
   defu@6.1.4: {}
@@ -3214,6 +3335,8 @@ snapshots:
   detect-libc@2.1.2:
     optional: true
 
+  dijkstrajs@1.0.3: {}
+
   dom-serializer@2.0.0:
     dependencies:
       domelementtype: 2.3.0
@@ -3275,6 +3398,8 @@ snapshots:
     transitivePeerDependencies:
       - typescript
 
+  emoji-regex@8.0.0: {}
+
   emojis-list@3.0.0: {}
 
   end-of-stream@1.4.5:
@@ -3371,6 +3496,11 @@ snapshots:
 
   file-saver@2.0.5: {}
 
+  find-up@4.1.0:
+    dependencies:
+      locate-path: 5.0.0
+      path-exists: 4.0.0
+
   follow-redirects@1.15.11: {}
 
   form-data@4.0.5:
@@ -3396,6 +3526,8 @@ snapshots:
 
   gensync@1.0.0-beta.2: {}
 
+  get-caller-file@2.0.5: {}
+
   get-intrinsic@1.3.0:
     dependencies:
       call-bind-apply-helpers: 1.0.2
@@ -3472,6 +3604,8 @@ snapshots:
   is-extglob@2.1.1:
     optional: true
 
+  is-fullwidth-code-point@3.0.0: {}
+
   is-glob@4.0.3:
     dependencies:
       is-extglob: 2.1.1
@@ -3526,6 +3660,10 @@ snapshots:
       pkg-types: 2.3.0
       quansync: 0.2.11
 
+  locate-path@5.0.0:
+    dependencies:
+      p-locate: 4.1.0
+
   lodash-es@4.17.23: {}
 
   lodash-unified@1.0.3(@types/lodash-es@4.17.12)(lodash-es@4.17.23)(lodash@4.17.23):
@@ -3674,10 +3812,22 @@ snapshots:
       '@oxfmt/binding-win32-ia32-msvc': 0.40.0
       '@oxfmt/binding-win32-x64-msvc': 0.40.0
 
+  p-limit@2.3.0:
+    dependencies:
+      p-try: 2.2.0
+
+  p-locate@4.1.0:
+    dependencies:
+      p-limit: 2.3.0
+
+  p-try@2.2.0: {}
+
   package-manager-detector@1.6.0: {}
 
   pako@1.0.11: {}
 
+  path-exists@4.0.0: {}
+
   path-is-absolute@1.0.1: {}
 
   pathe@2.0.3: {}
@@ -3713,6 +3863,8 @@ snapshots:
       exsolve: 1.0.8
       pathe: 2.0.3
 
+  pngjs@5.0.0: {}
+
   postcss@8.5.8:
     dependencies:
       nanoid: 3.3.11
@@ -3727,6 +3879,16 @@ snapshots:
 
   proxy-from-env@1.1.0: {}
 
+  qrcode.vue@3.8.0(vue@3.5.30):
+    dependencies:
+      vue: 3.5.30
+
+  qrcode@1.5.4:
+    dependencies:
+      dijkstrajs: 1.0.3
+      pngjs: 5.0.0
+      yargs: 15.4.1
+
   quansync@0.2.11: {}
 
   readable-stream@2.3.8:
@@ -3756,6 +3918,10 @@ snapshots:
 
   reduce-configs@1.1.1: {}
 
+  require-directory@2.1.1: {}
+
+  require-main-filename@2.0.0: {}
+
   resize-observer-polyfill@1.5.1: {}
 
   rfdc@1.4.1: {}
@@ -3889,6 +4055,8 @@ snapshots:
 
   semver@6.3.1: {}
 
+  set-blocking@2.0.0: {}
+
   setimmediate@1.0.5: {}
 
   slate-history@0.66.0(slate@0.72.8):
@@ -3912,6 +4080,12 @@ snapshots:
 
   ssr-window@3.0.0: {}
 
+  string-width@4.2.3:
+    dependencies:
+      emoji-regex: 8.0.0
+      is-fullwidth-code-point: 3.0.0
+      strip-ansi: 6.0.1
+
   string_decoder@1.1.1:
     dependencies:
       safe-buffer: 5.1.2
@@ -3920,6 +4094,10 @@ snapshots:
     dependencies:
       safe-buffer: 5.2.1
 
+  strip-ansi@6.0.1:
+    dependencies:
+      ansi-regex: 5.0.1
+
   strip-literal@3.1.0:
     dependencies:
       js-tokens: 9.0.1
@@ -4117,8 +4295,16 @@ snapshots:
 
   webpack-virtual-modules@0.6.2: {}
 
+  which-module@2.0.1: {}
+
   wildcard@1.1.2: {}
 
+  wrap-ansi@6.2.0:
+    dependencies:
+      ansi-styles: 4.3.0
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+
   wrappy@1.0.2: {}
 
   xe-utils@3.9.1: {}
@@ -4127,10 +4313,31 @@ snapshots:
 
   xmlchars@2.2.0: {}
 
+  y18n@4.0.3: {}
+
   yallist@3.1.1: {}
 
   yaml@2.8.2: {}
 
+  yargs-parser@18.1.3:
+    dependencies:
+      camelcase: 5.3.1
+      decamelize: 1.2.0
+
+  yargs@15.4.1:
+    dependencies:
+      cliui: 6.0.0
+      decamelize: 1.2.0
+      find-up: 4.1.0
+      get-caller-file: 2.0.5
+      require-directory: 2.1.1
+      require-main-filename: 2.0.0
+      set-blocking: 2.0.0
+      string-width: 4.2.3
+      which-module: 2.0.1
+      y18n: 4.0.3
+      yargs-parser: 18.1.3
+
   zip-stream@4.1.1:
     dependencies:
       archiver-utils: 3.0.4
diff --git a/code/container-ocr/ocr-vue/src/components/g3-grid/g3-grid-item.vue b/code/container-ocr/ocr-vue/src/components/g3-grid/g3-grid-item.vue
index ae0592d2..f6859039 100644
--- a/code/container-ocr/ocr-vue/src/components/g3-grid/g3-grid-item.vue
+++ b/code/container-ocr/ocr-vue/src/components/g3-grid/g3-grid-item.vue
@@ -124,7 +124,6 @@ const gridInnerLabelStyle = computed(() => {
     background-color: #f9f9f9;
     border-right: 1px solid #ccc;
     font-size: 14px;
-    height: 100%;
     display: flex;
     position: relative;
     min-width: 0;
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 d4bf30c8..21dac320 100644
--- a/code/container-ocr/ocr-vue/src/layout/components/menu.vue
+++ b/code/container-ocr/ocr-vue/src/layout/components/menu.vue
@@ -26,6 +26,11 @@ const menuList = ref([
     icon: "lucide:box",
     path: "/container",
   },
+  {
+    label: "手机二维码",
+    icon: "lucide:scan-qr-code",
+    path: "/phone",
+  },
   {
     label: "系统管理",
     icon: "lucide:settings",
diff --git a/code/container-ocr/ocr-vue/src/request/api.js b/code/container-ocr/ocr-vue/src/request/api.js
index 73d328be..77e4d080 100644
--- a/code/container-ocr/ocr-vue/src/request/api.js
+++ b/code/container-ocr/ocr-vue/src/request/api.js
@@ -87,6 +87,40 @@ export function loadPageDataApi(
   );
 }
 
+/**
+ * 分页加载表格数据
+ * @param {Object} params 参数对象
+ * @param {number} params.start 当前页
+ * @param {number} params.end 每页条数
+ * @param {string} params.viewName 视图名称
+ * @param {string} [params.searchCondition] 搜索条件
+ * @param {string} [params.orderField] 排序字段
+ * @param {string[]} [params.searchColumns] 搜索列
+ * @returns {Promise<{
+ *   success: boolean,
+ *   data: Array<Record<string, any>>,
+ *   code: number,
+ *   message: string
+ * }>} 返回 Promise 对象
+ */
+export function loadRangeDataApi(
+  { start, end, viewName, searchCondition = "", orderField = "", searchColumns = [] },
+  config = {},
+) {
+  return httpPost(
+    "/data/range",
+    {
+      start,
+      end,
+      viewName,
+      searchCondition,
+      orderField,
+      searchColumns,
+    },
+    config,
+  );
+}
+
 export function saveObjectApi(data) {
   return httpPost("/data/saveObject", data);
 }
diff --git a/code/container-ocr/ocr-vue/src/router/routes.js b/code/container-ocr/ocr-vue/src/router/routes.js
index 99aa9ce9..7ac03ec6 100644
--- a/code/container-ocr/ocr-vue/src/router/routes.js
+++ b/code/container-ocr/ocr-vue/src/router/routes.js
@@ -23,6 +23,15 @@ export const routes = [
           moduleId: "v_container",
         },
       },
+      // ==================== Phone ====================
+      {
+        path: "/phone",
+        component: () => import("@/views/phone/index.vue"),
+        meta: {
+          title: "手机二维码",
+          keepAlive: true,
+        },
+      },
       // ==================== 系统管理 ====================
       {
         path: "/system/field",
diff --git a/code/container-ocr/ocr-vue/src/views/auth/login.vue b/code/container-ocr/ocr-vue/src/views/auth/login.vue
index 4d2b1e1f..e9cc9318 100644
--- a/code/container-ocr/ocr-vue/src/views/auth/login.vue
+++ b/code/container-ocr/ocr-vue/src/views/auth/login.vue
@@ -13,7 +13,7 @@ const userStore = useUserStore();
 const permissionStore = usePermissionStore();
 
 const form = ref({
-  orgid: userStore.userInfo.orgid,
+  orgid: 'g3hd',
   userid: userStore.userInfo.userid,
   password: "",
 });
@@ -130,7 +130,7 @@ async function onVcodeSuccess() {
         <div class="tip">登录</div>
         <div class="split"></div>
         <div class="form">
-          <div class="form-item">
+          <!-- <div class="form-item">
             <div class="label required">机构码</div>
 
             <el-input v-model="form.orgid">
@@ -138,7 +138,7 @@ async function onVcodeSuccess() {
                 <G3Icon icon="lucide:building" size="18" />
               </template>
             </el-input>
-          </div>
+          </div> -->
           <div class="form-item">
             <div class="label required">账号</div>
             <el-input v-model="form.userid">
diff --git a/code/container-ocr/ocr-vue/src/views/container/high-download-dialog.vue b/code/container-ocr/ocr-vue/src/views/container/high-download-dialog.vue
index 0dfe19ab..f946fc97 100644
--- a/code/container-ocr/ocr-vue/src/views/container/high-download-dialog.vue
+++ b/code/container-ocr/ocr-vue/src/views/container/high-download-dialog.vue
@@ -1,7 +1,13 @@
 <script lang="js" setup>
-import { loadDataBySqlApi } from "@/request/api";
+import { loadDataApi, loadDataBySqlApi, loadRangeDataApi } from "@/request/api";
 import { useThrottle } from "@/utils/throttle";
 import { ElMessage } from "element-plus";
+import { saveAs } from "file-saver";
+import JSZip from "jszip";
+import { getAliyunFileBlob } from "@/utils/file";
+import { formatToDate } from "@/utils/time";
+
+const viewName = "v_container";
 
 const visible = defineModel(false);
 
@@ -22,7 +28,7 @@ const chunkModeForm = ref({
   pageSize: 100,
 });
 
-const total = ref(0);
+const allTotal = ref(0);
 const loadingTotal = ref(false);
 
 function handleResetForm() {
@@ -65,12 +71,7 @@ const fetchTotalThrottle = useThrottle(async () => {
   await fetchTotal();
 }, 300);
 
-async function fetchTotal() {
-  if (!visible.value) {
-    return;
-  }
-  loadingTotal.value = true;
-
+function buildSearchCondition() {
   let searchCondition = [];
 
   if (searchForm.value.startTime) {
@@ -82,9 +83,7 @@ async function fetchTotal() {
   }
 
   if (searchForm.value.containerNo) {
-    searchCondition.push(
-      `b_container_no LIKE '%${searchForm.value.containerNo}%'`,
-    );
+    searchCondition.push(`b_container_no LIKE '%${searchForm.value.containerNo}%'`);
   }
 
   if (searchForm.value.username) {
@@ -92,33 +91,320 @@ async function fetchTotal() {
   }
 
   // 拼接 WHERE 条件
-  const whereClause = searchCondition.length
-    ? "WHERE " + searchCondition.join(" AND ")
-    : "";
+  const whereClause = searchCondition.length ? "WHERE " + searchCondition.join(" AND ") : "";
+
+  return whereClause;
+}
+
+async function fetchTotal() {
+  if (!visible.value) {
+    return;
+  }
+
+  loadingTotal.value = true;
 
   // 构建 SQL 获取总数
-  const sql = `SELECT COUNT(*) as total FROM v_container ${whereClause}`;
+  const sql = `SELECT COUNT(*) as total FROM ${viewName} ${buildSearchCondition()}`;
 
   try {
     const res = await loadDataBySqlApi(sql);
     if (res.success) {
-      total.value = res.data[0]?.total || 0;
+      allTotal.value = res.data[0]?.total || 0;
     }
   } catch (err) {
     console.error("获取总数失败", err);
-    total.value = 0;
+    allTotal.value = 0;
   } finally {
     loadingTotal.value = false;
   }
 }
 
-function handleExport() {
-  if (total === 0) {
+async function fetchDatas() {
+  const response = await loadDataApi(
+    viewName,
+    buildSearchCondition(),
+    "b_inputdatetime DESC, b_id DESC",
+    ["b_id", "b_container_no", "b_inputdatetime"],
+  );
+
+  if (response.success) {
+    return response.data;
+  } else {
+    return [];
+  }
+}
+
+function handleDownload() {
+  if (allTotal.value === 0) {
     ElMessage.warning("无有效数据可操作");
     return;
   }
 
-  
+  if (searchForm.value.mode === "ALL") {
+    downloadAll();
+  } else if (searchForm.value.mode === "SLICE") {
+    downloadSlice();
+  } else if (searchForm.value.mode === "CHUNK") {
+    downloadChunk();
+  }
+}
+
+async function runWithLimit(tasks, limit = 3) {
+  const results = [];
+  const executing = [];
+
+  for (const task of tasks) {
+    const p = task().then((res) => {
+      executing.splice(executing.indexOf(p), 1);
+      return res;
+    });
+
+    results.push(p);
+    executing.push(p);
+
+    if (executing.length >= limit) {
+      await Promise.race(executing);
+    }
+  }
+
+  return Promise.all(results);
+}
+
+async function downloadAll() {
+  const loading = ElLoading.service({
+    lock: true,
+    text: "正在下载并打包文件，请稍候...",
+  });
+
+  try {
+    // 获取所有记录
+    const records = await fetchDatas();
+
+    if (!records.length) {
+      ElMessage.warning("无有效数据");
+      return;
+    }
+
+    const zip = new JSZip();
+    let finished = 0;
+    let totalFiles = 0;
+
+    // 1. 收集所有下载任务
+    const allTasks = [];
+
+    for (const item of records) {
+      const fileRes = await loadDataApi("bf_file", `father='${item.b_id}'`, "mx_xh asc");
+      const files = (fileRes.success && fileRes.data) || [];
+      totalFiles += files.length;
+
+      // 按 年/月/日/集装箱号 生成层级文件夹
+      const ymdFolderName = formatToDate(item.b_inputdatetime, "YYYY/MM/DD"); // 2026/03/27
+      const containerFolderName = item.b_container_no;
+      let folder = zip.folder(ymdFolderName);
+      folder = folder ? folder.folder(containerFolderName) : zip.folder(containerFolderName);
+
+      files.forEach((file, idx) => {
+        allTasks.push(async () => {
+          try {
+            const blob = await getAliyunFileBlob(file.mx_mapfilename);
+            const fileName = buildFileName(item.b_container_no, idx + 1, file.mx_filename) || "未命名文件";
+            folder.file(fileName, blob);
+          } catch (e) {
+            console.error(item.b_container_no + "下载失败:", file.mx_mapfilename, e);
+          } finally {
+            finished++;
+            loading.setText(`正在下载 ${finished}/${totalFiles} 个文件...`);
+          }
+        });
+      });
+    }
+
+    // 2. 并发执行下载任务，限制同时 3 个
+    await runWithLimit(allTasks, 3);
+
+    loading.setText("正在生成压缩包...");
+    const content = await zip.generateAsync({ type: "blob" });
+
+    // 3. 保存压缩包
+    saveAs(content, buildZipName("ALL"));
+
+    ElMessage.success("下载完成");
+  } catch (e) {
+    console.error(e);
+  } finally {
+    loading.close();
+  }
+}
+// 按区间下载
+async function downloadSlice() {
+  const loading = ElLoading.service({
+    lock: true,
+    text: "正在下载并打包文件，请稍候...",
+  });
+
+  try {
+    let start = Math.max(1, Math.min(sliceModeForm.value.startPage || 1, allTotal.value));
+    let end = Math.max(1, Math.min(sliceModeForm.value.endPage || 1, allTotal.value));
+    if (start > end) [start, end] = [end, start];
+    sliceModeForm.value.startPage = start;
+    sliceModeForm.value.endPage = end;
+
+    const dataRes = await loadRangeDataApi({
+      start,
+      end,
+      viewName,
+      searchCondition: buildSearchCondition(),
+      orderField: "b_inputdatetime DESC, b_id DESC",
+      searchColumns: ["b_id", "b_container_no", "b_inputdatetime"],
+    });
+
+    if (!dataRes.success || !dataRes.data.length) {
+      ElMessage.warning("无有效数据");
+      return;
+    }
+
+    const records = dataRes.data;
+    const zip = new JSZip();
+    let finished = 0;
+    const allTasks = [];
+
+    records.forEach((item) => {
+      const ymdFolderName = formatToDate(item.b_inputdatetime, "YYYY/MM/DD");
+      const containerFolderName = item.b_container_no;
+      const folderPromise = loadDataApi("bf_file", `father='${item.b_id}'`, "mx_xh asc");
+
+      allTasks.push(async () => {
+        const fileRes = await folderPromise;
+        if (!fileRes.success) {
+          console.error("获取附件失败:", item.b_container_no);
+          return;
+        }
+
+        const folder = zip.folder(ymdFolderName)?.folder(containerFolderName) || zip.folder(containerFolderName);
+
+        const files = fileRes.data || [];
+        const fileTasks = files.map((file, idx) => async () => {
+          try {
+            const blob = await getAliyunFileBlob(file.mx_mapfilename);
+            const fileName = buildFileName(item.b_container_no, idx + 1, file.mx_filename) || "未命名文件";
+            folder.file(fileName, blob);
+          } catch (e) {
+            console.error(item.b_container_no + "下载失败:", file.mx_mapfilename, e);
+          } finally {
+            finished++;
+            loading.setText(`正在下载 ${finished} / ${records.length} 个文件...`);
+          }
+        });
+
+        await runWithLimit(fileTasks, 3);
+      });
+    });
+
+    await runWithLimit(allTasks, 3);
+
+    loading.setText("正在生成压缩包...");
+    const content = await zip.generateAsync({ type: "blob" });
+    saveAs(content, buildZipName("SLICE"));
+    ElMessage.success("下载完成");
+  } catch (e) {
+    console.error(e);
+    ElMessage.error("下载失败");
+  } finally {
+    loading.close();
+  }
+}
+// 分页拆分导出
+async function downloadChunk() {
+  const loading = ElLoading.service({
+    lock: true,
+    text: "正在下载并打包文件，请稍候...",
+  });
+
+  try {
+    const records = await fetchDatas();
+    if (!records?.length) {
+      ElMessage.warning("无有效数据");
+      return;
+    }
+
+    const zip = new JSZip();
+    const pageSize = chunkModeForm.value.pageSize || 10;
+    const totalPages = Math.ceil(records.length / pageSize);
+    let finished = 0;
+
+    const allPageTasks = [];
+
+    for (let pageIndex = 0; pageIndex < totalPages; pageIndex++) {
+      const startIndex = pageIndex * pageSize;
+      const endIndex = Math.min((pageIndex + 1) * pageSize, records.length);
+      const pageRecords = records.slice(startIndex, endIndex);
+      const pageFolderName = `${startIndex + 1}-${endIndex}`;
+      const pageFolder = zip.folder(pageFolderName);
+
+      pageRecords.forEach((item) => {
+        allPageTasks.push(async () => {
+          const fileRes = await loadDataApi("bf_file", `father='${item.b_id}'`, "mx_xh asc");
+          if (!fileRes.success) {
+            console.error("获取附件失败:", item.b_container_no);
+            return;
+          }
+
+          const ymdFolderName = formatToDate(item.b_inputdatetime, "YYYY/MM/DD");
+          const containerFolderName = item.b_container_no;
+          const folder = pageFolder.folder(ymdFolderName)?.folder(containerFolderName) || pageFolder.folder(containerFolderName);
+
+          const files = fileRes.data || [];
+          const fileTasks = files.map((file, idx) => async () => {
+            try {
+              const blob = await getAliyunFileBlob(file.mx_mapfilename);
+              const fileName = buildFileName(item.b_container_no, idx + 1, file.mx_filename) || "未命名文件";
+              folder.file(fileName, blob);
+            } catch (e) {
+              console.error(item.b_container_no + "下载失败:", file.mx_mapfilename, e);
+            } finally {
+              finished++;
+              loading.setText(`正在下载 ${finished} 个文件...`);
+            }
+          });
+
+          await runWithLimit(fileTasks, 3);
+        });
+      });
+    }
+
+    await runWithLimit(allPageTasks, 3);
+
+    loading.setText("正在生成压缩包...");
+    const content = await zip.generateAsync({ type: "blob" });
+    saveAs(content, buildZipName("CHUNK"));
+    ElMessage.success("下载完成");
+  } catch (e) {
+    console.error(e);
+    ElMessage.error("下载失败");
+  } finally {
+    loading.close();
+  }
+}
+
+function buildFileName(containerNo, index, fileName) {
+  const formattedIndex = String(index).padStart(2, "0");
+
+  return `${containerNo}_${formattedIndex}.${fileName.split(".").pop()}`;
+}
+
+function buildZipName(mode) {
+  const dateStr = new Date().toISOString().slice(0, 10).replace(/-/g, "");
+
+  switch (mode) {
+    case "ALL":
+      return `全部下载_${dateStr}.zip`;
+    case "SLICE":
+      return `下载第${sliceModeForm.value.startPage}-${sliceModeForm.value.endPage}条_${dateStr}.zip`;
+    case "CHUNK":
+      return `分页下载_每${chunkModeForm.value.pageSize}条_${dateStr}.zip`;
+    default:
+      return `下载数据_${dateStr}.zip`;
+  }
 }
 </script>
 
@@ -137,7 +423,7 @@ function handleExport() {
       <div class="total">
         共
         <span class="num" v-loading="loadingTotal">
-          {{ total }}
+          {{ allTotal }}
         </span>
         条数据
       </div>
@@ -195,9 +481,9 @@ function handleExport() {
         <div class="label">模式</div>
         <div class="content">
           <el-radio-group v-model="searchForm.mode">
-            <el-radio label="ALL">全部导出</el-radio>
-            <el-radio label="SLICE">按页区间导出</el-radio>
-            <el-radio label="CHUNK">分页拆分导出</el-radio>
+            <el-radio value="ALL">全部导出</el-radio>
+            <el-radio value="SLICE">按区间导出</el-radio>
+            <el-radio value="CHUNK">分页拆分导出</el-radio>
           </el-radio-group>
         </div>
 
@@ -205,16 +491,16 @@ function handleExport() {
           v-if="searchForm.mode === 'SLICE'"
           style="margin-top: 8px; display: flex; align-items: center"
         >
-          <el-input placeholder="起始页" />
+          <el-input placeholder="起始页" v-model="sliceModeForm.startPage" />
           <el-divider direction="vertical" />
-          <el-input placeholder="终止页" />
+          <el-input placeholder="终止页" v-model="sliceModeForm.endPage" />
         </div>
 
         <div
           v-if="searchForm.mode === 'CHUNK'"
           style="margin-top: 8px; display: flex; align-items: center"
         >
-          <el-input placeholder="分页大小" />
+          <el-input placeholder="分页大小" v-model="chunkModeForm.pageSize" />
         </div>
       </div>
     </div>
@@ -226,7 +512,7 @@ function handleExport() {
         </el-icon>
         重置
       </el-button>
-      <el-button type="primary">
+      <el-button type="primary" @click="handleDownload">
         <el-icon class="el-icon--left">
           <G3Icon icon="lucide:cloud-download" />
         </el-icon>
diff --git a/code/container-ocr/ocr-vue/src/views/container/index.vue b/code/container-ocr/ocr-vue/src/views/container/index.vue
index a9802387..971cbf51 100644
--- a/code/container-ocr/ocr-vue/src/views/container/index.vue
+++ b/code/container-ocr/ocr-vue/src/views/container/index.vue
@@ -17,6 +17,8 @@ import { usePermissionStore } from "@/store/permission";
 import { ExportVxeTableExcel, exportExcel } from "@/utils/excel";
 import HighDownloadDialog from "./high-download-dialog.vue";
 
+const viewName = "v_container";
+
 const tableRef = ref();
 
 const permissionStore = usePermissionStore();
@@ -55,14 +57,10 @@ const fileCategories = [
   },
 ];
 
-const viewName = "v_container";
-
 const showPreview = ref(false);
 const previewIndex = ref(-1);
 const previewImageList = computed(() => {
-  return tableData.value
-    .map((item) => item.b_container_img)
-    .filter((img) => img);
+  return tableData.value.map((item) => item.b_container_img).filter((img) => img);
 });
 
 const currentRow = ref({});
@@ -195,12 +193,9 @@ async function deleteRows(rows = []) {
     const safeDeleteIds = deleteIds.map((id) => Number(id));
 
     // 使用安全的 SQL 查询
-    const fileRes = await loadDataApi(
-      "bf_file",
-      `father IN (${safeDeleteIds.join(",")})`,
-      "",
-      ["subid"],
-    );
+    const fileRes = await loadDataApi("bf_file", `father IN (${safeDeleteIds.join(",")})`, "", [
+      "subid",
+    ]);
 
     if (!fileRes.success) {
       return;
@@ -276,11 +271,7 @@ async function handleDownloadOne(data) {
   });
 
   try {
-    const fileRes = await loadDataApi(
-      "bf_file",
-      `father = ${data.b_id}`,
-      "mx_xh asc",
-    );
+    const fileRes = await loadDataApi("bf_file", `father = ${data.b_id}`, "mx_xh asc");
 
     if (!fileRes.success) {
       ElMessage.error("获取附件失败");
@@ -288,11 +279,7 @@ async function handleDownloadOne(data) {
     }
 
     const downloadFiles = fileRes.data.map((item, index) => ({
-      mx_filename: buildFileName(
-        data.b_container_no,
-        index + 1,
-        item.mx_filename,
-      ),
+      mx_filename: buildFileName(data.b_container_no, index + 1, item.mx_filename),
       mx_mapfilename: item.mx_mapfilename,
     }));
 
@@ -347,73 +334,54 @@ async function handleDownloadBatch() {
     text: "正在下载并打包文件，请稍候...",
   });
 
-  const zip = new JSZip();
-
   try {
-    let total = 0;
+    const zip = new JSZip();
     let finished = 0;
+    let totalFiles = 0;
+
+    // 1. 收集所有下载任务
+    const allTasks = [];
 
     for (const item of records) {
-      const fileRes = await loadDataApi(
-        "bf_file",
-        `father = '${item.b_id}'`,
-        "",
-      );
-      if (fileRes.success) {
-        total += (fileRes.data || []).length;
-      }
-    }
+      const fileRes = await loadDataApi("bf_file", `father='${item.b_id}'`, "mx_xh asc");
+      const files = (fileRes.success && fileRes.data) || [];
+      totalFiles += files.length;
 
-    for (const item of records) {
-      const folderName = `${item.b_container_no}_${formatToDate(item.b_inputdatetime)}`;
+      // 按 年/月/日/集装箱号 生成层级文件夹
+      const ymdFolderName = formatToDate(item.b_inputdatetime, "YYYY/MM/DD"); // 2026/03/27
+      const containerFolderName = item.b_container_no;
+      let folder = zip.folder(ymdFolderName);
+      folder = folder ? folder.folder(containerFolderName) : zip.folder(containerFolderName);
 
-      const folder = zip.folder(folderName);
-
-      const fileRes = await loadDataApi(
-        "bf_file",
-        `father = '${item.b_id}'`,
-        "mx_xh asc",
-      );
-
-      if (!fileRes.success) {
-        ElMessage.error("获取附件失败");
-        continue;
-      }
-
-      const files = fileRes.data || [];
-
-      const tasks = files.map((file, index) => async () => {
-        const fileUrl = file.mx_mapfilename;
-
-        try {
-          const blob = getAliyunFileBlob(fileUrl);
-
-          const fileName =
-            buildFileName(item.b_container_no, index + 1, file.mx_filename) ||
-            "未命名文件";
-
-          folder.file(fileName, blob);
-        } catch (e) {
-          ElMessage.error(item.b_container_no + "箱号部分图片下载失败");
-          console.error("下载失败:", fileUrl);
-        } finally {
-          finished++;
-          loading.setText(`正在下载 ${finished}/${total} 个文件...`);
-        }
+      files.forEach((file, idx) => {
+        allTasks.push(async () => {
+          try {
+            const blob = await getAliyunFileBlob(file.mx_mapfilename);
+            const fileName =
+              buildFileName(item.b_container_no, idx + 1, file.mx_filename) || "未命名文件";
+            folder.file(fileName, blob);
+          } catch (e) {
+            console.error(item.b_container_no + "下载失败:", file.mx_mapfilename, e);
+          } finally {
+            finished++;
+            loading.setText(`正在下载 ${finished}/${totalFiles} 个文件...`);
+          }
+        });
       });
-
-      await runWithLimit(tasks, 3);
     }
 
+    // 2. 并发执行下载任务，限制同时 3 个
+    await runWithLimit(allTasks, 3);
+
     loading.setText("正在生成压缩包...");
     const content = await zip.generateAsync({ type: "blob" });
 
-    saveAs(content, "批量下载.zip");
+    // 3. 保存压缩包
+    saveAs(content, "批量下载");
 
     ElMessage.success("下载完成");
-  } catch (error) {
-    console.error(error);
-    ElMessage.error("打包失败");
+  } catch (e) {
+    console.error(e);
   } finally {
     loading.close();
   }
@@ -424,109 +392,6 @@ function buildFileName(containerNo, index, fileName) {
 
   return `${containerNo}_${formattedIndex}.${fileName.split(".").pop()}`;
 }
-
-function testExport() {
-  const options = {
-    columns: [
-      {
-        label: "基础信息",
-        field: "basicInfo",
-        width: 120,
-        children: [
-          {
-            label: "姓名",
-            field: "name",
-            width: 120,
-          },
-          {
-            label: "年龄",
-            field: "age",
-            width: 80,
-          },
-          {
-            label: "头像",
-            field: "avatar",
-            width: 100,
-            type: "image",
-            imageWidth: 80,
-            imageHeight: 80,
-          },
-        ],
-      },
-      {
-        label: "联系方式",
-        field: "contactInfo",
-        width: 160,
-        children: [
-          {
-            label: "电话",
-            field: "phone",
-            width: 120,
-          },
-          {
-            label: "邮箱",
-            field: "email",
-            width: 200,
-          },
-        ],
-      },
-      {
-        label: "其他信息",
-        field: "otherInfo",
-        width: 100,
-        children: [
-          {
-            label: "地址信息",
-            field: "address",
-            width: 150,
-            children: [
-              { label: "省份", field: "province", width: 80 },
-              { label: "城市", field: "city", width: 80 },
-            ],
-          },
-          { label: "备注", field: "remark", width: 200 },
-        ],
-      },
-    ],
-    data: [
-      {
-        name: "张三",
-        age: 25,
-        phone: "13800138000",
-        email: "zhangsan@example.com",
-        province: "浙江",
-        city: "杭州",
-        remark: "测试数据1",
-        avatar:
-          "data:image/png;base64,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",
-      },
-      {
-        name: "李四",
-        age: 30,
-        phone: "13900139000",
-        email: "lisi@example.com",
-        province: "江苏",
-        city: "南京",
-        remark: "测试数据2",
-        avatar:
-          "data:image/png;base64,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",
-      },
-    ],
-    footer: [
-      {
-        name: "总计",
-        age: 55,
-        phone: "",
-        email: "",
-        province: "",
-        city: "",
-        remark: "2条记录",
-      },
-    ],
-  };
-
-  exportExcel(options);
-}
 </script>
 
 <template>
@@ -649,9 +514,6 @@ function testExport() {
                 <el-dropdown-item @click="ExportVxeTableExcel(tableRef)">
                   导出Execl
                 </el-dropdown-item>
-                <el-dropdown-item @click="ExportVxeTableExcel(tableRef)">
-                  高级导出
-                </el-dropdown-item>
               </el-dropdown-menu>
             </template>
           </el-dropdown>
@@ -683,14 +545,7 @@ function testExport() {
           show-overflow
           show-header-overflow
         >
-          <vxe-column
-            field="seq"
-            type="seq"
-            width="50"
-            align="center"
-            title=" "
-            fixed="left"
-          />
+          <vxe-column field="seq" type="seq" width="50" align="center" title=" " fixed="left" />
           <vxe-column type="checkbox" width="50" align="center" fixed="left" />
           <vxe-column
             v-for="column in columns"
@@ -711,12 +566,7 @@ function testExport() {
                 />
               </template>
               <template v-else>
-                {{
-                  formatValueByFormat(
-                    row[column.col_FieldName],
-                    column.col_DisplayFormat,
-                  )
-                }}
+                {{ formatValueByFormat(row[column.col_FieldName], column.col_DisplayFormat) }}
               </template>
             </template>
           </vxe-column>
diff --git a/code/container-ocr/ocr-vue/src/views/phone/index.vue b/code/container-ocr/ocr-vue/src/views/phone/index.vue
new file mode 100644
index 00000000..26f278a9
--- /dev/null
+++ b/code/container-ocr/ocr-vue/src/views/phone/index.vue
@@ -0,0 +1,136 @@
+<script lang="js" setup>
+import QrcodeVue from "qrcode.vue";
+import QRCode from "qrcode";
+import { loadDataApi } from "@/request/api";
+import { useUserStore } from "@/store/user";
+
+const userStore = useUserStore();
+
+// 用户二维码数据
+const userData = ref([]);
+
+// 主二维码链接
+const mainUrl = "http://ser215.g3soft.cn:8088/g3ocr-app/#/pages-sub/upload/index";
+
+// Element Plus 图片查看器控制
+const showPreview = ref(false);
+const previewIndex = ref(0);
+const srcList = ref([]);
+
+onMounted(() => {
+  // loadUserDatas();
+});
+
+async function loadUserDatas() {
+  const response = await loadDataApi("b_user", `b_id <> 'g3soft' AND b_canuse = '1'`, "", ["b_id"]);
+  if (response.success) {
+    response.data.forEach((item) => {
+      userData.value.push({
+        account: item.b_id,
+        url: `${mainUrl}?orgid=${encodeURIComponent(userStore.userInfo.orgid)}&bid=${encodeURIComponent(item.b_id)}`,
+      });
+    });
+  }
+}
+
+// 生成 base64
+async function generateQrBase64(urls) {
+  srcList.value = [];
+  for (const item of urls) {
+    const dataUrl = await QRCode.toDataURL(item, { width: 400 });
+    srcList.value.push(dataUrl);
+  }
+}
+
+// 打开预览
+async function openPreview(index) {
+  const urls = [mainUrl, ...userData.value.map((u) => u.url)];
+  await generateQrBase64(urls);
+  previewIndex.value = index;
+  showPreview.value = true;
+}
+</script>
+
+<template>
+  <div class="page-container">
+    <!-- 主二维码 -->
+    <div class="qr-section main-qr">
+      <h2>统一入口</h2>
+      <qrcode-vue :value="mainUrl" :size="220" :margin="2" @click.native="openPreview(0)" />
+    </div>
+    <el-divider />
+
+    <!-- 用户二维码 -->
+    <!-- <div class="qr-section user-qr">
+      <h2>用户二维码（免登录，需要启用该账户！）</h2>
+      <div class="user-qr-list">
+        <div v-for="(user, index) in userData" :key="index" class="user-qr-item">
+          <div class="account-name">{{ user.account }}</div>
+          <qrcode-vue
+            :value="user.url"
+            :size="200"
+            @click.native="openPreview(index + 1)"
+            :margin="2"
+          />
+        </div>
+      </div>
+    </div> -->
+
+    <!-- Element Plus 图片查看器 -->
+    <el-image-viewer
+      v-if="showPreview"
+      :url-list="srcList"
+      :initial-index="previewIndex"
+      show-progress
+      @close="showPreview = false"
+    />
+  </div>
+</template>
+
+<style scoped lang="scss">
+@use "@/styles/mixins.scss" as *;
+
+.page-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  height: 100%;
+  overflow-y: auto;
+}
+
+.qr-section {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: 100%;
+  margin-top: 16px;
+}
+
+.user-qr {
+  margin-top: 16px;
+}
+
+.qr-section h2 {
+  margin-bottom: 12px;
+  font-size: 18px;
+  font-weight: 600;
+}
+
+.user-qr-list {
+  @include flexGapWrap(10px, 36px);
+}
+
+.user-qr-item {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  cursor: pointer;
+}
+
+.account-name {
+  margin-bottom: 6px;
+  font-size: 14px;
+  font-weight: 500;
+  color: #333;
+}
+</style>
diff --git a/code/container-ocr/ocr-vue/src/views/system/log/data.vue b/code/container-ocr/ocr-vue/src/views/system/log/data.vue
index a3cdd0d2..745b9dfa 100644
--- a/code/container-ocr/ocr-vue/src/views/system/log/data.vue
+++ b/code/container-ocr/ocr-vue/src/views/system/log/data.vue
@@ -75,6 +75,18 @@ async function loadTableDatas() {
     searchCondition += `b_inputdatetime <= '${searchForm.value.endTime}' AND `;
   }
 
+  if (searchForm.value.datas) {
+    searchCondition += `b_datas LIKE '${searchForm.value.datas}' AND `;
+  }
+
+  if (searchForm.value.option) {
+    searchCondition += `b_option LIKE '${searchForm.value.option}' AND `;
+  }
+
+  if (searchForm.value.table) {
+    searchCondition += `b_table LIKE '${searchForm.value.table}' AND `;
+  }
+
   if (searchCondition.endsWith(" AND ")) {
     searchCondition = searchCondition.slice(0, -4);
   }
@@ -163,16 +175,16 @@ function handleSearchReset() {
       </G3Grid>
 
       <div class="search-extra">
-        <el-button type="primary">
+        <el-button type="primary" @click="handleSearch">
           <el-icon class="el-icon--left">
-            <G3Icon icon="lucide:search" @click="handleSearch" />
+            <G3Icon icon="lucide:search" />
           </el-icon>
           搜索
         </el-button>
 
-        <el-button>
+        <el-button @click="handleSearchReset">
           <el-icon class="el-icon--left">
-            <G3Icon icon="lucide:refresh-ccw" @click="handleSearchReset" />
+            <G3Icon icon="lucide:refresh-ccw" />
           </el-icon>
           重置
         </el-button>
diff --git a/code/container-ocr/ocr-vue/test.html b/code/container-ocr/ocr-vue/test.html
index ca03a860..4f223e0f 100644
--- a/code/container-ocr/ocr-vue/test.html
+++ b/code/container-ocr/ocr-vue/test.html
@@ -1,171 +1,1087 @@
 <!DOCTYPE html>
-<html lang="zh">
+<html lang="zh-CN">
 
 <head>
-  <meta charset="UTF-8" />
-  <title>数据看板</title>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>文件管理系统 - 按年月日与集装箱号组织</title>
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+  <style>
+    * {
+      margin: 0;
+      padding: 0;
+      box-sizing: border-box;
+      font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif;
+    }
 
-  <script src="https://cdn.tailwindcss.com"></script>
-  <script src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js"></script>
+    body {
+      background-color: #f5f7fa;
+      color: #333;
+      line-height: 1.6;
+      padding: 20px;
+    }
+
+    .container {
+      max-width: 1400px;
+      margin: 0 auto;
+      display: flex;
+      flex-direction: column;
+      gap: 20px;
+    }
+
+    header {
+      background: linear-gradient(135deg, #4b6cb7 0%, #182848 100%);
+      color: white;
+      padding: 20px 30px;
+      border-radius: 12px;
+      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+    }
+
+    h1 {
+      font-size: 28px;
+      margin-bottom: 8px;
+      display: flex;
+      align-items: center;
+      gap: 12px;
+    }
+
+    h1 i {
+      color: #ffd166;
+    }
+
+    .subtitle {
+      font-size: 16px;
+      opacity: 0.9;
+      font-weight: 300;
+    }
+
+    .main-content {
+      display: flex;
+      gap: 20px;
+    }
+
+    .tree-panel {
+      flex: 1;
+      background-color: white;
+      border-radius: 12px;
+      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
+      padding: 20px;
+      overflow: auto;
+      max-height: 700px;
+    }
+
+    .details-panel {
+      flex: 1.5;
+      background-color: white;
+      border-radius: 12px;
+      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
+      padding: 20px;
+    }
+
+    .panel-title {
+      font-size: 20px;
+      font-weight: 600;
+      margin-bottom: 20px;
+      padding-bottom: 10px;
+      border-bottom: 2px solid #f0f0f0;
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      color: #2d3748;
+    }
+
+    .panel-title i {
+      color: #4b6cb7;
+    }
+
+    /* 树形结构样式 */
+    .tree {
+      list-style: none;
+      padding-left: 0;
+    }
+
+    .tree-item {
+      margin-bottom: 5px;
+    }
+
+    .tree-node {
+      padding: 10px 15px;
+      border-radius: 8px;
+      cursor: pointer;
+      transition: all 0.2s;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+    }
+
+    .tree-node:hover {
+      background-color: #f8f9fa;
+    }
+
+    .tree-node.active {
+      background-color: #e8f4ff;
+      border-left: 4px solid #4b6cb7;
+    }
+
+    .node-content {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+    }
+
+    .node-icon {
+      color: #4b6cb7;
+      width: 20px;
+      text-align: center;
+    }
+
+    .node-label {
+      font-weight: 500;
+    }
+
+    .node-count {
+      background-color: #e2e8f0;
+      color: #4a5568;
+      padding: 2px 8px;
+      border-radius: 10px;
+      font-size: 12px;
+    }
+
+    .tree-children {
+      list-style: none;
+      padding-left: 30px;
+      margin-top: 5px;
+      display: none;
+    }
+
+    .tree-children.expanded {
+      display: block;
+    }
+
+    .expand-btn {
+      background: none;
+      border: none;
+      color: #718096;
+      cursor: pointer;
+      width: 20px;
+      height: 20px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      transition: transform 0.2s;
+    }
+
+    .expand-btn.expanded {
+      transform: rotate(90deg);
+    }
+
+    /* 搜索和操作区域 */
+    .controls {
+      display: flex;
+      gap: 15px;
+      margin-bottom: 20px;
+    }
+
+    .search-box {
+      flex: 1;
+      position: relative;
+    }
+
+    .search-box input {
+      width: 100%;
+      padding: 12px 15px 12px 45px;
+      border: 1px solid #e2e8f0;
+      border-radius: 8px;
+      font-size: 15px;
+      transition: all 0.3s;
+    }
+
+    .search-box input:focus {
+      outline: none;
+      border-color: #4b6cb7;
+      box-shadow: 0 0 0 3px rgba(75, 108, 183, 0.1);
+    }
+
+    .search-box i {
+      position: absolute;
+      left: 15px;
+      top: 50%;
+      transform: translateY(-50%);
+      color: #a0aec0;
+    }
+
+    .btn {
+      padding: 12px 20px;
+      background-color: #4b6cb7;
+      color: white;
+      border: none;
+      border-radius: 8px;
+      font-weight: 600;
+      cursor: pointer;
+      transition: all 0.2s;
+      display: flex;
+      align-items: center;
+      gap: 8px;
+    }
+
+    .btn:hover {
+      background-color: #3a5795;
+      transform: translateY(-2px);
+    }
+
+    .btn-secondary {
+      background-color: #e2e8f0;
+      color: #4a5568;
+    }
+
+    .btn-secondary:hover {
+      background-color: #cbd5e0;
+    }
+
+    /* 详细信息面板样式 */
+    .details-content {
+      display: flex;
+      flex-direction: column;
+      gap: 20px;
+    }
+
+    .current-path {
+      background-color: #f8f9fa;
+      padding: 15px;
+      border-radius: 8px;
+      font-size: 15px;
+      color: #4a5568;
+      border-left: 4px solid #4b6cb7;
+    }
+
+    .path-item {
+      font-weight: 600;
+      color: #2d3748;
+    }
+
+    .container-cards {
+      display: grid;
+      grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+      gap: 20px;
+    }
+
+    .container-card {
+      background-color: white;
+      border-radius: 10px;
+      overflow: hidden;
+      box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
+      border: 1px solid #e2e8f0;
+      transition: all 0.3s;
+    }
+
+    .container-card:hover {
+      transform: translateY(-5px);
+      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
+    }
+
+    .card-header {
+      background-color: #f8f9fa;
+      padding: 15px;
+      border-bottom: 1px solid #e2e8f0;
+    }
+
+    .container-id {
+      font-size: 18px;
+      font-weight: 700;
+      color: #2d3748;
+      margin-bottom: 5px;
+    }
+
+    .container-type {
+      display: inline-block;
+      background-color: #4b6cb7;
+      color: white;
+      padding: 3px 10px;
+      border-radius: 20px;
+      font-size: 12px;
+      font-weight: 600;
+    }
+
+    .card-body {
+      padding: 15px;
+    }
+
+    .card-row {
+      display: flex;
+      justify-content: space-between;
+      margin-bottom: 10px;
+      padding-bottom: 10px;
+      border-bottom: 1px dashed #f0f0f0;
+    }
+
+    .card-row:last-child {
+      border-bottom: none;
+      margin-bottom: 0;
+      padding-bottom: 0;
+    }
+
+    .card-label {
+      color: #718096;
+      font-size: 14px;
+    }
+
+    .card-value {
+      color: #2d3748;
+      font-weight: 500;
+    }
+
+    .card-footer {
+      padding: 12px 15px;
+      background-color: #f8f9fa;
+      border-top: 1px solid #e2e8f0;
+      display: flex;
+      justify-content: space-between;
+    }
+
+    .card-action {
+      color: #4b6cb7;
+      cursor: pointer;
+      transition: all 0.2s;
+      font-size: 14px;
+      display: flex;
+      align-items: center;
+      gap: 5px;
+    }
+
+    .card-action:hover {
+      color: #3a5795;
+    }
+
+    .empty-state {
+      text-align: center;
+      padding: 40px 20px;
+      color: #a0aec0;
+    }
+
+    .empty-state i {
+      font-size: 48px;
+      margin-bottom: 15px;
+      color: #e2e8f0;
+    }
+
+    footer {
+      text-align: center;
+      padding: 20px;
+      color: #718096;
+      font-size: 14px;
+      border-top: 1px solid #e2e8f0;
+      margin-top: 20px;
+    }
+
+    /* 响应式设计 */
+    @media (max-width: 1024px) {
+      .main-content {
+        flex-direction: column;
+      }
+
+      .tree-panel,
+      .details-panel {
+        width: 100%;
+      }
+    }
+
+    @media (max-width: 768px) {
+      .container-cards {
+        grid-template-columns: 1fr;
+      }
+
+      .controls {
+        flex-direction: column;
+      }
+    }
+  </style>
 </head>
 
-<body class="bg-gray-100">
+<body>
+  <div class="container">
+    <header>
+      <h1><i class="fas fa-archive"></i> 集装箱文件管理系统</h1>
+      <p class="subtitle">按年/月/日/集装箱号层级组织文件，直观浏览和管理您的集装箱数据</p>
+    </header>
 
-  <div class="p-4">
-
-    <!-- 顶部 -->
-    <div class="flex justify-between items-center mb-4">
-      <h1 class="text-xl font-bold">数据看板</h1>
-      <button id="refreshBtn" class="bg-blue-500 text-white px-3 py-1 rounded" onclick="refreshData()">
-        🔄 刷新
+    <div class="controls">
+      <div class="search-box">
+        <i class="fas fa-search"></i>
+        <input type="text" id="searchInput" placeholder="搜索集装箱号、日期或其他信息...">
+      </div>
+      <button class="btn" id="addYearBtn">
+        <i class="fas fa-plus"></i> 添加年份
+      </button>
+      <button class="btn btn-secondary" id="refreshBtn">
+        <i class="fas fa-redo"></i> 刷新
       </button>
     </div>
 
-    <!-- KPI -->
-    <div id="kpi" class="grid grid-cols-6 gap-3 mb-4"></div>
+    <div class="main-content">
+      <div class="tree-panel">
+        <h2 class="panel-title"><i class="fas fa-sitemap"></i> 文件夹结构</h2>
+        <div class="tree-container">
+          <ul class="tree" id="treeView"></ul>
+        </div>
+      </div>
 
-    <!-- ⭐ 公告（不占全宽，简洁版） -->
-    <div class="bg-orange-100 border border-orange-300 text-orange-800 px-4 py-3 rounded mb-4 w-full sm:w-2/3 md:w-1/2">
-      <div class="text-lg font-bold">📢 公告：</div>
-      <div id="notice" class="text-sm space-y-3">
-        <!-- 公告内容会由 JS 填充 -->
+      <div class="details-panel">
+        <h2 class="panel-title"><i class="fas fa-info-circle"></i> 详细信息</h2>
+        <div class="details-content">
+          <div class="current-path" id="currentPath">
+            当前路径: <span class="path-item">根目录</span>
+          </div>
+          <div class="container-cards" id="containerCards">
+            <!-- 集装箱卡片将在这里动态生成 -->
+          </div>
+          <div class="empty-state" id="emptyState">
+            <i class="fas fa-box-open"></i>
+            <h3>暂无数据</h3>
+            <p>请从左侧树形结构中选择一个日期节点查看集装箱信息</p>
+          </div>
+        </div>
       </div>
     </div>
 
-    <!-- 趋势图 -->
-    <div class="bg-white p-4 rounded shadow mb-4">
-      <div class="mb-2 font-semibold">近7天上传趋势</div>
-      <div id="trend" style="height:260px;"></div>
-    </div>
-
-    <!-- 中间区域 -->
-    <div class="grid grid-cols-3 gap-4">
-
-      <!-- 排行 -->
-      <div class="bg-white p-4 rounded shadow col-span-2">
-        <div class="mb-2 font-semibold">操作员上传排行</div>
-        <div id="rank" style="height:260px;"></div>
-      </div>
-
-      <!-- 最新上传 -->
-      <div class="bg-white p-4 rounded shadow">
-        <div class="mb-2 font-semibold">最新上传</div>
-        <table class="w-full text-sm">
-          <thead>
-            <tr class="text-gray-500">
-              <th>箱号</th>
-              <th>操作员</th>
-              <th>时间</th>
-              <th>数量</th>
-            </tr>
-          </thead>
-          <tbody id="table"></tbody>
-        </table>
-      </div>
-
-    </div>
-
+    <footer>
+      <p>集装箱文件管理系统 &copy; 2026 | 按年/月/日/集装箱号组织 | 当前时间: <span id="currentTime"></span></p>
+    </footer>
   </div>
 
   <script>
     // 模拟数据
-    function getData() {
-      return {
-        kpi: [
-          ["今日箱数", rand(80, 150)],
-          ["照片总数", rand(300, 800)],
-          ["活跃操作员", rand(5, 20)],
-          ["最近上传", "10:" + rand(10, 59)],
-          ["异常箱数", rand(0, 10)],
-          ["待处理", rand(0, 5)],
-        ],
-        trend: Array.from({ length: 7 }, () => rand(50, 150)),
-        rank: Array.from({ length: 5 }, () => rand(40, 120)),
-        users: ["张三", "李四", "王五", "赵六", "钱七"],
-        list: [
-          ["MSCU1234567", "张三", "10:30", 5],
-          ["TEMU7654321", "李四", "10:20", 4],
-          ["CMAU9988776", "王五", "10:10", 6],
-        ],
-        notice: [
-          "📌 今日起必须上传封条照片",
-          "📌 晚班请补录遗漏数据",
-          "📌 周五晚系统维护"
-        ],
+    const mockData = {
+      years: [
+        {
+          year: "2026",
+          months: [
+            {
+              month: "03",
+              days: [
+                {
+                  day: "27",
+                  containers: [
+                    { id: "TGBU1234567", type: "标准箱", size: "20英尺", status: "在港", weight: "22.5吨" },
+                    { id: "CMAU8901234", type: "高柜箱", size: "40英尺", status: "在途", weight: "30.2吨" },
+                    { id: "APHU5678901", type: "冷藏箱", size: "40英尺", status: "在港", weight: "28.7吨" }
+                  ]
+                },
+                {
+                  day: "26",
+                  containers: [
+                    { id: "MSCU2345678", type: "标准箱", size: "20英尺", status: "离港", weight: "21.8吨" },
+                    { id: "SEGU3456789", type: "开顶箱", size: "40英尺", status: "在港", weight: "25.3吨" }
+                  ]
+                },
+                {
+                  day: "25",
+                  containers: [
+                    { id: "HLCU4567890", type: "平板箱", size: "40英尺", status: "在途", weight: "26.1吨" }
+                  ]
+                }
+              ]
+            },
+            {
+              month: "02",
+              days: [
+                {
+                  day: "16",
+                  containers: [
+                    { id: "MAEU1234567", type: "标准箱", size: "20英尺", status: "离港", weight: "22.0吨" },
+                    { id: "OOLU2345678", type: "高柜箱", size: "40英尺", status: "离港", weight: "29.8吨" }
+                  ]
+                }
+              ]
+            }
+          ]
+        },
+        {
+          year: "2025",
+          months: [
+            {
+              month: "12",
+              days: [
+                {
+                  day: "31",
+                  containers: [
+                    { id: "HMMU3456789", type: "冷藏箱", size: "40英尺", status: "离港", weight: "27.5吨" },
+                    { id: "YMLU4567890", type: "标准箱", size: "20英尺", status: "离港", weight: "21.3吨" }
+                  ]
+                }
+              ]
+            }
+          ]
+        }
+      ]
+    };
+
+    // 当前选中的路径
+    let currentPath = {
+      year: null,
+      month: null,
+      day: null
+    };
+
+    // 初始化应用
+    $(document).ready(function () {
+      initTreeView();
+      updateCurrentPath();
+      updateTime();
+
+      // 设置定时器，每秒钟更新时间
+      setInterval(updateTime, 1000);
+
+      // 搜索功能
+      $('#searchInput').on('input', function () {
+        const searchTerm = $(this).val().toLowerCase();
+        if (searchTerm.length > 0) {
+          filterContainers(searchTerm);
+        } else {
+          // 如果清空搜索框，显示当前选中的日期下的集装箱
+          if (currentPath.day) {
+            showContainersForDay(currentPath.year, currentPath.month, currentPath.day);
+          } else {
+            $('#containerCards').html('');
+            $('#emptyState').show();
+          }
+        }
+      });
+
+      // 添加年份按钮
+      $('#addYearBtn').click(function () {
+        const newYear = prompt("请输入要添加的年份（例如：2027）：");
+        if (newYear && /^\d{4}$/.test(newYear)) {
+          addYear(newYear);
+        } else if (newYear) {
+          alert("年份格式不正确，请输入4位数字！");
+        }
+      });
+
+      // 刷新按钮
+      $('#refreshBtn').click(function () {
+        initTreeView();
+        $('#searchInput').val('');
+        if (currentPath.day) {
+          showContainersForDay(currentPath.year, currentPath.month, currentPath.day);
+        } else {
+          $('#containerCards').html('');
+          $('#emptyState').show();
+        }
+        showMessage("数据已刷新");
+      });
+    });
+
+    // 初始化树形视图
+    function initTreeView() {
+      const $tree = $('#treeView');
+      $tree.empty();
+
+      // 遍历年份
+      mockData.years.forEach(yearData => {
+        const yearId = `year-${yearData.year}`;
+        const $yearItem = $(`
+                    <li class="tree-item">
+                        <div class="tree-node" data-type="year" data-value="${yearData.year}">
+                            <div class="node-content">
+                                <button class="expand-btn"><i class="fas fa-chevron-right"></i></button>
+                                <i class="node-icon fas fa-folder"></i>
+                                <span class="node-label">${yearData.year}年</span>
+                                <span class="node-count">${yearData.months.length}个月</span>
+                            </div>
+                        </div>
+                        <ul class="tree-children" id="${yearId}"></ul>
+                    </li>
+                `);
+
+        $tree.append($yearItem);
+
+        // 遍历月份
+        yearData.months.forEach(monthData => {
+          const monthId = `month-${yearData.year}-${monthData.month}`;
+          const $monthItem = $(`
+                        <li class="tree-item">
+                            <div class="tree-node" data-type="month" data-year="${yearData.year}" data-value="${monthData.month}">
+                                <div class="node-content">
+                                    <button class="expand-btn"><i class="fas fa-chevron-right"></i></button>
+                                    <i class="node-icon fas fa-folder"></i>
+                                    <span class="node-label">${monthData.month}月</span>
+                                    <span class="node-count">${monthData.days.length}天</span>
+                                </div>
+                            </div>
+                            <ul class="tree-children" id="${monthId}"></ul>
+                        </li>
+                    `);
+
+          $(`#${yearId}`).append($monthItem);
+
+          // 遍历日期
+          monthData.days.forEach(dayData => {
+            const dayId = `day-${yearData.year}-${monthData.month}-${dayData.day}`;
+            const $dayItem = $(`
+                            <li class="tree-item">
+                                <div class="tree-node" data-type="day" data-year="${yearData.year}" data-month="${monthData.month}" data-value="${dayData.day}">
+                                    <div class="node-content">
+                                        <i class="node-icon fas fa-calendar-day"></i>
+                                        <span class="node-label">${dayData.day}日</span>
+                                        <span class="node-count">${dayData.containers.length}个集装箱</span>
+                                    </div>
+                                </div>
+                            </li>
+                        `);
+
+            $(`#${monthId}`).append($dayItem);
+          });
+        });
+      });
+
+      // 绑定树形节点点击事件
+      bindTreeEvents();
+    }
+
+    // 绑定树形节点事件
+    function bindTreeEvents() {
+      // 展开/折叠按钮点击事件
+      $('.tree-node').off('click').on('click', function (e) {
+        e.stopPropagation();
+
+        const $this = $(this);
+        const type = $this.data('type');
+        const value = $this.data('value');
+
+        // 移除所有节点的激活状态
+        $('.tree-node').removeClass('active');
+        // 为当前节点添加激活状态
+        $this.addClass('active');
+
+        if (type === 'year') {
+          const $children = $this.siblings('.tree-children');
+          const $expandBtn = $this.find('.expand-btn');
+
+          $children.toggleClass('expanded');
+          $expandBtn.toggleClass('expanded');
+
+          // 更新当前路径
+          currentPath = { year: value, month: null, day: null };
+          updateCurrentPath();
+
+          // 显示年份信息
+          showYearInfo(value);
+
+        } else if (type === 'month') {
+          const $children = $this.siblings('.tree-children');
+          const $expandBtn = $this.find('.expand-btn');
+          const year = $this.data('year');
+
+          $children.toggleClass('expanded');
+          $expandBtn.toggleClass('expanded');
+
+          // 更新当前路径
+          currentPath = { year: year, month: value, day: null };
+          updateCurrentPath();
+
+          // 显示月份信息
+          showMonthInfo(year, value);
+
+        } else if (type === 'day') {
+          const year = $this.data('year');
+          const month = $this.data('month');
+          const day = $this.data('value');
+
+          // 更新当前路径
+          currentPath = { year: year, month: month, day: day };
+          updateCurrentPath();
+
+          // 显示该日期的集装箱
+          showContainersForDay(year, month, day);
+        }
+      });
+    }
+
+    // 显示指定日期的集装箱
+    function showContainersForDay(year, month, day) {
+      const $containerCards = $('#containerCards');
+      const $emptyState = $('#emptyState');
+
+      // 查找数据
+      const yearData = mockData.years.find(y => y.year === year);
+      if (!yearData) {
+        $containerCards.html('');
+        $emptyState.show();
+        return;
+      }
+
+      const monthData = yearData.months.find(m => m.month === month);
+      if (!monthData) {
+        $containerCards.html('');
+        $emptyState.show();
+        return;
+      }
+
+      const dayData = monthData.days.find(d => d.day === day);
+      if (!dayData || dayData.containers.length === 0) {
+        $containerCards.html('');
+        $emptyState.show();
+        return;
+      }
+
+      // 生成集装箱卡片
+      let cardsHTML = '';
+      dayData.containers.forEach(container => {
+        // 根据状态设置颜色
+        let statusColor = '#38a169'; // 默认绿色
+        if (container.status === '在途') statusColor = '#3182ce';
+        if (container.status === '离港') statusColor = '#718096';
+
+        cardsHTML += `
+                <div class="container-card">
+                    <div class="card-header">
+                        <div class="container-id">${container.id}</div>
+                        <span class="container-type">${container.type}</span>
+                    </div>
+                    <div class="card-body">
+                        <div class="card-row">
+                            <span class="card-label">尺寸</span>
+                            <span class="card-value">${container.size}</span>
+                        </div>
+                        <div class="card-row">
+                            <span class="card-label">状态</span>
+                            <span class="card-value" style="color: ${statusColor};">${container.status}</span>
+                        </div>
+                        <div class="card-row">
+                            <span class="card-label">重量</span>
+                            <span class="card-value">${container.weight}</span>
+                        </div>
+                        <div class="card-row">
+                            <span class="card-label">路径</span>
+                            <span class="card-value">${year}/${month.padStart(2, '0')}/${day.padStart(2, '0')}</span>
+                        </div>
+                    </div>
+                    <div class="card-footer">
+                        <span class="card-action" onclick="showContainerDetails('${container.id}')">
+                            <i class="fas fa-info-circle"></i> 详情
+                        </span>
+                        <span class="card-action" onclick="downloadContainerFiles('${container.id}')">
+                            <i class="fas fa-download"></i> 下载
+                        </span>
+                        <span class="card-action" onclick="deleteContainer('${container.id}')">
+                            <i class="fas fa-trash"></i> 删除
+                        </span>
+                    </div>
+                </div>
+                `;
+      });
+
+      $containerCards.html(cardsHTML);
+      $emptyState.hide();
+    }
+
+    // 显示年份信息
+    function showYearInfo(year) {
+      const $containerCards = $('#containerCards');
+      const $emptyState = $('#emptyState');
+
+      // 查找年份数据
+      const yearData = mockData.years.find(y => y.year === year);
+      if (!yearData) {
+        $containerCards.html('');
+        $emptyState.show();
+        return;
+      }
+
+      // 计算该年份的统计信息
+      let totalMonths = yearData.months.length;
+      let totalDays = 0;
+      let totalContainers = 0;
+
+      yearData.months.forEach(month => {
+        totalDays += month.days.length;
+        month.days.forEach(day => {
+          totalContainers += day.containers.length;
+        });
+      });
+
+      $containerCards.html(`
+                <div class="container-card" style="grid-column: 1 / -1;">
+                    <div class="card-header">
+                        <div class="container-id">${year}年 统计概览</div>
+                        <span class="container-type">年度报告</span>
+                    </div>
+                    <div class="card-body">
+                        <div class="card-row">
+                            <span class="card-label">月份数量</span>
+                            <span class="card-value">${totalMonths} 个月</span>
+                        </div>
+                        <div class="card-row">
+                            <span class="card-label">有记录的天数</span>
+                            <span class="card-value">${totalDays} 天</span>
+                        </div>
+                        <div class="card-row">
+                            <span class="card-label">集装箱总数</span>
+                            <span class="card-value">${totalContainers} 个</span>
+                        </div>
+                        <div class="card-row">
+                            <span class="card-label">数据路径</span>
+                            <span class="card-value">${year}/</span>
+                        </div>
+                    </div>
+                    <div class="card-footer">
+                        <span class="card-action" onclick="showMessage('导出年度报告功能开发中')">
+                            <i class="fas fa-chart-bar"></i> 生成年度报告
+                        </span>
+                        <span class="card-action" onclick="showMessage('年度统计功能开发中')">
+                            <i class="fas fa-chart-pie"></i> 查看统计
+                        </span>
+                    </div>
+                </div>
+            `);
+
+      $emptyState.hide();
+    }
+
+    // 显示月份信息
+    function showMonthInfo(year, month) {
+      const $containerCards = $('#containerCards');
+      const $emptyState = $('#emptyState');
+
+      // 查找年份和月份数据
+      const yearData = mockData.years.find(y => y.year === year);
+      if (!yearData) {
+        $containerCards.html('');
+        $emptyState.show();
+        return;
+      }
+
+      const monthData = yearData.months.find(m => m.month === month);
+      if (!monthData) {
+        $containerCards.html('');
+        $emptyState.show();
+        return;
+      }
+
+      // 计算该月份的统计信息
+      let totalDays = monthData.days.length;
+      let totalContainers = 0;
+
+      monthData.days.forEach(day => {
+        totalContainers += day.containers.length;
+      });
+
+      $containerCards.html(`
+                <div class="container-card" style="grid-column: 1 / -1;">
+                    <div class="card-header">
+                        <div class="container-id">${year}年${month}月 统计概览</div>
+                        <span class="container-type">月度报告</span>
+                    </div>
+                    <div class="card-body">
+                        <div class="card-row">
+                            <span class="card-label">有记录的天数</span>
+                            <span class="card-value">${totalDays} 天</span>
+                        </div>
+                        <div class="card-row">
+                            <span class="card-label">集装箱总数</span>
+                            <span class="card-value">${totalContainers} 个</span>
+                        </div>
+                        <div class="card-row">
+                            <span class="card-label">平均每日集装箱数</span>
+                            <span class="card-value">${(totalContainers / totalDays).toFixed(1)} 个/天</span>
+                        </div>
+                        <div class="card-row">
+                            <span class="card-label">数据路径</span>
+                            <span class="card-value">${year}/${month.padStart(2, '0')}/</span>
+                        </div>
+                    </div>
+                    <div class="card-footer">
+                        <span class="card-action" onclick="showMessage('导出月度报告功能开发中')">
+                            <i class="fas fa-chart-line"></i> 生成月度报告
+                        </span>
+                        <span class="card-action" onclick="showMessage('月度统计功能开发中')">
+                            <i class="fas fa-chart-bar"></i> 查看统计
+                        </span>
+                    </div>
+                </div>
+            `);
+
+      $emptyState.hide();
+    }
+
+    // 更新当前路径显示
+    function updateCurrentPath() {
+      let pathText = "当前路径: ";
+
+      if (currentPath.year) {
+        pathText += `<span class="path-item">${currentPath.year}年</span>`;
+
+        if (currentPath.month) {
+          pathText += ` / <span class="path-item">${currentPath.month}月</span>`;
+
+          if (currentPath.day) {
+            pathText += ` / <span class="path-item">${currentPath.day}日</span>`;
+          }
+        }
+      } else {
+        pathText += `<span class="path-item">根目录</span>`;
+      }
+
+      $('#currentPath').html(pathText);
+    }
+
+    // 添加新年份
+    function addYear(year) {
+      // 检查年份是否已存在
+      const yearExists = mockData.years.some(y => y.year === year);
+      if (yearExists) {
+        alert(`年份 ${year} 已存在！`);
+        return;
+      }
+
+      // 添加新年份
+      mockData.years.push({
+        year: year,
+        months: []
+      });
+
+      // 重新初始化树形视图
+      initTreeView();
+
+      // 选中新添加的年份
+      $(`.tree-node[data-type="year"][data-value="${year}"]`).click();
+
+      showMessage(`成功添加年份 ${year}`);
+    }
+
+    // 筛选集装箱
+    function filterContainers(searchTerm) {
+      const $containerCards = $('#containerCards');
+      const $emptyState = $('#emptyState');
+
+      // 收集所有匹配的集装箱
+      let matchedContainers = [];
+
+      mockData.years.forEach(yearData => {
+        yearData.months.forEach(monthData => {
+          monthData.days.forEach(dayData => {
+            dayData.containers.forEach(container => {
+              // 检查集装箱ID、类型、状态等是否匹配搜索词
+              if (container.id.toLowerCase().includes(searchTerm) ||
+                container.type.toLowerCase().includes(searchTerm) ||
+                container.status.toLowerCase().includes(searchTerm) ||
+                container.size.toLowerCase().includes(searchTerm) ||
+                `${yearData.year}${monthData.month}${dayData.day}`.includes(searchTerm)) {
+
+                matchedContainers.push({
+                  ...container,
+                  year: yearData.year,
+                  month: monthData.month,
+                  day: dayData.day
+                });
+              }
+            });
+          });
+        });
+      });
+
+      if (matchedContainers.length === 0) {
+        $containerCards.html('');
+        $emptyState.show();
+        return;
+      }
+
+      // 生成匹配的集装箱卡片
+      let cardsHTML = '';
+      matchedContainers.forEach(container => {
+        // 根据状态设置颜色
+        let statusColor = '#38a169'; // 默认绿色
+        if (container.status === '在途') statusColor = '#3182ce';
+        if (container.status === '离港') statusColor = '#718096';
+
+        cardsHTML += `
+                <div class="container-card">
+                    <div class="card-header">
+                        <div class="container-id">${container.id}</div>
+                        <span class="container-type">${container.type}</span>
+                    </div>
+                    <div class="card-body">
+                        <div class="card-row">
+                            <span class="card-label">尺寸</span>
+                            <span class="card-value">${container.size}</span>
+                        </div>
+                        <div class="card-row">
+                            <span class="card-label">状态</span>
+                            <span class="card-value" style="color: ${statusColor};">${container.status}</span>
+                        </div>
+                        <div class="card-row">
+                            <span class="card-label">重量</span>
+                            <span class="card-value">${container.weight}</span>
+                        </div>
+                        <div class="card-row">
+                            <span class="card-label">路径</span>
+                            <span class="card-value">${container.year}/${container.month.padStart(2, '0')}/${container.day.padStart(2, '0')}</span>
+                        </div>
+                    </div>
+                    <div class="card-footer">
+                        <span class="card-action" onclick="showContainerDetails('${container.id}')">
+                            <i class="fas fa-info-circle"></i> 详情
+                        </span>
+                        <span class="card-action" onclick="downloadContainerFiles('${container.id}')">
+                            <i class="fas fa-download"></i> 下载
+                        </span>
+                    </div>
+                </div>
+                `;
+      });
+
+      $containerCards.html(cardsHTML);
+      $emptyState.hide();
+    }
+
+    // 更新时间显示
+    function updateTime() {
+      const now = new Date();
+      const dateStr = now.toLocaleDateString('zh-CN', {
+        year: 'numeric',
+        month: '2-digit',
+        day: '2-digit',
+        weekday: 'long'
+      });
+      const timeStr = now.toLocaleTimeString('zh-CN');
+      $('#currentTime').text(`${dateStr} ${timeStr}`);
+    }
+
+    // 显示消息
+    function showMessage(message) {
+      // 创建一个临时消息元素
+      const $message = $(`
+                <div style="position: fixed; top: 20px; right: 20px; background: #4b6cb7; color: white; padding: 12px 20px; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); z-index: 1000;">
+                    <i class="fas fa-check-circle"></i> ${message}
+                </div>
+            `);
+
+      $('body').append($message);
+
+      // 3秒后移除消息
+      setTimeout(() => {
+        $message.fadeOut(300, function () {
+          $(this).remove();
+        });
+      }, 3000);
+    }
+
+    // 容器操作函数
+    function showContainerDetails(containerId) {
+      alert(`查看集装箱 ${containerId} 的详细信息\n\n此功能正在开发中，将显示该集装箱的完整档案、文件列表和相关操作。`);
+    }
+
+    function downloadContainerFiles(containerId) {
+      showMessage(`开始下载集装箱 ${containerId} 的相关文件...`);
+    }
+
+    function deleteContainer(containerId) {
+      if (confirm(`确定要删除集装箱 ${containerId} 的所有文件吗？\n\n此操作不可撤销。`)) {
+        showMessage(`已删除集装箱 ${containerId} 的相关文件`);
       }
     }
-
-    function rand(min, max) { return Math.floor(Math.random() * (max - min) + min) }
-
-    let trendChart = echarts.init(document.getElementById('trend'));
-    let rankChart = echarts.init(document.getElementById('rank'));
-
-    function render() {
-      const data = getData();
-
-      // KPI 渲染
-      document.getElementById("kpi").innerHTML = data.kpi.map(i => `
-    <div class="bg-white p-3 rounded shadow">
-      <div class="text-gray-400 text-xs">${i[0]}</div>
-      <div class="text-xl font-bold mt-1">${i[1]}</div>
-    </div>
-  `).join("");
-
-      // 公告内容
-      document.getElementById("notice").innerHTML =
-        data.notice.map(i => `
-      <div class="bg-orange-50 border-l-4 border-orange-400 px-4 py-2 rounded shadow-sm">
-        ${i}
-      </div>
-    `).join("");
-
-      // 表格渲染
-      document.getElementById("table").innerHTML = data.list.map(i => `
-    <tr class="border-t">
-      <td>${i[0]}</td>
-      <td>${i[1]}</td>
-      <td>${i[2]}</td>
-      <td>${i[3]}</td>
-    </tr>
-  `).join("");
-
-      // 趋势图
-      trendChart.setOption({
-        xAxis: { type: 'category', data: ['一', '二', '三', '四', '五', '六', '日'] },
-        yAxis: { type: 'value' },
-        series: [{
-          data: data.trend,
-          type: 'line',
-          smooth: true
-        }]
-      });
-
-      // 排行图
-      rankChart.setOption({
-        xAxis: { type: 'category', data: data.users },
-        yAxis: { type: 'value' },
-        series: [{
-          data: data.rank,
-          type: 'bar'
-        }]
-      });
-    }
-
-    function refreshData() {
-      const btn = document.getElementById("refreshBtn");
-      btn.innerText = "刷新中...";
-      btn.disabled = true;
-
-      setTimeout(() => {
-        render();
-        btn.innerText = "🔄 刷新";
-        btn.disabled = false;
-      }, 800);
-    }
-
-    render();
   </script>
-
 </body>
 
 </html>
\ No newline at end of file