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

---
 .../main/resources/dbconfigs/g3hd.properties  |  18 +--
 code/container-ocr/ocr-uniapp/src/App.vue     |  15 +--
 .../ocr-uniapp/src/layouts/default.vue        | 105 +++++++++++++++-
 .../ocr-uniapp/src/pages-sub/login/index.vue  |   3 +-
 .../ocr-uniapp/src/pages-sub/upload/index.vue | 115 ++++++++++++++++--
 code/container-ocr/ocr-uniapp/src/pages.json  |  55 +++++----
 .../ocr-uniapp/src/static/db.json             |   3 +-
 .../ocr-uniapp/src/static/tabbar/add.png      | Bin 0 -> 6197 bytes
 .../ocr-uniapp/src/store/tabbar.ts            |   0
 code/container-ocr/ocr-uniapp/test.html       |  84 +++++++++++++
 10 files changed, 342 insertions(+), 56 deletions(-)
 create mode 100644 code/container-ocr/ocr-uniapp/src/static/tabbar/add.png
 create mode 100644 code/container-ocr/ocr-uniapp/src/store/tabbar.ts
 create mode 100644 code/container-ocr/ocr-uniapp/test.html

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 88ae0fae..11509013 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,10 +1,10 @@
-#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
+url=jdbc:sqlserver://118.89.70.199:1433;databaseName=G3BoxOCR
 username=sa
-password=123456@aaa
-driver=com.microsoft.sqlserver.jdbc.SQLServerDriver
\ No newline at end of file
+password=zhang520..
+driver=com.microsoft.sqlserver.jdbc.SQLServerDriver
+
+
+#url=jdbc:sqlserver://127.0.0.1:1433;databaseName=G3BoxOCR
+#username=sa
+#password=123456@aaa
+#driver=com.microsoft.sqlserver.jdbc.SQLServerDriver
\ No newline at end of file
diff --git a/code/container-ocr/ocr-uniapp/src/App.vue b/code/container-ocr/ocr-uniapp/src/App.vue
index 1c6a73d3..5951a969 100644
--- a/code/container-ocr/ocr-uniapp/src/App.vue
+++ b/code/container-ocr/ocr-uniapp/src/App.vue
@@ -1,20 +1,21 @@
 <script setup lang="ts">
 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()
-  // uni.hideTabBar()
+
+  uni.onTabBarMidButtonTap(() => {
+    uni.navigateTo({
+      url: '/pages-sub/upload/index',
+    })
+  })
 })
 
