From 206cf573badacd8b503ee811e706f0d15800b435 Mon Sep 17 00:00:00 2001
From: bb_pan <max_163email@163.com>
Date: Tue, 12 Aug 2025 18:10:17 +0800
Subject: [PATCH] =?UTF-8?q?OCR=E5=87=BA=E5=BA=93?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../materialsStation/toolsLease/codeOut.vue   |    4 +-
 .../toolsLease/ocrScan/ocrOutScan.vue         |   92 +-
 src/pages/picking/outbound/code-outbound.vue  |   38 +-
 .../picking/outbound/codeOutScan-old.vue      |  516 ++++++
 src/pages/picking/outbound/codeOutScan.vue    | 1423 +++++++++++------
 src/pages/picking/outbound/inner-detail.vue   |   25 +-
 6 files changed, 1566 insertions(+), 532 deletions(-)
 create mode 100644 src/pages/picking/outbound/codeOutScan-old.vue

diff --git a/src/pages/materialsStation/toolsLease/codeOut.vue b/src/pages/materialsStation/toolsLease/codeOut.vue
index a8779c5..381dec0 100644
--- a/src/pages/materialsStation/toolsLease/codeOut.vue
+++ b/src/pages/materialsStation/toolsLease/codeOut.vue
@@ -536,9 +536,9 @@ const handleQrCode = async (qrCode) => {
 
 // 编码识别按钮
 const ocrClick = () => {
-  console.log('编码识别--')
+  console.log('编码识别--', queryParams.value)
   uni.navigateTo({
-    url: `/pages/materialsStation/toolsLease/ocrScan/ocrOutScan?queryParams=${JSON.stringify(
+    url: `/pages/materialsStation/toolsLease/ocrScan/ocrOutScan?params=${JSON.stringify(
       queryParams.value,
     )}`,
   })
diff --git a/src/pages/materialsStation/toolsLease/ocrScan/ocrOutScan.vue b/src/pages/materialsStation/toolsLease/ocrScan/ocrOutScan.vue
index 9ba0d57..ed8449e 100644
--- a/src/pages/materialsStation/toolsLease/ocrScan/ocrOutScan.vue
+++ b/src/pages/materialsStation/toolsLease/ocrScan/ocrOutScan.vue
@@ -57,7 +57,7 @@
         <ElectronicSeal :maCode="codeData?.maCode" :maId="codeData?.maId" />
       </div>
 
-      <button type="primary" style="margin-top: 20px;" @click="addCode">添加编码</button>
+      <button type="primary" style="margin-top: 20px" @click="addCode">添加编码</button>
     </view>
 
     <!-- 相机预览页面 -->
@@ -105,7 +105,7 @@
 
 <script>
 import { decryptWithSM4 } from '@/utils/sm'
-import { getDeviceListAPI } from '@/services/picking/outbound'
+import { getDeviceListAPI, getDeviceListAPINew } from '@/services/picking/outbound'
 import ElectronicSeal from '@/components/ElectronicSeal/index.vue'
 
 export default {
@@ -143,6 +143,10 @@ export default {
     // 获取设备信息用于相机配置
     this.getDeviceInfo()
   },
+  onLoad(options) {
+    this.queryParams = options.params ? JSON.parse(options.params) : {}
+    console.log('🚀 ~ onLoad ~ this.queryParams:', this.queryParams)
+  },
   onHide() {
     this.cleanup()
   },
@@ -152,6 +156,13 @@ export default {
   methods: {
     // 添加编码
     addCode() {
+      if (this.codeData.typeId != this.queryParams.typeId) {
+        uni.showToast({
+          title: `当前添加的 (${this.codeData.maName}) 类型不匹配, 请重新添加`,
+          icon: 'none',
+        })
+        return
+      }
       if (!this.codeData.maCode) {
         uni.showToast({
           title: '请先扫码添加',
@@ -508,7 +519,10 @@ export default {
         console.log('图片处理完成，开始OCR识别...')
 
         uni.request({
-          url: '/material/app/ocr/getOcrCode',
+          url:
+            this.queryParams?.jiJuType == 2
+              ? '/material/app/ocr/getOcrCode'
+              : '/material/app/ocr/getOcrCodeTwo',
           method: 'POST',
           data: {
             image: cleanBase64,
@@ -644,7 +658,10 @@ export default {
         console.log('相册图片处理完成，开始OCR识别...')
 
         uni.request({
-          url: '/material/app/ocr/getOcrCode',
+          url:
+            this.queryParams?.jiJuType == 2
+              ? '/material/app/ocr/getOcrCode'
+              : '/material/app/ocr/getOcrCodeTwo',
           method: 'POST',
           data: {
             image: processedBase64,
@@ -710,7 +727,7 @@ export default {
     },
 
     // 编码检索
-    getCode() {
+    async getCode() {
       if (!this.queryCodeParams.maCode.trim()) {
         uni.showToast({
           title: '请输入设备编码',
@@ -719,35 +736,37 @@ export default {
         return
       }
       try {
-        getDeviceListAPI({ maCode: this.queryCodeParams.maCode })
-          .then((response) => {
-            console.log('xxxxxxxxxxx', response)
-            if (response.code === 200 && response.data && response.data.length > 0) {
-              this.optionList = response.data.map((option) => ({
-                value: option.maId,
-                text: option.maCode,
-              }))
-              if (response.data.length === 1) {
-                this.codeData = response.data[0]
-              }
-            } else {
-              uni.showToast({
-                title: '未查询到该编号信息',
-                icon: 'none',
-                duration: 2000,
-              })
-            }
-          })
-          .catch((error) => {
-            console.error('获取设备信息失败', error)
-            uni.hideLoading()
+        uni.showLoading({
+          title: '加载中...',
+          mask: true,
+        })
+        let res = null
+        if (this.queryParams?.jiJuType == 2) {
+          res = await getDeviceListAPINew(this.queryCodeParams.maCode)
+        } else {
+          res = await getDeviceListAPI(this.queryCodeParams.maCode)
+        }
+        console.log('🚀 ~ getCode ~ res:', res)
+
+        if (res.code === 200 && res.data && res.data.length > 0) {
+          this.optionList = response.data.map((option) => ({
+            value: option.maId,
+            text: option.maCode,
+          }))
+          if (response.data.length === 1) {
+            this.codeData = response.data[0]
+          }
+        } else {
+          uni.showToast({
+            title: '未查询到该编号信息',
+            icon: 'none',
+            duration: 2000,
           })
+        }
       } catch (error) {
         console.error('查询失败:', error)
-        uni.showToast({
-          title: '查询失败，请重试',
-          icon: 'none',
-        })
+      } finally {
+        uni.hideLoading()
       }
     },
 
@@ -755,9 +774,14 @@ export default {
     async changeTag() {
       if (!this.queryCodeParams.maId) return
       try {
-        const response = await getDeviceListAPI({ maId: this.queryCodeParams.maId })
-        if (response.data && response.data.length !== 0) {
-          this.codeData = response.data[0]
+        let res = null
+        if (this.queryParams?.jiJuType == 2) {
+          res = await getDeviceListAPINew({ maId: this.queryCodeParams.maId })
+        } else {
+          res = await getDeviceListAPI({ maId: this.queryCodeParams.maId })
+        }
+        if (res.data && res.data.length !== 0) {
+          this.codeData = res.data[0]
         }
       } catch (error) {
         console.error('获取编号信息失败', error)
diff --git a/src/pages/picking/outbound/code-outbound.vue b/src/pages/picking/outbound/code-outbound.vue
index 9ee725d..e7af89e 100644
--- a/src/pages/picking/outbound/code-outbound.vue
+++ b/src/pages/picking/outbound/code-outbound.vue
@@ -36,7 +36,7 @@
                 <uni-row :gutter="24" style="display: flex; align-items: center">
                     <uni-col :span="6">出库方式：</uni-col>
                     <uni-col :span="6">
-                        <view class="coding-btn" @tap="onCodeIdentify">编码识别</view>
+                        <view class="coding-btn" @tap="onCodeIdentify">OCR识别</view>
                     </uni-col>
                     <uni-col :span="6">
                         <view class="coding-btn" @tap="scanStart">二维码出库</view>
@@ -205,11 +205,20 @@ const toggleForm = () => {
 onLoad((options) => {
     queryParams.value = JSON.parse(options.queryParams)
     console.log('🚀 ~ queryParams.value:', queryParams.value)
+    getCodeDetailData(queryParams.value.id, queryParams.value.publishTask, queryParams.value.typeId) //获取详情
 })
 
 onShow(() => {
+    uni.$once('paramsReceived', (data) => {
+        console.log('🚀 ~ onShow ~ data:', data)
+        // 如果data.maId 不在 checkedIds 中 就往里面添加
+        if (!checkedIds.value.some(item => item.maId === data.maId)) {
+            checkedIds.value.push(data)
+            getCodeDeviceListData()
+        }
+    })
     console.log(queryParams.value)
-    getCodeDetailData(queryParams.value.id, queryParams.value.publishTask, queryParams.value.typeId) //获取详情
+    // getCodeDetailData(queryParams.value.id, queryParams.value.publishTask, queryParams.value.typeId) //获取详情
 })
 
 const isWithinOneMonth = (dateStr) => {
@@ -234,6 +243,7 @@ const getCodeDetailData = async (id, publishTask, typeId) => {
     console.log('xxxxxxxxxxxxxx', formData.value, maxNum.value)
     maxNum.value = formData.value.preNum - formData.value.alNum
 
+    queryParams.value.jiJuType = res.data.jiJuType
     queryCodeParams.value.typeId = queryParams.value.typeId
     queryCodeParams.value.pageNum = 1
     codeDeviceList.value = []
@@ -245,10 +255,11 @@ const getCodeDeviceListData = async () => {
     const ids = checkedIds.value.map((item) => item.maId)
     const checkedIdSet = new Set(ids)
     const res = await getCodeDeviceListAPI(queryCodeParams.value)
+    console.log('🚀 ~ getCodeDeviceListData ~ res:', res)
     const newRows = res.rows || []
     const map = new Map()
 
-    // 先放入旧数据（可保留滚动加载场景）
+    // 先放入旧数据（保留滚动加载场景）
     codeDeviceList.value.forEach((item) => {
         map.set(item.maId, item)
     })
@@ -261,8 +272,12 @@ const getCodeDeviceListData = async () => {
         })
     })
 
-    // 更新最终列表
-    codeDeviceList.value = Array.from(map.values())
+    // 更新最终列表：已勾选的排在最前面
+    const allItems = Array.from(map.values())
+    codeDeviceList.value = [
+        ...allItems.filter(item => item.checked), // 勾选的
+        ...allItems.filter(item => !item.checked) // 未勾选的
+    ]
     total.value = res.total || 0
 }
 
@@ -361,11 +376,12 @@ const onHandleOutbound = async () => {
                 title: '出库成功！',
                 icon: 'none',
             })
-            getCodeDetailData(
-                queryParams.value.id,
-                queryParams.value.publishTask,
-                queryParams.value.typeId,
-            ) //获取详情
+            // getCodeDetailData(
+            //     queryParams.value.id,
+            //     queryParams.value.publishTask,
+            //     queryParams.value.typeId,
+            // ) //获取详情
+            uni.navigateBack()
         }
     } catch (error) {
         console.log('🚀 ~ onHandleOutbound ~ error:', error)
@@ -519,7 +535,7 @@ const onCodeIdentify = () => {
         })
     } else {
         uni.navigateTo({
-            url: `/pages/picking/outbound/codeOutScan?queryParams=${JSON.stringify(
+            url: `/pages/picking/outbound/codeOutScan?params=${JSON.stringify(
                 queryParams.value,
             )}`,
         })
diff --git a/src/pages/picking/outbound/codeOutScan-old.vue b/src/pages/picking/outbound/codeOutScan-old.vue
new file mode 100644
index 0000000..d2e9a01
--- /dev/null
+++ b/src/pages/picking/outbound/codeOutScan-old.vue
@@ -0,0 +1,516 @@
+<template>
+    <view class="page-container">
+        <!-- <view>
+			<live-pusher v-once id="livePusher" ref="livePusher" class="livePusher" mode="FHD" beauty="0" whiteness="0"
+				device-position="back" :auto-focus="false" :muted="true" :enable-camera="true" :enable-mic="true"
+				:zoom="true" :style="[{height: cameraHeight+'rpx' ,width:'750rpx'}]">
+			</live-pusher>
+		</view> -->
+        <view class="table-list-item">
+            <view class="scan-btn" @click="handleInstruct()">
+                <text style="color: #fff">开始识别</text>
+            </view>
+        </view>
+
+        <!-- <view> 参数：{{ testParams }} </view>
+        <view> 返回：{{ resData }} </view> -->
+        <view class="table-list-item">
+            <uni-row :gutter="24" style="display: flex; align-items: center">
+                <uni-col :span="5">
+                    <text> 设备编码 </text>
+                </uni-col>
+                <uni-col :span="10">
+                    <view>
+                        <uni-easyinput v-model="queryCodeParams.maCode" placeholder="请输入内容" />
+                    </view>
+                </uni-col>
+                <uni-col :span="6">
+                    <view
+                        class="coding-btn"
+                        style="
+                            padding: 10rpx 0;
+                            color: #fe9a09;
+                            background-color: #fff7eb;
+                            border: 1px solid #fe9a09;
+                        "
+                        @click="getCode()"
+                    >
+                        <text style="color: #fe9a09; text-align: center">编码检索</text>
+                    </view>
+                </uni-col>
+            </uni-row>
+        </view>
+        <view class="table-list-item">
+            <scroll-view class="scroll-view" scroll-y="true" style="height: 500rpx">
+                <uni-forms :model="codeData" label-width="100" :border="true">
+                    <uni-forms-item label="物资名称：" name="materialType">
+                        <text style="height: 100%; display: flex; align-items: center">{{
+                            codeData.materialType
+                        }}</text>
+                    </uni-forms-item>
+                    <uni-forms-item label="物资类型：" name="materialName">
+                        <text style="height: 100%; display: flex; align-items: center">{{
+                            codeData.materialName
+                        }}</text>
+                    </uni-forms-item>
+                    <uni-forms-item label="规格型号：" name="materialModel">
+                        <text style="height: 100%; display: flex; align-items: center">{{
+                            codeData.materialModel
+                        }}</text>
+                    </uni-forms-item>
+                    <uni-forms-item label="设备编码：" name="maCode">
+                        <text style="height: 100%; display: flex; align-items: center">{{
+                            codeData.maCode
+                        }}</text>
+                    </uni-forms-item>
+                    <uni-forms-item label="设备状态：" name="statusName">
+                        <text style="height: 100%; display: flex; align-items: center">{{
+                            codeData.statusName
+                        }}</text>
+                    </uni-forms-item>
+                    <!-- <uni-forms-item label="设备数量：">
+		            <text class="form-view">1</text>
+		        </uni-forms-item> -->
+                </uni-forms>
+            </scroll-view>
+        </view>
+        <view class="outbound-btn" @tap="onHandleOutbound">
+            <text style="color: #fff">出库</text>
+        </view>
+    </view>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            livePusher: null,
+            ready: true,
+            cameraHeight: '', //相机画面宽度
+            coverImage: null,
+            queryParams: {},
+            queryCodeParams: {
+                maCode: '',
+            },
+            codeData: {},
+            testParams: '',
+            resData: '',
+        }
+    },
+    onLoad(options) {
+        this.queryParams = JSON.parse(options.queryParams)
+        this.queryCodeParams.typeId = this.queryParams.typeId
+    },
+    onReady() {
+        // this.cameraHeight = uni.getSystemInfoSync().screenHeight * 0.22
+        // console.log(this.cameraHeight)
+        // this.init()
+    },
+    methods: {
+        //初始化相机
+        // init() {
+        // 	this.livePusher = uni.createLivePusherContext('livePusher', this);
+        // 	console.log(this.livePusher)
+        // 	setTimeout(() => {
+        // 		this.startPreview()
+        // 	}, 1000)
+        // },
+        // // 开始相机
+        // startPreview() {
+        // 	this.livePusher.startPreview({
+        // 		success: () => {
+        // 			console.log('相机初始化成功');
+        // 			switch (plus.os.name) {
+        // 				case 'Android':
+        // 					break;
+        // 				case 'iOS':
+        // 					this.livePusher.switchCamera()
+        // 					break
+        // 			}
+        // 		},
+        // 		fail: (err) => {
+        // 			console.log(err)
+        // 		}
+        // 	});
+        // },
+        //截屏
+        handleInstruct() {
+            // 弹出操作菜单，让用户选择拍照或从相册选择
+            uni.showActionSheet({
+                itemList: ['拍照', '从相册选择'],
+                success: (res) => {
+                    if (res.tapIndex === 0) {
+                        this.getCamera()
+                    } else if (res.tapIndex === 1) {
+                        // 从相册选择
+
+                        this.getPhoto()
+                        // uni.chooseImage({
+                        //     count: 1,
+                        //     sourceType: ['album'],
+                        //     success: async (res) => {
+                        //         // ... 已有代码 ...
+                        //         const tempFilePath = res.tempFilePaths[0]
+                        //         console.log('选择的图片路径:', tempFilePath)
+                        //         // 调用图片识别接口，这里需要替换为实际的接口
+                        //         let base64 = await this.imgToBase64(tempFilePath) // 修正这里的参数
+                        //         let params = {
+                        //             image: base64,
+                        //             jiju_type: '12231',
+                        //             auth_lic:
+                        //                 'xIWDlaDVdijcBB4mjhGCPYk5Kvk8tHZJbUn+vW+ih15+MYx98e/PXyBmKL5gFcWMPznLgDA15QuSAnZQSLddwdy9HkZgtuQDEEZZ351Eyb1eiDUccUnyoSGIrNimbx5TooBNNPYqU4qJeFrPJXAqjBHzRrxoBxuR2CEGKQPgHC4=',
+                        //         }
+                        //         uni.request({
+                        //             url: '/material/app/ocr/getOcrCode',
+                        //             method: 'post',
+                        //             data: params,
+                        //             header: {
+                        //                 'Content-Type': 'application/json', // 根据后端要求设置请求头，常见的 POST 请求数据格式为 JSON
+                        //             },
+                        //             success: (res) => {
+                        //                 console.log('88888888', res)
+                        //                 if (res.code == 200) {
+                        //                     uni.showToast({
+                        //                         title: '出库成功！',
+                        //                         icon: 'none',
+                        //                     })
+                        //                 } else {
+                        //                     uni.showToast({ title: '出库失败！', icon: 'none' }) // 修正提示信息
+                        //                 }
+                        //             },
+                        //             fail: (err) => {
+                        //                 uni.showToast({
+                        //                     title: '请求失败：' + err.errMsg,
+                        //                     icon: 'none',
+                        //                 })
+                        //             },
+                        //         })
+                        //     },
+                        //     fail: (err) => {
+                        //         console.error('选择图片失败:', err)
+                        //         uni.showToast({
+                        //             title: '选择图片失败',
+                        //             icon: 'none',
+                        //         })
+                        //     },
+                        // })
+                    }
+                },
+                fail: (err) => {
+                    console.error('操作菜单选择失败:', err)
+                },
+            })
+        },
+
+        imgToBase64(filePath) {
+            return new Promise((resolve, reject) => {
+                return new Promise((resolve, reject) => {
+                    const xhr = new XMLHttpRequest()
+                    xhr.open('GET', filePath, true)
+                    xhr.responseType = 'blob'
+                    xhr.onload = () => {
+                        if (xhr.status === 200) {
+                            const reader = new FileReader()
+                            reader.onloadend = (evt) => {
+                                // 去掉 data:URL 前缀
+                                const base64WithoutPrefix = evt.target.result.split(',')[1]
+                                resolve(base64WithoutPrefix)
+                            }
+                            reader.onerror = reject
+                            reader.readAsDataURL(xhr.response)
+                        } else {
+                            reject(new Error(`请求图片失败，状态码: ${xhr.status}`))
+                        }
+                    }
+                    xhr.onerror = reject
+                    xhr.send()
+                })
+            })
+        },
+
+        getCamera() {
+            console.log(1)
+            navigator.camera.getPicture(this.onCameraSuccess, this.onCameraError, {
+                quality: 50,
+                destinationType: window.Camera.DestinationType.DATA_URL,
+                sourceType: window.Camera.PictureSourceType.CAMERA,
+            })
+        },
+        getPhoto() {
+            console.log(2)
+            navigator.camera.getPicture(this.onCameraSuccess, this.onCameraError, {
+                quality: 50,
+                destinationType: window.Camera.DestinationType.DATA_URL,
+                sourceType: window.Camera.PictureSourceType.SAVEDPHOTOALBUM,
+            })
+        },
+        onCameraError(message) {
+            console.log(message)
+        },
+        onCameraSuccess(file) {
+            // const file1 = "data:image/jpeg;base64," + file;
+            const file1 = file
+            let params = {
+                image: file1,
+                jiju_type: '',
+                auth_lic:
+                    'xIWDlaDVdijcBB4mjhGCPYk5Kvk8tHZJbUn+vW+ih15+MYx98e/PXyBmKL5gFcWMPznLgDA15QuSAnZQSLddwdy9HkZgtuQDEEZZ351Eyb1eiDUccUnyoSGIrNimbx5TooBNNPYqU4qJeFrPJXAqjBHzRrxoBxuR2CEGKQPgHC4=',
+            }
+
+            this.testParams = params
+            // this.$http
+            // 	.post("/dzqm/uploadSignature", {
+            // 	base64Str: file1,
+            // 	})
+            // 	.then((res) => {
+            // 	console.log(res);
+            // 	if (res.code == 200) {
+            // 		// this.src = file
+            // 		this.$set(this.obj, "src", file1);
+            // 		this.$toast("上传成功！");
+            // 		this.PictureVisible = false;
+            // 	}
+            // 	});
+
+            uni.request({
+                url: '/material/app/ocr/getOcrCode',
+                method: 'post',
+                data: params,
+                header: {
+                    'Content-Type': 'application/json', // 根据后端要求设置请求头，常见的 POST 请求数据格式为 JSON
+                },
+                success: (res) => {
+                    // const resData = JSON.stringify(res, null, 2)
+                    // this.resData = res
+
+                    const { data: resData } = res
+
+                    if (resData.data.data.result) {
+                        this.queryCodeParams.maCode = resData.data.data.result
+                        this.getCode()
+                    } else {
+                        uni.showToast({
+                            title: '识别失败！' + resData.data.msg,
+                            icon: 'none',
+                        })
+                    }
+                    // uni.showModal({
+                    //     title: '返回数据',
+                    //     content: resData.data,
+                    //     showCancel: false, // 不显示取消按钮
+                    // })
+
+                    // if (resData.data.data.data.result) {
+                    //     this.queryCodeParams.maCode = resData.data.data.data.result
+                    //     this.getCode()
+                    // } else {
+                    //     uni.showToast({
+                    //         title: '识别失败！' + resData.data.data.msg,
+                    //         icon: 'none',
+                    //     })
+                    // }
+
+                    // uni.showModal({
+                    //     title: '返回数据',
+                    //     content: resData,
+                    //     showCancel: false, // 不显示取消按钮
+                    // })
+                    // if (res.code == 200) {
+                    //     uni.showToast({
+                    //         title: '出库成功！',
+                    //         icon: 'none',
+                    //     })
+                    // } else {
+                    //     uni.showToast({ title: '出库失败！', icon: 'none' }) // 修正提示信息
+                    // }
+                },
+                fail: (err) => {
+                    uni.showToast({
+                        title: '请求失败：' + err.errMsg,
+                        icon: 'none',
+                    })
+                },
+            })
+        },
+        //编码检索
+        async getCode() {
+            let param = {
+                maCode: this.queryCodeParams.maCode,
+                typeId: this.queryCodeParams.typeId,
+                maStatus: 1,
+            }
+            uni.request({
+                url: '/material/ma_machine/list',
+                method: 'get',
+                data: param,
+                success: (res) => {
+                    res = res.data
+                    console.log(res)
+                    if (res.rows && res.rows.length > 0) {
+                        this.codeData = res.rows[0]
+                    } else {
+                        uni.showToast({
+                            title: '未检索到有效的设备编码！',
+                            icon: 'none',
+                        })
+                    }
+                },
+                fail: (err) => {
+                    console.log(err)
+                },
+            })
+            // const res = await getCodeDeviceListAPI(param)
+            // console.log(res)
+            // this.codeData=res.rows[0];
+        },
+        //出库按钮
+        async onHandleOutbound() {
+            let paramsList = []
+            paramsList.push({
+                maCode: this.codeData.maCode,
+                maId: this.codeData.maId,
+                manageType: 0,
+                outNum: 1,
+                typeId: this.codeData.typeId,
+                parentId: this.queryParams.parentId,
+            })
+            console.log('333333333', paramsList)
+            uni.request({
+                url: '/material/lease_apply_info/leaseOut',
+                method: 'post',
+                data: { leaseOutDetailsList: paramsList },
+                success: (res) => {
+                    res = res.data
+                    console.log(res)
+                    if (res.code === 200) {
+                        uni.showToast({
+                            title: '出库成功！',
+                            icon: 'none',
+                        })
+                        this.queryCodeParams.maCode = ''
+                        this.codeData = {}
+                    }
+                },
+                fail: (err) => {
+                    console.log(err)
+                },
+            })
+        },
+    },
+}
+</script>
+
+<style>
+.page-container {
+    display: flex;
+    height: auto;
+    flex-direction: column;
+    background-color: #f7f8fa;
+    padding: 24rpx;
+}
+.table-list-item {
+    margin-top: 10rpx;
+    background: #fff;
+    padding: 20rpx;
+    border-radius: 20rpx;
+    box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.06);
+    margin-bottom: 20rpx;
+}
+.scan-btn {
+    /* width: 100%; */
+    height: 88rpx;
+    background: #4b8eff;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    border-radius: 12rpx;
+    font-size: 32rpx;
+    font-weight: 600;
+    box-shadow: 0 6rpx 20rpx rgba(55, 132, 251, 0.2);
+    /* transition: all 0.3s ease; */
+    margin: 0;
+    padding: 0;
+}
+
+.coding-btn {
+    /* padding: 12rpx 0; */
+    background: #fff;
+    color: #ff9800;
+    border: 2rpx solid rgba(255, 152, 0, 0.5);
+    background: linear-gradient(to bottom, rgba(255, 152, 0, 0.05), rgba(255, 152, 0, 0.1));
+    border-radius: 12rpx;
+    text-align: center;
+    font-size: 28rpx;
+    font-weight: 600;
+    letter-spacing: 1rpx;
+    /* transition: all 0.3s ease; */
+
+    /* &:active {
+	        background: rgba(255, 152, 0, 0.15);
+	        border-color: rgba(255, 152, 0, 0.6);
+	        transform: translateY(1rpx);
+	    } */
+}
+.outbound-btn {
+    position: fixed;
+    bottom: 40rpx;
+    left: 10%;
+    /* transform: translateX(-50%); */
+    /* width: 90%; */
+    height: 88rpx;
+    width: 620rpx;
+    margin: 0 10px;
+    /* background: linear-gradient(135deg, #4b8eff 0%, #3784fb 100%); */
+    background: #4b8eff;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: #fff;
+    border-radius: 12rpx;
+    font-size: 32rpx;
+    font-weight: 600;
+    box-shadow: 0 6rpx 20rpx rgba(55, 132, 251, 0.2);
+    /* transition: all 0.3s ease; */
+
+    /*    &:active {
+	        transform: translateX(-50%) scale(0.98);
+	        opacity: 0.9;
+	    } */
+}
+
+.camera-background {
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0, 0, 0, 0.3);
+}
+
+.cover-image {
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: 99;
+}
+
+.camera-options {
+    flex-direction: row;
+    align-items: center;
+}
+
+.camera-item {
+    flex: 1;
+    flex-direction: row;
+    justify-content: center;
+    align-items: center;
+    height: 100%;
+}
+
+.camera-item .camera-item-image {
+    width: 80rpx;
+    height: 80rpx;
+}
+
+.camera-options-center .camera-item-image {
+    width: 120rpx;
+    height: 120rpx;
+}
+</style>
diff --git a/src/pages/picking/outbound/codeOutScan.vue b/src/pages/picking/outbound/codeOutScan.vue
index d2e9a01..ed8449e 100644
--- a/src/pages/picking/outbound/codeOutScan.vue
+++ b/src/pages/picking/outbound/codeOutScan.vue
@@ -1,516 +1,991 @@
 <template>
