H5识别二维码

liujun001
1 parent 6ff911b1
Showing 3 changed files with 62 additions and 4 deletions
garbage-removal/src/components/next-tree/next-tree.vue
garbage-removal/src/pages/order-info/order-other/detail/index.vue
garbage-removal/src/pages/order/order-disposal/index.vue
@@ -747,7 +747,7 @@ export default {
 		initUiModePopup(watched) {
 			uni.getSystemInfo({
 				success: (res) => {
-					this.top = (res.windowHeight - this.height) + 'px';
+					this.top = (res.windowHeight - this.height+100) + 'px';
 				}
 			});
 			watched && watched();
@@ -577,8 +577,8 @@ const handlerUpdateOrderClick = () =&gt; {
     candidates.value = [[...new Set(res.data.rows
       .filter(item => item.containerVolume)
       .map(item => {
-        garCarLabelInfoList.value[item.containerVolume + "方车"] = item
-        return item.containerVolume + "方车"
+        garCarLabelInfoList.value[item.carType] = item
+        return item.carType
       }))
     ]];
     // 设置初始车辆数量
@@ -34,7 +34,11 @@
   <view class="scan-box">
     <view class="scan-btn">
       <view class="scan-icon">
-        <u-icon @click="handleScan" name="scan" :size="80" color="#fff"></u-icon>
+       
+
+         <!-- #ifdef H5 -->
+         <u-icon @click="handleScanH5" name="scan" :size="80" color="#fff"></u-icon>
+         <!-- #endif -->
       </view>
     </view>
   </view>
@@ -44,6 +48,7 @@
 import { checkCode } from '@/apis/order.js';
 import { nextTick, onMounted, ref } from 'vue';
 import swiperListItem from './swiper-list-item/index.vue';
+import { useMainStore } from '@/stores';
 const list = ref([{ name: '处理中' }, { name: '已完成' }])
 const current = ref(0);
 const swiperCurrent = ref(0);
@@ -51,6 +56,8 @@ const uTabsElement = ref();
 const title = ref('处置场所');
 const topMargin = ref();
 const lightHeight = ref();
+const store = useMainStore();
+
 const tabsChange = (el) => {
   console.log("tabsChange", el);
   swiperCurrent.value = Number(el.index)
@@ -66,6 +73,8 @@ const translation = (e) =&gt; {
 }
  
 const handleScan = () => {
+
+
   uni.scanCode({
     success: function (res) {
       console.log('条码类型：' + res.scanType);
@@ -88,14 +97,63 @@ const handleScan = () =&gt; {
         }
       } catch (error) {
         uni.$u.toast("无法确认当前二维码趟次，请扫描正在进行的运输趟次");
+        console.log("===================>weixin");
       }
     },
     fail:function (res) {
       uni.$u.toast("图片扫码失败，请检查二维码图片");
+      console.log("===================>weixin");
     }
   });
 }
  
+const handleScanH5 = () => {
+  uni.chooseImage({
+    count:1,
+    sizeType:['original','compressed'],
+    sourceType:['camera','album'],
+    success:(res)=>{
+      console.log(res.tempFilePaths[0]);
+      uni.uploadFile({
+        url:import.meta.env.VITE_BASE_URL+"/QRCode/ocr/pric",
+        header: {
+        "Authorization": store.token
+        },
+        fileType:'image',
+        filePath:res.tempFilePaths[0],
+        name:'file',
+        success:(uploadRes)=>{
+          if (uploadRes.statusCode == 200) {
+            if("" == uploadRes.data || undefined == uploadRes.data || null == uploadRes.data){
+              uni.$u.toast("二维码图片识别失败，请检查二维码图片");
+              return;
+            }else{
+                checkCode(uploadRes.data).then(res => {              
+                  if (res.data&& res.data.code == 200) {
+                    uni.$u.route({
+                      url: `pages/order-info/order-disposal/scan-detail/index`,
+                      params: {
+                        data: encodeURIComponent(JSON.stringify(res.data.data))
+                      }
+                    })
+                    return
+                  }
+                  uni.$u.toast(res.data.msg);
+              })
+            }
+          }else{
+            uni.$u.toast("二维码图片识别失败，请检查二维码图片");
+          }
+          
+        }
+      })
+      
+    }
+  })
+}
+
+
+
  
 onMounted(() => {
   console.log("处理场所");