-onLoad(async (options) => {
-  // options 会包含 orgid 和 bid
-  const { orgid, bid } = options
+onLoad(async (options) => { 
 
-  console.log(options)
 })
 
 onMounted(() => {
diff --git a/code/container-ocr/ocr-uniapp/src/layouts/default.vue b/code/container-ocr/ocr-uniapp/src/layouts/default.vue
index e0738b3b..936eba65 100644
--- a/code/container-ocr/ocr-uniapp/src/layouts/default.vue
+++ b/code/container-ocr/ocr-uniapp/src/layouts/default.vue
@@ -1,4 +1,8 @@
 <script lang="ts" setup>
+import { toast } from 'sard-uniapp'
+import { ref } from 'vue'
+
+const current = ref(0)
 </script>
 
 <template>
@@ -8,6 +12,105 @@
     <sar-dialog-agent />
     <sar-notify-agent />
 
-    <view>123</view>
+    <!-- <view class="custom-tabbar">
+      <view class="tabbar-container" @touchmove.stop.prevent>
+        <view style="height: 50px;">
+          <sar-tabbar v-model:current="current">
+            <sar-tabbar-item
+              :name="0"
+              icon="house-door-fill"
+              icon-family="demo-icons"
+              text="首页"
+            />
+            <sar-tabbar-item @click="toast('点击了添加按钮')">
+              <view class="bulge">
+                <view class="cover" />
+                <view class="button">
+                  <sar-icon name="plus" size="96rpx" />
+                </view>
+              </view>
+              <text class="text">
+                添加
+              </text>
+            </sar-tabbar-item>
+            <sar-tabbar-item
+              :name="3"
+              icon="person-fill"
+              icon-family="demo-icons"
+              text="我的"
+            />
+          </sar-tabbar>
+        </view>
+      </view>
+
+      <view class="tabbar-pb" />
+    </view> -->
   </view>
 </template>
+
+<style lang="scss" scoped>
+.custom-tabbar {
+  height: 50px;
+  padding-bottom: var(--safe-area-inset-bottom);
+}
+.tabbar-container {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 1000;
+  border-top: 1px solid #eee;
+  box-sizing: border-box;
+  background-color: #fff;
+}
+
+.tabbar-pb {
+  padding-bottom: var(--safe-area-inset-bottom);
+}
+
+.bulge {
+  position: absolute;
+  top: 0;
+  transform-origin: top center;
+  transform: scale(0.5) translateY(-33%);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 192rpx;
+  height: 192rpx;
+  border-radius: 50%;
+  background-color: var(--sar-tabbar-bg);
+  box-shadow: inset 0 0 0 1px var(--sar-border-color);
+
+  &:active {
+    opacity: 0.8;
+  }
+}
+
+.cover {
+  position: absolute;
+  top: 33%;
+  width: 100%;
+  height: 70%;
+  transform: translateY(1px);
+  background-color: var(--sar-tabbar-bg);
+}
+
+.button {
+  position: relative;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 152rpx;
+  height: 152rpx;
+  border-radius: 50%;
+  background-color: var(--sar-primary);
+  color: var(--sar-white);
+}
+
+.text {
+  position: relative;
+  margin-top: auto;
+  margin-bottom: 10rpx;
+}
+</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 53554c95..a20ec7a1 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,8 +56,7 @@ async function onSubmit() {
         icon: 'success',
       })
 
-      uni.navigateTo({
-        // url: '/pages-sub/upload/index',
+      uni.switchTab({
         url: '/pages/home/index',
       })
     }
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 e4c7f502..76461f55 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
@@ -317,12 +317,103 @@ async function continueAdd() {
 <template>
   <view class="g3-container">
     <template v-if="!showResult">
-      <view class="g3-content">
+      <wd-cell-group custom-class="group" title="集装箱号（OCR识别）" border use-slot>
+        <template #title>
+          <sar-icon name="close" size="32rpx" style="margin-right: 16rpx;"/>
+
+          <text>
+            集装箱号（OCR识别）
+          </text>
+        </template>
+        <view class="step-content box">
+          <view v-if="ocrFinish" class="header">
+            <sar-alert
+              v-if="!isError"
+              type="success"
+              show-icon
+              closable
+              :root-style="{
+                width: '100%',
+              }"
+            >
+              识别成功，请检查箱号是否正确！
+              <view>
+                准确率：{{ computedOcrScore }}
+              </view>
+            </sar-alert>
+            <sar-alert
+              v-else
+              type="danger"
+              show-icon
+              closable
+              :root-style="{
+                width: '100%',
+              }"
+            >
+              识别失败，请检查手动填写集装箱号
+            </sar-alert>
+          </view>
+
+          <view class="box-main">
+            <view v-if="!boxImage" class="box-placeholder" @click="handleChooseBox">
+              <sar-icon name="plus" size="156rpx" color="#999" />
+            </view>
+
+            <view v-else class="box-image">
+              <wd-img
+                :src="boxImage.path"
+                width="100%"
+                height="100%"
+                :enable-preview="true"
+              />
+
+              <view class="delete-btn" @click="handleDeleteBoxImage()">
+                <sar-icon name="close" size="20rpx" color="#fff" />
+              </view>
+            </view>
+          </view>
+
+          <view class="box-input">
+            <view class="header">
+              <view class="label-container">
+                <view>集装箱号</view>
+                <view class="required-asterisk">
+                  *
+                </view>
+              </view>
+              <view class="format">
+                格式: 4字母 + 7数字
+              </view>
+            </view>
+            <sar-input
+              v-model="form.containerNo"
+              placeholder="请输入箱号"
+            />
+          </view>
+        </view>
+      </wd-cell-group>
+
+      <wd-cell-group custom-class="group" title="其他图片" border style="margin-top: 32rpx;">
+        <view class="step-content">
+          <sar-upload
+            v-model="subFileList"
+            multiple
+            :after-read="afterRead"
+            :before-read="beforeRead"
+            :before-remove="beforeRemove"
+            @item-click="onItemClick"
+            @remove="onRemove"
+          />
+        </view>
+      </wd-cell-group>
+      <!-- <view class="g3-content">
         <view class="step">
           <view class="step-header">
-            <sar-tag theme="primary" mark="right" size="large">
-              1、集装箱号识别（OCR自动识别）
+            <sar-tag theme="primary" size="large">
+              1
             </sar-tag>
+
+            <view>集装箱号识别（OCR自动识别）</view>
           </view>
 
           <view class="step-content box">
@@ -422,7 +513,7 @@ async function continueAdd() {
             确认上传
           </view>
         </view>
-      </view>
+      </view> -->
     </template>
 
     <view v-else class="g3-result">
@@ -444,6 +535,10 @@ async function continueAdd() {
 </template>
 
 <style lang="scss" scoped>
+page {
+  background-color: #f8f9fa;
+}
+
 .g3-result {
   height: 100%;
   display: flex;
@@ -487,20 +582,17 @@ async function continueAdd() {
     align-items: center;
     margin-bottom: 24rpx;
   }
+}
 
-  .step-content {
-    padding: 0rpx 32rpx;
-  }
+.step-content {
+  padding: 32rpx;
 }
 
 .box {
   display: flex;
   flex-direction: column;
-
   .box-main {
     height: 326rpx;
-    border: 1px dashed #ddd;
-    border-radius: 16rpx;
   }
 
   .box-placeholder {
@@ -509,7 +601,8 @@ async function continueAdd() {
     align-items: center;
     justify-content: center;
     flex-direction: column;
-    background-color: #ecedee;
+    background: var(--sar-upload-select-bg);
+    border-radius: var(--sar-upload-select-border-radius);
 
     .placeholder-text {
       color: #999;
diff --git a/code/container-ocr/ocr-uniapp/src/pages.json b/code/container-ocr/ocr-uniapp/src/pages.json
index e58e540b..3a4c703f 100644
--- a/code/container-ocr/ocr-uniapp/src/pages.json
+++ b/code/container-ocr/ocr-uniapp/src/pages.json
@@ -14,30 +14,37 @@
       "^wd-(.*)": "wot-design-uni/components/wd-$1/wd-$1.vue"
     }
   },
-  // "tabBar": {
-  //   "color": "#A0A3A6",
-  //   "selectedColor": "#0052d9",
-  //   "backgroundColor": "#ffffff",
-  //   "borderStyle": "white",
-  //   "height": "50px",
-  //   "fontSize": "10px",
-  //   "iconWidth": "24px",
-  //   "spacing": "3px",
-  //   "list": [
-  //     {
-  //       "iconPath": "static/tabbar/home.png",
-  //       "selectedIconPath": "static/tabbar/homeHL.png",
-  //       "pagePath": "pages/home/index",
-  //       "text": "首页"
-  //     },
-  //     {
-  //       "iconPath": "static/tabbar/account.png",
-  //       "selectedIconPath": "static/tabbar/accountHL.png",
-  //       "pagePath": "pages/account/index",
-  //       "text": "我的"
-  //     }
-  //   ]
-  // },
+  "tabBar": {
+    "custom": true,
+    "color": "#A0A3A6",
+    "selectedColor": "#0052d9",
+    "backgroundColor": "#ffffff",
+    "borderStyle": "white",
+    "height": "50px",
+    "fontSize": "10px",
+    "iconWidth": "24px",
+    "spacing": "3px",
+    "list": [
+      {
+        "iconPath": "static/tabbar/home.png",
+        "selectedIconPath": "static/tabbar/homeHL.png",
+        "pagePath": "pages/home/index",
+        "text": "首页"
+      },
+      {
+        "iconPath": "static/tabbar/account.png",
+        "selectedIconPath": "static/tabbar/accountHL.png",
+        "pagePath": "pages/account/index",
+        "text": "我的"
+      }
+    ],
+    "midButton": {
+      "iconPath": "/static/tabbar/add.png",
+      "width": "70px",
+      "height": "70px",
+      "iconWidth": "54px"
+    }
+  },
   "pages": [
     {
       "path": "pages/home/index",
diff --git a/code/container-ocr/ocr-uniapp/src/static/db.json b/code/container-ocr/ocr-uniapp/src/static/db.json
index 066cdb6e..a3df036c 100644
--- a/code/container-ocr/ocr-uniapp/src/static/db.json
+++ b/code/container-ocr/ocr-uniapp/src/static/db.json
@@ -1,4 +1,3 @@
 {
-  // "g3hd": "http://ser369.g3soft.cn:80/api",
-  "g3hd": "http://192.168.1.137:80/api"
+  "g3hd": "http://192.168.5.6:80/api"
 }
diff --git a/code/container-ocr/ocr-uniapp/src/static/tabbar/add.png b/code/container-ocr/ocr-uniapp/src/static/tabbar/add.png
new file mode 100644
index 0000000000000000000000000000000000000000..cb9fa28490695d9a5c6e117a8d9d8a37bed87d9d
GIT binary patch
literal 6197
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
P3jp;*OQ~GJI_UoZ{i}pw

literal 0
HcmV?d00001

diff --git a/code/container-ocr/ocr-uniapp/src/store/tabbar.ts b/code/container-ocr/ocr-uniapp/src/store/tabbar.ts
new file mode 100644
index 00000000..e69de29b
diff --git a/code/container-ocr/ocr-uniapp/test.html b/code/container-ocr/ocr-uniapp/test.html
new file mode 100644
index 00000000..92c45be7
--- /dev/null
+++ b/code/container-ocr/ocr-uniapp/test.html
@@ -0,0 +1,84 @@
+<!doctype html>
+<html lang="zh">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <script src="https://cdn.tailwindcss.com"></script>
+    <title>集装箱录入</title>
+  </head>
+
+  <body class="bg-gray-50 text-gray-900">
+    <!-- Header -->
+    <div class="px-4 pt-6 pb-2">
+      <h1 class="text-xl font-semibold tracking-tight">集装箱录入</h1>
+      <p class="text-sm text-gray-500 mt-1">拍照识别箱号并上传相关图片</p>
+    </div>
+
+    <div class="px-4 pb-28 space-y-6">
+      <!-- 箱号 -->
+      <div class="space-y-2">
+        <label class="text-sm font-medium">集装箱号</label>
+        <input
+          type="text"
+          placeholder="自动识别或手动输入"
+          class="w-full h-11 px-3 rounded-lg border border-gray-200 bg-white text-sm focus:outline-none focus:ring-2 focus:ring-blue-500"
+        />
+      </div>
+
+      <!-- 主照片 -->
+      <div class="space-y-2">
+        <div class="flex justify-between items-center">
+          <label class="text-sm font-medium">箱号主照片</label>
+          <span class="text-xs text-gray-400">OCR识别</span>
+        </div>
+
+        <div class="bg-white border border-gray-200 rounded-xl p-3">
+          <div class="h-44 rounded-lg bg-gray-100 flex flex-col items-center justify-center text-gray-400">
+            <div class="text-2xl">📷</div>
+            <span class="text-xs mt-2">点击拍照或选择图片</span>
+          </div>
+        </div>
+      </div>
+
+      <!-- 其他照片 -->
+      <div class="space-y-2">
+        <label class="text-sm font-medium">其他照片</label>
+
+        <div class="grid grid-cols-3 gap-3">
+          <!-- 图片 -->
+          <div
+            class="aspect-square bg-white border border-gray-200 rounded-lg flex items-center justify-center text-gray-400"
+          >
+            +
+          </div>
+
+          <div
+            class="aspect-square bg-white border border-gray-200 rounded-lg flex items-center justify-center text-gray-400"
+          >
+            +
+          </div>
+
+          <div
+            class="aspect-square bg-white border border-gray-200 rounded-lg flex items-center justify-center text-gray-400"
+          >
+            +
+          </div>
+        </div>
+      </div>
+
+      <!-- 备注 -->
+      <div class="space-y-2">
+        <label class="text-sm font-medium">备注</label>
+        <textarea
+          placeholder="填写补充说明..."
+          class="w-full min-h-[90px] p-3 rounded-lg border border-gray-200 bg-white text-sm resize-none focus:outline-none focus:ring-2 focus:ring-blue-500"
+        ></textarea>
+      </div>
+    </div>
+
+    <!-- 底部操作 -->
+    <div class="fixed bottom-0 left-0 right-0 bg-white border-t border-gray-200 p-4">
+      <button class="w-full h-11 rounded-lg bg-black text-white text-sm font-medium">提交</button>
+    </div>
+  </body>
+</html>