-    <view class="page-container">
-        <!-- <view>
-			<live-pusher v-once id="livePusher" ref="livePusher" class="livePusher" mode="FHD" beauty="0" whiteness="0"
-				device-position="back" :auto-focus="false" :muted="true" :enable-camera="true" :enable-mic="true"
-				:zoom="true" :style="[{height: cameraHeight+'rpx' ,width:'750rpx'}]">
-			</live-pusher>
-		</view> -->
-        <view class="table-list-item">
-            <view class="scan-btn" @click="handleInstruct()">
-                <text style="color: #fff">开始识别</text>
+  <view class="page-container">
+    <!-- 设备搜索页面 -->
+    <view v-if="!showCamera">
+      <view class="table-list-item">
+        <view class="scan-btn" @click="openCamera">
+          <text style="color: #fff">开始识别</text>
+        </view>
+      </view>
+      <view class="table-list-item">
+        <uni-row :gutter="24" style="display: flex; align-items: center">
+          <uni-col :span="6">
+            <text>设备编码</text>
+          </uni-col>
+          <uni-col :span="10">
+            <view>
+              <uni-easyinput v-model="queryCodeParams.maCode" placeholder="请输入内容" />
             </view>
-        </view>
+          </uni-col>
+          <uni-col :span="6">
+            <view class="coding-btn" @click="getCode()">
+              <text style="color: #fe9a09; text-align: center">编码检索</text>
+            </view>
+          </uni-col>
+        </uni-row>
+        <div v-if="optionList.length > 1" class="select-container">
+          <uni-data-select
+            v-model="queryCodeParams.maId"
+            :localdata="optionList"
+            @change="changeTag"
+            placeholder="请选择相关联编号"
+            class="data-select"
+            :searchable="false"
+          ></uni-data-select>
+        </div>
+      </view>
+      <view class="table-list-item">
+        <uni-forms :model="codeData" label-width="100" :border="true">
+          <uni-forms-item label="设备类型：" name="maName">
+            <text style="height: 100%; display: flex; align-items: center">{{
+              codeData.maName
+            }}</text>
+          </uni-forms-item>
+          <uni-forms-item label="规格型号：" name="maModel">
+            <text style="height: 100%; display: flex; align-items: center">{{
+              codeData.maModel
+            }}</text>
+          </uni-forms-item>
+          <uni-forms-item label="设备编码：" name="maCode">
+            <text style="height: 100%; display: flex; align-items: center">{{
+              codeData.maCode
+            }}</text>
+          </uni-forms-item>
+        </uni-forms>
+      </view>
+      <div style="width: 100%">
+        <ElectronicSeal :maCode="codeData?.maCode" :maId="codeData?.maId" />
+      </div>
 
