From 42e9129f8a1c545b4546c30eef409bf32e6d5de2 Mon Sep 17 00:00:00 2001
From: owen <owen@evolsun.com>
Date: Wed, 4 Oct 2023 09:11:49 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BA=A4=E6=98=93=EF=BC=9A=E6=A0=B8=E9=94=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 api/order.js                  |  8 --------
 pages/order_details/index.vue | 38 +++++++++++++++++------------------
 2 files changed, 18 insertions(+), 28 deletions(-)

diff --git a/api/order.js b/api/order.js
index ec543162..50efe6aa 100644
--- a/api/order.js
+++ b/api/order.js
@@ -206,14 +206,6 @@ export function postOrderComputed(data) {
 	return request.post("order/computed/price", data);
 }
 
-/**
- * 将字符串 转base64
- * @param object data
- */
-export function qrcodeApi(data) {
-	return request.post('qrcode/str2base64', data, {}, 1);
-}
-
 /**
  * 微信订单支付
  * @param object data
diff --git a/pages/order_details/index.vue b/pages/order_details/index.vue
index f6026507..89c4b641 100644
--- a/pages/order_details/index.vue
+++ b/pages/order_details/index.vue
@@ -66,20 +66,18 @@
           </view>
         </view>
 
-        <!-- TODO 芋艿：核销的情况 -->
         <view v-if="orderInfo.deliveryType === 2 && orderInfo.payStatus" class="writeOff borRadius14">
 					<view class="title">核销信息</view>
 					<view class="grayBg">
 						<view class="pictrue">
-							<!-- <div class="qrcode" ref="qrcode"></div> -->
-							<!-- <canvas canvas-id="qrcode" :style="{width: `${qrcodeSize}100%`, height: `${qrcodeSize}100%`}"/> -->
-							<image :src="codeImg"></image>
+              <div class="qrcode" ref="qrcode"></div>
+              <canvas canvas-id="qrcode" :style="{width: `${qrcodeSize}px`, height: `${qrcodeSize}px`}"/>
 						</view>
 					</view>
 					<view class="gear">
 						<image src="../../static/images/writeOff.jpg"></image>
 					</view>
-					<view class="num">{{ orderInfo.verifyCode }}</view>
+					<view class="num">{{ orderInfo.pickUpVerifyCode }}</view>
 					<view class="rules" v-if='system_store.id'>
 						<view class="item">
 							<view class="rulesTitle acea-row row-middle">
@@ -259,7 +257,6 @@
 	</view>
 </template>
 <script>
-  import { qrcodeApi } from '@/api/order.js';
   import * as OrderApi from '@/api/trade/order.js';
   import * as DeliveryApi from '@/api/trade/delivery.js';
   import { openOrderRefundSubscribe } from '@/utils/SubscribeMessage.js';
@@ -271,6 +268,8 @@
   import { mapGetters } from "vuex";
   import dayjs from '@/plugin/dayjs/dayjs.min.js';
   import * as Util from '@/utils/util.js';
+  import uQRCode from '@/js_sdk/Sansnn-uQRCode/uqrcode.js';
+
   export default {
     components: {
       payment,
@@ -291,10 +290,7 @@
 
         // ========== 门店自提（核销） ==========
         system_store: {}, // 门店信息
-
-        // TODO 芋艿：未整理
-        codeImg: '',
-        qrcodeSize: 100
+        qrcodeSize: 145
       };
     },
     computed: mapGetters(['isLogin', 'chatUrl', 'userInfo']),
@@ -363,7 +359,7 @@
             });
           }
           if (this.orderInfo.deliveryType === 2 && this.orderInfo.payStatus) {
-            this.markCode(res.data.verifyCode);
+            this.markCode(res.data.pickUpVerifyCode);
           }
         }).catch(err => {
           uni.hideLoading();
@@ -458,19 +454,21 @@
         });
       },
 
-      // TODO 芋艿：未整理
-
       /**
-       * 生成二维码
+       * 生成核销二维码
        */
       markCode(text) {
-        qrcodeApi({
-          height: '145',
+        uQRCode.make({
+          canvasId: 'qrcode',
           text: text,
-          width: '145'
-        }).then(res => {
-          this.codeImg = res.data.code
-        });
+          size: this.qrcodeSize,
+          margin: 10,
+          fail: res => {
+            this.$util.Tips({
+              title: '核销二维码生成失败！'
+            });
+          }
+        })
       },
       /**
        * 去拼团详情