保存图片优化

commit/requestPhp.js

@@ -2,6 +2,7 @@
 
 import {getPhpToken} from "../utils/readAppInfo"
 export let baseURL = 'https://testapi.hxxfb.com/'
+// export let baseURL = ''
 // 请求超出时间
 const timeout = 50000
 // const token = "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJhcGkuaHh4ZmIuY29tIiwiYXVkIjoiYXBpLmh4eGZiLmNvbSIsImlhdCI6MTc0MDM3MTM1NSwibmJmIjoxNzQwMzcxMzU1LCJleHAiOjE3NTExNzEzNTUsImp0aSI6WzI5OCwibWVyIl19.j2f8VwdwWY4zBpcijHntzUZ9YUms2SxChaVsYf7KnPs"

manifest.json

@@ -128,7 +128,7 @@
           }
         },
         "/gateway/api": {
-          "target": "http://testapi.hxxfb.com",
+          "target": "https://testapi.hxxfb.com",
           "pathRewirte": {
             //路径重写
             "^/api": "/"

shop/perating/activitecode.vue

@@ -18,7 +18,7 @@
       <view class="activite-card">
         <image
           class="activite-card-logo"
-          src="https://cdn.bjtdba.com/vod/image/2025-02-18/20250218234259970.png"
+          src="./assets/xfb.png"
           mode=""
         ></image>
 
@@ -35,11 +35,11 @@
           </view>
           <view class="activite-prompt-img">
             <image
-              src="https://cdn.bjtdba.com/vod/image/2022-08-23/20220823141611538.png"
+              src="./assets/zfb.png"
               mode=""
             ></image>
             <image
-              src="https://cdn.bjtdba.com/vod/image/2022-08-23/20220823141556288.png"
+              src="./assets/wx.png"
               mode=""
             ></image>
           </view>
@@ -54,7 +54,7 @@
         ></image>
         <view class="downLoad-text"> 保存图片 </view>
       </view> -->
-      <view class="downLoadButton" @click="clickGeneratePicture2">
+    <view class="downLoadButton" @click="clickGeneratePicture2">
         <image
           class="downLoad-image"
           src="../../static/saveImage.png"
@@ -62,7 +62,7 @@
         ></image>
         <view class="downLoad-text"> 保存图片 </view>
       </view>
-    </view>
+      </view>
     <!-- ************************* 海报画板 **********************-->
     <view style="position: absolute; bottom: 10%; left: 0%" v-show="flag">
       <l-painter
@@ -125,11 +125,12 @@ export default {
     this.$nextTick(() => {
       this.queryByKey();
     });
-    this.qrcode_src = e.qrcode_src;
+    this.qrcode_src = e.qrcode_src.replace('https://cdn.bjtdba.com', '');
+    // this.qrcode_src = e.qrcode_src;
+    
     this.code_id = e.code_id;
   },
   mounted() {
-
   },
   methods: {
 
@@ -335,7 +336,33 @@ export default {
         },
       });
     },
+    async downloadImage() {
+      try {
+        // 获取 DOM 元素
+        const element = document.getElementById('huoquId');
+        // 使用 html2canvas 将 DOM 转为 canvas
+        const canvas = await html2canvas(element);
+        // 将 canvas 转为图片地址
+        const imageUrl = canvas.toDataURL('image/png');
+        // 触发下载
+        this.downloadFile(imageUrl, 'image.png');
+      } catch (error) {
+        console.error('生成图片失败:', error);
+      }
+    },
+    // 下载文件的方法
+    downloadFile(url, filename) {
+      const link = document.createElement('a');
+      link.href = url;
+      link.download = filename;
+      document.body.appendChild(link);
+      link.click();
+      document.body.removeChild(link);
+    },
     clickGeneratePicture2() {
+      this.downloadImage();
+
+      return;
       let _this = this;
       let fileName = "pension_分享海报.jpg";
       // this.drawCanvas();
@@ -345,7 +372,7 @@ export default {
       //     const imageUrl = canvas.toDataURL('image/png');
       //     _this.saveImageData(imageUrl);
       //   });
-      //
+      // 
       if (this.qrcode_src == "") {
         uni.showToast({
           title: "无生成二维码",
@@ -526,7 +553,7 @@ page {
     display: flex;
     flex-direction: column;
     align-items: center;
-    background: url("https://cdn.bjtdba.com/vod/image/2022-08-23/20220823132549341.png")
+    background: url("./assets/bg.png")
       no-repeat;
     background-size: 100%;
     padding-bottom: 242rpx;
@@ -535,7 +562,7 @@ page {
       width: 688rpx;
       margin-top: 154rpx;
       height: 1053rpx;
-      background: url("https://cdn.bjtdba.com/vod/image/2022-08-23/20220823134038776.png")
+      background: url("./assets/bg2.png")
         no-repeat;
       background-size: 100%;
       display: flex;
@@ -549,7 +576,8 @@ page {
         position: absolute;
         top: -52rpx;
         left: 50%;
-        transform: translate(-50%, 0);
+        /* transform: translate(-50%, 0); */
+        margin-left: -72rpx;
       }
 
       .activite-cardImg {