-        <!-- <view> 参数：{{ testParams }} </view>
-        <view> 返回：{{ resData }} </view> -->
-        <view class="table-list-item">
-            <uni-row :gutter="24" style="display: flex; align-items: center">
-                <uni-col :span="5">
-                    <text> 设备编码 </text>
-                </uni-col>
-                <uni-col :span="10">
-                    <view>
-                        <uni-easyinput v-model="queryCodeParams.maCode" placeholder="请输入内容" />
-                    </view>
-                </uni-col>
-                <uni-col :span="6">
-                    <view
-                        class="coding-btn"
-                        style="
-                            padding: 10rpx 0;
-                            color: #fe9a09;
-                            background-color: #fff7eb;
-                            border: 1px solid #fe9a09;
-                        "
-                        @click="getCode()"
-                    >
-                        <text style="color: #fe9a09; text-align: center">编码检索</text>
-                    </view>
-                </uni-col>
-            </uni-row>
-        </view>
-        <view class="table-list-item">
-            <scroll-view class="scroll-view" scroll-y="true" style="height: 500rpx">
-                <uni-forms :model="codeData" label-width="100" :border="true">
-                    <uni-forms-item label="物资名称：" name="materialType">
-                        <text style="height: 100%; display: flex; align-items: center">{{
-                            codeData.materialType
-                        }}</text>
-                    </uni-forms-item>
-                    <uni-forms-item label="物资类型：" name="materialName">
-                        <text style="height: 100%; display: flex; align-items: center">{{
-                            codeData.materialName
-                        }}</text>
-                    </uni-forms-item>
-                    <uni-forms-item label="规格型号：" name="materialModel">
-                        <text style="height: 100%; display: flex; align-items: center">{{
-                            codeData.materialModel
-                        }}</text>
-                    </uni-forms-item>
-                    <uni-forms-item label="设备编码：" name="maCode">
-                        <text style="height: 100%; display: flex; align-items: center">{{
-                            codeData.maCode
-                        }}</text>
-                    </uni-forms-item>
-                    <uni-forms-item label="设备状态：" name="statusName">
-                        <text style="height: 100%; display: flex; align-items: center">{{
-                            codeData.statusName
-                        }}</text>
-                    </uni-forms-item>
-                    <!-- <uni-forms-item label="设备数量：">
-		            <text class="form-view">1</text>
-		        </uni-forms-item> -->
-                </uni-forms>
-            </scroll-view>
-        </view>
-        <view class="outbound-btn" @tap="onHandleOutbound">
-            <text style="color: #fff">出库</text>
-        </view>
+      <button type="primary" style="margin-top: 20px" @click="addCode">添加编码</button>
     </view>
