fix: 修复 填写上报内容图片加水印

pages/record-content/index.vue

@@ -353,6 +353,7 @@
 import { actionsOptions, week } from '@/pages/record-content/mock';
 import UploadActionSheet from '@/pages/record-content/UploadActionSheet';
 import CertificateTypeActionSheet from '@/pages/record-content/CertificateTypeActionSheet';
+import { baseEncode } from '@/utils/util';
 
 export default {
   components: { CertificateTypeActionSheet, UploadActionSheet },
@@ -473,12 +474,12 @@ export default {
      */
     async upload() {
       if (this.address === '' || this.address === '点击授权获取位置信息') {
-        // uni.showModal({
-        //   title: '提示',
-        //   content: '请获取拍摄地点后上传照片',
-        //   showCancel: false,
-        // });
-        // return;
+        uni.showModal({
+          title: '提示',
+          content: '请获取地点后上传照片',
+          showCancel: false,
+        });
+        return;
       }
       this.$refs.uploadActionSheet.show = true;
     },
@@ -505,14 +506,21 @@ export default {
             file,
           },
         });
+
+        const myAddress = `${'拍摄地点:' + '  '}${this.address}`;
+        const myDay = `${'拍摄时间:' + '  '}${uni.$u.timeFormat(new Date(), 'yyyy-mm-dd hh:MM:ss')}`;
+
         const { key } = JSON.parse(res);
-        // this.photoList.push({
-        //   id: uni.$u.guid(),
-        //   type,
-        //   url: `${data.qn_domain}${key}`,
-        // });
-        media.url = `${data.qn_domain}${key}`;
+        media.url =
+          type === 'image'
+            ? `${data.qn_domain}${key}?watermark/3/text/${baseEncode(myAddress)
+                .replace(/\+/g, '-')
+                .replace(/\//g, '_')}/font/5b6u6L2v6ZuF6buR/fontsize/240/fill/I0ZGRkZGRg==/dissolve/100/gravity/SouthWest/dx/28/dy/40/text/${baseEncode(myDay)
+                .replace(/\+/g, '-')
+                .replace(/\//g, '_')}/font/5b6u6L2v6ZuF6buR/fontsize/240/fill/I0ZGRkZGRg==/dissolve/100/gravity/SouthWest/dx/28/dy/10`
+            : `${data.qn_domain}${key}`;
         media.status = 'finish';
+
         if (type === 'video') {
           this.photoList = this.photoList.map((value, index) => ({
             ...value,

utils/util.js

@@ -49,4 +49,69 @@ export const myRequest = (options) => {
 
 export const getPrice = (value = 0) => Number(value ?? 0) / 100;
 
+// 图片水印
+const base64_encode = (str) => {
+  // 下面是64个基本的编码
+  const base64EncodeChars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';
+  let out;
+  let i;
+  let len;
+  let c1;
+  let c2;
+  let c3;
+  len = str.length;
+  i = 0;
+  out = '';
+  while (i < len) {
+    c1 = str.charCodeAt(i++) & 0xff;
+    if (i == len) {
+      out += base64EncodeChars.charAt(c1 >> 2);
+      out += base64EncodeChars.charAt((c1 & 0x3) << 4);
+      out += '==';
+      break;
+    }
+    c2 = str.charCodeAt(i++);
+    if (i == len) {
+      out += base64EncodeChars.charAt(c1 >> 2);
+      out += base64EncodeChars.charAt(((c1 & 0x3) << 4) | ((c2 & 0xf0) >> 4));
+      out += base64EncodeChars.charAt((c2 & 0xf) << 2);
+      out += '=';
+      break;
+    }
+    c3 = str.charCodeAt(i++);
+    out += base64EncodeChars.charAt(c1 >> 2);
+    out += base64EncodeChars.charAt(((c1 & 0x3) << 4) | ((c2 & 0xf0) >> 4));
+    out += base64EncodeChars.charAt(((c2 & 0xf) << 2) | ((c3 & 0xc0) >> 6));
+    out += base64EncodeChars.charAt(c3 & 0x3f);
+  }
+  return out;
+};
+
+const utf16to8 = (str) => {
+  let out;
+  let i;
+  let len;
+  let c;
+  out = '';
+  len = str.length;
+  for (i = 0; i < len; i++) {
+    c = str.charCodeAt(i);
+    if (c >= 0x0001 && c <= 0x007f) {
+      out += str.charAt(i);
+    } else if (c > 0x07ff) {
+      out += String.fromCharCode(0xe0 | ((c >> 12) & 0x0f));
+      out += String.fromCharCode(0x80 | ((c >> 6) & 0x3f));
+      out += String.fromCharCode(0x80 | ((c >> 0) & 0x3f));
+    } else {
+      out += String.fromCharCode(0xc0 | ((c >> 6) & 0x1f));
+      out += String.fromCharCode(0x80 | ((c >> 0) & 0x3f));
+    }
+  }
+  return out;
+};
+
+export const baseEncode = (str) => {
+  return base64_encode(utf16to8(str));
+};
+
 export default myRequest;