盘点绑定优化

src/pages/inventoryBinding/index.vue

@@ -1,5 +1,8 @@
 <template>
   <div>
+    <div style="margin-top: 30px; padding: 0 15px;">
+      <button type="primary" @click="onQrCode">扫码识别</button>
+    </div>
     <ScanQrCode
       ref="scanQrCodeRef"
       @scanSuccess="handleScanSuccess"
@@ -11,25 +14,27 @@
 <script setup>
 import { ref, onMounted } from 'vue'
 import ScanQrCode from '@/pages/devicesSearch/ScanQrCode.vue'
-import { onShow } from '@dcloudio/uni-app'
+import { onLoad } from '@dcloudio/uni-app'
 
 const scanQrCodeRef = ref()
 const qrCode = ref('')
 
-onShow(() => {
+onLoad(() => {
   // 扫描二维码
   setTimeout(() => {
-    if (scanQrCodeRef.value) scanQrCodeRef.value.scanQrCode()
+    onQrCode()
   }, 300)
 })
+
+const onQrCode = () => {
+  console.log('🚀 ~ onQrCode ~ 二维码:')
+  if (scanQrCodeRef.value) scanQrCodeRef.value.scanQrCode()
+}
 // 处理扫描成功事件
 const handleScanSuccess = (result) => {
   qrCode.value = result?.text?.split('?qrcode=')[1] || result?.text
   if (qrCode.value === '') {
     uni.showToast({ title: '扫码识别失败', icon: 'none' })
-    setTimeout(() => {
-      if (scanQrCodeRef.value) scanQrCodeRef.value.scanQrCode()
-    }, 500)
   } else {
     uni.navigateTo({
       url: '/pages/inventoryBinding/qrCodeBinding?qrCode=' + JSON.stringify(qrCode.value),
@@ -41,9 +46,6 @@ const handleScanSuccess = (result) => {
 const handleScanError = (error) => {
   console.error('扫描出错:', error.message)
   uni.showToast({ title: error.message, icon: 'none' })
-  setTimeout(() => {
-    if (scanQrCodeRef.value) scanQrCodeRef.value.scanQrCode()
-  }, 500)
 }
 </script>