+
+    <!-- 相机预览页面 -->
+    <view v-if="showCamera" class="camera-container">
+      <!-- 顶部提示 -->
+      <view class="top-tip">
+        <text class="tip-text">请将识别编码置于取景框内，完成扫描</text>
+      </view>
+      <!-- 取景框 -->
+      <view class="viewfinder-container"> </view>
+
+      <!-- 底部控制区 -->
+      <view class="bottom-controls">
+        <view class="control-btn" @click="closeCamera">
+          <text class="control-icon">✕</text>
+        </view>
+        <view
+          class="photo-btn"
+          @click="takePicture"
+          :class="{ taking: isTaking, disabled: isFocusing }"
+        >
+          <view class="photo-btn-inner"></view>
+        </view>
+        <view class="control-btn" @click="openGallery">
+          <text class="control-icon">📷</text>
+        </view>
+      </view>
+
+      <!-- 加载提示 -->
+      <view v-if="isProcessing" class="loading-overlay">
+        <view class="loading-content">
+          <view class="loading-spinner"></view>
+          <text class="loading-text">正在识别中...</text>
+        </view>
+      </view>
+    </view>
+
+    <!-- 隐藏的canvas用于图片处理 -->
+    <canvas
+      canvas-id="imageCanvas"
+      style="position: fixed; top: -9999px; left: -9999px; width: 1px; height: 1px"
+    ></canvas>
+  </view>
 </template>
 
 <script>
