瀏覽代碼

Merge branch 'dev/v4.9.71_wmh' of qmx/jy into feature/v4.9.71

wenmenghao 8 月之前
父節點
當前提交
ee2c378fc7

+ 2 - 2
src/jfw/modules/app/src/web/templates/frontRouter/activity/free/exchange.html

@@ -100,7 +100,7 @@
             温馨提示
           </p>
           <p class="kf-desc">${dialog.kf_desc}</p>
-          <div class="kf-qrbox"><img :src="dialog.kf_qr" alt=""></div>
+          <div class="kf-qrbox" @click="saveQR(dialog.kf_qr)"><img :src="dialog.kf_qr" alt=""></div>
           <p class="kf-foot-desc">长按识别二维码添加客服企微</p>
         </van-popup>
         <!--E-弹窗-->
@@ -114,7 +114,7 @@
             <van-swipe :loop="false" @change="swiperChange" :show-indicators="false" ref="success_swipe">
               <van-swipe-item v-for="item in sc_qrlist">
                 <div class="sc_qr_box">
-                  <div class="sc_qr">
+                  <div class="sc_qr" @click="saveQR(item.qrcode)">
                     <img :src="item.qrcode" alt="">
                   </div>
                   <p class="sc_desc">${item.name}</p>

+ 35 - 1
src/web/staticres/common-module/active/exchange/exchange.js

@@ -179,5 +179,39 @@ var exchangeV = new Vue({
     regPhone (val) {
       return /^1[3-9]\d{9}$/.test(val)
     },
-  }
+  },
+      // app端点击保存二维码到本地
+  saveQR(url){
+    if(!url){
+      return
+    }
+        var _this = this
+        var imgs = url
+        var img = document.createElement('img')
+        img.src = imgs
+        img.setAttribute('crossorigin', 'anonymous')
+        img.onload = function () {
+          var base2Img = _this.getBase64Image(img)
+          var imgUrl = base2Img.replace('data:image/png;base64,', '')
+          try {
+            if (typeof window.__compatibleAppFn === 'function') {
+              window.__compatibleAppFn(JyObj.savePic, imgUrl, '剑鱼标讯需要您的存储权限、电话权限,将用于帮助您下载、保存图片到本地,将内容成功分享到社交平台。')
+            }
+            _this.$toast('二维码已成功保存至相册')
+          } catch (e) {
+            _this.$toast('二维码保存失败')
+          }
+        }
+        img.onerror = function () {
+        }
+      },
+      getBase64Image(img) {
+        var canvas = document.createElement('canvas')
+        canvas.width = img.width
+        canvas.height = img.height
+        var ctx = canvas.getContext('2d')
+        ctx.drawImage(img, 0, 0, img.width, img.height)
+        var dataURL = canvas.toDataURL('image/png')
+        return dataURL
+      },
 })

+ 2 - 2
src/web/templates/frontRouter/wx/activity/free/exchange.html

@@ -99,7 +99,7 @@
             温馨提示
           </p>
           <p class="kf-desc">${dialog.kf_desc}</p>
-          <div class="kf-qrbox"><img :src="dialog.kf_qr" alt=""></div>
+          <div class="kf-qrbox" @click="saveQR(dialog.kf_qr)"><img :src="dialog.kf_qr" alt=""></div>
           <p class="kf-foot-desc">长按识别二维码添加客服企微</p>
         </van-popup>
         <!--E-弹窗-->
@@ -113,7 +113,7 @@
             <van-swipe :loop="false" @change="swiperChange" :show-indicators="false" ref="success_swipe">
               <van-swipe-item v-for="item in sc_qrlist">
                 <div class="sc_qr_box">
-                  <div class="sc_qr">
+                  <div class="sc_qr" @click="saveQR(item.qrcode)">
                     <img :src="item.qrcode" alt="">
                   </div>
                   <p class="sc_desc">${item.name}</p>