+import { decryptWithSM4 } from '@/utils/sm'
+import { getDeviceListAPI, getDeviceListAPINew } from '@/services/picking/outbound'
+import ElectronicSeal from '@/components/ElectronicSeal/index.vue'
+
 export default {
-    data() {
-        return {
-            livePusher: null,
-            ready: true,
-            cameraHeight: '', //相机画面宽度
-            coverImage: null,
-            queryParams: {},
-            queryCodeParams: {
-                maCode: '',
-            },
-            codeData: {},
-            testParams: '',
-            resData: '',
+  components: { ElectronicSeal },
+  data() {
+    return {
+      showCamera: false,
+      isTaking: false,
+      isProcessing: false,
+      cameraStarted: false,
+      queryParams: {},
+      queryCodeParams: {
+        maCode: '',
+        maId: '',
+      },
+      codeData: {},
+      optionList: [],
+      cameraReady: false,
+      deviceReadyTimeout: null,
+      pluginCheckRetries: 0,
+      maxRetries: 10,
+      // 聚焦相关状态
+      isFocusing: false,
+      focusSuccess: false,
+      showFocusIndicator: false,
+      focusIndicatorStyle: {},
+      autoFocusEnabled: true,
+      focusTimeout: null,
+      // 设备信息
+      systemInfo: null,
+    }
+  },
+  onShow() {
+    this.initializeCordova()
+    // 获取设备信息用于相机配置
+    this.getDeviceInfo()
+  },
+  onLoad(options) {
+    this.queryParams = options.params ? JSON.parse(options.params) : {}
+    console.log('🚀 ~ onLoad ~ this.queryParams:', this.queryParams)
+  },
+  onHide() {
+    this.cleanup()
+  },
+  beforeDestroy() {
+    this.cleanup()
+  },
+  methods: {
+    // 添加编码
+    addCode() {
+      if (this.codeData.typeId != this.queryParams.typeId) {
+        uni.showToast({
+          title: `当前添加的 (${this.codeData.maName}) 类型不匹配, 请重新添加`,
+          icon: 'none',
+        })
+        return
+      }
+      if (!this.codeData.maCode) {
+        uni.showToast({
+          title: '请先扫码添加',
+          icon: 'none',
+        })
+        return
+      }
+      const params = {
+        maCode: this.codeData.maCode,
+        maId: this.codeData.maId,
+        typeName: this.codeData.maModel,
+        materialName: this.codeData.maName,
+        typeId: this.codeData.typeId,
+        outType: 4,
+      }
+      uni.$emit('paramsReceived', params)
+      uni.navigateBack()
+    },
+    // 获取设备信息
+    getDeviceInfo() {
+      try {
+        const systemInfo = uni.getSystemInfoSync()
+        console.log('设备信息:', systemInfo)
+        this.systemInfo = systemInfo
+      } catch (error) {
+        console.error('获取设备信息失败:', error)
+      }
+    },
+
+    // 初始化Cordova - 改进版本
+    initializeCordova() {
+      console.log('开始初始化Cordova...')
+      this.pluginCheckRetries = 0
+      // 清除之前的超时
+      if (this.deviceReadyTimeout) {
+        clearTimeout(this.deviceReadyTimeout)
+      }
+      // 如果Cordova已经准备好，直接检查插件
+      if (this.isCordovaReady()) {
+        this.onDeviceReady()
+        return
+      }
+      // 监听deviceready事件
+      document.addEventListener('deviceready', this.onDeviceReady, false)
+      // 设置超时，防止无限等待
+      this.deviceReadyTimeout = setTimeout(() => {
+        console.warn('Cordova初始化超时，尝试直接检查插件')
+        this.checkCameraPlugin()
+      }, 5000)
+    },
+
+    // 检查Cordova是否准备好
+    isCordovaReady() {
+      return !!(window.cordova && (document.readyState === 'complete' || window.cordova.platformId))
+    },
+
+    // 设备准备就绪
+    onDeviceReady() {
+      console.log('Cordova设备准备就绪')
+      // 清除超时
+      if (this.deviceReadyTimeout) {
+        clearTimeout(this.deviceReadyTimeout)
+        this.deviceReadyTimeout = null
+      }
+      // 移除事件监听器，避免重复调用
+      document.removeEventListener('deviceready', this.onDeviceReady)
+      // 检查相机插件
+      this.checkCameraPlugin()
+    },
+
+    // 检查相机插件 - 改进版本
+    checkCameraPlugin() {
+      console.log(`检查相机插件... (尝试 ${this.pluginCheckRetries + 1}/${this.maxRetries})`)
+      // 按优先级检查插件可用性
+      const pluginAvailable = this.getCameraPlugin()
+      if (pluginAvailable) {
+        console.log('相机插件可用:', pluginAvailable)
+        this.cameraReady = true
+        return
+      }
+      this.pluginCheckRetries++
+      if (this.pluginCheckRetries < this.maxRetries) {
+        // 递增延迟重试
+        const delay = Math.min(1000 * this.pluginCheckRetries, 5000)
+        console.log(`插件未就绪，${delay}ms后重试...`)
+        setTimeout(() => {
+          this.checkCameraPlugin()
+        }, delay)
+      } else {
+        console.error('相机插件检查失败，已达到最大重试次数')
+        this.cameraReady = false
+        uni.showToast({
+          title: '相机插件初始化失败',
+          icon: 'none',
+          duration: 3000,
+        })
+      }
+    },
+
+    // 获取相机插件引用 - 改进版本
+    getCameraPlugin() {
+      // 按照插件注册的实际路径检查
+      const possiblePaths = [
+        () => window.CameraPreview, // 全局注册的路径
+      ]
+      for (let getPlugin of possiblePaths) {
+        try {
+          const plugin = getPlugin()
+          if (plugin && typeof plugin.startCamera === 'function') {
+            console.log('找到相机插件:', plugin)
+            return plugin
+          }
+        } catch (e) {
+          // 忽略访问错误，继续尝试下一个路径
         }
+      }
+      return null
     },
-    onLoad(options) {
-        this.queryParams = JSON.parse(options.queryParams)
-        this.queryCodeParams.typeId = this.queryParams.typeId
-    },
-    onReady() {
-        // this.cameraHeight = uni.getSystemInfoSync().screenHeight * 0.22
-        // console.log(this.cameraHeight)
-        // this.init()
-    },
-    methods: {
-        //初始化相机
-        // init() {
-        // 	this.livePusher = uni.createLivePusherContext('livePusher', this);
-        // 	console.log(this.livePusher)
-        // 	setTimeout(() => {
-        // 		this.startPreview()
-        // 	}, 1000)
-        // },
-        // // 开始相机
-        // startPreview() {
-        // 	this.livePusher.startPreview({
-        // 		success: () => {
-        // 			console.log('相机初始化成功');
-        // 			switch (plus.os.name) {
-        // 				case 'Android':
-        // 					break;
-        // 				case 'iOS':
-        // 					this.livePusher.switchCamera()
-        // 					break
-        // 			}
-        // 		},
-        // 		fail: (err) => {
-        // 			console.log(err)
-        // 		}
-        // 	});
-        // },
-        //截屏
-        handleInstruct() {
-            // 弹出操作菜单，让用户选择拍照或从相册选择
-            uni.showActionSheet({
-                itemList: ['拍照', '从相册选择'],
-                success: (res) => {
-                    if (res.tapIndex === 0) {
-                        this.getCamera()
-                    } else if (res.tapIndex === 1) {
-                        // 从相册选择
 
-                        this.getPhoto()
-                        // uni.chooseImage({
-                        //     count: 1,
-                        //     sourceType: ['album'],
-                        //     success: async (res) => {
-                        //         // ... 已有代码 ...
-                        //         const tempFilePath = res.tempFilePaths[0]
-                        //         console.log('选择的图片路径:', tempFilePath)
-                        //         // 调用图片识别接口，这里需要替换为实际的接口
-                        //         let base64 = await this.imgToBase64(tempFilePath) // 修正这里的参数
-                        //         let params = {
-                        //             image: base64,
-                        //             jiju_type: '12231',
-                        //             auth_lic:
-                        //                 'xIWDlaDVdijcBB4mjhGCPYk5Kvk8tHZJbUn+vW+ih15+MYx98e/PXyBmKL5gFcWMPznLgDA15QuSAnZQSLddwdy9HkZgtuQDEEZZ351Eyb1eiDUccUnyoSGIrNimbx5TooBNNPYqU4qJeFrPJXAqjBHzRrxoBxuR2CEGKQPgHC4=',
-                        //         }
-                        //         uni.request({
-                        //             url: '/material/app/ocr/getOcrCode',
-                        //             method: 'post',
-                        //             data: params,
-                        //             header: {
-                        //                 'Content-Type': 'application/json', // 根据后端要求设置请求头，常见的 POST 请求数据格式为 JSON
-                        //             },
-                        //             success: (res) => {
-                        //                 console.log('88888888', res)
-                        //                 if (res.code == 200) {
-                        //                     uni.showToast({
-                        //                         title: '出库成功！',
-                        //                         icon: 'none',
-                        //                     })
-                        //                 } else {
-                        //                     uni.showToast({ title: '出库失败！', icon: 'none' }) // 修正提示信息
-                        //                 }
-                        //             },
-                        //             fail: (err) => {
-                        //                 uni.showToast({
-                        //                     title: '请求失败：' + err.errMsg,
-                        //                     icon: 'none',
-                        //                 })
-                        //             },
-                        //         })
-                        //     },
-                        //     fail: (err) => {
-                        //         console.error('选择图片失败:', err)
-                        //         uni.showToast({
-                        //             title: '选择图片失败',
-                        //             icon: 'none',
-                        //         })
-                        //     },
-                        // })
-                    }
-                },
-                fail: (err) => {
-                    console.error('操作菜单选择失败:', err)
-                },
-            })
-        },
+    // 打开相机 - 改进版本
+    async openCamera() {
+      console.log('尝试打开相机...')
+      if (!this.cameraReady) {
+        // 再次尝试检查插件
+        this.checkCameraPlugin()
+        if (!this.cameraReady) {
+          uni.showModal({
+            title: '提示',
+            content: '相机插件未准备好，请确保应用已正确安装相机插件，或尝试重启应用',
+            showCancel: false,
+          })
+          return
+        }
+      }
+      try {
+        // 显示相机界面
+        this.showCamera = true
+        // 等待UI更新
+        await this.$nextTick()
+        // 初始化相机
+        await this.initCamera()
+      } catch (error) {
+        console.error('打开相机失败:', error)
+        this.showCamera = false
+        uni.showToast({
+          title: error.message || '打开相机失败',
+          icon: 'none',
+          duration: 2000,
+        })
+      }
+    },
 
-        imgToBase64(filePath) {
-            return new Promise((resolve, reject) => {
-                return new Promise((resolve, reject) => {
-                    const xhr = new XMLHttpRequest()
-                    xhr.open('GET', filePath, true)
-                    xhr.responseType = 'blob'
-                    xhr.onload = () => {
-                        if (xhr.status === 200) {
-                            const reader = new FileReader()
-                            reader.onloadend = (evt) => {
-                                // 去掉 data:URL 前缀
-                                const base64WithoutPrefix = evt.target.result.split(',')[1]
-                                resolve(base64WithoutPrefix)
-                            }
-                            reader.onerror = reject
-                            reader.readAsDataURL(xhr.response)
-                        } else {
-                            reject(new Error(`请求图片失败，状态码: ${xhr.status}`))
-                        }
-                    }
-                    xhr.onerror = reject
-                    xhr.send()
+    // 初始化相机 - 关键修改
+    // 初始化相机 - 调整坐标计算
+    async initCamera() {
+      return new Promise((resolve, reject) => {
+        const CameraPreview = this.getCameraPlugin()
+        if (!CameraPreview) {
+          reject(new Error('相机插件不可用'))
+          return
+        }
+
+        // 获取整个相机包装器的尺寸
+        const cameraWrapper = document.querySelector('.viewfinder-container')
+        if (!cameraWrapper) {
+          reject(new Error('找不到相机容器'))
+          return
+        }
+
+        const rect = cameraWrapper.getBoundingClientRect()
+        const options = {
+          x: rect.left,
+          y: rect.top,
+          width: rect.width,
+          height: rect.height,
+          camera: CameraPreview.CAMERA_DIRECTION?.BACK || 'back',
+          tapPhoto: false,
+          previewDrag: false,
+          toBack: false, // 确保相机在WebView上层
+          alpha: 1,
+          tapFocus: true,
+          disableExifHeaderStripping: false,
+        }
+
+        console.log('相机配置:', options)
+
+        CameraPreview.startCamera(
+          options,
+          (result) => {
+            console.log('相机启动成功:', result)
+            this.cameraStarted = true
+            resolve()
+          },
+          (error) => {
+            console.error('相机启动失败:', error)
+            this.cameraStarted = false
+            reject(new Error(`相机启动失败: ${error}`))
+          },
+        )
+      })
+    },
+
+    // 处理覆盖层点击事件
+    handleOverlayClick(event) {
+      // 计算点击位置相对于相机的坐标
+      const rect = event.currentTarget.getBoundingClientRect()
+      const x = event.touches[0].clientX - rect.left
+      const y = event.touches[0].clientY - rect.top
+
+      // 调用聚焦功能
+      this.tapToFocus(x, y)
+    },
+
+    // 点击聚焦
+    tapToFocus(x, y) {
+      const CameraPreview = this.getCameraPlugin()
+      if (CameraPreview && this.cameraStarted) {
+        CameraPreview.tapToFocus(
+          x,
+          y,
+          () => console.log('聚焦成功'),
+          (error) => console.error('聚焦失败', error),
+        )
+      }
+    },
+
+    // 关闭相机
+    async closeCamera() {
+      console.log('关闭相机...')
+      try {
+        await this.stopCamera()
+      } catch (error) {
+        console.error('关闭相机出错:', error)
+      } finally {
+        this.showCamera = false
+        this.cameraStarted = false
+        this.resetFocusState()
+      }
+    },
+
+    // 重置聚焦状态
+    resetFocusState() {
+      this.isFocusing = false
+      this.focusSuccess = false
+      this.showFocusIndicator = false
+      if (this.focusTimeout) {
+        clearTimeout(this.focusTimeout)
+        this.focusTimeout = null
+      }
+    },
+
+    // 停止相机
+    async stopCamera() {
+      if (!this.cameraStarted) {
+        return Promise.resolve()
+      }
+      const CameraPreview = this.getCameraPlugin()
+      if (!CameraPreview) {
+        return Promise.resolve()
+      }
+      return new Promise((resolve) => {
+        CameraPreview.stopCamera(
+          () => {
+            console.log('相机已停止')
+            this.cameraStarted = false
+            resolve()
+          },
+          (error) => {
+            console.error('停止相机失败:', error)
+            this.cameraStarted = false
+            resolve() // 即使失败也继续
+          },
+        )
+      })
+    },
+
+    // 拍照 - 添加聚焦逻辑
+    async takePicture() {
+      if (!this.cameraStarted || this.isTaking || this.isFocusing) {
+        if (this.isFocusing) {
+          uni.showToast({
+            title: '正在聚焦，请稍候...',
+            icon: 'none',
+            duration: 1000,
+          })
+        }
+        return
+      }
+
+      console.log('开始拍照流程...')
+      this.isTaking = true
+
+      try {
+        const CameraPreview = this.getCameraPlugin()
+        if (!CameraPreview) {
+          throw new Error('相机插件不可用')
+        }
+        // 拍照前先进行聚焦
+        console.log('拍照前聚焦...')
+        console.log('开始拍照...')
+        CameraPreview.takePicture(
+          { width: 640, height: 540, quality: 50 },
+          async (base64PictureData) => {
+            console.log('拍照返回数据', base64PictureData)
+            await this.processImage(base64PictureData)
+          },
+        )
+      } catch (error) {
+        console.error('拍照过程出错:', error)
+        uni.showToast({
+          title: error.message || '拍照失败',
+          icon: 'none',
+        })
+      } finally {
+        this.isTaking = false
+      }
+    },
+
+    // 修改后的方法
+    removeExifData(pureBase64) {
+      return new Promise((resolve, reject) => {
+        const img = new Image()
+        img.onload = () => {
+          const canvas = document.createElement('canvas')
+          const ctx = canvas.getContext('2d')
+
+          canvas.width = img.width
+          canvas.height = img.height
+          ctx.drawImage(img, 0, 0)
+
+          // 转换为dataURL然后提取纯base64部分
+          const dataUrl = canvas.toDataURL('image/jpeg', 0.8)
+          const cleanPureBase64 = dataUrl.split(',')[1] // 去掉前缀
+          resolve(cleanPureBase64)
+        }
+
+        img.onerror = () => reject(new Error('图像加载失败'))
+
+        // 临时添加前缀用于加载
+        img.src = `data:image/jpeg;base64,${pureBase64}`
+      })
+    },
+
+    // 处理图片 - 使用ImageUtils
+    async processImage(imageData) {
+      this.isProcessing = true
+      try {
+        // base64PictureData 是纯base64（无前缀）
+        const cleanBase64 = await this.removeExifData(imageData)
+        // cleanBase64 也是纯base64（无前缀）
+
+        console.log('清理后的纯base64:', cleanBase64)
+        console.log('开始处理图片...')
+        console.log('图片处理完成，开始OCR识别...')
+
+        uni.request({
+          url:
+            this.queryParams?.jiJuType == 2
+              ? '/material/app/ocr/getOcrCode'
+              : '/material/app/ocr/getOcrCodeTwo',
+          method: 'POST',
+          data: {
+            image: cleanBase64,
+            jiju_type: '',
+            auth_lic:
+              'xIWDlaDVdijcBB4mjhGCPYk5Kvk8tHZJbUn+vW+ih15+MYx98e/PXyBmKL5gFcWMPznLgDA15QuSAnZQSLddwdy9HkZgtuQDEEZZ351Eyb1eiDUccUnyoSGIrNimbx5TooBNNPYqU4qJeFrPJXAqjBHzRrxoBxuR2CEGKQPgHC4=',
+          },
+          header: {
+            'Content-Type': 'application/json;charset=UTF-8',
+          },
+          success: async (res) => {
+            if (!res.data.code) {
+              res = JSON.parse(decryptWithSM4(res.data))
+            } else {
+              res = res.data
+            }
+            console.log('res', res)
+            console.log('res.data', res.data)
+            const { data: resData } = res
+            console.log('resData', resData)
+            console.log('resData.data', resData.data)
+            console.log('resData.code', resData.code)
+            console.log('resData.data.result', resData.data.result)
+
+            if (resData.code === 0) {
+              if (resData.data.result) {
+                this.queryCodeParams.maCode = resData.data.result
+                await this.closeCamera()
+                await this.getCode()
+                await uni.showToast({
+                  title: '识别成功',
+                  icon: 'success',
                 })
-            })
-        },
-
-        getCamera() {
-            console.log(1)
-            navigator.camera.getPicture(this.onCameraSuccess, this.onCameraError, {
-                quality: 50,
-                destinationType: window.Camera.DestinationType.DATA_URL,
-                sourceType: window.Camera.PictureSourceType.CAMERA,
-            })
-        },
-        getPhoto() {
-            console.log(2)
-            navigator.camera.getPicture(this.onCameraSuccess, this.onCameraError, {
-                quality: 50,
-                destinationType: window.Camera.DestinationType.DATA_URL,
-                sourceType: window.Camera.PictureSourceType.SAVEDPHOTOALBUM,
-            })
-        },
-        onCameraError(message) {
-            console.log(message)
-        },
-        onCameraSuccess(file) {
-            // const file1 = "data:image/jpeg;base64," + file;
-            const file1 = file
-            let params = {
-                image: file1,
-                jiju_type: '',
-                auth_lic:
-                    'xIWDlaDVdijcBB4mjhGCPYk5Kvk8tHZJbUn+vW+ih15+MYx98e/PXyBmKL5gFcWMPznLgDA15QuSAnZQSLddwdy9HkZgtuQDEEZZ351Eyb1eiDUccUnyoSGIrNimbx5TooBNNPYqU4qJeFrPJXAqjBHzRrxoBxuR2CEGKQPgHC4=',
+              } else {
+                uni.showToast({
+                  title: '识别失败！' + resData.data.msg,
+                  icon: 'none',
+                })
+              }
+            } else {
+              uni.showToast({
+                title: '识别失败！',
+                icon: 'none',
+              })
             }
-
-            this.testParams = params
-            // this.$http
-            // 	.post("/dzqm/uploadSignature", {
-            // 	base64Str: file1,
-            // 	})
-            // 	.then((res) => {
-            // 	console.log(res);
-            // 	if (res.code == 200) {
-            // 		// this.src = file
-            // 		this.$set(this.obj, "src", file1);
-            // 		this.$toast("上传成功！");
-            // 		this.PictureVisible = false;
-            // 	}
-            // 	});
-
-            uni.request({
-                url: '/material/app/ocr/getOcrCode',
-                method: 'post',
-                data: params,
-                header: {
-                    'Content-Type': 'application/json', // 根据后端要求设置请求头，常见的 POST 请求数据格式为 JSON
-                },
-                success: (res) => {
-                    // const resData = JSON.stringify(res, null, 2)
-                    // this.resData = res
-
-                    const { data: resData } = res
-
-                    if (resData.data.data.result) {
-                        this.queryCodeParams.maCode = resData.data.data.result
-                        this.getCode()
-                    } else {
-                        uni.showToast({
-                            title: '识别失败！' + resData.data.msg,
-                            icon: 'none',
-                        })
-                    }
-                    // uni.showModal({
-                    //     title: '返回数据',
-                    //     content: resData.data,
-                    //     showCancel: false, // 不显示取消按钮
-                    // })
-
-                    // if (resData.data.data.data.result) {
-                    //     this.queryCodeParams.maCode = resData.data.data.data.result
-                    //     this.getCode()
-                    // } else {
-                    //     uni.showToast({
-                    //         title: '识别失败！' + resData.data.data.msg,
-                    //         icon: 'none',
-                    //     })
-                    // }
-
-                    // uni.showModal({
-                    //     title: '返回数据',
-                    //     content: resData,
-                    //     showCancel: false, // 不显示取消按钮
-                    // })
-                    // if (res.code == 200) {
-                    //     uni.showToast({
-                    //         title: '出库成功！',
-                    //         icon: 'none',
-                    //     })
-                    // } else {
-                    //     uni.showToast({ title: '出库失败！', icon: 'none' }) // 修正提示信息
-                    // }
-                },
-                fail: (err) => {
-                    uni.showToast({
-                        title: '请求失败：' + err.errMsg,
-                        icon: 'none',
-                    })
-                },
+          },
+          fail: (err) => {
+            uni.showToast({
+              title: '请求失败：' + err.errMsg,
+              icon: 'none',
             })
-        },
-        //编码检索
-        async getCode() {
-            let param = {
-                maCode: this.queryCodeParams.maCode,
-                typeId: this.queryCodeParams.typeId,
-                maStatus: 1,
-            }
-            uni.request({
-                url: '/material/ma_machine/list',
-                method: 'get',
-                data: param,
-                success: (res) => {
-                    res = res.data
-                    console.log(res)
-                    if (res.rows && res.rows.length > 0) {
-                        this.codeData = res.rows[0]
-                    } else {
-                        uni.showToast({
-                            title: '未检索到有效的设备编码！',
-                            icon: 'none',
-                        })
-                    }
-                },
-                fail: (err) => {
-                    console.log(err)
-                },
-            })
-            // const res = await getCodeDeviceListAPI(param)
-            // console.log(res)
-            // this.codeData=res.rows[0];
-        },
-        //出库按钮
-        async onHandleOutbound() {
-            let paramsList = []
-            paramsList.push({
-                maCode: this.codeData.maCode,
-                maId: this.codeData.maId,
-                manageType: 0,
-                outNum: 1,
-                typeId: this.codeData.typeId,
-                parentId: this.queryParams.parentId,
-            })
-            console.log('333333333', paramsList)
-            uni.request({
-                url: '/material/lease_apply_info/leaseOut',
-                method: 'post',
-                data: { leaseOutDetailsList: paramsList },
-                success: (res) => {
-                    res = res.data
-                    console.log(res)
-                    if (res.code === 200) {
-                        uni.showToast({
-                            title: '出库成功！',
-                            icon: 'none',
-                        })
-                        this.queryCodeParams.maCode = ''
-                        this.codeData = {}
-                    }
-                },
-                fail: (err) => {
-                    console.log(err)
-                },
-            })
-        },
+          },
+        })
+      } catch (error) {
+        console.error('图片处理或OCR识别失败:', error)
+        uni.showToast({
+          title: '识别失败，请重试',
+          icon: 'none',
+        })
+      } finally {
+        this.isProcessing = false
+      }
     },
+    // 打开相册
+    openGallery() {
+      uni.chooseImage({
+        count: 1,
+        sourceType: ['album'],
+        success: (res) => {
+          if (res.tempFilePaths && res.tempFilePaths.length > 0) {
+            const filePath = res.tempFilePaths[0]
+
+            // 统一使用XMLHttpRequest处理
+            const xhr = new XMLHttpRequest()
+            xhr.open('GET', filePath, true)
+            xhr.responseType = 'blob'
+            xhr.onload = () => {
+              if (xhr.status === 200) {
+                const blob = xhr.response
+                const reader = new FileReader()
+                reader.onload = (e) => {
+                  const base64 = e.target.result.split(',')[1]
+                  this.convertImageToBase64(base64)
+                }
+                reader.readAsDataURL(blob)
+              }
+            }
+            xhr.send()
+          }
+        },
+        fail: (error) => {
+          console.error('选择图片失败:', error)
+          uni.showToast({
+            title: '选择图片失败',
+            icon: 'none',
+          })
+        },
+      })
+    },
+    // // 打开相册
+    // openGallery() {
+    //   uni.chooseImage({
+    //     count: 1,
+    //     sourceType: ['album'],
+    //     success: (res) => {
+    //       if (res.tempFilePaths && res.tempFilePaths.length > 0) {
+    //         this.convertImageToBase64(res.tempFilePaths[0]);
+    //       }
+    //     },
+    //     fail: (error) => {
+    //       console.error('选择图片失败:', error);
+    //       uni.showToast({
+    //         title: '选择图片失败',
+    //         icon: 'none'
+    //       });
+    //     }
+    //   });
+    // },
+
+    // 将图片转换为base64 - 使用ImageUtils处理
+    async convertImageToBase64(processedBase64) {
+      this.isProcessing = true
+      try {
+        console.log('开始处理相册图片...')
+        console.log('相册base64数据', processedBase64)
+        // 使用ImageUtils处理相册图片
+        // const processedBase64 = await ImageUtils.processImage(filePath, {
+        //   maxWidth: 1024,
+        //   maxHeight: 1024,
+        //   quality: 50,
+        //   outputFormat: 'base64'
+        // });
+        console.log('相册图片处理完成，开始OCR识别...')
+
+        uni.request({
+          url:
+            this.queryParams?.jiJuType == 2
+              ? '/material/app/ocr/getOcrCode'
+              : '/material/app/ocr/getOcrCodeTwo',
+          method: 'POST',
+          data: {
+            image: processedBase64,
+            jiju_type: '',
+            auth_lic:
+              'xIWDlaDVdijcBB4mjhGCPYk5Kvk8tHZJbUn+vW+ih15+MYx98e/PXyBmKL5gFcWMPznLgDA15QuSAnZQSLddwdy9HkZgtuQDEEZZ351Eyb1eiDUccUnyoSGIrNimbx5TooBNNPYqU4qJeFrPJXAqjBHzRrxoBxuR2CEGKQPgHC4=',
+          },
+          header: {
+            'Content-Type': 'application/json;charset=UTF-8',
+          },
+          success: async (res) => {
+            if (!res.data.code) {
+              res = JSON.parse(decryptWithSM4(res.data))
+            } else {
+              res = res.data
+            }
+            console.log('res', res)
+            console.log('res.data', res.data)
+            const { data: resData } = res
+            console.log('resData', resData)
+            console.log('resData.data', resData.data)
+            console.log('resData.code', resData.code)
+            console.log('resData.data.result', resData.data.result)
+
+            if (resData.code === 0) {
+              if (resData.data.result) {
+                this.queryCodeParams.maCode = resData.data.result
+                await this.closeCamera()
+                await this.getCode()
+                await uni.showToast({
+                  title: '识别成功',
+                  icon: 'success',
+                })
+              } else {
+                uni.showToast({
+                  title: '识别失败！' + resData.data.msg,
+                  icon: 'none',
+                })
+              }
+            } else {
+              uni.showToast({
+                title: '识别失败！',
+                icon: 'none',
+              })
+            }
+          },
+          fail: (err) => {
+            uni.showToast({
+              title: '请求失败：' + err.errMsg,
+              icon: 'none',
+            })
+          },
+        })
+      } catch (error) {
+        console.error('相册图片处理或OCR识别失败:', error)
+        uni.showToast({
+          title: '识别失败，请重试',
+          icon: 'none',
+        })
+      } finally {
+        this.isProcessing = false
+      }
+    },
+
+    // 编码检索
+    async getCode() {
+      if (!this.queryCodeParams.maCode.trim()) {
+        uni.showToast({
+          title: '请输入设备编码',
+          icon: 'none',
+        })
+        return
+      }
+      try {
+        uni.showLoading({
+          title: '加载中...',
+          mask: true,
+        })
+        let res = null
+        if (this.queryParams?.jiJuType == 2) {
+          res = await getDeviceListAPINew(this.queryCodeParams.maCode)
+        } else {
+          res = await getDeviceListAPI(this.queryCodeParams.maCode)
+        }
+        console.log('🚀 ~ getCode ~ res:', res)
+
+        if (res.code === 200 && res.data && res.data.length > 0) {
+          this.optionList = response.data.map((option) => ({
+            value: option.maId,
+            text: option.maCode,
+          }))
+          if (response.data.length === 1) {
+            this.codeData = response.data[0]
+          }
+        } else {
+          uni.showToast({
+            title: '未查询到该编号信息',
+            icon: 'none',
+            duration: 2000,
+          })
+        }
+      } catch (error) {
+        console.error('查询失败:', error)
+      } finally {
+        uni.hideLoading()
+      }
+    },
+
+    // 标签改变
+    async changeTag() {
+      if (!this.queryCodeParams.maId) return
+      try {
+        let res = null
+        if (this.queryParams?.jiJuType == 2) {
+          res = await getDeviceListAPINew({ maId: this.queryCodeParams.maId })
+        } else {
+          res = await getDeviceListAPI({ maId: this.queryCodeParams.maId })
+        }
+        if (res.data && res.data.length !== 0) {
+          this.codeData = res.data[0]
+        }
+      } catch (error) {
+        console.error('获取编号信息失败', error)
+        uni.showToast({
+          title: '获取信息失败',
+          icon: 'none',
+        })
+      }
+    },
+
+    // 清理资源
+    cleanup() {
+      console.log('清理资源...')
+      if (this.cameraStarted) {
+        const CameraPreview = this.getCameraPlugin()
+        if (CameraPreview) {
+          CameraPreview.stopCamera()
+        }
+        this.cameraStarted = false
+      }
+
+      // 清除超时
+      if (this.deviceReadyTimeout) {
+        clearTimeout(this.deviceReadyTimeout)
+        this.deviceReadyTimeout = null
+      }
+      if (this.focusTimeout) {
+        clearTimeout(this.focusTimeout)
+        this.focusTimeout = null
+      }
+      // 移除事件监听
+      document.removeEventListener('deviceready', this.onDeviceReady)
+      // 停止相机
+      if (this.cameraStarted) {
+        this.stopCamera().catch(console.error)
+      }
+      // 重置聚焦状态
+      this.resetFocusState()
+    },
+  },
 }
 </script>
 
 <style>
 .page-container {
-    display: flex;
-    height: auto;
-    flex-direction: column;
-    background-color: #f7f8fa;
-    padding: 24rpx;
+  display: flex;
+  height: auto;
+  flex-direction: column;
+  background-color: #f7f8fa;
+  padding: 24rpx;
 }
+
 .table-list-item {
-    margin-top: 10rpx;
-    background: #fff;
-    padding: 20rpx;
-    border-radius: 20rpx;
-    box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.06);
-    margin-bottom: 20rpx;
+  background: #fff;
+  padding: 32rpx;
+  border-radius: 20rpx;
+  box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.06);
+  margin-bottom: 24rpx;
 }
+
 .scan-btn {
-    /* width: 100%; */
-    height: 88rpx;
-    background: #4b8eff;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    border-radius: 12rpx;
-    font-size: 32rpx;
-    font-weight: 600;
-    box-shadow: 0 6rpx 20rpx rgba(55, 132, 251, 0.2);
-    /* transition: all 0.3s ease; */
-    margin: 0;
-    padding: 0;
+  height: 88rpx;
+  background: #4b8eff;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border-radius: 12rpx;
+  font-size: 32rpx;
+  font-weight: 600;
+  box-shadow: 0 6rpx 20rpx rgba(55, 132, 251, 0.2);
 }
 
 .coding-btn {
-    /* padding: 12rpx 0; */
-    background: #fff;
-    color: #ff9800;
-    border: 2rpx solid rgba(255, 152, 0, 0.5);
-    background: linear-gradient(to bottom, rgba(255, 152, 0, 0.05), rgba(255, 152, 0, 0.1));
-    border-radius: 12rpx;
-    text-align: center;
-    font-size: 28rpx;
-    font-weight: 600;
-    letter-spacing: 1rpx;
-    /* transition: all 0.3s ease; */
-
-    /* &:active {
-	        background: rgba(255, 152, 0, 0.15);
-	        border-color: rgba(255, 152, 0, 0.6);
-	        transform: translateY(1rpx);
-	    } */
-}
-.outbound-btn {
-    position: fixed;
-    bottom: 40rpx;
-    left: 10%;
-    /* transform: translateX(-50%); */
-    /* width: 90%; */
-    height: 88rpx;
-    width: 620rpx;
-    margin: 0 10px;
-    /* background: linear-gradient(135deg, #4b8eff 0%, #3784fb 100%); */
-    background: #4b8eff;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    color: #fff;
-    border-radius: 12rpx;
-    font-size: 32rpx;
-    font-weight: 600;
-    box-shadow: 0 6rpx 20rpx rgba(55, 132, 251, 0.2);
-    /* transition: all 0.3s ease; */
-
-    /*    &:active {
-	        transform: translateX(-50%) scale(0.98);
-	        opacity: 0.9;
-	    } */
+  padding: 10rpx 0;
+  color: #fe9a09;
+  background-color: #fff7eb;
+  border: 1px solid #fe9a09;
+  border-radius: 12rpx;
+  text-align: center;
+  font-size: 28rpx;
+  font-weight: 600;
 }
 
-.camera-background {
-    width: 100%;
-    height: 100%;
-    background-color: rgba(0, 0, 0, 0.3);
+/* 控制按钮区域 - 需要单独设置可点击 */
+.bottom-controls {
+  position: absolute;
+  bottom: 100rpx;
+  left: 0;
+  right: 0;
+  display: flex;
+  justify-content: space-around; /* 改为space-around使按钮分布更均匀 */
+  align-items: center;
+  width: 100%;
+  padding: 0 60rpx; /* 添加左右内边距 */
+  z-index: 3;
+  pointer-events: auto;
+}
+.control-btn {
+  width: 100rpx;
+  height: 100rpx;
+  background-color: rgba(0, 0, 0, 0.3);
+  border-radius: 50%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border: 2rpx solid rgba(255, 255, 255, 0.3);
+  margin: 0 20rpx; /* 添加按钮间距 */
 }
 
-.cover-image {
-    position: fixed;
-    top: 0;
-    left: 0;
-    z-index: 99;
+.control-icon {
+  color: #fff;
+  font-size: 40rpx;
+  font-weight: bold;
 }
 
-.camera-options {
-    flex-direction: row;
-    align-items: center;
+.photo-btn {
+  width: 140rpx;
+  height: 140rpx;
+  background-color: rgba(0, 0, 0, 0.3);
+  border-radius: 50%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border: 6rpx solid rgba(255, 255, 255, 0.5);
+  transition: all 0.2s ease;
+  margin: 0 20rpx; /* 添加按钮间距 */
 }
 
-.camera-item {
-    flex: 1;
-    flex-direction: row;
-    justify-content: center;
-    align-items: center;
-    height: 100%;
+.photo-btn.taking {
+  transform: scale(0.9);
+  background-color: rgba(75, 142, 255, 0.8);
 }
 
-.camera-item .camera-item-image {
-    width: 80rpx;
-    height: 80rpx;
+.photo-btn.disabled {
+  opacity: 0.5;
+  background-color: rgba(255, 255, 255, 0.1);
 }
 
-.camera-options-center .camera-item-image {
-    width: 120rpx;
-    height: 120rpx;
+.photo-btn-inner {
+  width: 100rpx;
+  height: 100rpx;
+  background-color: rgba(255, 255, 255, 0.9);
+  border-radius: 50%;
+  transition: all 0.2s ease;
+}
+
+.photo-btn.taking .photo-btn-inner {
+  background-color: #4b8eff;
+}
+
+.photo-btn.disabled .photo-btn-inner {
+  background-color: #ccc;
+}
+
+/* 加载层 */
+.loading-overlay {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 100; /* 加载层在最高层 */
+  pointer-events: auto; /* 阻止底层交互 */
+}
+
+.loading-content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background-color: rgba(255, 255, 255, 0.9);
+  padding: 60rpx;
+  border-radius: 20rpx;
+}
+
+.loading-spinner {
+  width: 60rpx;
+  height: 60rpx;
+  border: 6rpx solid #f3f3f3;
+  border-top: 6rpx solid #4b8eff;
+  border-radius: 50%;
+  animation: spin 1s linear infinite;
+  margin-bottom: 30rpx;
+}
+
+@keyframes spin {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
+.loading-text {
+  color: #333;
+  font-size: 32rpx;
+  font-weight: bold;
+}
+
+.viewfinder-container {
+  position: absolute;
+  width: 100%;
+  height: 40%;
+  margin-top: 150px;
+  z-index: 10001; /* 提高取景框层级 */
 }
 </style>
diff --git a/src/pages/picking/outbound/inner-detail.vue b/src/pages/picking/outbound/inner-detail.vue
index 86ac8db..7a1da29 100644
--- a/src/pages/picking/outbound/inner-detail.vue
+++ b/src/pages/picking/outbound/inner-detail.vue
@@ -1,7 +1,7 @@
 <template>
     <view class="page-container"> 
         <!-- 表单信息区域 -->
-    <scroll-view scroll-y style="height: 100vh;">
+    <!-- <scroll-view scroll-y style="height: 100vh;"> -->
         <view class="form-section" v-if="queryParams.manageType==1"> 
             <view class="form-content">
                 <uni-forms :model="formData" label-width="100" :border="true"> 
@@ -21,7 +21,8 @@
             </view>
         </view>
         <scroll-view scroll-y @scrolltolower="onScrollTolower" v-if="queryParams.manageType==0" style="padding-bottom: 90rpx">
-            <view class="table-list-item" v-for="item in codeDeviceList" :key="item.maId">
+            <view class="table-list-item" v-for="(item, index) in codeDeviceList" :key="item.maId">
+                <span style="color: #409EFF">{{ index + 1 }}.</span>
                 <uni-row :gutter="24">
                     <uni-col :span="6">物资类型：</uni-col>
                     <uni-col :span="14">
@@ -73,7 +74,7 @@
                 {{ finish ? '没有更多数据了~' : '正在加载...' }}
             </view>
         </scroll-view>
-	</scroll-view>
+	<!-- </scroll-view> -->
 	<!-- <view class="outbound-btn" @tap="leaseOutBack" v-if="isBack"> 退回 </view> -->
     </view>
 </template>
@@ -124,13 +125,15 @@ const getCodeDeviceListData = async () => {
     const res = await getDetailsByIdApi(queryCodeParams.value)
     console.log("xxxxxxxxxxxxxx",res)
 	if(queryParams.value.manageType==0){
-		codeDeviceList.value.push(...res.data.rows)
-		if (isBack.value&&codeDeviceList.value.length > 0) {
-		    codeDeviceList.value = codeDeviceList.value.map((e) => {
-		        return { ...e, checked: false }
-		    })
-		}
+		// codeDeviceList.value.push(...res.data.rows)
+		// if (isBack.value&&codeDeviceList.value.length > 0) {
+		//     codeDeviceList.value = codeDeviceList.value.map((e) => {
+		//         return { ...e, checked: false }
+		//     })
+		// }
+        codeDeviceList.value = res.data.rows || []
 		total.value = res.data.total;
+		console.log('🚀 ~ getCodeDeviceListData ~ total.value:', total.value)
 	}else if(queryParams.value.manageType==1){
 		if(res.data.rows&&res.data.rows.length>0){
 			formData.value=res.data.rows[0]
@@ -157,7 +160,7 @@ const onCodeSearch = () => {
 
 // 滚动触底事件
 const onScrollTolower = debounce(() => {
-    // console.log('滚动触底--')
+    console.log('滚动触底--')
     if (total.value > codeDeviceList.value.length) {
         queryCodeParams.value.pageSize += 5
         getCodeDeviceListData()
@@ -229,7 +232,7 @@ const leaseOutBack = async (item) => {
 <style lang="scss" scoped>
 .page-container {
     display: flex;
-    height: 100%;
+    height: 100vh;
     flex-direction: column;
     background-color: #f7f8fa;
     padding: 24rpx;